@charset "UTF-8";
/**********************************************************************
パパの悩み相談横丁
プロフィールCSS
[ /css/profile/profile.css ]
**********************************************************************/


/* タイトル
------------------------------------------------- */
div#main div#title {
	width: 900px;
	height: 128px;
	background: url(../../img/profile/title_bg01.gif) no-repeat left top;
	position: relative;
}

div#main div#title h2.item01 {
	position: absolute; left:27px; top:60px;
}

/* プロフィール
------------------------------------------------- */
div#main div#item01 {
	width: 848px;
	padding-left: 52px;
	background: url(../../img/profile/img_bg01.gif) repeat-y left top;
}

div#main div#item01 div.left {
	width: 692px;
	float: left;
}

div#main div#item01 div.left div.bottom {
	margin-top: 20px;
}

div#main div#item01 div.left div.bottom a {
	color: #6AB845;
}

div#main div#item01 div.right {
	width: 120px;
	float: right;
}

div#main div#item01 div.photo {
	width: 193px;
	float: left;
}

div#main div#item01 ul {
	width: 474px;
	float: right;
}

div#main div#item01 ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../../img/profile/border01.gif) no-repeat left bottom;
}


/* サポーター
------------------------------------------------- */
div#main div#item02 {
	margin-top: 40px;
}

div#main div#item02 h3 {
	margin-bottom: 20px;
}

div#main div#item02 div.people {
	width: 445px;
	padding-bottom: 30px;
	float: left;
}

div#main div#item02 div.people div.photo {
	width: 100px;
	height: 110px;
	background: url(../../img/profile/photo_bg01.gif) no-repeat left top;
	float: left;
	position: relative;
}

div#main div#item02 div.people div.photo img {
	position: absolute; left:3px; top:3px;
}

div#main div#item02 div.people div.txt {
	width: 320px;
	float: left;
	margin-left: 10px;
}

div#main div#item02 div.people div.txt p.name {
	font-size: 14px;
	margin: 8px 0;
	font-weight: bold;
}