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

★ Default ※全ページ共通スタイル

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

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:0.9em;
text-align:center;
line-height:1.4;
background:url(../images/bg.jpg) center 0 repeat-y #5ebb39;
}

a:link { color:#0085da;}
a:hover { text-decoration:underline;}
a {
/*\*/
overflow: hidden;
/**/
}

div#wrapper {
width:100%;
}

div#container {
width:960px;
margin:0 auto;
padding:0 0 46px 0;
_padding:0 0 46px 0;
position:relative;
top:0;
left:0;
}
div#contents {
width:960px;
background:url(../images/contents-bg.png) 0 0 repeat-y;
z-index: 10;

}



/* header ---------------------------------------------------------------------------------------------------- */
/* =========================================================================================================== */

header {
width:960px;
height:155px;
margin:0 auto;
position:relative;
top:0;
left:0;
/*background:url(../images/header-bg.png) 0 0 no-repeat;*/
}
header h1 a {
display:block;
width:230px;
height:65px;
position:absolute;
top:0;
left:0;/*left:10px;*/
text-indent:-9999px;
/*background:url(../images/tsubasa5th.png) 0 0 no-repeat;*/
background:url(../images/tsubasa.png) 0 0 no-repeat;
}


/*header a#header-about {
display:block;
width:99px;
height:30px;
position:absolute;
top:8px;
right:10px;
text-indent:-9999px;
background:url(../images/header-about.png) 0 0 no-repeat;
}*/
header h2#header-lead {
background:url(../images/header-img.gif) 0 0 no-repeat;
width:960px;
height:90px;
position:absolute;
top:65px;
left:0;
}

header div{
position:absolute;
top:75px;
left:140px;
z-index:30;
}

header h2#header-lead strong {
text-indent:-9999px;
}

/* header nav ---------------------------------------------------------------------------------------------------- */
/* ========================================================================================================== */

header nav {
width:730px;
height:65px;
position:absolute;
top:0;
right:0;
background:url(../images/header-nav.png) 0 0 no-repeat;
}
header nav ol {
width:730px;
height:65px;
position:relative;
top:0;
left:0;
}
header nav ol li {
display:inline;
}
header nav ol li a {
display:block;
height:65px;
position:absolute;
text-indent:-9999px;
cursor:pointer;
}

header nav ol li a#newrelease {
width:90px;
top:0;
left:48px;
}

header nav ol li a#special {
width:90px;
top:0;
left:138px;
}
header nav ol li a#popular {
width:82px;
top:0;
left:228px;
}

header nav ol li a#search {
width:93px;
top:0;
left:310px;
}
header nav ol li a#fanclub {
width:102px;
top:0;
left:403px;
}
header nav ol li a#award {
width:107px;	
top:0;
left:505px;
}

header nav ol li a#about {
width:115px;
top:0;
left:612px;
}


header nav a:hover {
background: url(../images/marching-ant.gif) center top no-repeat;}

/*header h1 a:hover {
background: url(../images/tsubasa.gif) center top no-repeat;}*/

/* g-nav ---------------------------------------------------------------------------------------------------- */
/* ========================================================================================================== */

nav#g-nav {
position:relative;
clear:both;
width:960px;
height:40px;
margin:10px auto 0 auto;
/*margin:10px auto 30px auto;*/
background:url(../images/g-nav-bg.png) 0 0 no-repeat;
z-index: 100;
}
nav#g-nav ol {
width:960px;
height:40px;
position:relative;
top:0;
left:0;
}
nav#g-nav ol li {
display:inline;
}
nav#g-nav ol li a {
display:block;
height:45px;
position:absolute;
text-indent:-9999px;
cursor:pointer;
}
nav#g-nav ol li a#home {
width:90px;
top:0;
left:20px;
}
nav#g-nav ol li a#newrelease {
width:150px;
top:0;
left:110px;
}

nav#g-nav ol li a#special {
width:100px;
top:0;
left:260px;
}
nav#g-nav ol li a#popular {
width:145px;
top:0;
left:360px;
}

nav#g-nav ol li a#search {
width:105px;
top:0;
left:505px;
}
nav#g-nav ol li a#fanclub {
width:185px;
top:0;
left:610px;
}
nav#g-nav ol li a#award {
width:140px;	
top:0;
left:795px;
}


/* article ---------------------------------------------------------------------------------------------------- */
/* ============================================================================================================ */

article {
_display:inline;
float:left;
width:605px;
padding:95px 0 20px 0;
position:relative;
top:0;
left:0;
}

/* home and aside Contents---------------------------------------------------------------------------------------- */
/* ============================================================================================================== */

/* searchbox ----- */

section#searchBox{
background:url(../images/section-searchBox-bg.png) 0 bottom no-repeat;
display:block;
width:180px;
height:170px;
position:relative;
top:0;
left:0;
}

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

section#searchBox span {
text-indent:-9999px;
}

section#searchBox input#searchBox-window {
display:block;
width:153px;
height:20px;
position:absolute;
top:110px;
left:10px;
}
section#searchBox input#searchBox-btn {
display:block;
width:44px;
height:22px;
position:absolute;
top:140px;
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;
}

