@charset "utf-8";

/* 目次
-----------------------
■■■■■■初期化
■■■■■■汎用
■■■■■■大枠
■■■■■■ヘッダー
■■■■■■フッター
■■■■■■コンテンツ
■■■インジケータ
■■■ボタン
-----------------------
 */
/* ■■■■■■ 初期化 */
body,
div,form,
h1,h2,h3,h4,h5,h6,p,address,pre,
dl,dt,dd,ul,ol,li,
table,th,td{
	margin:0;	padding:0;
	border:none;
	font-size:100%;	font-style:normal;
}
body{
	background:#fff;
	color:#333333;
	font:12px/1.35 "MS Pゴシック","ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 1px;
}
html* body{/*Safari + IE5.5-6*/
	font-size:11px;
}
* html body{/*IE5.5-6*/
	font-size:75%;
}
*:first-child+html body{/*IE7*/
	font-size:75%;
}
hr{	display:none;}

h1,h2,h3,h4,h5,h6,
strong{
	font-style:normal;
	font-weight:bold;
}

li{	list-style:none;}
img{	margin:0;	padding:0;}

a{
	color:#3c549b;
	text-decoration:underline;
}
a:visited{	color:#800080;}

a:hover,
a:active{	color:#b21818;}

a:hover{	text-decoration:none;}
input{	font-family:"ＭＳ Ｐゴシック",sans-serif;}

/* ■■■■■■汎用 */

/* 回り込み解除 */
.clearfix,
#Header,
#UserNav li.end,
#HeaderSubNav,
#BreadcrumbsList,
#ItemHistory ol,
#License{
	zoom:1;
}

.main_lbox:after,
.main_lbox2:after,
.qs_area:after,
dl.radio_box:after,
.qsbtn_area:after,
dl.ansstate_numbox:after,
.main_area3:after,
.list_ttl:after,
.main_box:after,
.mbtn_area:after,
.httl_garea:after,
.ce_area:after,
.hed_box:hover{
	content:"";
	clear: both;
	display: block;
}




/* 寄せる */
.flt_l{float:left;}
.flt_r{float:right;}

/* clear */
.clear{clear:both;}


/* ■■■■■■大枠 */
html , body {height:100%;}
body > #container {height:auto;}
body{	background:  #fff;}

#container{
	width: 800px;	height: auto;
	margin: 0 auto;
	height:100%;/* for IE6 */
	min-height:100%;
}
#contents{
	width: 750px;
	margin: 0 auto;
	background-color: #FFCCCC;
	background: url(images/side_line.gif) repeat-y;
}
#sl_container{
	width: 570px;	height: auto;
	height:100%;/* for IE6 */
	min-height:100%;
}
#sl_contents{
	width: 570px;
	background-color: #FFCCCC;
	background: url(images/side_line2.gif) repeat-y;
}


p{	font-size: 12px;}

#container img{/* IEの画像隙間をなくす */
	vertical-align:bottom;
	padding:0;
	margin:0;
}

/* ■■■■■■ヘッダー  */
#hed_area{
	width: 750px;
	margin: 15px 0 0;
}
.hed_box{
	width: 750px;
	margin: 0 0 3px;
}
.hed_box h1{
	width: 194px;
	float: left;
}

h3.httl_area{
	width:710px;	height: 30px;
	background: url(images/httl_bs.gif) repeat-x;
	color: #fe831a;
	font-size: 16px;
	padding: 7px 20px 0;
}
.httl_garea{
	width:710px;	height: 30px;
	background: url(images/httl_gbs.gif) repeat-x;
	padding: 7px 20px 0;
}

img.icon_qimg{
	width: 21px;	height: 21px;
	float: left;
}
h3.httl_txt{
	width: 650px;
	float: left;
	font-size: 16px;
	color: #fff;
	margin: 0 0 0 5px;
}



/* ■■■■■■フッター  */
.foot_area{
	width: 800px;

}
p.foot_line{
	width: 750px;	height: 8px;
	background: url(images/foot_line.gif) repeat-x;
	margin: 0 auto 15px;

}
p.footer{
	width: 800px;	height: 20px;
	background-color: #FF7400;
	color: #fff;
	font-size: 10px;
	text-align: center;	
	padding: 5px 0 0;
	margin: 0 auto;
}


/* ■■■■ボタン  */
p.btn_again a{
	width: 157px;	height: 32px;
	background: url(images/btn_again.jpg) no-repeat;
	display: block;	
	float: left;
}
p.btn_next a{
	width: 157px;	height: 32px;
	background: url(images/btn_next.jpg) no-repeat;
	display: block;	
	float: right;
}
p.btn_qsend a{
	width: 157px;	height: 32px;
	background: url(images/btn_qsend.jpg) no-repeat;
	display: block;	
	margin: 0 auto;
}
p.btn_result a{
	width: 157px;	height: 32px;
	background: url(images/btn_result.jpg) no-repeat;
	margin: 0 auto;
	display: block;
}
p.btn_method a{
	width: 157px;	height: 32px;
	background: url(images/btn_method.jpg) no-repeat;
	margin: 17px 0 0;
	float: left;
	display: block;
}
p.btn_nolook a{
	width: 157px;	height: 32px;
	background: url(images/btn_nolook.jpg) no-repeat;
	display: block;	
	float: left;
}
p.btn_again a:hover,
p.btn_next a:hover,
p.btn_qsend a:hover,
p.btn_result a:hover,
p.btn_method a:hover,
p.btn_nolook a:hover{
	background-position: 0 -32px;	
}

p.btn_close2 a,
.hed_box p.btn_close2 a{
	width: 140px;	height: 26px;
	background: url(images/btn_close2.jpg) no-repeat;
	margin: 0 auto;
	display: block;
}
.hed_box p.btn_close2 a{
	float: right;
	margin: 0 10px 0 0;
}

p.btn_close2 a:hover,
.hed_box p.btn_close2 a:hover{
	background-position: 0 -26px;
}


p.btn_detailed a{
	width: 67px;	height: 22px;
	background: url(images/btn_detailed.jpg) no-repeat;
	margin: 7px auto;
	display: block;	
}
p.btn_detailed a:hover{	background-position: 0 -22px;}

p.btn_start a{
	width: 257px;	height: 52px;
	background: url(images/btn_start.jpg) no-repeat;
	margin: 7px auto;
	display: block;	
}
p.btn_start a:hover{	background-position: 0 -52px;}

p.icon_qimg a{
	width: 14px;	height: 14px;
	background: url(images/btn_close.jpg) no-repeat;
	margin: 3px 0 0;
	float: right;
}
p.icon_qimg a:hover{	background-position: 0 -14px;}