@charset "shift_jis";
@import "./initialaize.css";


/* 基本設定
-------------------------------------*/
html {height:100%;}
body {
height:100%;
color:#5a1a05;
font:normal 12px/1.8em "ＭＳ Ｐ ゴシック", "MS P Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ 角ゴ Pro W3", "Verdana", Sans-serif;
text-align:center;
background:#f5f5f5 url(../images/common/bg_body.jpg) 0 0 repeat-x;
}

a {
color:#3366cc;
text-decoration:underline;
}


#wrapper {
width:870px;
height:100%;
min-height:100%;
margin:0 auto;
text-align:left;
border-right:10px solid #5a1a05;
border-left:10px solid #5a1a05;
background:#f5f5f5 url(../images/common/bg_main.jpg) 0 0 no-repeat;
}

/* FireFox用ハック */
body > #wrapper {
height:auto;
}


/* ロゴ */
#logo {height:129px; float:left;}
#logo a {
width:370px;
height:94px;
margin:23px 0 0 41px;
display:block;
}

/* ヘッダーメニュー */
#headermenu {
width:399px;
margin-top:97px;
float:right;
}
#headermenu li {
display:inline;
}

/* リード文 */
#readtxt {
width:870px;
height:101px;
clear:both;
}
#readtxt img {
width:675px;
height:71px;
margin:16px 0 0 108px;
}

/* 次へ、戻るボタン */
#gotoarea {
width:840px;
margin:0 18px 0 12px;
}
#gotonext {
padding-top:8px;
text-align:right;
}


/* フッター */
#footer {
text-align:right;
color:#5a1a05;
}
#footer address {
padding:19px;
}




/* トップページ
--------------------------------*/
#indeximg img {
width:830px;
height:440px;
margin:20px auto;
display:block;
}

#descriptionwrapper {
width:641px;
float:left;
background:url(../images/index/bg_description.gif) 0 0 repeat-y;
}
#description {
width:641px;
background:url(../images/index/btm_description.gif) 0 100% no-repeat;
}
#description p {
width:543;
padding:23px 74px 24px 24px;
color:#ffffff;
background:url(../images/index/top_description.gif) 0 0 no-repeat;
}



/* テスト
------------------------------*/
/* Question1,Question3 */
#questionflow {
text-align:right;
}
	#questionflow img {
	width:417px;
	height:14px;
	margin:9px 12px 19px;
	}

#main h1 {margin:0 0 13px 21px;}
#questiontxt {margin:0 0 11px 24px;}

#q1table {
width:844px;
margin:0 auto 18px;
border-top:5px solid #cdb89f;
border-bottom:5px solid #cdb89f;
}
#q1table input {
margin:0 20px;
}

.questionrow {
width:478px;
padding:8px 17px;
}
.answerrow1 {
width:135px;
padding:8px 15px;
text-align:center;
border-right:1px dashed #5a1a05;
border-left:1px dashed #5a1a05;
}
.answerrow {
width:135px;
padding:8px 15px;
text-align:center;
}
.bg1 {background-color:#dedbc4;}
.bg2 {background-color:#fffce1;}


/* Question2 */
#q2table {
width:844px;
margin:0 auto 18px;
border-top:5px solid #cdb89f;
border-bottom:5px solid #cdb89f;
}
#q2table ul {
padding:5px;
text-align:center;
background:url(../images/test/bg_caption.gif) 0 0 repeat;
}
#q2table li {
padding:0 20px;
display:inline;
}
#q2table input {
margin-right:10px;
}
#q2table td {
width:377px;
height:135px;
padding:15px 23px;
vertical-align:top;
background-color:#dedbc4;
}
#q2table img {
margin:20px auto 0;
display:block;
}
/* 各セルの個別設定  */
#cell1 {border-right:1px dashed #5a1a05; border-bottom:1px dashed #5a1a05;}
#cell2 {border-bottom:1px dashed #5a1a05;}
#cell3 {border-right:1px dashed #5a1a05;}
#cell4 {}


