@charset "Shift_JIS";
/*top.css*/
/*----------------------------------------------------------------------*/
/*header*/
#header{clear:both;width:960px;height:605px;}

/*----------------------------------------------------------------------*/
/*section*/
.section{clear:both;width:920px;padding-bottom:30px;overflow:hidden;}
.section .title{float:left;padding-bottom:20px;}
.section .lead,
.section ul{clear:both;}

/*----------------------------------------------------------------------*/
/*contents*/
#contents{clear:both;width:960px;margin:0 auto;background:url(../img/top_cont_bg_btm.png) left bottom no-repeat;padding-bottom:10px;margin-bottom:64px;display:block;overflow:hidden;zoom:1;}
#contentsIn{clear:both;width:920px;float:left;display:block;background:url(../img/top_cont_bg.gif) 0 0;padding:0 20px;}

/*----------------------------------------------------------------------*/
/*top nav*/ 
#header #nav{width:880px;height:56px;background:url(../img/top_cont_bg.gif) 0 0;padding:18px 40px 20px;}
#header #nav ul li{float:left;width:168px;height:56px;margin-right:10px;position:relative;}
#header #nav ul #tBtnMovie a{background-image:url(../img/top_nav_btn_movie.png);}
#header #nav ul #tBtnShop a{background-image:url(../img/top_nav_btn_shop.png);}
#header #nav ul #tBtnLineup a{background-image:url(../img/top_nav_btn_lineup.png);}
#header #nav ul #tBtnAbout a{background-image:url(../img/top_nav_btn_about.png);}
#header #nav ul #tBtnBack{margin-right:0;}
#header #nav ul #tBtnBack a{background-image:url(../img/top_nav_btn_back.png);}
#header #nav ul .newmark{position:absolute;right:-12px;top:-32px;}

/*----------------------------------------------------------------------*/
/*specArea*/
#specArea{width:880px;min-height:100px;height:100px;padding:0 20px;position:relative;}
#specTop,
#specBtm{float:left;width:880px;}
#specCont{float:left;width:840px;background:url(../img/top_spec_bg.png) 0 0 repeat-y;padding:4px 20px 1px;}

#specArea li#specDetail{float:left;width:686px;position:relative;}
#specArea li#specLogo{float:right;width:138px;}
#specArea #btnPdf{width:208px;height:28px;position:absolute;right:7px;top:30px;}
#specArea #btnPdf a{background-image:url(../img/top_spec_btn_manual.gif);}
#specArea #specSoft{float:left;width:71px;}
#specArea #specCero{float:right;width:56px;}
#specArea #info{padding-bottom:7px;}

/*----------------------------------------------------------------------*/
/*secLineup*/
#secLineup{width:884px;padding:0 16px 62px 20px;}

/*----------------------------------------------------------------------*/
/*secAbout*/
#secAbout{width:884px;padding:0 16px 0 20px;overflow:visible;position:relative;}
#secAbout .section{width:884px;padding:0;overflow:visible;}
#secAbout .section .title{position:relative;}
#secAbout .section .title .newmark{position:absolute;right:-49px;top:-17px;}
#secAbout .section  li{padding-bottom:29px;}
#secAbout .section  li:first-child{padding-bottom:24px;}
#secAbout .title{padding-bottom:24px;}
#secAbout .lead{padding-bottom:30px;}
#secAbout .charaImg{position:absolute;right:45px;top:-50px;}

/*aboutNav*/ 
#aboutNav{width:878px;height:36px;padding:0 6px 28px 0;}
#aboutNav li{float:left;width:286px;height:36px;margin-right:10px;}
#aboutNav #aboBtnPlay a{background-image:url(../img/top_about_nav_play.png);}
#aboutNav #aboBtnTake a{background-image:url(../img/top_about_nav_take.png);}
#aboutNav #aboBtnExam{margin-right:0;}
#aboutNav #aboBtnExam a,
#aboutNav #aboBtnExam p{background-image:url(../img/top_about_nav_exam.png);}
#aboutNav #aboBtnExam a{background-position:left -46px;}

/*----------------------------------------------------------------------*/
/*secPlay*/
#secPlay.section{background:url(../img/top_img_line.png) center bottom no-repeat;padding-bottom:9px;margin-bottom:29px;position:relative;}
#secPlay .title{width:195px;height:36px;position:relative;left:-15px;}

/*secTake*/
#secTake.section{background:url(../img/top_img_line.png) center bottom no-repeat;padding-bottom:33px;margin-bottom:29px;position:relative;}
#secTake .title{width:389px;height:37px;position:relative;left:-20px;}
#secTake.section .imgBtm{padding-bottom:0;}
#secTake .bgImg{position:absolute;right:-25px;bottom:35px;}

/*secOther*/
#secOther.section .title{width:412px;height:36px;position:relative;left:-20px;padding-bottom:33px;}
#secAbout #secOther.section li{padding-bottom:30px;}


/*----------------------------------------------------------------------*/
#footer{clear:both;width:100%;height:92px;background-color:#fff;}
#footerIn{width:960px;height:42px;margin:0 auto;padding:20px 0 30px;position:relative;}
#footer .copyright{float:left;width:120px;}
#footer .txtLink{float:right;width:670px;}
#footer .txtLink p{text-align:right;}
.pdf{padding-bottom:15px;}
.pdf a, .list a {
	color: #666;
	background: url(/img/arrow.png) no-repeat;
	padding-left: 15px;
}
.pdf a:hover, .list a:hover{
	text-decoration: underline;
}
#footer .btnTotop{width:130px;height:34px;position:absolute;right:0;top:-34px;}
#footer .btnTotop a{background-image:url(../img/top_btn_totop.png);}