@charset "utf-8";
/* 江原啓之「スピリチュアル・ストーリーズ」 CSS Document MAKE BY YUKI HIRANO */


/* BODY */
* { margin: 0; padding: 0; }
body { width: 100%; background-color: #f4e9f7; }
/*
body a { color: #315fbc; text-decoration: none; }
body a:hover { background: transparent; }
body span a:hover { color: #5987e4; border-bottom: 1px solid #5987e4; }
body span a:hover span { border-bottom: none; }
*/


/* IE6 */
* html body { font-size: 100%; }
/* IE7 */
*:first-child+html body { font-size: 100%; }


/* TEXT */
.textS01 { font-size:14px; _font-size:90%; line-height:22px; _line-height:1.4em; }
.textS02 { font-size:14px; _font-size:90%; line-height:22px; _line-height:1.4em; font-weight: bold; }
.textS03 { font-size:12px; _font-size:70%; line-height:18px; _line-height:8em; }
.textS04 { font-size:14px; _font-size:90%; line-height:28px; _line-height:1.8em; }


/* CONTENT */
#img_main_bg { background: url('../images/main_bg.jpg') repeat-x; }
.img_main { _width: 1000px; height: 574px; background: url('../images/img_main.jpg') no-repeat center; text-indent: -9999px; }

#content_box_a { width: 840px; margin-top: 30px; background-color: #f4e9f7; text-align: left; position: relative; }
#content_box_b { width: 840px; padding-bottom: 30px; background-color: #f4e9f7; text-align: left; }
#content_box_c { background-color: #ebd4f0; }
.content_a { width: 840px; height: 100%; text-align: left; overflow: hidden; }
.content_b { width: 840px; height: 100%; padding: 30px 0 30px 0; text-align: left; overflow: hidden; }

.box { margin: 20px 0 0 0; overflow: hidden; }
.box_a { padding: 0 0 40px 0; border-bottom: dotted 1px #413709; }
.box_b { margin: 100px 0 0 0; position: relative; }
.box_b2 { margin: 70px 0 0 0; position: relative; }
.box_c { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: dotted 1px #413709; }
.box_d { margin: 0 30px 0 30px; padding: 15px 0 15px 27px; background-color: #ffffff; }
.box_e { margin: 15px 0 0 0; }
.box_f { height: 350px; margin: 20px 0 0 0; overflow: hidden; }
.box_g { height: 180px; margin: 20px 0 0 0; overflow: hidden; }
.contribution { width: 840px; height: 270px; margin: 20px 0 0 0; background: url('../images/contribution.jpg') no-repeat center; text-indent: -9999px; }

.img_prologue { width: 617px; height: 72px; background: url('../images/img_prologue.gif') no-repeat; text-indent: -9999px; }
.img_topic { width: 740px; height: 35px; background: url('../images/img_topic.gif') no-repeat; text-indent: -9999px; }
.img_illust { width: 508px; height: 35px; background: url('../images/img_illust.gif') no-repeat; text-indent: -9999px; }
.img_contribution { width: 641px; height: 36px; background: url('../images/img_contribution.gif') no-repeat; text-indent: -9999px; }
.img_list { width: 545px; height: 35px; background: url('../images/img_list.gif') no-repeat; text-indent: -9999px; }
.img_profile { width: 172px; height: 36px; background: url('../images/img_profile.gif') no-repeat; text-indent: -9999px; }
.img_relation { width: 142px; height: 23px; background: url('../images/img_relation.gif') no-repeat; text-indent: -9999px; }

.column_top_01 { float: right; width: 170px; height: 128px; background: url('../images/img_notify.jpg') no-repeat; position: relative; }
.column_top_02 { float: left; width: 660px; padding-top: 5px; text-align: left; }


/* LIST BG */
.top { width: 100%; height: 24px; background: url('../images/top.gif') no-repeat; overflow: hidden; }
.middle { width: 100%; background: url('../images/middle.gif'); }
.under { width: 100%; height: 24px; background: url('../images/under.gif') no-repeat; }


/* LIST TITLE */
.title_a { width: 624px; height: 76px; margin-bottom: 15px; background: url('../images/list_title_a.gif') no-repeat; text-indent: -9999px; }
.title_b { width: 624px; height: 76px; margin-bottom: 15px; background: url('../images/list_title_b.gif') no-repeat; text-indent: -9999px; }
.title_c { width: 624px; height: 76px; margin-bottom: 15px; background: url('../images/list_title_c.gif') no-repeat; text-indent: -9999px; }
.mokuji { width: 76px; height: 15px; margin: 15px 0 10px 0; background: url('../images/content.gif') no-repeat; text-indent: -9999px; }


/* BOOK SAMPLE */
.sample {
	display: block;
	width: 526px;
	height: 317px;
	background: url('../images/sample.png') no-repeat;
	position: absolute;
	left: 315px;
	top: 86px;
	outline: none;
}

.sample-image { height: 352px; background: url('../images/sample.gif') no-repeat; text-indent: -9999px; }


/* ILLUST SAMPLE */
.illust-sample {
	display: block;
	width: 237px;
	height: 237px;
	background: url('../images/illust-sample.png') no-repeat;
	position: absolute;
	left: 602px;
	top: 0px;
	outline: none;
}


/* PLAN */
.plan {
	display: block;
	width: 57px;
	height: 76px;
	background: url('../images/icon_plan.gif') no-repeat;
	position: absolute;
	left: 725px;
	top: 57px;
	outline: none;
}


/* NOTIFY BTN */
.btn_notify {
	display: block;
	width: 32px;
	height: 18px;
	position: absolute;
	left: 127px;
	top: 98px;
	outline: none;
}


/* BOOKMARK */
.section_link_bookmark { width: 153px; height: 28px; background: url('../common/img/bg_link_bkmk.gif') no-repeat scroll 0pt 0pt transparent; }
.section_link_bookmark .list_link_bookmark { padding: 0pt; line-height: 1; }
.section_link_bookmark * {  }
.section_link_bookmark ul {  }
.section_link_bookmark ul li { margin: 0pt; float: left; line-height: 1; font-size: 0pt; list-style: none; }
.section_link_bookmark ul li a, .section_link_bookmark ul li a img { display: block; padding: 0pt; line-height: 1; }
.section_link_bookmark ul li a:hover { border-bottom: medium none; text-decoration: none; }
.section_link_bookmark ul .link_bookmark_01 { padding-top: 8px; padding-left: 8px; }
.section_link_bookmark ul .link_bookmark_02 { padding-top: 6px; padding-left: 8px; }
.section_link_bookmark ul .link_bookmark_03 { padding-top: 6px; padding-left: 8px; }
.section_link_bookmark ul .link_bookmark_04 { padding-top: 5px; padding-left: 8px; }
.section_link_bookmark ul .link_bookmark_05 { padding-top: 5px; padding-left: 7px; }
.section_link_bookmark ul .link_bookmark_06 { padding-top: 6px; padding-left: 5px; }


/* PAGETOP */
.section_link_pagetop { margin-top: 30px; clear: both; text-align: right; }


/* IE PNGFIX FIX */
* html .sample { behavior: expression(IEPNGFIX.fix(this)); }
* html .illust-sample { behavior: expression(IEPNGFIX.fix(this)); }