@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;
	color:#3E3E3E;
}

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

#wrapper h1 a{
	background:url(../img/header_02.gif) 0 0 no-repeat;
	display:block;
	height:212px;
	width:800px;
	/*\*/
	overflow:hidden;
	/**/
}


#wrapper h2{
	background:url(../img/name_bar.gif) no-repeat;
	height:52px;
	line-height:52px;
	width:700px;/*730*/
	color:#FFF;
	margin:0 auto 10px;
	padding-left:30px;
	font-size:16px;
}

#wrapper h3{
	text-indent:-9999px;
	height:52px;
	margin:0 auto;
	width:730px;
}

#wrapper #databox h3{background:url(../img/pro_bar.gif) 0 0 no-repeat;width:550px;}
#wrapper #program h3{background:url(../img/tantou_bar.gif) 0 0 no-repeat;}
#wrapper #q_and_a h3{background:url(../img/qa_bar.gif) 0 0 no-repeat;}


#maincontent{
	background:url(../img/common_bg02.gif) repeat-y;
	height:auto;
	width:800px;
	padding-bottom:20px;
}

#content{
	margin:0 auto;
	width:730px;
}

#pro_photo{
	width:170px;
	float:left;
	height:auto;
	display:inline;
	margin:0 0 10px 5px;
}

#databox{
	float:left;
	display:inline;
	height:auto;
	margin:0 0 10px 5px;
	width:550px;
}

#content #databox dl{
	font-size:14px;
	padding:0 0 0 10px;
	line-height:1.6;
}

#content #databox dl dt{
	clear:left;
	display:inline;
	float:left;
	width:7em;
}

#content #databox dl dd{
	margin-left:7em;
	margin-bottom:1px;
}

#content #databox span{
	color:#ED287A;
	padding-right:5px;
}

#pro_photo img{
	border:3px solid #3B2213;
	float:left;
}

#program{
	clear:both;
	padding-bottom:20px;
	margin:0 auto;
	width:730px;
}

#program p{
	padding-left:15px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#09084E;
}

#program p a{
	color:#09084E;
}

#program p a:hover{
	color:#06C;
}

#q_and_a{
	margin:0 auto;
	width:730px;
}

#q_and_a dl{
	margin:0 auto;
	padding-top:10px;
	width:700px;
}

#q_and_a dl dt{
	background:url(../img/clover.gif) left center no-repeat;
	font-size:14px;
	height:17px;
	line-height:17px;
	color:#00B500;
	padding:5px 0 5px 26px;
}

#q_and_a dl dd{
	line-height:1.6;
	background:#F2F2F2 url(../img/trAdd.gif) repeat-x;
	margin-bottom:5px;
	padding:5px 0;
	border-bottom:1px solid #ED287A;
}

#q_and_a p{
	text-align:right;
	padding-top:20px;
	font-size:12px;
	text-decoration:underline;
	width:715px;
}

#q_and_a p a{
	color:#F30;
}

#q_and_a p a:hover{
	color:#FC0;
}

#footer{
	background:url(../img/common_bg.gif) no-repeat;
	height:60px;
	width:800px;
}

.clear{
	clear:both;
}