@charset "utf-8";

/********** 共通のスタイル **********/
html {
    overflow-y: scroll;
}
body {
	font: 100% Meiryo UI, Verdana, Arial, Helvetica, sans-serif;
	background: #ffffdf;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */text-align:center;
	margin-left:auto;
	margin-right:auto;
	color: #000000;
	width: 1000px;
}
h1 {
	font-size: 1.7em;
	background: #ffcc00;
}
h2 {
	font-size: 1.5em;
	background: #ffcc99;
	text-align: left;
}
div.contents {
    margin: 0 auto;
	width: 900px;
}
div.contentsBody {
	margin-bottom: 15px;
}
div.contents table {
    margin: 0 auto;
	width: 890px;
	border: solid 1px #fcd5b4;
	border-collapse: collapse;
}
div.contents table th {
	background: #fcd5b4;
}
div.contents table th, div.contents table td {
	padding: 4px;
}
div.contents table tr.evenRow {
	background: #fde9d9;
}
div.contents input[type=button].nextBtn, div.contents input[type=button].backBtn {
	font-size: 1.3em;
	width: 250px;
	height: 40px;
}

div.contentsFooter {
	width: 900px;
	margin-bottom: 20px;
}

div.footer {
    margin: 0 auto;
	height: 50px;
	width: 900px;
	background: #ffcc00 repeat-x;
	z-index: 3;
	font-size: 0.9em;
}

td.hiEffect,th.hiEffect,span.hiEffect {
	font-weight: bold;
	color: red;
}
div.estimateDay {
	width: 900px;
	margin: 0 auto;
	text-align: right;
}
div.estimateDay span {
	display: inline-block;
	width: 110px;
	text-align: center;
	padding: 3px;
}

/********** 回答ページのスタイル **********/
#QUESTION_CONTENTS table th.rowHeader {
	width: 200px;
}
#QUESTION_CONTENTS table td.rowHeader {
	text-align: left;
}
#QUESTION_CONTENTS table th.rowBody {
	width: 100px;
}
#QUESTION_CONTENTS table input[type=radio] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
#QUESTION_CONTENTS div.comment {
	text-align: left;
}

/********** 結果ページのスタイル **********/
#RESULT_CONTENTS {
	height: 900px;
}
#RESULT_CONTENTS div.contentsBody {
	height: 700px;
}
#RESULT_CONTENTS div.result {
	/* レーダーチャートの上下スペースが空きすぎるための対応 */
	width: 900px;
	position: absolute;
}
#RESULT_CONTENTS div.contentsFooter {
	/* レーダーチャートの上下スペースが空きすぎるための対応 */
	position: absolute;
}
#RESULT_CONTENTS div.scoreArea div {
	margin: 0 auto;
	padding: 3px;
	width: 500px;
}
#RESULT_CONTENTS div.scoreArea span.scoreTitle {
	display: inline-block;
	width: 200px;
	text-align: left;
}
#RESULT_CONTENTS div.scoreArea span.scoreScore {
	display: inline-block;
	width: 75px;
	text-align: right;
	background: #fde9d9;
	border: solid 1px #fcd5b4;
	padding: 3px;
}
#RESULT_SCORE_AREA span.scoreUnit {
	display: inline-block;
	width: 20px;
	text-align: right;
}
#RESULT_CONTENTS div.comment {
    width: 650px;
	margin: 0 auto;
	text-align: left;
    margin-bottom: 20px;
}

/********** 対処法ページのスタイル **********/
#SOLUTION_CONTENTS table {
	font-size: 0.9em;
}
#SOLUTION_CONTENTS table td.title {
	text-align: left;
	width: 100px;
}
#SOLUTION_CONTENTS table td.details {
	text-align: left;
	width: 500px;
    padding: 0px;
}
#SOLUTION_CONTENTS table td.effect {
	font-size: 1.5em;
	width: 50px;
}
#SOLUTION_CONTENTS div.comment {
    width: 890px;
	margin: 0 auto;
	text-align: right;
    margin-bottom: 20px;
}