@charset "utf-8";


/* フォントの指定 */
body,input,select,textarea {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#000; font-size:14px; line-height:2.28; letter-spacing:0.1em;}

body { background:url(../img/index/bodyBg.png) top repeat-x; overflow: hidden;}
body#seinen { background-image:url(../img/seinen/bodyBg.png) ;}
body#gakucha { background-image:url(../img/gakucha/bodyBg.png) ;}

a {color:#000; text-decoration:none; cursor:pointer; border-bottom:1px dashed #000;}
p {text-align:justify; text-justify:inter-ideograph;}





@media only screen and (min-width:1365px){
#wrap{ width:95.83333%; margin:17px auto 0;}

#contents{ border:none;}
#contents>div { margin-left:373px; position:relative;}

	} 




/* #header
-------------------------------------------------------------*/
#header { margin-top:60px; border-bottom:2px solid #000; }
#header h1,
#header h1 * { width:410px; height:132px; display:block; overflow:hidden; border:none;}
#header h1 { position:relative; font-size:12px; margin:0 0px 0px 47px; padding-bottom:64px; float:left;}
#header h1 * { position:absolute; top:0; left:0;}
#header h1 span { background:url(../img/index/logo.png); top:0; left:0;}

#seinen #header h1 span { background:url(../img/seinen/logo.png); }
#gakucha #header h1 span { background:url(../img/gakucha/logo.png); }

#header .selectBtn { width:436px; float:right; margin-right:47px; margin-top:20px;}
#header .selectBtn li { float:left; padding:0 4px;}
#header .selectBtn a { display: block; height:82px; width:206px; border:2px solid #a4b957;}
#header .selectBtn a.gakuchaBtn { border-color:#c48d77;}
#header .selectBtn a.seinenBtn { border-color:#83a6ab;}
#header .selectBtn a img { margin:32px 0 0 0;}
#header .selectBtn a.gakuchaBtn img { margin:13px 0 0 0;}
#header .selectBtn a.seinenBtn img { margin:22px 0 0 0;}



@media only screen and (min-width:1365px){
/* #header
-----------------------------------------------------------*/
#header { width:373px; margin-top:30px; float:left; border:none;}
#header h1{ margin:0 ;}

#header .selectBtn { width:373px;  margin:0 0 8px 0; border-top:2px solid #000; padding-top:58px;}
#header .selectBtn li { float:none; padding:4px 0px;}
/*#header .selectBtn a { height:auto; padding:13px 0;}
#header .selectBtn a img { margin:0; }
#header .selectBtn a.gakuchaBtn img { margin: 0;}
#header .selectBtn a.seinenBtn img { margin: 0;}
*/
	} 



/* #link
-------------------------------------------------------------*/
#link { padding:60px 0; margin: auto; width:870px; overflow:hidden; font-size:12px;}
#link h3 { padding-bottom:25px;}

#link .link_inner { padding-bottom:60px;}
#link .link_inner ul { }
#link .link_inner li { float:left; margin-right:27px; line-height:40px; font-size:13px;}
#link .link_inner li a{ border-bottom:dashed 1px #000;}

#link .banner { line-height:1.8;}
#link .banner ul { width:876px; margin-bottom:10px; }
#link .banner ul li { float:left; padding: 0 8px 8px 0;}
#link .banner p br { display:none; }

@media only screen and (min-width:1365px){
/* #link
-----------------------------------------------------------*/
#link { width:373px; float:left; padding:60px 0; position:absolute; top:470px; padding-left:0;}

#link .link_inner{ width:auto;}
#link .link_inner ul{ width:373px;}
#link .link_inner li{ float:none; }

#link .banner{ width:auto; margin:0; }
#link .banner ul{ width:373px;}
#link .banner p br { display: block; }

	} 



/* #nav
-------------------------------------------------------------*/
#nav { height:30px; padding:40px 40px 40px 0;} 
#nav ul { width: 660px; margin: 0 auto;}
#nav ul * { height:30px; border-bottom:none;}
#nav ul li { float:left; display:inline; position:relative; margin:0 23px 0 22px;}
#nav ul li * { position:absolute; right:0px; top:0;}
#nav ul li span{ background:url(../img/index/nav.png) no-repeat;}

#nav ul li.n01, #nav ul li.n01 * { width:103px;}
#nav ul li.n02, #nav ul li.n02 * { width:103px;}
#nav ul li.n03, #nav ul li.n03 * { width:68px;}
#nav ul li.n04, #nav ul li.n04 * { width:119px;}
#nav ul li.n05, #nav ul li.n05 * { width:103px;}
#nav ul li.n06, #nav ul li.n06 * { width:87px;}
#nav ul li.n07, #nav ul li.n07 * { width:105px;}

#nav ul li.n01 span { background-position:0px 0px;}
#nav ul li.n02 span { background-position:-103px 0px;}
#nav ul li.n03 span { background-position:-206px 0px;}
#nav ul li.n04 span { background-position:-274px 0px;}
#nav ul li.n05 span { background-position:-393px 0px;}
#nav ul li.n06 span { background-position:-496px 0px;}
#nav ul li.n07 span { background-position:-581px 0px;}
	
#nav ul li.n01 span:hover { background-position:0px -30px;}
#nav ul li.n02 span:hover { background-position:-103px -30px;}
#nav ul li.n03 span:hover { background-position:-206px -30px;}
#nav ul li.n04 span:hover { background-position:-274px -30px;}
#nav ul li.n05 span:hover { background-position:-393px -30px;}
#nav ul li.n06 span:hover { background-position:-496px -30px;}
#nav ul li.n07 span:hover { background-position:-581px -30px;}

#index #nav ul { margin: 0 0 0 auto; }

/* #nav
-------------------------------------------------------------*/
#seinen #nav ul { width:792px;}
#seinen #nav ul li { margin : 0 26px;}
#seinen #nav ul li span{ background:url(../img/seinen/nav.png) no-repeat;}

#seinen #nav ul li.n01, #seinen #nav ul li.n01 * { width:139px;}

#seinen #nav ul li.n01 span { background-position:0px 0px;}
#seinen #nav ul li.n02 span { background-position:-139px 0px;}
#seinen #nav ul li.n03 span { background-position:-242px 0px;}
#seinen #nav ul li.n04 span { background-position:-309px 0px;}
#seinen #nav ul li.n05 span { background-position:-428px 0px;}

#seinen #nav ul li.n01 span:hover { background-position:0px -30px;}
#seinen #nav ul li.n02 span:hover { background-position:-139px -30px;}
#seinen #nav ul li.n03 span:hover { background-position:-242px -30px;}
#seinen #nav ul li.n04 span:hover { background-position:-309px -30px;}
#seinen #nav ul li.n05 span:hover { background-position:-428px -30px;}

/* #nav
-------------------------------------------------------------*/
#gakucha #nav ul { width:968px;}
#gakucha #nav ul li { margin : 0 26px;}
#gakucha #nav ul li span{ background:url(../img/gakucha/nav.png) no-repeat;}

#gakucha #nav ul li.n01, #gakucha #nav ul li.n01 * { width:350px;}
#gakucha #nav ul li.n05, #gakucha #nav ul li.n05 * { width:68px;}

#gakucha #nav ul li.n01 span { background-position:0px 0px;}
#gakucha #nav ul li.n02 span { background-position:-350px 0px;}
#gakucha #nav ul li.n03 span { background-position:-453px 0px;}
#gakucha #nav ul li.n04 span { background-position:-520px 0px;}
#gakucha #nav ul li.n05 span { background-position:-639px 0px;}

#gakucha #nav ul li.n01 span:hover { background-position:0px -30px;}	
#gakucha #nav ul li.n02 span:hover { background-position:-350px -30px;}
#gakucha #nav ul li.n03 span:hover { background-position:-453px -30px;}
#gakucha #nav ul li.n04 span:hover { background-position:-520px -30px;}
#gakucha #nav ul li.n05 span:hover { background-position:-639px -30px;}

@media only screen and (min-width:1365px){
/* #nav
--------------------------------------------------------------*/
#nav{ float:right; margin:60px 0 37px 0; border:none; width: 878px;}
#nav ul li { margin:0 0 0 32px;}
#seinen #nav {width:790px;}
#gakucha #nav {width:970px;}
#seinen #nav ul li,
#gakucha #nav ul li { margin:0 0 0 52px;}

	} 



/* #footer
-------------------------------------------------------------*/
#footer{ border-top:2px solid #000;}
#footer img{ float:right; margin:36px 32px 37px 0;}





/*Responsive
============================================================*/