@charset "utf-8";
/*label {
	display:block;
	width:30%;
	padding:5%;
	margin:5%;
	font-weight: bold;
	background:#E6F4F7;
	float:left
}
label:hover {

	background:#f6FfFf;

}*/
p label:last-child{
	margin-bottom:20px
}
input[type="text"],input[type="password"]{
	width:200px
}
textarea {
	width:94%
}
/* 選択項目の基本的なデザイン */	

.radio { display:block; height:auto; white-space: nowrap; text-align:center　 }
.radio li {
	margin:auto; 
    /*left: -50px;*/
    top: 10px;  
    position: relative;  
    list-style: none;
	text-align:center;
	width:100%; 
    /*float: left;*/
	clear:both;

}


.radio label {
	background-color:#cccccc;/*IE*/
	display:block;  
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
    padding: 10px ; 
	margin:10px auto;
    border: 1px solid #fff;  
    -moz-box-shadow: 0 0 1px #ccc;  
    -webkit-box-shadow: 0 0 1px #ccc;  
    color: #888888;  
    font-weight: bold;
	font-size:18px;  
    text-shadow: 0 1px #fff;  
    text-align: center;
	width:80% ;
	border-radius:10px;   
}


/*.radio li:first-child label {  
    border-radius: 10px 0 0 10px;  
}


.radio li:last-child label {  
    border-radius: 0 10px 10px 0;  
}
*/
.radio li input[type="radio"] {
    opacity : 0; 
	left:-20%; 
    position: absolute;
    /* iPhoneで押せる範囲を指定するためにinputの範囲をliタグ内全体にする */
    width: 120%;  
    height: 100%;   
    padding: 0;  
}

/* 項目を選択したとき色を変える */
.radio li input:checked + label {
	background-color:#6dc9e2;/*IE*/  
    background: -moz-linear-gradient(top, #6dc9e2, #6dc9e2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6dc9e2), color-stop(1, #6dc9e2));  
	color: #fff;  
	text-shadow: 0 -1px #aaa;  
}