@charset "Shift_JIS";
/*top.css*/
body#topIndex{background:url(../images/top_bg_repeat_c.jpg) 0 40px repeat-x #fff;}
/*----------------------------------------------------------------------*/
/*header*/
/**/
#header{clear:both;width:100%;height:auto !important;height:610px;min-height:610px;}
/*#headerMovie{margin:0 auto;}*/

#headerBg{clear:both;width:100%;background:url(../images/top_bg.png) center top no-repeat;height:660px;}
#headerIn{width:920px;margin:0 auto;position:relative;height:auto !important;height:610px;min-height:660px;}

/*photo slide*/
#headerIn #frameLg{position:absolute;left:611px;top:140px;width:288px;height:182px;}
#headerIn #frameLg li{position:absolute;left:0;top:0;width:288px;height:182px;}
#headerIn #frameSm{position:absolute;left:510px;top:400px;width:210px;height:118px;}
#headerIn #frameSm li{position:absolute;left:0;top:0;width:210px;height:118px;}
#headerIn #frameLg li#phLgB,
#headerIn #frameLg li#phLgC,
#headerIn #frameLg li#phLgD,
#headerIn #frameLg li#phLgE,
#headerIn #frameLg li#phLgF,
#headerIn #frameLg li#phLgG{display:none;}
#headerIn #frameSm li#phSmB,
#headerIn #frameSm li#phSmC,
#headerIn #frameSm li#phSmD,
#headerIn #frameSm li#phSmE,
#headerIn #frameSm li#phSmF,
#headerIn #frameSm li#phSmG{display:none;}
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/*footer*/
#footer .btnNaviBox{padding-top:26px;}
#footer #footerIn{text-align:center;width:920px;padding:15px 0 25px;position:relative;z-index:1;background:url(../../top/images/top_footer_bg.gif) no-repeat;width:920px;}
/*top navi*/
#footer #tBtnAbout{width:182px;height:184px;position:absolute;left:24px;top:-92px;z-index:10;}
#footer #tBtnAbout a{height:184px;background:url(../images/top_btn_about.png);}
#footer #tBtnAbout a:hover{background-position:0 -194px;}

/*season*/
#footer #tBtnSeason{width:168px;height:170px;position:absolute;left:756px;top:-253px;}
#footer #tBtnSeason a{background:url(../images/top_season_btn.png);}
#footer #tBtnSeason a:hover{background-position:0 -180px;}
#footer #tBtnSeason .newmark{position:absolute; left:0; top:-16px;}

#footer ul.btnNaviBox li{position:absolute;}
#footer ul.btnNaviBox li a,#subNavi #specArea li#btnTvcm a,#footer ul.btnNaviBox li p{display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;}

/**/
#footer ul.btnNaviBox li#tBtnView{width:228px;height:90px;left:226px;top: -47px;}
#footer ul.btnNaviBox li#tBtnView a{background:url(../images/top_btn_navi_view.png) left top no-repeat;}
#footer ul.btnNaviBox li#tBtnView a:hover{background-position:left -90px;}

#footer ul.btnNaviBox li#tBtnExamine{width:224px;height:90px;left:461px;top: -47px;}
#footer ul.btnNaviBox li#tBtnExamine a,
#footer ul.btnNaviBox li#tBtnExamine p{background:url(../images/top_btn_navi_examine.png) no-repeat;}
#footer ul.btnNaviBox li#tBtnExamine a{background-position:left top;}
#footer ul.btnNaviBox li#tBtnExamine p{width:224px;height:90px;background-position:left bottom;}
#footer ul.btnNaviBox li#tBtnExamine a:hover{background-position:0 -100px;}

