@charset "UTF-8";
/* ============================================================

★ Extention - M E N U

============================================================ */

/*
☆ index.php
*/

/* ------------------------------------------------------------
☆ index.php
------------------------------------------------------------ */

div#wrapper {
position:relative;
top:0;
left:0;
background:url(../images/contents-bg.png) center 155px no-repeat;
height:1500px;

}
/* テスト */


div#contents {
width:960px;
min-height:1340px;
height:1340px;
height:auto !important;
margin:0 auto;
text-align:left;
position:relative;
top:0;
left:0;
background:none;
}



aside{
width:178px;
/*height:1135px;*/
position:absolute;
right:0;
top:0;}

p#superbanner {
text-align:center;
padding:8px 0 0 0;
}


div#contents p#bottombanner {
text-align:center;
}

/* section 検索ホーム用 ---------------------------------------------------------------------------------------------------- */
section#searchBox{
width:178px;
height:145px;
position:absolute;
top:210px;
left: 10px;
/*top:450px; 
left:781px;*/　/*通常時はtop450px left781px*/

}
section#searchBox h1{
height:30px;
background:url(../images/searchBox-h1.gif) 0 0 no-repeat;
text-indent:-9999px;}

section#searchBox input#searchBox-window {
display:block;
width:153px;
height:20px;
position:absolute;
top:80px;
left:12px;
}
section#searchBox input#searchBox-btn {
display:block;
width:44px;
height:22px;
position:absolute;
top:110px;
left:70px;
}
section#searchBox a#searchBox-auther {
display:block;
width:104px;
height:18px;
position:absolute;
top:40px;
left:0;
text-indent:-9999px;
background:url(../images/searchBox-auther.png) 0 0 no-repeat;
}
section#searchBox p#searchBox-about {
width:230px;
height:18px;
position:absolute;
top:28px;
left:0;
text-indent:-9999px;
}

/* section これから出る本 ---------------------------------------------------------------------------------------------------- */

section#menu-newrelease {
width:580px;
height:595px;
position:absolute;
left:200px;
top:0;
}
section#menu-newrelease header {
display:none;text-indent:-9999px;
background:url(../images/newrelease-head-ani.gif) 0 0 no-repeat;
}
section#menu-newrelease div#tabs {
width:580px;
height:30px;
position:relative;
}
section#menu-newrelease div#tabs ul#tabs-nav {
position:absolute;
top:0;
left:0;
}
section#menu-newrelease div#tabs ul#tabs-nav li {
display:inline;
}
section#menu-newrelease div#tabs ul#tabs-nav li a {
display:block;
width:135px;
height:33px;
text-indent:-9999px;
position:absolute;
}

section#menu-newrelease div#tabs ul#tabs-nav li a#last-tab {
top:4px;
left:20px;
}

section#menu-newrelease div#tabs ul#tabs-nav li a#this-tab {
top:4px;
left:155px;
}
section#menu-newrelease div#tabs ul#tabs-nav li a#next-tab {
top:4px;
left:290px;
}
/*section#menu-newrelease div#tabs ul#tabs-nav li a#afternext-tab {
top:4px;
left:290px;
}*/

section#menu-newrelease div#tabs div#tab-last {
width:560px;
height:607px;
padding:45px 25px 20px 25px;
background:url(../images/newrelease-last.png) 0 0 no-repeat;
}


section#menu-newrelease div#tabs div#tab-this {
width:560px;
height:607px;
padding:45px 25px 20px 25px;
background:url(../images/newrelease-this.png) 0 0 no-repeat;
}
section#menu-newrelease div#tabs div#tab-next {
width:560px;
height:607px;
padding:45px 25px 20px 25px;
background:url(../images/newrelease-next.png) 0 0 no-repeat;
}
/*section#menu-newrelease div#tabs div#tab-afternext {
width:560px;
height:530px;
padding:45px 25px 20px 25px;
background:url(../images/newrelease-afternext.png) 0 0 no-repeat;
}*/
section#menu-newrelease div#tabs div.hproduct {
/*スクロール加工前*/
overflow:auto;
width:540px;
/*width:555px;*/
height:530px;
text-align:left;

}
section#menu-newrelease div#tabs div.hproduct div.bookdetail{
margin:0 3px 0 0;
padding:5px 0 0 0;
vertical-align:top;
display:inline-block;
/display: inline;
/zoom: 1;
}
section#menu-newrelease div#tabs div.hproduct img {
display:block;
width:123px;
}
section#menu-newrelease div#tabs div.hproduct p.text {
width:123px;
margin:5px 0;
line-height:1.1;
font-size:0.7em;
}
section#menu-newrelease div#tabs div.hproduct p.text strong.fn {
display:block;
margin:0;
color:#090;
/*color:#7f3620;*/
}
section#menu-newrelease div#tabs div.hproduct p.text span.author {
display:block;
margin:3px 0;
color:#7f3620;
/*color:#f98200;*/
}
section#menu-newrelease div#tabs div.hproduct p.text span.description {
display:block;
}

