@charset "Shift_JIS";

/* ==========================================================================
 table
=========================================================================== */
.nrmTbl, .nrmTbl th,.nrmTbl td, .sep {border-color:#cccccc;}
.nrmTbl thead th,.nrmTbl tbody th,.payselect{background-color:#efefef;}

.nrmTbl td.photo{border-right:0px solid;padding-right:0px;}
.nrmTbl td.borderdot{border-top-style:dotted;}

.loginTbl{width:auto;margin:0 auto;}
.loginTbl td{white-spacing:nowrap;padding:5px;}
.loginTbl th{white-spacing:nowrap;padding:5px;}


/* ==========================================================================
 見出し
=========================================================================== */
.h2mode2 {position:relative;border-bottom:2px solid #33712e;padding:0 0 7px 6px;margin:30px 0 15px;}
.h2mode2 .bd {display:block;font-size:116%;font-weight:bold;padding-top:2px;color:#333;min-height:20px;height:auto !important;height:20px;}
.h2mode2 .bod{background:url(/spo/res/img/h2bk.gif) no-repeat;background-color:#33712e;width:6px;height:24px;display:block;float:left;padding:0;margin-right:10px;}


.h3mode2 {position:relative;font-weight:bold;color:#333;min-height:16px;height:auto !important;height:16px;padding:0 0 5px 6px;margin:30px 0 15px;border-bottom:1px dotted #33712e;}
.h3mode2 .bd {display:block;font-weight:bold;color:#333;min-height:20px;height:auto !important;height:20px;}
.h3mode2 .bod{background:url(/spo/res/img/h3bk.gif) no-repeat;background-color:#33712e;width:4px;height:16px;display:block;float:left;padding:0;margin-right:10px;}
.h3modeNL2 {color:#333333;font-weight:bold;height:auto !important;margin-bottom:15px;min-height:16px;}
.h3modeNL2 .bd {display:block;font-weight:bold;color:#333;min-height:20px;height:auto !important;height:20px;}
.h3modeNL2 .bod{background:url(/spo/res/img/h3bk.gif) no-repeat;background-color:#33712e;width:4px;height:16px;display:block;float:left;padding:0;margin-right:10px;}


.h3mode2 .sublink { position:absolute;  top:-7px;right:5px;}
.h3mode2 .welcome { position:absolute;  top:-0px;right:5px;font-weight:normal;}

.h2mode2,.h3mode2 {
background:linear-gradient(#ffffff, #f0fbde);/* 通常 */
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0fbde));/* webkit用 */
background:-moz-linear-gradient(top, #ffffff, #f0fbde);/* mozilla用 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f0fbde));/*IE6 IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f0fbde))";/* IE8 */
zoom: 1;
}


/* ==========================================================================
 個別
=========================================================================== */
#lpf #totalArea {padding:5px;} 
#lpf #totalArea .total {background-color:#ffffff;padding:5px;}
.sep{border-top:1px solid #cccccc;margin-top:10px;padding-top:10px;}
.formBtn {border-top:1px solid #ffc799;border-bottom:1px solid #ffc799;padding:15px 7px;}
.formDisabled{background-color:#efefef;}
.nomember{width:auto;float:right;}

.question {background:url(/common/img/icn_question.gif) no-repeat;padding-left:25px;min-height:17px;display:inline-block;}
.exclamation{background:url(/common/img/icn_exclamation.gif) no-repeat;padding-left:25px;min-height:17px;display:inline-block;}


.linkRed:link{color:#cc3333;}
.fcn{color:#333333;}/*フォントカラー ノーマル*/


.stepintro {color:#33712e;position:relative;width:725px;height:91px;margin:30px auto;/*default:#ffffff,#f0fbde*/
	background:linear-gradient(#f0fbdc, #e2f7bd);
	background:-webkit-gradient(linear, left top, left bottom, from(#f0fbdc), to(#e2f7bd));
	background:-moz-linear-gradient(top, #f0fbdc, #e2f7bd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f0fbdc, endcolorstr=#e2f7bd));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f0fbdc, endcolorstr=#e2f7bd))";
}
.stepintro p.ttl{width:170px;font-size:1.2em;font-weight:bold;position:absolute;left:0px;top:10px;line-height:1.2;text-align:center;margin-top:8px;}
.stepintro p.ttl span{font-size:0.8em;}
.stepintro .steps{width:552px;height:81px;background-color:#ffffff;overflow:hidden;position:absolute;left:168px;top:5px;}
.stepintro .steps .num{background-color:#ffffff;font-weight:bold;padding:2px;}
.stepintro .steps .bd{display:block;font-weight:bold;margin-top:5px;}
.stepintro .steps .st1,.stepintro .steps .st2,.stepintro .steps .st3{width:164px;height:44px;border-bottom:1px solid #e6e6e6;padding:8px;}
.stepintro .steps .st1{position:absolute;left:10px;top:10px;}
.stepintro .steps .st2{position:absolute;left:190px;top:10px;width:156px;padding-left:16px;}
.stepintro .steps .st3{position:absolute;left:370px;top:10px;width:148px;padding-left:16px;}
.stepintro .steps .arr1{background:url(/spo/res/img/stepintro_arr.gif) no-repeat;width:15px;height:61px;position:absolute;left:182px;top:10px;}
.stepintro .steps .arr2{background:url(/spo/res/img/stepintro_arr.gif) no-repeat;width:15px;height:61px;position:absolute;left:362px;top:10px;}
.stepintro .steps .st1{color:#33712e;
	background:linear-gradient(#c6e78e, #f1f9e3);
	background:-webkit-gradient(linear, left top, left bottom, from(#c6e78e), to(#f1f9e3));
	background:-moz-linear-gradient(top, #c6e78e, #f1f9e3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c6e78e, endcolorstr=#f1f9e3));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c6e78e, endcolorstr=#f1f9e3))";
}
.stepintro .steps .st2,.stepintro .steps .st3{color:#666666;
	background:linear-gradient(#e0e0e0, #f7f7f7);
	background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f7f7f7));
	background:-moz-linear-gradient(top, #e0e0e0, #f7f7f7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#e0e0e0, endcolorstr=#f7f7f7));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#e0e0e0, endcolorstr=#f7f7f7))";
}