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

 更新者：松尾
 更新日：20091217

 file name  : trend.css
 style info : 婚活トレンド用のスタイル
============================================================ */

/* 婚活トレンド　一覧＆記事ページ　共通
----------------------------------------------------*/

#section-lv {
	width: 560px;
	background: url(../images/bg_title.png) no-repeat;
	border-top: 3px solid #464035;
	padding: 0px 15px;
}

#section-lv h2 {
	font-weight: bold;
	color: #BF9B66;
}


/* 婚活トレンド　一覧ページ
----------------------------------------------------*/

/*タイトル周り*/
#section-lv p.lead {
	padding-top: 2px;
	padding-left: 175px;
}

#section-lv #title {
	border-bottom: 1px dashed #D6D6D6;
	padding-top: 15px;
}

#section-lv #title h1#listTitle {
	width: 350px;
	font-size: 130%;
	color: #BF9B66;
	clear: both;
	float: left;
}

#section-lv #title h1#listTitle span {
	font-size: 130%;
}

#section-lv #title ul#bn {
	width: 200px;
	margin-left: 350px;
	padding-top: 1em;
	text-align: right;
}

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


/*一覧リスト*/
#section-lv ul#list li {
	background: url(../../images/share/i_arrow_gold.png) 0em 0.45em no-repeat;
	display: inline-block;
	border-bottom: 1px dashed #D6D6D6;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	min-height: 1%;
	line-height: 1.5;
}

*html #section-lv ul#list li {
	border-bottom: 1px dashed #D6D6D6;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
}

#section-lv ul#list li a {
	width: 455px;
	clear: both;
	float: left;
}

*html #section-lv ul#list li a {
	display: block;
	clear: both;
	float: left;
}

#section-lv ul#list li span.date {
	font-size: 86%;
	color: #999999;
	text-align: right;
}

*html #section-lv ul#list li span.date {
	display: block;
	font-size: 86%;
	color: #999999;
}

#section-lv ul#list li span.new {
	padding-right: 10px;
	color: #FF51A8;
}


/* アーカイブ */
#section-lv #archive {
	width: 558px;
	border: 1px solid #D6D6D6;
	background: url(../images/bg_archiveb.png) bottom no-repeat;
	margin-top: 75px;
	padding-bottom: 5px;
}

#section-lv #archive #archiveList {
	background: url(../images/bg_archivet.png) no-repeat;
	padding-top: 5px;
}

#section-lv #archive #archiveList h2.archiveTitle {
	display: block;
	padding: 5px 15px;
	clear: both;
	float: left;
}

/*#section-lv #archive #archiveList dl {
	border-bottom: 1px dashed #D6D6D6;
	margin-right: 15px;
	margin-left: 150px;
	padding: 10px 5px;
}

#section-lv #archive #archiveList dl.nb {
	border: none;
}

#section-lv #archive #archiveList dl dt {
	width: 4em;
	border: 1px solid #D6D6D6;
	text-align: center;
	float: left;
}

#section-lv #archive #archiveList dl dd {
	width: 300px;
	margin-left: 75px;
}

#section-lv #archive #archiveList dl dd ul li {
	display: inline;
	padding: 0px 10px;
}*/

#section-lv #archive #archiveList ul {
	margin-left: 100px;
	padding: 5px 0px;
}

#section-lv #archive #archiveList ul li {
	display: inline;
	padding: 0px 10px;
}


/*キーワード*/
#section-lv #keywordList {
	margin-top: 50px;
}

#section-lv #keywordList h2 {
	border-bottom: 1px solid #D6D6D6;
	padding-left: 10px;
}

#section-lv #keywordList ul {
	padding: 10px 0px;
}

#section-lv #keywordList ul li {
	display: inline;
	padding: 0px 10px;
}



/* 婚活トレンド　記事ページ
----------------------------------------------------*/
#section-lv h1#pageTitle {
	border-bottom: 1px dashed #D6D6D6;
	padding-top: 50px;
	padding-bottom: 10px;
	font-size: 175%;
	font-weight: normal;
	color: #F955A4;
	line-height: 1.2;
}

#section-lv p a {
	text-decoration: underline;
}

#section-lv span.keyword {
	background: url(../images/i_keyword.png) left center no-repeat;
	display: block;
	margin-top: 5px;
	padding-left: 65px;
	font-size: 88%;
	clear: both;
	float: left;
}

#section-lv span.keyword a {
	padding: 0px 7px;
	text-decoration: underline;
}


#section-lv span.update {
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 460px;
	color: #999999;
	font-size: 86%;
	text-align: right;
}

#section-lv span.gotoList {
	background: url(../../images/share/i_arrow_gold.png) 0em 0.2em no-repeat;
	margin-top: 15px;
	padding-left: 10px;
	color: #BF9B66;
	float: right;
}

#section-lv p {
	margin-top: 15px;
	clear: both;
}



/* 回遊リンク */
#section-lv ul#siteNavi {
	border-top: 1px dashed #D6D6D6;
	margin-top: 50px;
	padding-top: 5px;
}

#section-lv ul#siteNavi li.pre {
	float: left;
}

#section-lv ul#siteNavi li.next {
	float: right;
}


/* 特集トップ　サブナビエリア
----------------------------------------------------*/
#subArea #comArea .subNaviArea h2.ranking {
	background: url(../../images/share/bgttl_ranking.png) no-repeat;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 35px;	
}

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

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

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

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

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

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

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

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

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

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