#tab-nowprinting{
text-align:center;
margin:100px 5px 0 0;
}

/*大人気シリーズ上の大バナーを2連で入れる際は下記のクラスを適用*/
#superbanner01 img{
	margin-right:5px;
}

/*大人気シリーズ上の大バナーを幅740pxで作る際は下記のクラスを適用*/
/*#superbanner-big{
position:absolute;
top:637px;
left:20px;
}*/

#superbanner-big img{
	padding-right: 5px;
}

/* section 大人気のシリーズ ---- */
section#menu-popular {
width:755px;
height:300px;
position:absolute;
left:0;
top:828px;
}
section#menu-popular header {
width:755px;
height:20px;
text-indent:-9999px;
background:url(../images/popular-head.png) 0 0 no-repeat;
}

section#menu-popular div{
width:745px;
height:270px;
padding:15px 20px 25px 5px;
background:url(../images/popular-bg.png) 0 0 no-repeat;
}

section#menu-popular div ul {
wifth:200px;
height:250px;
padding:5px 0 0 5px;
overflow-y:auto;
}

section#menu-popular div ul li {
margin:0 2px 10px 0;
display:inline-block;
/display: inline;
/zoom: 1;
}

section#menu-popular div ul li.dot{	
border-top:dotted #FFFF00 2px;
padding-top:5px;
}


/* aside section 大人気のシリーズ ピックアップ ----------------------------------------------------------------------------------------------------- */

section#menu-popular-new {
width:178px;
text-align:center;
margin:5px auto 0; /*通常は10px auto 0*/
/*position: absolute;
top: 0;
left: 10px;*/　/*左サイドに移動させる場合はposition指定*/
}

/*section#menu-popular-new header.#top_pop{ 
width:178px;
height:31px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/popular-head-new.gif) 0 0 no-repeat;
}*/

section#menu-popular-new header{ 
width:178px;
height:31px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/popular-head-new.gif) 0 0 no-repeat;
}

section#menu-popular-new ul{
width:175px;
margin:4px auto 0 auto;
padding:0 0 0 0;
}
section#menu-popular-new ul li{
margin:0 0 8px 0;
}

/* aside section シリーズ、特集　人気上昇中	 ピックアップ ----------------------------------------------------------------------------------------------------- */

section#menu-popularPU{
width:178px;
text-align:center;
margin:5px auto 0; /*通常は10px auto 0*/
position: absolute;
/*top: 200px;
left: 10px;*/ /*左サイドバーで表示させる時はpositionを指定*/
}

section#menu-popularPU header{ 
width:178px;
height:31px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/popular-headPU.gif) 0 0 no-repeat;
}

section#menu-popularPU ul{
width:175px;
margin:0 auto;
/*padding:4px 0 0 0;*/
}

section#menu-popularPU ul li{
margin-bottom: 8px;
}

/*------20151215　小説賞------*/
aside section#menu-3rdAward {
width:178px;
text-align:center;
padding: 5px 0 0 5px;
}

aside section#menu-3rdAward header {
width:175px;
height:32px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/special-head-award.png) 0 0 no-repeat;
}

aside section#menu-3rdAward ul{
width:175px;
margin:0 auto;
}
aside section#menu-3rdAward ul li{
margin-bottom: 4px;
}

/* aside section　占い位置調整*/
aside section#happyUranai{ right:10px;}


/* aside section その他バナー --------------------------------------------------------------------------------------------------------------------------- */

aside section#menu-popular-new {
width:178px;
text-align:center;
margin:10px auto 0 auto;
}

aside section#menu-popular-new header {
width:178px;
height:31px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/popular-head-new.gif) 0 0 no-repeat;
}

aside section#menu-popular-new ul{
width:175px;
margin:0 auto;
padding:0 0 0 0;
}
aside section#menu-popular-new ul li{
margin:0 0 5px 0;
}


/* aside-permanent --------------------------------------------------------------------------------------------------------------------------------------------- */
aside div#aside-permanent {
width:175px;
margin:0;
padding:0 0 5px 0;
position:absolute;
top:865px; /*通常時はtop:835px*/
border:none;
}
aside div#aside-permanent ul {
width:175px;
text-align:center;
}
aside div#aside-permanent ul li {
padding:7px 0 0 0;
}


aside section#happyUranai{
position:absolute;
top:660px; /*通常時はtop:625px*/
}


/* section つばさ編集部からおしらせ --------------------------------------------------------------------------------------------------------------------------------------------- */
section#menu-news {
width:200px;
/*height:295px;長いとき*/
height:225px;
position:absolute;
left:0; /*通常は0　右サイドに動かすときは782px*/
top:370px;/*通常は370px*/
}
section#menu-news header {
width:200px;
height:30px;
text-indent:-9999px;
background:url(../images/news-head.gif) 0 0 no-repeat;
}
section#menu-news div#news-frame {
width:184px;
height:194px;
padding:10px 6px 10px 10px;
background:url(../images/news-bg.png) 0 0 no-repeat;
}
section#menu-news div#news-contents {
width:177px;
height:175px;
overflow:auto;
}
section#menu-news div#news-contents div {
margin:0 5px 0 0;
padding:5px 0 5px 0;
border-bottom:1px dashed #bf1225;
}

