@charset "Shift_JIS";
/*top.css*/
/*----------------------------------------------------------------------*/
/*header*/
#header{height:40px;}

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

#wrapper{background:url(../img/top_bg_header.gif) 0 0 repeat-x;overflow-x : hidden ;}
#contents{max-width:1500px;min-width:960px;margin:0 auto;}
.title{float:left;}
.lead{clear:both;}
.section ul{clear:both;float:left;}
#secTop{width:100%;height:720px;background:url(../img/top_bg_main.jpg) center top no-repeat;margin:0 auto;}
#secTop .section{height:450px;position:relative;display:block;}
#secTop .section .title{width:419px;position:absolute;left:0;top:104px;}
#secAbout,
#secSeries{clear:both;width:100%;height:799px;background-color:#ffe50a;}
/*top nav*/ 
#secTop #nav{width:502px;height:56px;position:absolute;left:-5px;top:305px;}
#secTop #nav ul li{float:left;width:246px;height:56px;margin-right:10px;position:relative;}
#secTop #nav ul #tBtnUse a{background-image:url(../img/top_nav_btn_use.png);}
#secTop #nav ul #tBtnSeries{margin-right:0;}
#secTop #nav ul #tBtnSeries a{background-image:url(../img/top_nav_btn_series.png);}
#secTop #nav ul .newmark{position:absolute;right:-9px;top:-16px;}
.slidebox{max-width:1462px;height:270px;background:url(../img/top_main_img_card.jpg) -1462px 0 repeat-x #fff;margin:0 18px 0 20px;margin:0 auto;position:relative;overflow:hidden;}

/*secAbout*/ 
#secAboutIn{height:745px;background-color:#ffe50a;padding:17px 40px 37px;}
#secAboutIn .title{width:877px;height:76px;padding-bottom:19px;}
#secAboutIn .lead{width:785px;height:123px;padding-bottom:29px;padding-left:42px;}
#secAboutIn .subtitle{width:316px;height:20px;padding-bottom:30px;}
#secAboutIn .flow{width:882px;padding-left:1px;}

/*secUse*/ 
#secUse{background:url(../img/top_use_bg.gif);padding:10px;}
#secUse .line{width:100%;height:5px;background-image:url(../img/top_use_bg_line.png);background-repeat: repeat-x;}
#secUse .lineTop{background-position:left top;}
#secUse .lineBtm{background-position:left top;}
#secUseIn{width:884px;height:773px;padding:45px 36px 35px 40px;margin:0 auto;position:relative;}
#secUse .title{width:496px;height:36px;padding-bottom:31px;position:relative;}
#secUse .lead{width:635px;height:89px;padding-bottom:38px;}
#secUse .subtitle{width:316px;height:20px;padding:30px 0 16px;}
#secUse .text{width:735px;height:43px;padding-bottom:18px;}
#secUse .imgChara{position:absolute;left:789px;bottom:18px;}
#secUse .newmark{position:absolute;right:-77px;top:-16px;}

/*secSeries*/ 
#secSeries{height:1195px;}
#secSeriesIn{width:884px;height:1069px;padding:54px 0 72px;margin:0 auto;}
#secSeries .title{width:511px;height:37px;padding-bottom:34px;padding-left:4px;}
#secSeries li{width:884px;margin-top:26px;position:relative;}
#secSeries li a{width:198px;height:60px;background-image:url(../img/top_btn_more.png);position:absolute;left:36px;top:156px;}
#secSeries li:first-child{margin-top:0;}
#secSeries .newmark{position:absolute;right:-31px;top:-23px;}

/*----------------------------------------------------------------------*/
#footer{width:100%;height:92px;}
#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);}