/* happyUranai -------------------------------------------------------------------------------------------------------- */
/* ============================================================================================================== */

section#happyUranai {
width:148px;
height:75px;
background: url(../images/uranai-bg.png) no-repeat 0 0;
padding-top:125px;
padding-left:12px;
margin:0 auto;
}
section#happyUranai h1 {
text-indent: -9999px;
margin:0;
padding:0;}

section#happyUranai div#btn01_hu,section#happyUranai div#btn02_hu,section#happyUranai div#btn03_hu{
display:inline-block;
/display: inline;
/zoom: 1;}
/*section#happyUranai div#btn01_hu {position: absolute;top: 145px;left: 12px;}
section#happyUranai div#btn02_hu {position: absolute;top: 145px;left: 57px;}
section#happyUranai div#btn03_hu {position: absolute;top: 145px;left: 102px;}*/

/* aside -------------------------------------------------------------------------------------------------------- */
/* ============================================================================================================== */

aside {
_display:inline;
float:left;
width:185px;
text-align:left;
}


aside#rightside {
_display:inline;
float:right;
width:170px;
text-align:left;
}



/* aside-newrelease ---- */
aside#rightside section#aside-newrelease {
width:170px;
margin-top:10px;
}
aside section#aside-newrelease h1{
width:162px;
margin-left:8px;
height:55px;
text-indent:-9999px;
background:url(../images/aside-newrelease.png) 0 0 no-repeat;
}
aside section#aside-newrelease div {
margin-left:8px;
width:162px;
padding:0 0 70px 0;
background:#FF9;
background:url(../images/aside-newrelease-btm.png) center bottom no-repeat;
}
aside section#aside-newrelease div ul {
background:url(../images/aside-newrelease-bg.png) 0 center repeat-y;
text-align:center;
margin:0 auto;
width:162px;
}
aside section#aside-newrelease div ul li {
padding:5px 0 5px 0;
}



/* aside-special ---- */
aside section#aside-special {
}
aside section#aside-special h1 {
width:180px;
height:30px;
margin-top:10px;
text-indent:-9999px;
background:url(../images/aside-special.png) 0 0 no-repeat;
}

aside section#aside-special ul {
width:180px;
text-align:center;
}
aside section#aside-special ul li {
padding:10px 0 0 0;
}
aside section#aside-special div ul li a {
display:block;
}

/*aside section#aside-special div ul li a span#hoveranime{
	display:block;
	z-index:30;
	position:absolute;
	font-size:30px;}
	
	*/

/* aside-pop ---- */
aside section#aside-popular {
width:180px;
margin:0;
padding:15px 0 0 0;
}
aside section#aside-popular h1 {
width:180px;
height:39px;
text-indent:-9999px;
background:url(../images/aside-popular.png) 0 0 no-repeat;
}
aside section#aside-popular ul {
width:180px;
text-align:center;
}
aside section#aside-popular ul li {
padding:10px 0 0 0;
}

/* aside-permanent ---- */
aside div#aside-permanent {
width:180px;
margin:15px 0 0 0;
padding:5px 0 0 0;
border-top:1px dashed #ffffff;
}
aside div#aside-permanent ul {
width:180px;
text-align:center;
}
aside div#aside-permanent ul li {
padding:10px 0 0 0;
}

/* aside-campaign ---- */
aside div#aside-campaign {
width:180px;
margin:15px 0 0 0;
padding:5px 0 0 0;
border-top:1px dashed #ffffff;
}
aside div#aside-campaign ul {
width:180px;
text-align:center;
}
aside div#aside-campaign ul li {
padding:10px 0 0 0;
}


/* footer ---------------------------------------------------------------------------------------------------- */
/* =========================================================================================================== */

/*indexのみ*/
.index_footer footer {
position:relative;
top: 40px;
clear:both;
width:100%;
font-size:0.8em;
color:#ffffff;
/*height:250px;*//*size-nomal*/
z-index: 1;
}




/*全ページ共通*/
footer {
position:relative;
clear:both;
width:100%;
/*margin:15px 0 0 0;*//*size-nomal*/
font-size:0.8em;
color:#ffffff;
/*height:250px;*//*size-nomal*/
z-index: 1;
}

footer div#footerImg{
height:235px;
margin: 0 auto; /*通常時は0 auto　フッターナビを上に掛ける絵の場合は-4px auto 0*/
text-align:center;
/*background: url(../images/footer-img1506.png) no-repeat left top;*/
}

/*かえるjsアニメ
footer div#footkaeru{
position:absolute;top:10px; z-index:50;}*/

footer div#informationnavi{
width:100%;/*地面をつくるとき*/
position:absolute;
top:235px;
left:0;
text-align:center;
/*
background-image:url(../images/footer-bg-top.gif);
background-position:0 0;*/
/*background-repeat:repeat-x;*//*地面をつくるとき*/
z-index:-100;


}/**/

