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

/*----------------------------------------------------------------------*/
/*header*/
#header{clear:both;width:100%;height:auto !important;height:714px;min-height:714px;background:url(../../common/img/bg.gif) 0 0 repeat;border-bottom:1px solid #c8c8c8;}
#headerIn{clear:both;width:960px;margin:0 auto;position:relative;}
#header h1{position:absolute;left:68px;top:193px;}
#header #hCatch{position:absolute;left:137px;top:50px;}
#header #hImgPro{position:absolute;left:642px;top:205px;}

/*----------------------------------------------------------------------*/
/*top navi*/ 

#mainCont ul.btnNaviBox li{width:195px;height:122px;position:absolute;}
#mainCont ul.btnNaviBox li .newmark{position:absolute;left:73px;top:-34px;}
#mainCont ul.btnNaviBox li .update{position:absolute;left:67px;top:-34px;}
#mainCont ul.btnNaviBox li.off{background-position:left bottom;}
#mainCont ul.btnNaviBox li a:hover{background-position:0 -132px;}

#mainCont ul.btnNaviBox #tBtnAbout{left:63px;top:-90px;}
#mainCont ul.btnNaviBox #tBtnAbout a{background-image:url(../img/top_btn_nav_about.png);}
#mainCont ul.btnNaviBox #tBtnAbout a:hover{background-position:left bottom;}

#mainCont ul.btnNaviBox li#tBtnOnitore{left:278px;top: -90px;}
#mainCont ul.btnNaviBox li#tBtnOnitore a{background-image:url(../img/top_btn_nav_onitore.png);}
#mainCont ul.btnNaviBox #tBtnOnitore a:hover{background-position:left bottom;}

#mainCont ul.btnNaviBox li#tBtnTrain{left:493px;top: -90px;}
#mainCont ul.btnNaviBox li#tBtnTrain.off,
#mainCont ul.btnNaviBox li#tBtnTrain a{background-image:url(../img/top_btn_nav_training.png);}

#mainCont ul.btnNaviBox li#tBtnExercise{left:708px;top: -90px;}
#mainCont ul.btnNaviBox li#tBtnExercise.off,
#mainCont ul.btnNaviBox li#tBtnExercise a{background-image:url(../img/top_btn_nav_exercise.png);}

/**/
#mainCont ul.fBtnNaviBox{margin-top:20px;}
/**/
/*subNavi*/
#subNavi #specArea li{position:relative;}
#subNavi #specPack{top:2px;left:0;position:absolute;z-index:10;}
#subNavi #specSoft{top:3px;left:130px;position:absolute;z-index:10;}
#subNavi #specCero{top:63px;left:135px;position:absolute;z-index:10;}

/*aboutSoft*/
#aboutSoft{clear:both;width:960px;height:27px;position:relative;padding:19px 0 0 0;}
#aboutSoft .text{width:629px;float:left;} 
#aboutSoft .btnAtte{width:263px;height:26px;position:absolute;top:20px;left:693px;}
#aboutSoft .btnAtte a{background:url(../img/top_btn_attention.gif) ;}
#aboutSoft .btnAtte a:hover{background-position:left bottom;}

/*----------------------------------------------------------------------*/
#footer{background:url(../img/top_footer_bg.gif) left top repeat-x #fff;}
#footerIn{min-height:79px;}

/*----------------------------------------------------------------------*/

/*subNavi*/

/*----------------------------------------------------------------------*/
/*120718-1920*/
#mainCont #section{width:960px;padding:58px 0 25px;position:relative;}

/*qrcode*/
#qrcode{width:534px;background:none;background-color:transparent;margin:0 auto;overflow:hidden;}
#qrcode h2{text-align:center;padding:2px 0 36px;}
#qrcode #popCont{width:534px;}
#qrcode #popCont .popContTop,
#qrcode #popCont .popContBtm{background-image:url(../img/top_pop_cont_qr_bg.png);}
#qrcode #popCont .popContIn{width:456px;height:559px;padding:33px 38px 0 40px;}
#qrcode #popCont .popContIn p{text-align:center;}
#qrcode #popCont .popContIn #codeImg{padding-bottom:36px;}
#qrcode #popCont .popContIn #flow{padding-bottom:22px;}

