@charset "utf-8";
/* CSS Document */
/*---- index page ----*/
h3 {
	background-size: 5px 5px;
	background-image: url(../image/h3.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	border-left: #a9a9a9 5px solid !important;
}
#side ul li {
	background-image: url(../image/sidebox_arrow.gif)!important;
}
.to_pagetop a {
	background: url(../image/pagetop.gif) !important;
}
.to_pagetop a:hover {
	background-position: 0 -20px !important;
}
/*---- novel background ----*/
body#s1 {
	background: url(../s1/image/background.gif);
}
body#s2 {
	background: url(../s2/image/background.gif);
}
body#s3 {
	background: url(../s3/image/background.gif);
}
body#s4 {
	background: url(../s4/image/background.gif);
}
body#s5 {
	background: url(../s5/image/background.gif);
}
body#s6 {
	background: url(../s6/image/background.gif);
}
body#s7 {
	background: url(../s7/image/background.gif);
}
body#s8 {
	background: url(../s8/image/background.gif);
}
body#s9 {
	background: url(../s9/image/background.gif);
}
body#s10 {
	background: url(../s10/image/background.gif);
}
body#s11 {
	background: url(../s11/image/background.gif);
}
body#s12 {
	background: url(../s12/image/background.gif);
}
body#s13 {
	background: url(../s13/image/background.gif);
}
body#s14 {
	background: url(../s14/image/background.gif);
}
body#s15 {
	background: url(../s15/image/background.gif);
}
/*---- novel background end ----*/
.character_introduction {
	margin: 0 5px;
	font-size: 12px;
}
.character_introduction ul {
	width: 290px;
	min-height: 150px;
	_height: 150px;
	margin-bottom: 15px;
	padding-left: 180px;
}
.character_introduction div {
	width: 290px;
	min-height: 150px;
	_height: 150px;
}
/*---- character image ----*/
ul.s1_1 {
	background: url(../s1/image/chara1.jpg) no-repeat;
}
ul.s1_2 {
	background: url(../s1/image/chara2.jpg) no-repeat;
}
ul.s2_1 {
	background: url(../s2/image/chara1.jpg) no-repeat;
}
ul.s2_2 {
	background: url(../s2/image/chara2.jpg) no-repeat;
}
ul.s3_1 {
	background: url(../s3/image/chara1.jpg) no-repeat;
}
ul.s3_2 {
	background: url(../s3/image/chara2.jpg) no-repeat;
}
ul.s4_1 {
	background: url(../s4/image/chara1.jpg) no-repeat;
}
ul.s4_2 {
	background: url(../s4/image/chara2.jpg) no-repeat;
}
ul.s5_1 {
	background: url(../s5/image/chara1.jpg) no-repeat;
}
ul.s5_2 {
	background: url(../s5/image/chara2.jpg) no-repeat;
}
ul.s6_1 {
	background: url(../s6/image/chara1.jpg) no-repeat;
}
ul.s6_2 {
	background: url(../s6/image/chara2.jpg) no-repeat;
}
ul.s7_1 {
	background: url(../s7/image/chara1.jpg) no-repeat;
}
ul.s7_2 {
	background: url(../s7/image/chara2.jpg) no-repeat;
}
ul.s8_1 {
	background: url(../s8/image/chara1.jpg) no-repeat;
}
ul.s8_2 {
	background: url(../s8/image/chara2.jpg) no-repeat;
}
ul.s9_1 {
	background: url(../s9/image/chara1.jpg) no-repeat;
}
ul.s9_2 {
	background: url(../s9/image/chara2.jpg) no-repeat;
}
ul.s9_3 {
	background: url(../s9/image/chara3.jpg) no-repeat;
}
ul.s9_4 {
	background: url(../s9/image/chara4.jpg) no-repeat;
}
ul.s9_5 {
	background: url(../s9/image/chara5.jpg) no-repeat;
}
ul.s9_6 {
	background: url(../s9/image/chara6.jpg) no-repeat;
}
ul.s9_7 {
	background: url(../s9/image/chara7.jpg) no-repeat;
}
ul.s9_8 {
	background: url(../s9/image/chara8.jpg) no-repeat;
}
ul.s10_1 {
	background: url(../s10/image/chara1.jpg) no-repeat;
}
ul.s10_2 {
	background: url(../s10/image/chara2.jpg) no-repeat;
}
ul.s10_3 {
	background: url(../s10/image/chara3.jpg) no-repeat;
}
ul.s10_4 {
	background: url(../s10/image/chara4.jpg) no-repeat;
}
ul.s11_1 {
	background: url(../s11/image/chara1.jpg) no-repeat;
}
ul.s11_2 {
	background: url(../s11/image/chara2.jpg) no-repeat;
}
ul.s11_3 {
	background: url(../s11/image/chara3.jpg) no-repeat;
}
ul.s12_1 {
	background: url(../s12/image/chara1.jpg) no-repeat;
}
ul.s12_2 {
	background: url(../s12/image/chara2.jpg) no-repeat;
}
ul.s13_1 {
	background: url(../s13/image/chara1.jpg) no-repeat;
}
ul.s13_2 {
	background: url(../s13/image/chara2.jpg) no-repeat;
}
ul.s14_1 {
	background: url(../s14/image/chara1.jpg) no-repeat;
}
ul.s14_2 {
	background: url(../s14/image/chara2.jpg) no-repeat;
}
ul.s14_3 {
	background: url(../s14/image/chara3.jpg) no-repeat;
}
ul.s15_1 {
	background: url(../s15/image/chara1.jpg) no-repeat;
}
ul.s15_2 {
	background: url(../s15/image/chara2.jpg) no-repeat;
}
ul.s15_3 {
	background: url(../s15/image/chara3.jpg) no-repeat;
}
/*---- character image end ----*/
.character_introduction ul li {
	width: auto;
	line-height: 20px;
	list-style-position: outside;
	padding-left : 60px;
}
.character_introduction ul li.name {
	line-height: 30px;
	background: url(../image/name.gif) no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.character_introduction ul li.introduction {
	background: url(../image/introduction.gif) no-repeat;
}
.character_introduction .other_gender {
	background: url(../image/other_gender.gif) no-repeat;
}
.character_introduction .female {
	background: url(../image/female.gif) no-repeat;
}
.character_introduction .male {
	background: url(../image/male.gif) no-repeat;
}
.novel_navigation {
	width: 300px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 10px 90px;
}
.novel_navigation a {
	display: block;
}
.novel_navigation a.read {
	float: left;
}
.novel_navigation a.return {
	float: right;
}
ul.novel_page_navigation {
	width: 470px;
	margin: 0 5px 15px;
	font-size: 13px;
}
ul.novel_page_navigation li {
	display: inline;
	line-height: 18px;
	margin-left: 3px;
}
/*---- index page end ----*/
/*---- novel pages ----*/
ul.page_link {
	margin: 10px 10px 0;
	padding: 0;
}
#side ul.page_link li {
	background: none !important;
	line-height: 25px;
	font-size: 14px;
	display: inline;
	margin: 0 3px;
	padding: 0;
}
.novel_navigation_inside {
	width: 340px;
	height: 20px;
	line-height: 20px;
	margin: 15px 0 15px 70px;
	text-align: center;
}
.novel_navigation_inside a {
	display: block;
}
.novel_navigation_inside a.left {
	float: left;
}
.novel_navigation_inside a.center {
	width: 120px;
	margin: 0 auto;
}
.novel_navigation_inside a.right {
	float: right;
}
div.end{
	text-align: center;
}
pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 */
    word-wrap: break-word; /* IE 5.5+ */
}
/*---- novel pages end ----*/
/*---- s9 ----*/
.single, .trio {
	width: 480px;
	height: 150px;
	margin: 10px 0 5px;
	text-align: center;
}
.single img {
	margin: 0 auto;
}
.trio img {
	float: left;
	margin: 0 5px;
}
ul.situation {
	width: 200px;
	margin: 0 140px 10px;
}
ul.situation li.voice {
	width: 200px;
	background: url(../image/voice.gif) no-repeat;
	line-height: 30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	text-align: right;
}
ul.situation li.date {
	width: 200px;
	background: url(../image/date.gif) no-repeat;
	line-height: 20px;
	text-align: right;
	font-size: 13px;
}
ul.situation li.place {
	width: 200px;
	background: url(../image/place.gif) no-repeat;
	line-height: 20px;
	text-align: right;
	font-size: 13px;
}
/*---- s9 end ----*/
p.story_title {
	width: 480px;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}
.picture {
	margin-top: 15px;
	text-align: center;
}
.picture img {
	margin: 0 auto;
}

.picture_in {
	margin-bottom: 15px;
	text-align: center;
}

.sidebox_middle ul li img {
	margin: 0 3px 0 0;
	padding-bottom: 1px;
}