footer ul {
/*background-color:#FFFFFF;*//*地面をつくるとき*/
width:100%;
text-align:center;
margin:5px auto 0 auto;
padding-top:0;/*imgサイズ調整時ここ*/
height:30px;
}
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 #ffffff;/**/
/*border-left:1px solid #960;*/
border-left:1px solid #ffffff;
}
footer ul li a:link {
color:#fff;
/*color:#966830;*/
}
footer ul li a:visited {
color:#fff;
/*color:#966830;*/
}
footer ul li a.noborder {
border:none;
}

footer p{
width:100%;
/*background-color:#FFFFFF;*//*地面をつくるとき*/
margin-top:0;
padding-bottom:30px;
color:#fff;
/*color:#966830;*/}

/*ホームをのぞく*/


/* ETC ---------------------------------------------------------------------------------------------------- */
/* ======================================================================================================== */

#totop {
width:605px;
height:65px;
position:absolute;
bottom:0;
right:170px;
background:url(../images/totop-bg.png) 0 0 no-repeat;
}
#totop a {
display:block;
width:240px;
height:20px;
margin:37px 0 0 360px;
text-indent:-9999px;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}


/* ------------------------------------------------------------
☆ 第二階層共有
------------------------------------------------------------ */

article section {
position:relative;
width: 100%;
left: 0px;
top: 0px;
}

article h1 {
width:605px;
height:95px;
position:absolute;
top:-3px;
left:0;
text-indent:-9999px;
background:0 0 no-repeat;
}

h2 {
height:55px;
background:0 0 no-repeat;
text-indent:-9999px;
}

/*hProduct 書籍情報------------------------------------------ */

article div.hproduct{
width: 535px;
margin:15px 35px 35px 35px;
}

div.hproduct div.item-image{
float:left;
width: 180px;
padding:0 0 30px 0;
}

div.hproduct div.item-detail{
float:right;
width: 310px;
padding:0 0 30px 0;
text-align: left;
}

div.hproduct div.item-detail p.published{margin:0 0 5px 0;color:rgb(0,0,0);}

div.hproduct div.item-image ul.url{
margin:15px 0 0 0;
position:relative;
top:0;left:0;
}

div.hproduct div.item-image ul.url li{
display:block;
height:29px;
}

div.hproduct div.item-image ul.url li a{
display:block;
width:163px;
height:29px;
position:relative;
text-indent:-9999px;
}

div.hproduct div.item-image ul.url li.tachiyomi a{
top:0;
left:6px;
/left:0px;
background: url(../images/book-btn-tachiyomi.gif) center top no-repeat;
}
div.hproduct div.item-image ul.url li.kau a{
top:0px;
left:6px;
/left:0px;
background: url(../images/book-btn-kau.gif) center top no-repeat;
}
div.hproduct div.item-image ul.url li.kau_ebook a{
top:0px;
left:6px;
/left:0px;
background: url(../images/book-btn-kau_ebook.gif) center top no-repeat;
}
div.hproduct div.item-image ul.url li.kansou a{
top:0px;
/top:-3px;
left:6px;
/left:0px;
background: url(../images/book-btn-kansou.gif) center top no-repeat;
}

div.hproduct div.item-detail strong.fn{
display:block;
font-size: 1.7em;
color: #7F3020;
line-height: 1.0em;
font-weight: bolder;
}
div.hproduct div.item-detail strong.fn a{color:rgb(127,48,32);}
div.hproduct div.item-detail strong.fn a:hover{text-decoration:none;}
div.hproduct div.item-detail span.sub{
display:block;
font-size: 1.2em;
line-height: 1.5em;
color: #7F3020;
font-weight: bolder;
}
div.hproduct div.item-detail p.auther{
color: #F98200;
line-height: 1.3em;
font-size: 1.1em;
margin:5px 0;
}
div.hproduct div.item-detail p.isbn{
font-size: 0.9em;
line-height: 1.3em;
color: #7F3020;
}
div.hproduct div.item-detail p.price{
font-size: 1.2em;
color: #7F3020;
line-height: 1.3em;
margin-bottom: 10px;
}
div.hproduct div.item-detail p.description{
color: #000000;
line-height: 1.4em;
text-align:left;
margin:0 0 5px 0;
}

div.hproduct p.description{
color: #000000;
}

div.hproduct p.category{
height:20px;
margin-top:20px;
text-indent:-9999px;
background:right 0 no-repeat;
}

p.grade-sho{
height:20px;
margin-top:20px;
text-indent:-9999px;
background:url(../images/grade-sho.gif) right 0 no-repeat;
}

p.grade-tei{
height:20px;
margin-top:20px;
text-indent:-9999px;
background:url(../images/grade-tei.gif) right 0 no-repeat;
}
p.grade-chuu{
height:20px;
margin-top:20px;
text-indent:-9999px;
background:url(../images/grade-chuu.gif) right 0 no-repeat;
}
p.grade-jou{
height:20px;
margin-top:20px;
text-indent:-9999px;
background:url(../images/grade-jou.gif) right 0 no-repeat;
}

/*menu-special.php スペシャルページ遷移部分　specialに移植------------------ */