/*120720*/
/*subNavi*/
#subNavi{clear:both;padding:0;width:960px;background:url(../img/top_line.gif) left bottom repeat-x;overflow:hidden;padding-bottom:21px;}
/**/
#subNavi #specBtnDl{width:187px;height:55px;position:absolute;left:-6px;top:125px;}
#subNavi #specBtnDl a{background-image:url(../img/top_btn_download.gif);}
#subNavi #specBtnAboutDl{width:190px;height:30px;position:absolute;left:-6px;top:190px;}
#subNavi #specBtnAboutDl a{background-image:url(../img/top_btn_aboutdl.png);}
#subNavi #specInfo04{top:0;left:211px;position:absolute;z-index:10;}
#subNavi #specNetWork04{top:173px;left:470px;position:absolute;z-index:10;}
#subNavi #specOption04{top:143px;left:211px;position:absolute;padding:0;z-index:10;}

/*120724*/
#subNavi #specArea{width:876px;margin:0;padding:30px 37px 0 47px;}
#subNavi #specDetail{float:left;width:589px;min-height:249px;height:auto !important;height:249px;margin-right:38px;margin-top:1px;z-index:9;}
#subNavi #specPdf02{width:150px;height:12px;top:4px;left:448px;position:absolute;z-index:10;}
#subNavi #specPdf02 a{background-image:url(../img/top_btn_manual.gif);}
#subNavi .caution{width:100%;min-height:1em;height:auto !important;height:1em;position:absolute;left:-4px;top:228px;}
/*interview*/
#subNavi #interview03{float:left;width:240px;height:111px;margin-left:3px;background-image:url(../img/top_btn_interview_bg02.jpg);position:relative;z-index:9;}
#subNavi #interview03 p{width:115px;height:30px;position:absolute;}
#subNavi #btnIntTxt02{left:123px;top:80px;}
#subNavi #btnIntTxt02 a{background-image:url(../img/top_btn_interview_txt02.png);}
#subNavi #btnIntMov02{left:5px;top:80px;}
#subNavi #btnIntMov02 a{background-image:url(../img/top_btn_interview_mov02.png);}
/*btnStaff*/
#subNavi #btnStaff{float:left;width:122px;height:128px;margin:10px 4px 0 0;z-index:9;}
#subNavi #btnStaff a{background-image:url(../img/top_btn_interview_staff.png);}
/*btnTvcm04*/
#subNavi #btnTvcm04{float:left;width:122px;height:128px;margin-top:10px;margin-left:0;z-index:9;}
#subNavi #btnTvcm04 a{background-image:url(../img/top_btn_tvcm04.png);}
#subNavi #btnTvcm04 .newmark{position:absolute;left:43px;top:-7px;}

/*121023*/
/*info*/
#info{background:url(../img/top_info_bg.png) no-repeat;width:875px;height:29px;margin:0 auto;clear:both;}
#info .textBox{float:right;width:714px;height:21px;padding:4px 20px;}
#info .textBox a{font-size:14px;color:#ffc800;text-decoration:underline;}
#info .textBox a:hover{color:#ffe600;}
/*btnQR*/
#btnQR{clear:both;width:748px;height:58px;margin:0 auto;padding-top:17px;}
#btnQR a{background-image:url(../img/top_btn_qrcode.png);}
/*btnCamp*/
#subNavi #btnCamp{clear:both;padding:10px 129px 10px 167px;width:625px;height:45px;}
#subNavi #btnCamp a{background-image:url(../img/top_btn_campaign.gif);}

/*130122*/
#btnDataBox {width:575px;margin:0 auto;}
#btnDataBox .blockSet {padding-bottom:19px;}
#btnDataBox .reportBtn {position:relative;float:left;width:398px;height:68px;}
#btnDataBox .reportBtn a {background:url(../img/top_btn_report.png) no-repeat left top;}
#btnDataBox .reportBtn a:hover {background-position:left bottom;}
#btnDataBox .reportBtn .icNew {position:absolute;left:175px;top:-22px;}
#btnDataBox .updateBtn {float:right;width:158px;height:68px;}
#btnDataBox .updateBtn a {background:url(../img/top_btn_info.png) no-repeat left top;}
#btnDataBox .updateBtn a:hover {background-position:left bottom;}

/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.orange_btn {
	position: relative;
	width: 127px;
	height: 42px;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	text-decoration: none;
    background-color: #FF9103;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn:hover span {
 	color: #FFFFFF;
}
.orange_btn span::after {
	content: "";
	position: absolute;
	right: 6px;
	top: 17px;
	/*top: calc(50% - 3px);*/
	width: 6px;
	height: 6px;
	border-top: 1px solid #FF9103;
	border-right: 1px solid #FF9103;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.orange_btn:hover span::after {
	content: "";
	position: absolute;
	right: 6px;
	top: 17px;
	/*top: calc(50% - 3px);*/
	width: 6px;
	height: 6px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*
.orange_btn:hover > span:after {
	right: 4px;
	top: 15px;
}
*/

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}