#footer ul.btnNaviBox li#tBtnKnow{width:224px;height:90px;left:696px;top: -47px;}
#footer ul.btnNaviBox li#tBtnKnow a,
#footer ul.btnNaviBox li#tBtnKnow p{background:url(../images/top_btn_navi_know.png) no-repeat;}
#footer ul.btnNaviBox li#tBtnKnow a{background-position:left top;}
#footer ul.btnNaviBox li#tBtnKnow p{width:224px;height:90px;background-position:left bottom;}
#footer ul.btnNaviBox li#tBtnKnow a:hover{background-position:0 -100px;}
#footer ul.btnNaviBox li#tBtnKnow .newmark{position:absolute;left:0;top:-10px;}
/**/
#footer ul.fBtnNaviBox{margin-top:20px;}
/**/
#subNavi #specArea{width:566px;margin:0 auto;}
/*subNavi*/
#subNavi,
#subNavi #specArea{clear:both;width:100%;}
#subNavi{padding:40px 0 59px 0;width:920px;}
/**/
#subNavi #specDetail{float:left;width:566px;position:relative;z-index:9;margin-right:10px;padding-top:4px;}
#subNavi #specPdf{width:153px;height:15px;top:201px;left:381px;position:absolute;z-index:10;}
#subNavi #specPdf a{background-image:url(../images/top_btn_pdf.gif);}
#subNavi #specPdf a:hover{background-position:0 -25px;}

#subNavi #specCero{top:150px;left:384px;position:absolute;z-index:10;}
#subNavi #specNetWork{top:149px;left:424px;position:absolute;z-index:10;}
#subNavi #specBaseDetail{top:149px;left:424px;position:absolute;z-index:10;}

/**/
#subNavi #btnTvcm{width:166px;height:160px;float:left;z-index:9;margin-right:10px;}
#subNavi #btnTvcm a{height:160px;background-image:url(../images/top_btn_tvcm.png);}
#subNavi #btnTvcm a:hover{background-position:0 -170px;}
/**/
#subNavi #btnPre{width:165px;height:156px;float:left;z-index:9;position:relative;padding-top:4px;}
#subNavi #btnPre a{height:156px;background-image:url(../images/top_btn_president.png);}
#subNavi #btnPre a:hover{background-position:0 -166px;}
#subNavi #btnPre .newmark{position:absolute;right:-5px;top:0;}
/**/
#btnQR{clear: both; width: 747px; height: 58px; margin: 0 auto 25px;}
#btnQR a{height:58px;background: url(../images/btnQR.png) left top;}
#btnQR a:hover{background-position: left bottom;}
/**/
#subNavi,
#subNavi #specArea{height:250px; overflow:hidden;}
#subNavi #specDetail{height:246px; overflow:hidden;}
#subNavi #specArea{z-index:5;}
/**/
#subNavi #specDlc  {position:absolute; width:190px; height:58px; top:129px; left:11px;}
#subNavi #specDlc a{background-image:url(../images/top_btn_dlc.png)}
/**/
#subNavi #specDlcAbout  {position:absolute; width:190px; height:28px; top:189px; left:11px;}
#subNavi #specDlcAbout a{background-image:url(../images/top_btn_dlc_about.png);}
/**/
#subNavi #sdTxt{position:absolute; top:225px; left:0;}
/**/
#btnCamp {width:340px; height:80px; top:212px; left:580px; position:absolute;}
#btnCamp a{background-image:url(../images/top_btn_campaign.gif);}
/**/
/**/
/*aboutSoft*/
#aboutSoft{clear:both;width:900px;height:28px;position:relative;padding:0 10px;}
#aboutSoft .text{width:629px;float:left;}
#aboutSoft .text a#cautionLink{width:73px;height:14px;position:absolute;top:0px;left:490px;}
#aboutSoft .btnSolid{width:237px;height:24px;position:absolute;top:2px;left:675px;}
#aboutSoft .btnSolid a{height:24px;background:url(../images/top_btn_solid.gif) ;}
#aboutSoft .btnSolid a:hover{background-position:left bottom;}

/*info btn*/
#subNavi #specInfo{width:144px;height:15px;top:203px;left:215px;position:absolute;z-index:10;}
#subNavi #specInfo a{background-image:url(../images/top_btn_info.gif);}
#subNavi #specInfo a:hover{background-position:0 -25px;}
/*----------------------------------------------------------------------*/
#newsBox { clear:both; float:right; width:690px; height:30px; margin:10px 0; background:url(../images/top_news_bg.gif) no-repeat; overflow:hidden;}
#newsBox dl{ line-height:30px; padding-left:80px;}
#newsBox dt{ float:left; width:4.5em; }
#newsBox dd{ margin-left:4.5em; zoom:1;}

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

.orange_btn:hover {
	width: 119px;
	height: 36px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.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 {
	right: 4px;
	top: 15px;
}

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