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

 更新者：松尾
 更新日：20090618

 file name  : discussion.css
 style info : 婚活ブロガー女子座談会のスタイル
============================================================ */

/* discussion.cssの読み込み
----------------------------------------------------------- */
@import url("../../../css/feature.css");


/* タイトル
----------------------------------------------------*/
#discussionTitle {
	width: 590px;
	background: #FA56A4;
}

#discussionTitle .lead {
	width: 580px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

#discussionTitle p.blogger {
	width: 580px;
	padding: 0px 5px;
}

#discussionTitle ul {
	width: 580px;
	padding: 5px;
}

#discussionTitle ul li {
	background: url(../images/bg_blogger.png) bottom no-repeat;
}

#discussionTitle ul li.left {
	width: 190px;
	margin-right: 5px;
	float: left;
}

#discussionTitle ul li.right {
	width: 190px;
	margin: 0px;
	float: right;
}

#discussionTitle ul li dl.me {
	background:url(../images/bg_blogger40s.png) top no-repeat;
	padding: 10px 0px;
}

#discussionTitle ul li dl.maki {
	background:url(../images/bg_blogger30s.png) top no-repeat;
	padding: 10px 0px;
}

#discussionTitle ul li dl.jil {
	background:url(../images/bg_blogger20s.png) top no-repeat;
	padding: 10px 0px;
}

#discussionTitle ul li dl dt {
	padding-top: 50px;
	padding-left: 10px;
	clear: both;
	float: left;
}

#discussionTitle ul li dl dd.img {
	margin-right: 10px;
	padding-left: 100px;
}

*html #discussionTitle ul li dl dd.img {
	padding-right: -5px;
	padding-left: 95px;
}

#discussionTitle ul li dl dd.profile {
	margin: 10px;
}

#discussionTitle ul li dl dd.blog {
	width: 170px;
	background: #F3F3F3;
	border-top: 1px dotted #CCCCCC;
	margin: 0px 1px;
	padding-top: 7px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;
}

*html #discussionTitle ul li dl dd.blog {
	width: 170px;
	background: #F3F3F3;
	border-top: 1px dotted #CCCCCC;
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: -100px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;
}

#discussionTitle ul li dl dd.blog img {
	margin: 5px 0px;
}

#discussionTitle ul li dl dd.blog span {
	width: 170px;
	display: block;
	line-height: 1.5;
}

/* 回遊ボタン
----------------------------------------------------*/
.naviBtn {
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 5px;
	text-align: center;
}

.naviBorder {
	border: 1px dashed #CCCCCC;
}

.naviBtn li {
	display: inline;
}

.naviBtn li.navi01 a {
	background:url(../images/navi_01_on.png) 0em -0.1em no-repeat;
	padding-left: 25px;
}

.naviBtn li.navi01 a:active,
.naviBtn li.navi01 a:hover {
	background:url(../images/navi_01.png) 0em -0.1em no-repeat;
	padding-left: 25px;
}

.naviBtn li.navi02 a {
	background:url(../images/navi_02_on.png) 0em -0.1em no-repeat;
	padding-left: 25px;
}

.naviBtn li.navi02 a:active,
.naviBtn li.navi02 a:hover {
	background:url(../images/navi_02.png) 0em -0.1em no-repeat;
	padding-left: 25px;
}

.naviBtn li.navi03 a {
	background:url(../images/navi_03_on.png) 0em -0.1em no-repeat;
	padding-left: 25px;
}

.naviBtn li.navi03 a:active,
.naviBtn li.navi03 a:hover {
	background:url(../images/navi_03.png) 0em -0.1em no-repeat;
	padding-left: 25px;
}


/* 本文
----------------------------------------------------*/
.discussionArea dt {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.discussionArea dd.name {
	vertical-align: top;
	font-weight: bold;
	color: #EE3354;
	clear: both;
	float: left;
}

.discussionArea dd.text {
	background: url(../images/i_colon.png) no-repeat 0px 8px;
	margin-right: 10px;
	margin-left: 35px;
	padding-left: 15px;
}

.discussionArea dd.text span {
	font-weight: bold;
	color: #EE3354;
}

.discussionArea dd.text span.imgRight {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: right;
}


/* 教訓
----------------------------------------------------*/
#conclusion {
	margin-bottom: 50px;
}

#conclusion li {
	margin: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

#conclusion li.nb {
	margin: 10px;
	border: none;
}


/* 座談会男子メンバー募集
----------------------------------------------------*/
#mensDiscussion {
	width: 588px;
	border: 1px solid #CCCCCC;
}

#mensDiscussion dt {
	width: 156px;
	clear: both;
	float: left;
}

#mensDiscussion dd {
	border-left: 1px solid #CCCCCC;
	margin-left: 156px;
}

#mensDiscussion dd span {
	width: 400px;
	display: block;
	padding: 15px;
}

*html #mensDiscussion dd span {
	width: 400px;
	padding: 15px 14px;
}

#mensDiscussion dd span ul {
	margin-top: 15px;
}

#mensDiscussion dd span ul li {
	color: #CC0000;
	line-height: 2;
}

#mensDiscussion dd span img {
	margin-top: 15px;
}