/* パンフレット */
#offerarea {
width:844px;
margin:0 auto 15px;
}
#offerarea p {
width:472px;
padding:5px;
float:left;
/* background-color:#dedbc4; */
}
#imgarea {
margin-top:50px;
width:317px;
float:right;
}

#aboutprivacy {
width:812px;
margin:0 auto 17px;
padding:7px 15px;
border:1px dashed #5a1a05;
background-color:#ffffff;
}
	#aboutprivacy strong {
	margin-bottom:2px;
	display:block;
	font-weight:bold;
	}
#table3 {
width:844px;
margin:0 auto;
}
	#table3 p {
	padding:5px 16px;
	background-color:#dedbc4;
	}
	#table3 strong {
	display:block;
	color:#ff3366;
	font-weight:bold;
	}

.distribution {
width:844px;
border-top:1px dashed #5a1a05;
border-bottom:1px dashed #5a1a05;
background-color:#cdb89f;
}
	.distribution th {
	width:310px;
	padding:5px 16px;
	text-align:left;
	vertical-align:top;
	}
	.distribution td {
	width:470px;
	padding:5px 16px;
	}
	.distribution input {
	margin:0 5px 0 5px;
	}

#inputtable {
background-color:#dedbc4;
	width:100%;
}
	#inputtable th {
	padding:10px 16px;
	vertical-align:top;
	text-align:left;
	}
	#inputtable td {
	padding:10px 16px;
	}

.inputtxt input {
padding:3px;
border:1px solid #999999;
}
.inputradio input {
margin:0 30px 0 5px;
float:right;
}
	.inputradio li {
	width:130px;
	padding-right:24px;
	float:left;
	}
		.inputradio li span {
		display:block;
		float:left;
		}



/* タイプ
------------------------------*/
#typewrapper {
width:843px;
margin:13px auto 0;
background:url(../images/result/bg_type.gif) 0 0 repeat-y;
}
#type {
width:843px;
padding-bottom:95px;
background:url(../images/result/btm_type.gif) 0 100% no-repeat;
}

#typemain h1 {
width:843px;
height:59px;
padding-top:36px;
display:block;
background:url(../images/result/top_type.gif) 0 0 no-repeat;
}
	#typemain h1 img {
	margin:0 auto;
	display:block;
	}
#illustarea {
float:left;
}
	#illustarea img {
	margin:32px 0 0 45px;
	display:block;
	}
#txtarea {
width:396px;
float:right;
}
	#txtarea h2 {
	width:356px;
	margin:26px 0 10px;
	}
	#txtarea p {
	width:356px;
	}

#table4 {
width:854px;
overflow:hidden;
margin:0 auto;
padding-bottom:5px;
background-color:#cdb89f;
}
	#table4 caption {
	width:854px;
	height:100px;
	background-color:#fffce1;
	}
		#table4 caption img {
		margin-top:14px;
		}
	#table4 th {
	width:213px;
	padding:12px 0;
	text-align:center;
	background-color:#cdb89f;
	}
	#table4 td {
	width:207px;
	padding:15px 0 30px 6px;
	vertical-align:top;
	text-align:center;
	background-color:#dbdec4;
	}
	#table4 li {
	display:inline;
	}
		#table4 li a {
		margin:0 3px 7px 0;
		display:block;
		float:left;
		}
.bdrr {
	border-right:1px dashed #5a1a05;
}


/* サイトポリシー
---------------------------------*/
#policymain h1 {margin:14px 0 20px 26px;}

#txtpolicy {
width:844px;
margin:0 auto;
border-top:5px solid #cdb89f;
border-bottom:5px solid #cdb89f;
}
#txtpolicy h2 {
width:812px;
padding:10px 16px 2px;
font:bold 12px/1.8em "ＭＳ Ｐ ゴシック", "MS P Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ 角ゴ Pro W3", "Verdana", Sans-serif;
}
#txtpolicy p {
width:812px;
padding:0 16px 5px;
}


/* 共通
---------------------------------*/
.clr {
clear:both;
}
.txtright {
text-align:right;
}