@charset "utf-8";
body{
	padding:0;
	margin:0;
	background:#F5FDFC url(../img/header_bg.gif) repeat-x;
}

#htbdfwp_contents{
	background:#F5FDFC url(../img/header_bg.gif) repeat-x;
}

div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table{
	padding:0;
	margin:0;
}

#wrapper img{
	border-style:none;
	/*IE6*/
	vertical-align:top;
	vertical-align:bottom;
}

#wrapper{
	margin:auto;
	height:auto;
	width:800px;
	font:12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper h1{
	background:url(../img/index_header.gif) 0 0 no-repeat;
	height:212px;
	margin:0 auto;
	text-indent:-9999px;
	width:800px;
}

#personality{
	background:url(../img/personality.gif) no-repeat;
	height:auto;
	width:745px;
	padding-top:129px;
	padding-left:55px;
}

#maincontent{
	background:#F9F9F9 url(../img/personality_bar.gif) repeat-y;
}
.personalityphoto{
	display:inline;
	float:left;
	margin-right:15px;
	height:180px;
	width:126px;
	text-align:center;
}

.personalityphoto h2{
	font-size:12px;
	line-height:1.4;
	color:#FFF;
	padding-top:5px;
}
.personalityphoto h2 a{
	color:#FFF;
	text-decoration:none;
}

.personalityphoto h2 a:hover{
	color:#D0FFFF;
	text-decoration:none;
}

.bottom{
	background:url(../img/personality02.gif) no-repeat;
	height:40px;
	width:800px;
	margin-bottom:30px;
}


.personalityphoto a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);

}

.clear{
	clear:both;
}