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

	河出書房　骨気特設ページ
	style.css
	
======================================================= */

/* ----------------------------
	base
------------------------------- */
body { background:url(../images/header_bg_base.jpg) 0 0 repeat-x; color:#333333; }
li { list-style-type:none; }

a img { -webkit-transition-property: all; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; }
a img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }

#korugi { background:url(../images/header_bg_main.jpg) top center no-repeat; }

#pageHeader,section.bookInfo,section.bookInfo .sectionInner,#writer,.goPageTop,#globalFooter,#kikanHeader { margin:0 auto 0 auto; }
.bookInfo .mainContainer .images ul:after,
section.bookInfo .sectionInner:after,
section.bookInfo .containerWrapper:after,
#writer .sectionInner:after { display:block; content:""; clear:both; }

/* ----------------------------
	header
------------------------------- */
#pageHeader { width:982px; height:657px; position:relative; }

#headerData	{ width:584px; float:right; position:relative; margin-top:-20px; }
#headerCover	{ width:356px; float:left; margin-top:9px;padding-bottom:28px; background:url(../images/header_cover_bg.png) left bottom no-repeat; }
#headerKouyou { width:557px; height:262px; margin-top:5px; background:url(../images/header_kouyou.png) 0 0 no-repeat; }
#headerKouyou	ul,#headerKouyou p { display:none; }


/* ----------------------------
	書籍
------------------------------- */
section.bookInfo,
#writer { width:997px; background:url(../images/container_bg.gif) 0 40px no-repeat; line-height:1.6em; }
section.bookInfo:after,
#writer:after { width:997px; height:35px; display:block; content:""; background:url(../images/container_bg_bottom.jpg) top center no-repeat; }
section.bookInfo .sectionInner,
#writer .sectionInner { width:980px; background:url(../images/container_main_bg_top.jpg) 3px 0 no-repeat; padding-top:25px; }
section.bookInfo .containerWrapper,
#writer .containerWrapper { background:url(../images/container_main_bg_bottom.jpg) left bottom no-repeat; }

.bookInfo .mainContainer { width:635px; margin-right:32px; float:right; }
.bookInfo .mainContainer h1 { margin:10px 0 30px 10px; }
.bookInfo .mainContainer table { border-collapse:collapse; width:250px; background:#fff; }
.bookInfo .mainContainer table caption { display:none; }
.bookInfo .mainContainer table th,
.bookInfo .mainContainer table td { border:1px solid #999999; padding:5px; }
.bookInfo .mainContainer table th { font-weight:normal; background:#E0D3D2; }
.bookInfo .mainContainer .note { float:left; width:335px; margin-left:15px; margin-right:15px; margin-bottom:15px; }

.bookInfo .mainContainer .movie,
.bookInfo .mainContainer .images { width:605px; margin:0 auto 20px auto; background:url(../images/bg_dot.gif); }
.bookInfo .mainContainer .movie { clear:both; margin-top:20px; }
.bookInfo .mainContainer .movie h1 { display:none; }
.bookInfo .mainContainer .movie iframe { margin:10px 0 0 12px; }
.bookInfo .mainContainer .movie p { padding:0 10px 15px 0; text-align:right; font-size:.88em; }
.bookInfo .mainContainer .images h1 { margin-bottom:10px; padding:0 10px 0 10px; float:left; }
.bookInfo .mainContainer .images p { padding:10px 10px 0 10px; text-align:right; }
.bookInfo .mainContainer .images ul { clear:both; padding:0 0 10px 5px; }
.bookInfo .mainContainer .images li { display:block; float:left; border:1px solid #666; width:175px; height:128px; background:#fff; margin-left:15px; }

.bookInfo .infoContainer { width:252px; margin-left:30px; }
.bookInfo .infoContainer .linkDetail { position:relative; margin:5px -5px 5px -5px; }
.bookInfo .infoContainer dl { padding:10px 0 10px 0; background:url(../images/bg_dot.gif); text-align:center; zoom:1; }
.bookInfo .infoContainer li { font-size:0; line-height:0; margin:7px 0 0 0; }

#saishin .sectionInner { background-position:3px -25px; padding-top:0; position:relative; }
#saishin .infoContainer h1 { display:none; }

#binyu:before { width:800px; height:15px; margin:0 auto 0 auto; border-bottom:1px solid #fff; display:block; content:""; background:url(../images/container_bg_bottom.jpg) center bottom no-repeat; }

#kikan { background:url(../images/kikan_bg.png) top center no-repeat; position:relative; margin-top:-20px; }
#kikanHeader { width:980px; }
#kikanHeader h1 { background:#fff; padding-top:15px; text-align:center; }
#kikanHeader h2 { clear:both; text-align:center; }
#kikanHeader dt { float:left; }
#kikanHeader dd { padding-top:20px; }


/* ----------------------------
	著者
------------------------------- */
#writer { font-size:13px; }
#writer:after { height:15px; }
#writer .sectionInner { height:360px; overflow:none;  position:relative; margin:-1px 0 0 11px; background:url(../images/writer_bg.jpg) 0 0 no-repeat; }
#writer .mainContainer { width:700px; float:left; margin:0 20px 0 30px; }
#writer .text { padding:10px 15px 15px 15px; } 
#writer .note { font-size:11px; }
#writer dl { margin-top:15px; }
#writer dt { font-weight:bold; }
#writer dd { position:relative; margin:-20px 0 0 300px; }


/* ----------------------------
	footer
------------------------------- */
.goPageTop,#globalFooter { width:980px; }

.goPageTop { text-align:right; }

#globalFooter { padding-bottom:40px; }