section#menu-news div#news-contents div p {
width:160px;
font-size:0.75em;
}



/* section 今月の特集 --------------------------------------------------------------------------------------------------------------------------------------------- */

section#menu-special {
width:200px;
height:560px;
position:absolute;
left: 0; /*通常は0 右サイドに移動する場合は-10px*/
top:5px;/*通常*/
/*top:80px;*//*左にハッピー占いバナー入る*/
text-align:center;
}

section#menu-special header#top_sp {
width:175px;
height:32px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/special-head.gif) 0 0 no-repeat;
}

section#menu-special ul{
width:175px;
margin:0 auto;
padding:0 0 0 0;
}
section#menu-special ul li{
margin:6px 0 0 0;

}

/*つばさちゃんなし背景　通常*/
section#menu-special div#special-frame {
width:175px;
height:320px;
padding:15px 0;
}/**/


/*------20150714　バケモノの子------*/
section#menu-roadshow {
width:200px;
position: absolute;
left: 0;
top: 200px;
text-align:center;
margin:10px auto 0 auto;
}

section#menu-roadshow header {
width:175px;
height:32px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/special-head-roadshow.png) 0 0 no-repeat;
}

section#menu-roadshow ul{
width:175px;
margin:0 auto;
padding:0 0 0 0;
}
section#menu-roadshow ul li{
margin-bottom: 6px;
}

/*------20160315　世界をうごかす言葉------*/
section#menu-TV {
width:200px;
position: absolute;
left: 0;
top: 200px;
text-align:center;
margin:10px auto 0 auto;
}

section#menu-TV header {
width:175px;
height:32px;
text-indent:-9999px;
margin:0 auto;
background:url(../images/special-head-TV.png) 0 0 no-repeat;
}

section#menu-TV ul{
width:175px;
margin:0 auto;
padding:0 0 0 0;
}
section#menu-TVul li{
margin-bottom: 6px;
}


section#menu-special div.hproduct {
width:200px;
height:320px;
overflow:auto;
}
section#menu-special div.hproduct div {
margin:0 10px 0 10px;
padding:10px 0 10px 0;
border-bottom:2px dotted #bf1225;
}
section#menu-special div.hproduct img {
display:block;
float:left;
width:80px;
height:80px;
border:2px solid #CC0000;
}
section#menu-special div.hproduct p.text {
float:right;
width:500px;
margin:0 5px 0 0;
line-height:1.3;
}
section#menu-special div.hproduct p.text strong.fn {
display:block;
color:#bf1225;
}

section#menu-special div.hproduct p.text strong.fn a:link { color:#bf1225;}
section#menu-special div.hproduct p.text strong.fn a:link a:hover { color:#bf1225;text-decoration:none;}


section#menu-special div.hproduct p.text span.author {
display:block;
margin:0 0 10px 0;
font-size:0.8em;
color:#bf1225;
}
section#menu-special div.hproduct p.text span.description {
display:block;
font-size:0.8em;
}


nav#menu-bottom-nav a#b-nav-totop {
display:block;
width:125px;
height:25px;
position:absolute;
right:25px;
bottom:158px;
text-indent:-9999px; 
}/*
nav#menu-bottom-nav a#b-nav-totop {
display:block;
width:125px;
height:23px;
position:absolute;
right:25px;
bottom:3px;
text-indent:-9999px;
}*/


nav#g-nav{
position:absolute;
top:1340px;}
/* footer ---------------------------------------------------------------------------------------------------- */
/* =========================================================================================================== */

/*footer {
position:relative;
clear:both;
width:100%;
margin:0;
font-size:0.8em;
color:#ffffff;
bottom:-40px;
top:40px;
top:1380px;div中のとき
margin:15px 0 0 0;/*size-nomal*/
/*height:250px;/*size-nomal*/
/*height:285px;
}*/

* html footer {top:1380px;}

/*footer div#footerImg{
height:235px;
margin:0 auto;
text-align:center;
background: url(../../images/footer-img1502.png) no-repeat left top;

}
*/

/*footer div#informationnavi{
background-color:#3E9738;width:100%;
height:100px;
padding-top:45px;

}


footer div#footkaeru{z-index:50;}

footer ul {
width:100%;
text-align:center;
margin:0 auto;
}
footer ul li {
width:860px;
margin:0 auto;
display:inline;
}

footer ul li a {
display:inline-block;
/display:inline;
/zoom: 1;
padding:0 10px 0 10px;
border-left:1px solid #fff;
}
footer ul li a:link {
color:#fff;
}
footer ul li a:visited {
color:#fff;
}
footer ul li a.noborder {
border:none;
}

footer p{
margin-top:10px;
text-align:center;
color:#fff;
}*/
/*color:#960;*/