@charset "Shift_JIS";
/*training.css*/

/*fontstyle*/
.popup p{font-size:16px;line-height:1.5;color:#141414;}
#trainIndex #traRelax p.caution{font-size:14px;}
#trainIndex #traRelax p.small{font-size:10px;}

/*trainIndex*/
/*----------------------------------------------------------------------*/
#trainIndex #nextNavi{padding-bottom:42px;}
#trainIndex .blockSet{margin-bottom:0;padding-bottom:0;}
/**/
#trainIndex h2{padding-bottom:15px;}
#trainIndex h3{padding-bottom:0;}
#trainIndex .lead{margin-bottom:32px;}

/*traOnitore*/
#trainIndex #traOnitore{background:url(../img/training_frame_bg_btm.gif) right bottom no-repeat;padding-bottom:15px;margin-bottom:33px;position:relative;}
#trainIndex #traOnitore #onitoreNav{width:860px;background:url(../img/training_frame_bg.gif) left top repeat-y;padding:17px 20px 5px;overflow:hidden;}
#trainIndex #traOnitore ul li{float:left;width:178px;margin-right:19px;}
#trainIndex #traOnitore ul #oniNavA,
#trainIndex #traOnitore ul #oniNavD,
#trainIndex #traOnitore ul #oniNavH{width:223px;}
#trainIndex #traOnitore ul #oniNavA,
#trainIndex #traOnitore ul #oniNavB,
#trainIndex #traOnitore ul #oniNavC,
#trainIndex #traOnitore ul #oniNavD{margin-bottom:7px;}
#trainIndex #traOnitore ul #oniNavD,
#trainIndex #traOnitore ul #oniNavH{margin-right:0;}
#trainIndex #traOnitore ul #oniNavE{margin:0 44px 0 20px;}

/*traOther*/
#trainIndex #traOther{padding-bottom:34px;}
#trainIndex #traOther ul{float:left;}
#trainIndex #traOther li{float:left;width:278px;margin-right:33px;position:relative;}

/*tBtnMore*/
#trainIndex .tBtnMore{width:174px;height:47px;position:absolute;}
#trainIndex .tBtnMore a{background-image:url(../img/training_btn_more.gif);}

/*traOther*/
#trainIndex #traOnitore .tBtnMore{right:20px;top:20px;}
#trainIndex #traOther li .tBtnMore{left:54px;top:360px;}

#trainIndex #traRelax,
#trainIndex #traRelax .floatSet{padding-bottom:22px;}
#trainIndex #traRelax .floatSet .textBox{float:left;width:590px;}
#trainIndex #traRelax h4{width:600px;background:url(../img/training_line.gif) left bottom repeat-x;margin-bottom:10px;padding-bottom:4px;}
#trainIndex #traRelax .textBox p{position:static;padding-bottom:14px;}
#trainIndex #traRelax .ph{width:278px;height:232px;float:right;}
#trainIndex #traRelax p.caution{clear:both;}
#trainIndex #traRelax p.small{padding-top:10px;}

/*body.popup*/
/*----------------------------------------------------------------------*/
body.popup{width:1000px;background:none;background-color:transparent;margin:0 auto;overflow:hidden;}
body.popup .floatSet{padding-bottom:32px;}
body.popup h2{padding-bottom:20px;}
body.popup h2,
body.popup .floatSet .text{padding-bottom:20px;}
#popWrapper{width:1000px;margin:0 auto;}
/*popCont*/
#popCont{width:960px;left:0;top:0;}
#popCont .popContTop,
#popCont .popContBtm{background-image:url(../img/training_pop_cont_bg.png);}
#popCont .popContIn{width:920px;padding:32px 0 22px 40px;}
#trainOnitore #popCont #tOniKindCont{height:550px;}
#trainSupport #popCont #tOniKindCont,
#trainSupport #popCont #tOniKindCont li,
#trainNoutore #popCont #tOniKindCont,
#trainNoutore #popCont #tOniKindCont li{height:462px;}

/*trainOnitore*/
#trainOnitore .floatSet{min-height:107px;height:auto !important;height:107px;}
#trainOnitore .floatSet .text{float:left;width:560px;}
#trainOnitore .floatSet .ph{float:right;width:300px;padding-right:39px;}
#trainOnitore #popCont ul li{float:left;width:420px;height:232px;margin:0 40px 40px 0;}
#trainOnitore #popCont ul li h3{float:right;width:226px;padding-top:1px;}
#trainOnitore #popCont ul li .ph{float:left;width:194px;}
#trainOnitore #popCont ul li .tBtnMovie{float:right;width:166px;padding:5px 29px 0 30px;}
#trainOnitore #popCont ul li .text{float:right;width:214px;padding:6px 0 0 12px;}

/*trainSupport*/
#trainSupport .floatSet .text{float:left;width:374px;}
#trainSupport .floatSet .ph{float:right;width:487px;padding-right:39px;}
#trainSupport #popCont ul li{float:left;width:268px;margin:0 37px 0 0;position:relative;}
#trainSupport #popCont ul li h3{position:absolute;left:0;top:247px;width:268px;height:31px;}
#trainSupport #popCont ul li .ph{position:absolute;left:37px;top:0;width:194px;height:232px;}
#trainSupport #popCont ul li .tBtnMovie{position:absolute;left:49px;top:288px;}
#trainSupport #popCont ul li .text{width:268px;min-height:64px;height:auto !important;height:64px;padding:332px 0 0 0;}

/*trainNoutore*/
#trainNoutore .floatSet{min-height:142px;height:auto !important;height:142px;padding-bottom:10px;}
#trainNoutore .floatSet .text{float:left;width:426px;}
#trainNoutore .floatSet .ph{float:right;width:433px;padding-right:39px;}
#trainNoutore #popCont ul li{float:left;width:268px;margin:0 37px 0 0;position:relative;}
#trainNoutore #popCont ul li .newmark{position:absolute;left:103px;top:-33px;width:64px;height:33px;}
#trainNoutore #popCont ul li h3{position:absolute;left:0;top:247px;width:268px;height:31px;}
#trainNoutore #popCont ul li .ph{position:absolute;left:37px;top:0;width:194px;height:232px;}
#trainNoutore #popCont ul li .tBtnMovie{position:absolute;left:49px;top:288px;}
#trainNoutore #popCont ul li .text{width:268px;min-height:64px;height:auto !important;height:64px;padding:332px 0 0 0;}

/*trainTime*/
#trainTime,
#trainTime #popWrapper{width:580px;margin:0 auto;}
#trainTime #popCont{width:580px;margin-top:80px;}
#trainTime #popCont .popContTop,
#trainTime #popCont .popContBtm{background-image:url(../img/training_pop_cont_time_bg.png);}
#trainTime #popCont .popContIn{width:540px;padding:32px 0 22px 40px;}
#trainTime h2{padding-bottom:49px;}
#trainTime .floatSet{width:500px;padding-bottom:10px;}
#trainTime #popCont .ph{float:left;width:240px;margin-right:20px;}
#trainTime #popCont .tBtnMovie{float:left;width:166px;margin-bottom:7px;}
#trainTime #popCont .text{float:left;width:240px;}

/*trainRelax*/
#trainRelax .text{padding-bottom:32px;}
#trainRelax #popCont ul li{float:left;width:268px;margin:0 37px 0 0;position:relative;}
#trainRelax #popCont ul li .phSml{width:188px;margin:0 auto;}
#trainRelax #popCont ul li h3{position:absolute;left:0;top:238px;width:268px;height:31px;}
#trainRelax #popCont ul li .tBtnMovie{position:absolute;left:49px;top:288px;}
#trainRelax #popCont ul li .text{width:268px;min-height:40px;height:auto !important;height:40px;padding:109px 0 0 0;}

/*----------------------------------------------------------------------*/
/*#trainMovie*/
.trainMovie{width:584px;background:none;background-color:transparent;margin:0 auto;overflow:hidden;}
.trainMovie #popWrapper{width:584px;margin:0 auto;}
/*popCont*/
.trainMovie #popCont{width:544px;}
.trainMovie #popCont h2{height:51px;padding-bottom:11px;}
.trainMovie #popCont .popContTop,
.trainMovie #popCont .popContBtm{background-image:url(../img/training_pop_cont_mov_bg.png);}
.trainMovie #popCont .popContIn{width:320px;height:617px;padding:32px 112px 0;}
.trainMovie #traMovArea{width:320px;height:425px;z-index:90;}
/*btn*/
#popCont .tBtnBack{position:absolute;left:186px;top:557px;}
#popBtnClose a{z-index:100;}
/**/
/*tMovRelax*/
#tMovRelax #popCont h2.wide{padding-bottom:43px;}
#tMovRelax #popCont .popContIn{width:384px;padding:32px 80px 0px;}
#tMovRelax #traMovArea{width:384px;height:361px;z-index:90;}
#tMovRelax #nonflash{width:320px;margin:0 auto;}
#tMovRelax #nonflash.wide{width:384px;}
/*tMovTime*/
#tMovTime #popCont .popContIn{height:592px;padding-bottom:0;}
#tMovTime #popCont .tBtnBack{padding:0 0 62px;}

/*----------------------------------------------------------------------*/
/*tBtnMovie*/
#popCont .tBtnMovie{width:166px;height:38px;}
#popCont .tBtnMovie a{background-image:url(../img/training_btn_movie.gif);}

/*tBtnBack*/
#popCont .tBtnBack{width:166px;height:38px;}
#popCont .tBtnBack a{background-image:url(../img/training_btn_back.gif);}

/*bnrPos*/
.trainMovie #bnrPos,
#popCont #tOniKindCont #bnrPos{clear:both;height:10px;position:absolute;bottom:20px;}
#trainOnitore #tOniKindCont #bnrPos{width:30px;left:465px;}
#trainSupport #tOniKindCont #bnrPos,
#trainNoutore #tOniKindCont #bnrPos{width:50px;left:455px;}
#tMovOnitore #bnrPos{width:160px;left:197px;}
#tMovSupport #bnrPos,
#tMovNoutore #bnrPos{width:180px;left:187px;}
#tMovRelax #bnrPos{width:60px;left:247px;}
.trainMovie #bnrPos li,
#popCont #tOniKindCont #bnrPos li{float:left;width:10px;height:10px;margin:0 10px 0 0;}
.trainMovie #bnrPos li.last,
#popCont #tOniKindCont #bnrPos li.last{margin:0;}
.trainMovie #bnrPos li a,
#popCont #tOniKindCont #bnrPos li a{background-image:url(../img/training_btn_flow.gif);}
.trainMovie #bnrPos li.current a,
#popCont #tOniKindCont #bnrPos li.current a{background-position:left bottom;}

/*btnRight-btnLeft*/
#tOniBtnRight{width:54px;height:54px;position:absolute;right:-20px;top:405px;}
#tOniBtnRight a{background-image:url(../img/training_btn_right.png);}
#tOniBtnLeft{width:54px;height:54px;position:absolute;left:-20px;top:405px;}
#tOniBtnLeft a{background-image:url(../img/training_btn_left.png);}
.trainMovie #tOniBtnRight{right:-20px;top:268px;}
.trainMovie #tOniBtnLeft{left:-20px;top:268px;}