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

	河出書房新社 | 異性
	style.css

======================================================= */
body { background:#F7F1D8; color:#443826; font-family:'メイリオ','Mayryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Verdana, Geneva, sans-serif; }
#wrapperAll { border:7px solid #DEE3D2; font-size:116%; line-height:1.4; }

/* base */
li { list-style:none outside; }
a img,
#more span { -webkit-transition-property: all; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; }
a img:hover,
#more span:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }


/* layout */
#glovalHeader,
#contentsWrapper,
#gotoTop p,
#kawadeData { width:980px; margin:0 auto 0 auto; }

#wrapperAll { padding-top:20px; }

#about { width:690px; float:left; }
#bookData { width:270px; float:right; }

#contentsWrapper:after { content:""; display:block; clear:both; }


/* header */
#glovalHeader { padding-bottom:10px; background:url(../images/main_copy.png) 14px 178px no-repeat; text-align:center; }


/* about */
#about .boxInner { padding:20px 10px 25px 25px; }
#about .boxInner dt { font-weight:bold; }


/* bookData */
#bookData { padding-top:45px; }
#bookData .boxInner { background:url(../images/background.jpg); padding-top:10px; text-align:center; }
#bookData h1 a img { display:block; margin:0 auto 0 auto; -webkit-box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000; box-shadow: 0px 0px 6px #000000; }
#bookData .banner li { font-size:0; line-height:0; }

#info { background:#F7F1D8; margin:10px 10px 15px 10px; padding:10px; }
#info h3 { padding-bottom:10px; margin-bottom:10px; font-size:93%; font-weight:normal; border-bottom:1px dotted #999; }
#info p { text-align:left; font-size:85%; }

#shopList h2 { padding-bottom:10px; line-height:0; }
#shopList li { margin-bottom:5px; }

#tachiyomiBanner { text-align:left; padding-bottom:10px; }
#tachiyomiBanner .kakuta { margin-left:6px; }
#tachiyomiBanner .homura { margin-left:10px; padding-top:3px; }


/* taidan */
#taidan { clear:both; padding-top:15px; }
#taidan h1 { padding-bottom:15px; }
#taidan h2 { font-size:0; line-height:0; }
#taidan h2 img { position:relative; margin-right:44px; }

#taidanMain { background:#FBF8EC url(../images/taidan_bg.png) top right no-repeat; padding:70px 70px 0 70px; border:1px solid #FBF8EC; }
#taidanMain h3 { margin-bottom:50px; }
#taidanMain dl { margin-bottom:100px; }
#taidanMain dt,
#taidanMain dd { margin-bottom:1.4em; }
#taidanMain dt { font-weight:bold; letter-spacing:.4em; float:left; }
#taidanMain dt.kakuta { color:#7F8AB2; }
#taidanMain dt.homura { color:#5F988C; }
#taidanMain dd { margin-left:4em; }

#taidanMain footer { text-align:right; font-size:93%; padding-bottom:150px; }

#more { clear:both; width:980px; height:158px; background:url(../images/taidan_footer.png) 0 0 repeat-x; position:relative; margin:-156px 0 0 0; }
#more span { width:276px; height:80px; display:block; position:absolute; bottom:0; left:350px; cursor:pointer; }
#more span { background:url(../images/taidan_close_btn.png) 0 0 no-repeat; }
/* #more span.close img { display:none; } */
#more span.close { border:1px solid #000 !important; }



/* glovalFooter */
#glovalFooter { padding-top:80px; }
#gotoTop,.clase { height:30px; background:url(../images/background.jpg); }
#gotoTop p,.clase p { text-align:right; }

#kawadeData { padding:30px 0 40px 0; color:#999; font-size:60%; }
#kawadeData .kawade { margin-bottom:5px; }


/* ---------------------------
　tachiyomi
------------------------------ */
#wrapperAll.tachiyomi { padding-top:0 !important; }
#wrapperAll.tachiyomi #contentsWrapper,
#wrapperAll.tachiyomi #gotoTop p,
#wrapperAll.tachiyomi #kawadeData { width:600px; }
#wrapperAll.tachiyomi { border:none !important; }
/*#wrapperAll.tachiyomi #glovalHeader { } */

#wrapperAll.tachiyomi article { padding-bottom:60px; line-height:1.6; }
#wrapperAll.tachiyomi #glovalHeader { background:#F7F1D8; position:fixed; top:0; left:50%; margin-left:-307px; padding-top:20px; text-align:center; }
#wrapperAll.tachiyomi #glovalHeader img { display:block; position:relative;}
#wrapperAll.tachiyomi h2 { display:none; }
#wrapperAll.tachiyomi h3 { text-indent:-9999px; width:450px; height:98px; margin-bottom:40px; }
#wrapperAll.tachiyomi #kakuta { padding-top:200px; }
#wrapperAll.tachiyomi #homura { padding-top:200px; }
#wrapperAll.tachiyomi #kakuta h3 { background:url(../images/tachiyomi_kakuta_title.png) 0 0 no-repeat; }
#wrapperAll.tachiyomi #homura h3 { background:url(../images/tachiyomi_homura_title.png) 0 0 no-repeat; }
#wrapperAll.tachiyomi p { padding:0 20px 15px 20px; }
#wrapperAll.tachiyomi blockquote { border:1px dashed #584A41; margin:0 20px 15px 20px; padding:15px; }
#wrapperAll.tachiyomi blockquote span { display:block; text-align:right; }