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

 更新者：松尾
 更新日：20100115

 file name  : novel.css
 style info : 婚活小説用のスタイル
============================================================ */

/* 婚活小説　一覧＆ストーリーページ　共通
----------------------------------------------------*/

#section-lv {
	width: 590px;
}

/* 婚活小説　一覧ページ
----------------------------------------------------*/
#contents h1#headNovel {
	background: url(../images/bgimg.png) no-repeat;
	border-top: 3px solid #464035;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#contents .section-lv {
	margin: 0px 15px;
}

#contents .section-lv dl.novelList {
	background: url(../images/bg_list_bn.png) bottom no-repeat;
	display: block;
	border-bottom: 1px dotted #DBC6A8;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration: none;
}

#contents .section-lv dl.novelList dd.thum {
	width: 145px;
	clear: both;
	float: left;
}

#contents .section-lv dl.novelList dd.icon {
	width: 75px;
	display: block;
	margin-left: 155px;
}

#contents .section-lv dl.novelList dt.title {
	background: url(../../images/share/i_arrow_r.png) 0em 0.65em no-repeat;
	display: block;
	margin-left: 155px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 110%;
}

#contents .section-lv dl.novelList dd.description {
	display: block;
	margin-left: 155px;
	color: #535353; /* デフォルトのリンク色を解除 */
	line-height: 1.2;
}

#contents .section-lv dl.novelList dd.bn {
	display: block;
	margin-left: 235px;
	padding-top: 15px;
	padding-bottom: 0.5em;
	color: #535353; /* デフォルトのリンク色を解除 */
}

#contents .section-lv dl.novelList dd.bn ul li {
	display: inline;
	border: 1px solid #D6D6D6;
	/margin-right: 2px;
	padding: 0px;
}

#contents .section-lv dl.novelList dd.bn ul li a {
	padding: 0px 5px;
}

#contents .section-lv dl.novelList dd.bn ul li a:hover,
#contents .section-lv dl.novelList dd.bn ul li a:active {
	background: #333333;
	color: #FFFFFF;
}




/* 婚活小説　ストーリーページ
----------------------------------------------------*/

/*ストーリーナビ*/
#section-lv ul#storyNavi {
	width: 590px;
	background: #F4F2DE;
	margin: 1px 0px;
}

#section-lv ul#storyNavi li {
	display: inline;
}

#section-lv ul#storyNavi li a {
	margin: 0px;
	padding: 0px 15px;
	border-right: 1px solid #FFFFFF;
}

#section-lv ul#storyNavi li a.On,
#section-lv ul#storyNavi li a:hover,
#section-lv ul#storyNavi li a:active {
	background: #333333;
	margin: 0px;
	padding: 2px 15px;
	color: #FFFFFF;
}


/*タイトル周り*/
#section-lv #title {
	width: 590px;
	background: url(../images/bg.png) top no-repeat;
}

#section-lv #title h1 {
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 150%;
	color: #F955A4;
	clear: both;
	float: left;
}

#section-lv #title span.btn {
	margin-top: 2.6em;
	margin-right: 10px;
	float: right;
}


/*ストーリー本文*/
#section-lv #story p {
	width: 570px;
	margin-top: 2em;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#section-lv #story p#btnPrevNext {
	background: url(../images/bgb.png) bottom no-repeat;
}

#section-lv #story p#btnPrevNext span {
	background: url(../images/bgt.png)top no-repeat;
	display: block;
	padding: 10px;
	font-size: 135%;
	text-align: center;
}

#section-lv #story p#btnPrevNext span a {
	color: #F955A4;
}



/*BackNumber*/
#section-lv dl#bn {
	width: 570px;
	border-top: 1px dashed #D6D6D6;
	margin: 30px 10px;
	padding-top: 10px;
}

#section-lv dl#bn dt {
	clear: both;
	float: left;
}

#section-lv dl#bn dd {
	margin-left: 7em;
}

#section-lv dl#bn dd ul li {
	display: inline;
}


/* 婚活小説　サブナビエリア
----------------------------------------------------*/
#subArea #comArea .subNaviArea h2.novel {
	background: url(../images/bgttl_novel.png) no-repeat;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 45px;	
}

#subArea #comArea .subNaviArea ul li a {
	padding-left: 120px;
}


/* story01 */
#subArea #comArea .subNaviArea ul li a.story01:link,
#subArea #comArea .subNaviArea ul li a.story01:visited {
	background: url(../images/bg_story01.png) no-repeat top left;
}

#subArea #comArea .subNaviArea ul li a.story01on,
#subArea #comArea .subNaviArea ul li a.story01:active,
#subArea #comArea .subNaviArea ul li a.story01:hover {
	background: url(../images/bg_story01.png) no-repeat -328px 0px;
	color: #FA56A4;
}

#subArea #comArea .subNaviArea ul li a.story02:link,
#subArea #comArea .subNaviArea ul li a.story02:visited {
	background: url(../images/bg_story02.png) no-repeat top left;
}

#subArea #comArea .subNaviArea ul li a.story02on,
#subArea #comArea .subNaviArea ul li a.story02:active,
#subArea #comArea .subNaviArea ul li a.story02:hover {
	background: url(../images/bg_story02.png) no-repeat -328px 0px;
	color: #FA56A4;
}

#subArea #comArea .subNaviArea ul li a.story03:link,
#subArea #comArea .subNaviArea ul li a.story03:visited {
	background: url(../images/bg_story03.png) no-repeat top left;
}

#subArea #comArea .subNaviArea ul li a.story03on,
#subArea #comArea .subNaviArea ul li a.story03:active,
#subArea #comArea .subNaviArea ul li a.story03:hover {
	background: url(../images/bg_story03.png) no-repeat -328px 0px;
	color: #FA56A4;
}

#subArea #comArea .subNaviArea ul li a.story04:link,
#subArea #comArea .subNaviArea ul li a.story04:visited {
	background: url(../images/bg_story04.png) no-repeat top left;
}

#subArea #comArea .subNaviArea ul li a.story04on,
#subArea #comArea .subNaviArea ul li a.story04:active,
#subArea #comArea .subNaviArea ul li a.story04:hover {
	background: url(../images/bg_story04.png) no-repeat -328px 0px;
	color: #FA56A4;
}