/* http://www.shinchosha.co.jp/wadainohon/471521/black.css */

* { margin: 0; padding: 0; }

#base { width: 840px; padding: 5px; background-color: #000000; }
.coating { width: 100%; padding: 0 0 15px 0; background-color: #efefef; }

/* ヘッダ */
#top_image { width: 821px; height: 413px; margin: 3px 0 0 0; background-image: url(image/top.jpg); background-repeat: no-repeat; }

/* 更新情報 */
#up { width: 100%; height: 190px; margin: 15px 0px 10px 0px; padding: 10px 0px 0px 0px; background-image: url(image/up.jpg); background-repeat: no-repeat; background-position: bottom; text-align: left; }
.up_box { width: 100%; padding: 0px 0px 0px 35px; }
/* ナビゲーション */
#navi { width: 100%; height: 44px; }

/* ナビ始 */
/*------navi*/
#g_navi {
	width: 560px;
	height: 44px;
	margin: 0 0 0 25px;
	background: url(image/navigation/navi.jpg) no-repeat;
}
#g_navi ul {

}
#g_navi li {
	display: inline;
	list-style-type: none;
}
#g_navi li a { 
	height: 44px;
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
/*------off*/
#g_navi li.story a {
	background: url(image/navigation/navi.jpg) no-repeat 0px 0px;
	width: 139px;
}
#g_navi li.character a {
	background: url(image/navigation/navi.jpg) no-repeat -139px 0px;
	width: 139px;
}
#g_navi li.wise a {
	background: url(image/navigation/navi.jpg) no-repeat -278px 0px;
	width: 139px;
}
#g_navi li.after a {
	background: url(image/navigation/navi.jpg) no-repeat -417px 0px;
	width: 139px;
}
#g_navi li.check a {
	background: url(image/navigation/navi.jpg) no-repeat -556px 0px;
	width: 139px;
}

/*------hover*/
#g_navi li.story a:hover {
	background: url(image/navigation/navi.jpg) no-repeat 0px -44px;
}
#g_navi li.character a:hover {
	background: url(image/navigation/navi.jpg) no-repeat -139px -44px;
}
#g_navi li.wise a:hover {
	background: url(image/navigation/navi.jpg) no-repeat -278px -44px;
}
#g_navi li.after a:hover {
	background: url(image/navigation/navi.jpg) no-repeat -417px -44px;
}
#g_navi li.check a:hover {
	background: url(image/navigation/navi.jpg) no-repeat -556px -44px;
}

/*------on*/
#g_navi li.story_on a {
	background: url(image/navigation/navi.jpg) no-repeat 0px -88px;
	width: 139px;
}
#g_navi li.character_on a {
	background: url(image/navigation/navi.jpg) no-repeat -139px -88px;
	width: 139px;
}
#g_navi li.wise_on a {
	background: url(image/navigation/navi.jpg) no-repeat -278px -88px;
	width: 139px;
}
#g_navi li.after_on a {
	background: url(image/navigation/navi.jpg) no-repeat -417px -88px;
	width: 139px;
}
#g_navi li.check_on a {
	background: url(image/navigation/navi.jpg) no-repeat -556px -88px;
	width: 139px;
}
/* ナビ終 */

/*\*//*/
 overflow:auto;
/**/

/* 文字・サイズ */
.b1 {
	font-size: 14px; _font-size: 90%;
	line-height: 24px; _line-height: 1.4em; }

.b2 {
	font-size:12px; _font-size:75%;
	line-height:19px; _line-height:1.55em; }

/* コンテンツ */

#contents { width: 800px; padding: 7px; margin: 0 5px 0px 5px;  background-color: #edb65c; }
.back { width: 100%; background-color: #efefef; text-align: left; }
.contents_box { padding: 15px; }

/* あらすじ */
.img { width: 190px; float: left; padding: 0px 12px 0px 0px; }


/* 名言録 */
#wise { width: 750px; padding: 4px; margin: 25px 5px 0px 5px; background-color: #ff0000; }
.wise_back { width: 100%; background-color: #fffc00; text-align: left; }
.wise_box { padding: 3px 10px 3px 10px; }

#why { width: 750px; padding: 1px; margin: 10px 5px 0px 5px; background-color: #bfbfbf; }
.why_back { width: 100%; background-color: #f8f8f8; text-align: left; }
.why_box { padding: 5px; }

.face { width: 34px; float: left; padding: 0px 3px 3px 0px; }

/* 診断ボタン */
#btn a{
	display: block;
	width: 182px;
	height: 160px;
	background: url(image/check.gif) no-repeat;
    text-indent: -9999px;
    overflow: hidden; }

#btn a:hover{ background: url(image/check_02.gif) no-repeat; }