@charset "shift_jis";


#body h2 { background-color: #EBEBEB; color: #000; padding-top: 5px; padding-bottom: 5px; }
#body em { font-style: normal; font-weight: bold; }
#body .wrap { }

/*#body form{ margin: 0px auto; width: 320px; }*/
#body form{ margin: 0px 30px; width: 320px; }

/*#body .item { width: 320px; border-bottom: 1px dotted #AAAAAA; overflow: hidden; padding-bottom: 3px; padding-top: 3px; }*/
#body .item { width: 350px; border-bottom: 1px dotted #AAAAAA; overflow: hidden; padding-bottom: 3px; padding-top: 3px;} /*----*/

#body .itemA { }
#body .itemA em { display: block; margin-bottom: 3px; }
/*--2024.07.10---*/
/*#body .itemA .l { float: left; width:67px; padding-left: 10px; }
#body .itemA input { font-size: 13px; padding: 3px; width: 40px; border: 1px solid #333; margin-right: 3px; }*/
#body .itemA .l { float: left; width:80px; padding-left: 5px; }
#body .itemA input { font-size: 13px; padding: 3px; width: 55px; border: 1px solid #333; margin-right: 3px; }
/*-----------------*/


#body .itemB .h{ float: left; width: 50px; padding-left: 10px; }
#body .itemB .l{ float: left; width: 250px; padding-left: 10px; }
#body .itemB input { margin-right: 5px; }

/*#body .itemC .h { float: left; width: 85px; padding-left: 10px; padding-top: 8px;}*//*--2024.06.10 */
#body .itemC .h { float: left; width: 110px; padding-right: 10px; padding-bottom: 4px; text-align:right;}/*--2024.06.10 */
#body .itemC .l { float: left; width: 85px; }
#body .itemC input { font-size: 13px; padding: 3px; width: 50px; border: 1px solid #333; margin-right: 5px; } 

#body .itemD .h { float: left; width: 85px; padding-left: 10px; padding-top: 5px; }
#body .itemD .l{ float: left; }

/*#body .itemLx .h { float: left; width: 70px; padding-left: 5px; padding-top: 5px; }
#body .itemLx .l{ display: block; width:250px float: left;}
#body .itemLx .k{  float: left; width: 200px; padding-left: 5px; padding-top: 5px; text-align:center }
#body .itemLx input[type="number"] { font-size: 12px; padding: 3px; width: 20px; border: 1px solid #333; margin-right: 5px; }
*/

#body .itemLx-pc { /*width: 450px;*/ width: 350px;border-bottom: 1px dotted #AAAAAA; margin-bottom:2px; }
#body .itemLx-pc .h { float: left; width: 70px; padding-left: 5px; padding-top: 5px; }
#body .itemLx-pc .l{ display: block; width:250px float;left;}
#body .itemLx-pc .k{  float: left; width: 200px; padding-left: 5px; padding-top: 5px; text-align:center }
#body .itemLx-pc input[type="number"] { font-size: 12px; padding: 3px; width: 20px; border: 1px solid #333; margin-right: 5px; }



#body .btn { text-align: center; padding-top: 10px; padding-bottom: 10px; }

#body .btn input { font-size: 14px; color: #fff; padding: 6px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); margin-right: 10px; }

#body .item ul:after { content: ''; display: block; clear: both; }
#body .item li { position: relative; float: left; width: 55px; }
#body .item li { position: relative; float: left; width: 55px; }
#body .item li.w { width: 70px; }
#body .item li p { padding: 0 2px; }

/*  2024.06.20  comment out
#body .item li label {
	 display: block; padding: 2px; background: -moz-linear-gradient( top, #F2F2F2 0%, #F2F2F2 50%, #D3D3D3 50%, #D3D3D3);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(0.5, #F2F2F2), color-stop(0.5, #D3D3D3), color-stop(1, #D3D3D3));
	 color: #666; text-align: center; border-radius: 4px;
}

#body .item li input[type="radio"]:checked + label { 
	display: block; padding: 2px; background: -moz-linear-gradient( top, #ECECEC 0%, #F6F6F6); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECEC), color-stop(1, #F6F6F6)); color: #333; text-align: center; border-radius: 4px; 
}
*/

/* //--  2024.06.10 edit -----------------------*/
#body .item li label {
	 display: block; padding: 2px; background: -moz-linear-gradient( top, #F2F2F2 0%, #F2F2F2 50%, #D3D3D3 50%, #D3D3D3);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(0.5, #F2F2F2), color-stop(0.5, #D3D3D3), color-stop(1, #D3D3D3));
	 color: #333; text-align: center; border-radius: 4px;
	 font-weight:normal;
}

#body .item li input[type="radio"]:checked + label { 
	 display: block; padding: 2px; background: -moz-linear-gradient( top, #F2F2F2 0%, #F2F2F2 50%, #B5C8D2 50%, #B5C8D2);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(0.5, #F2F2F2), color-stop(0.5, #B5C8D2), color-stop(1, #B5C8D2));
	 border: 1px solid #aaa;
	 font-weight:bold;
}
/*------------------------------------------//*/

#body .item li input[type="radio"] { opacity : 0; position: absolute; height: 23px; }

.back { position: absolute; top: 0px; }
.back a { font-size: 14px; color: #fff; padding: 6px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); display: block; margin-top: 13px; margin-left: 10px; }


#body { padding-top: 8px;}


/*---base CSS ------------------------------*/
.bold { font-weight:bold;}

.font-8 { font-size:8px;}
.font-10 { font-size:10px;}
.font-11 { font-size:11px;}
.font-12 { font-size:12px;}
.font-13 { font-size:13px;}
.font-14 { font-size:14px;}
.font-16 { font-size:16px;}
.font-18 { font-size:18px;}

.red { color:#e00;}
.d-red { color:#900;}
.blue{ color:#00e;}
.d-blue{ color:#009;}
.green{ color:#0b0;}
.pink{ color:#F0F;}
.white { color:#FFF;}
.glay { color:#999;}
.l-glay { color:#bbb;}
.black { color:#000;}


.w-20 {width:20px;}
.w-30 {width:30px;}
.w-40 {width:40px;}
.w-50 {width:50px;}
.w-60 {width:60px;}
.w-70 {width:70px;}
.w-80 {width:80px;}
.w-90 {width:90px;}
.w-100 {width:100px;}
.w-120 {width:120px;}
.w-140 {width:140px;}
.w-150 {width:150px;}
.w-160 {width:160px;}
.w-180 {width:180px;}
.w-200 {width:200px;}
.w-225 {width:225px;}
.w-250 {width:250px;}
.w-300 {width:300px;}
.w-325 {width:325px;}
.w-350 {width:350px;}
.w-400 {width:400px;}
.w-450 {width:450px;}
.w-500 {width:500px;}
.w-600 {width:600px;}
.w-700 {width:700px;}
.w-800 {width:800px;}

.box {display:inline-block;}
.hidden {display:none;}

.pdg-l-5{ padding-left:5px;}
.pdg-l-10{ padding-left:10px;}
.pdg-l-20{ padding-left:20px;}
.pdg-l-30{ padding-left:30px;}