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

 更新者：松尾
 更新日：20090914

 file name  : pro.css
 style info : “オトコ”の婚活用のスタイル
============================================================ */

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


/* 本文
----------------------------------------------------*/
#mens {
	width: 560px;
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-left: 15px;
}

#mens h2 {
	margin-bottom: 20px;
}

#mens p {
	margin-bottom: 20px;
}

#mens p span {
	color: #CC9900;
	font-weight: bold;
}

#mens img.graph {
	margin-bottom: 30px;
}

#mens ul {
	margin-bottom: 30px;
}

#mens ul li.list01 {
	background: url(../images/bn01.png) no-repeat -2.5em 0.25em;
	padding-left: 25px;
}

#mens ul li.list02 {
	background: url(../images/bn02.png) no-repeat -2.5em 0.25em;
	padding-left: 25px;
}

#mens ul li.list03 {
	background: url(../images/bn03.png) no-repeat -2.5em 0.25em;
	padding-left: 25px;
}


/* backnumber
----------------------------------------------------*/
#mensBn {
	 border-top: 1px dashed #D6D6D6;
	 padding-top: 15px;
}

#mensBn ul {
	margin-top: 15px;
}

#mensBn ul li {
	margin-bottom: 10px;
}

#mensBn ul li a {
	text-decoration: underline;
}

#mensBn ul li.bn01 {
	background: url(../images/bn01.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn02 {
	background: url(../images/bn02.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn03 {
	background: url(../images/bn03.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn04 {
	background: url(../images/bn04.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn05 {
	background: url(../images/bn05.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn06 {
	background: url(../images/bn06.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn07 {
	background: url(../images/bn07.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn08 {
	background: url(../images/bn08.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn09 {
	background: url(../images/bn09.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}

#mensBn ul li.bn10 {
	background: url(../images/bn10.png) no-repeat 0em 0.2em;
	padding-left: 60px;
}


/* プロフィール
----------------------------------------------------*/
#mensProfile {
	width: 588px;
	border: 1px solid #D6D6D6;
	margin-top: 20px;
	margin-bottom: 30px;
}

#mensProfile .intro {
	width: 568px;
	margin: 10px;
}

#mensProfile .intro h3 {
	display: block;
	margin-bottom: 10px;
	padding-top: 5px;
}

#mensProfile .intro .link {
	background: url(../images/disc.png) no-repeat 0em 0.45em;
	margin-top: 5px;
	padding-left: 15px;
	float: left;
}

#mensProfile .intro .link a {
	margin-left: 15px;
}

#mensProfile .intro .photo {
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
}

#mensProfile .book {
	width: 588px;
	border-top: 1px dashed #D6D6D6;
	padding-top: 10px;
	padding-bottom: 5px;
}

#mensProfile .book h3 {
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 5px;
}

#mensProfile .book .text {
	margin-left: 10px;
}

#mensProfile .book ul.bookImg {
	width: 100px;
	margin-right: 10px;
	float: right;
}

#mensProfile .book ul.bookImg li.book01 {
	float: left;
}

#mensProfile .book ul.bookImg li.book02 {
	float: right;
}


/* シリーズ
----------------------------------------------------*/
/* シリーズ
----------------------------------------------------*/
.series {
	width: 590px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D6D6D6;
}

.series.nb {
	border: none;
}

.series h3 {
	width: 500px;
	font-size: 120%;
	font-weight: bold;
	margin-left: 80px;
}

.series p.photo {
	width: 70px;
	clear: both;
	float: left;
}

.series ul {
	width: 500px;
	display: block;
	margin-left: 80px;
}

.series ul li {
	margin-bottom: 5px;
}