﻿body {
	font-size: 12px;
	line-height: 120%;
}

p {
	margin: 0px 0px 1.2em 0px;
}

.bold {
	font-weight: bold;
}

.cautionText {
	color: #D52B04;
}


/* topページ */
#EzCalcChineseTop {
	font-size: 14px;
}
#EzCalcChineseTop div.header {
	width:720px;
	height:356px;
	margin-bottom:10px;
}

#EzCalcChineseTop div.Container {
	width:700px;
	border: solid 3px #B42200;
	padding:7px;
}

#EzCalcChineseTop div.Container div.box {
	border-left: solid 1px #B42200;
	border-right: solid 1px #B42200;
	border-bottom: solid 1px #B42200;
	padding:20px;
	line-height:130%;
	width:658px;
}

#EzCalcChineseTop div.Container div.box div.textarea {
	margin: 0 10px 0;
}

#EzCalcChineseTop hr.red {
	border-style: none;
	width:100%;
	height: 1px;
	color: #B42200;
	background-color: #B42200;
}

#EzCalcChineseTop h3.belt {
	margin: 14px 0 6px;
	padding: 4px 10px 2px;
	font-size: 100%;
	color: #B92604;
	background-color: #EEEEEE;
}

#EzCalcChineseTop h4 {
	margin: 4px 0;
	padding: 0;
	font-size: 100%;
}

#EzCalcChineseTop dl {
	margin: 0 0 16px;
	padding: 0;
}
#EzCalcChineseTop dl dt{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#EzCalcChineseTop dl dd{
	margin: -1.3em 0 0 3em;
	padding: 0;
}

#EzCalcChineseTop table {
	margin: 0 0 16px;
	padding: 0;
}
#EzCalcChineseTop table td {
	margin: 0;
	padding: 8px;
	border: 1px solid #B42200;
}

#EzCalcChineseTop div.start{
	text-align:center;
}





/* チェックページ */
#ChoiceBlock {
	position:relative;
	width: 720px;
	background-repeat: no-repeat;
}
.ChoiceBlock1 {
	height: 557px;
	background-image: url(../img/chinese/bg_chinese.jpg);
}
.ChoiceBlock2 {
	height: 878px;
	background-image: url(../img/chinese/bg_chinese2.jpg);
}
#ChoiceBlock div.progress {
	position:absolute;
	height: 30px;
	top:45px;
	left:30px;
	background-image: url(../img/chinese/progress.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

#ChoiceBlock div.pageNo {
	position:absolute;
	width: 663px;
	height: 30px;
	top:72px;
	left:25px;
	background-image: url(../img/chinese/noBGoff.gif);
	background-repeat: no-repeat;
	z-index: 9;
}
#ChoiceBlock div.pageNo_on {
	position:absolute;
	height: 30px;
	top:72px;
	left:25px;
	background-image: url(../img/chinese/noBGon.gif);
	background-repeat: no-repeat;
	z-index: 9;
}
#ChoiceBlock div.pageNo_over {
	position:absolute;
	height: 30px;
	top:72px;
	left:25px;
	background-image: url(../img/chinese/noBGover.gif);
	background-repeat: no-repeat;
	z-index: 9;
}
#ChoiceBlock div.pageContainer {
	position:absolute;
	width:670px;
	height: 350px;
	top:122px;
	left:25px;
}

#ChoiceBlock img.alert{
	margin-top: -20px;
}

#ChoiceBlock img.CheckHead{
	margin: 0;
	padding-right: 10px;
}
#ChoiceBlock img.btn, #ChoiceBlock input.btn{
	margin: 0 10px 0;
}

#ChoiceBlock div.Content {
	margin-top:25px;
	text-align: center;
}
#ChoiceBlock div.Content a{
	cursor:pointer;
}
#ChoiceBlock div.btnArea{
	position:absolute;
	width:300px;
	top:476px;
	left:204px;
	text-align: center;
}
#ChoiceBlock div.btnResultArea{
	position:absolute;
	width:300px;
	top:354px;
	left:179px;
	text-align: center;
}
#ChoiceBlock div.Content table.Question {
	margin: 0px auto 0px;
	padding: 0;
}
#ChoiceBlock div.Content table.Question td {
	margin: 0;
	padding-right: 40px;
	text-align: left;
	vertical-align: top;
}
#ChoiceBlock div.Content table.Question td.nopad {
	padding-right: 0px;
}
#ChoiceBlock div.Content div.Question2 {
	width: 530px;
	margin: 30px auto 0px;
	text-align: left;
}
#ChoiceBlock div.Content div.QuestionL {
	float: left;
	width: 260px;
}
#ChoiceBlock div.Content div.QuestionR {
	float: right;
	width: 260px;
}
#ChoiceBlock div.Content img.CheckBox {
	/*margin-top: -5px;
	vertical-align: bottom;*/
}

#ChoiceBlock div.Content img.CheckText {
	margin-top: 5px;
	vertical-align: top;
}

#ChoiceBlock #div0 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div1 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div2 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div3 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div4 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div5 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div6 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div7 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div8 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div9 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div10 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div11 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div12 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div13 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div14 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div15 p { height: 35px; white-space: nowrap; }
#ChoiceBlock #div16 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div17 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div18 p { height: 55px; white-space: nowrap; }
#ChoiceBlock #div19 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div20 p { height: 40px; white-space: nowrap; }
#ChoiceBlock #div21 p { height: 40px; white-space: nowrap; }

#ChoiceBlock div.errmes {
	font-size:90%;
	margin:0 160px;
	background-color: #ffffff;
	width:388px;
	
	position:absolute;
	top:360px;
	
	padding:4px;
	border: dashed 1px #ca160d;

	color:#ca160d;
}



/* 診断結果ページ */
#ResultBlock {
	width: 720px;
	margin: 0;
	padding: 0;
}

#ResultBlock div.Container {
	background-image: url(../img/chinese/result_bg_mid.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}

#ResultBlock div.Contents {
	margin:0px 25px;
	padding: 20px 0px 1px;
}

#ResultBlock div.ResultLeft {
	float: left;
	width: 279px;
}
#ResultBlock div.ResultLeft #RadarChart {
	margin: 50px 0px;
}

#ResultBlock div.ResultRight {
	float: right;
	width: 375px;
}

#ResultBlock div.ResultRight div.Explanation {
	border-left: solid 1px #C9CACA;
	border-right: solid 1px #C9CACA;
	border-bottom: solid 1px #C9CACA;
	margin: 0 0 16px;
	padding: 10px 20px 10px 20px;
	width:333px;
}

#ResultBlock div.ResultRight div.Explanation h3{
	margin: 0 0 16px;
}

#ResultBlock table.ResultStatus {
	width: 670px;
	margin: 0 0 16px;
	padding: 0;
	border: 1px solid #C9CACA;
}
#ResultBlock table.ResultStatus th {
	width: 110px;
	margin: 0;
	padding: 5px;
	background-image: url(../img/chinese/result_status_bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	line-height: 100%;
	border-right: 1px solid #C9CACA;
	vertical-align: middle;
}
#ResultBlock table.ResultStatus td {
	width: 110px;
	margin: 0;
	padding: 8px;
	border-right: 1px solid #C9CACA;
	vertical-align: middle;
	text-align: center;
}
#ResultBlock table.ResultStatus td.comment {
	background-color: #FFE2DB;
}

#ResultBlock h3.StatusType {
	margin: 0 0 0 -4px;
	padding: 0;
}

#ResultBlock div.ResultView {
	width: 670px;
	height: 39px;
	margin: -7px 0 12px;
	padding: 0;
	background-image: url(../img/chinese/result_type_bg.gif);
	background-repeat: no-repeat;
	background-position : center bottom;
}
#ResultBlock div.ResultView h4.LeftHeadding {
	float: left;
	margin: 14px 0 0 8px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 110%;
}
#ResultBlock div.ResultView div.RightKungFu {
	float: right;
	text-align: right;
}
#ResultBlock div.ResultView div.RightKungFu img, #ResultBlock #ResultBalance div.RightKungFu img {
	margin-left: 6px;
}

#ResultBlock #OtherResult #Result1,
#ResultBlock #OtherResult #Result2,
#ResultBlock #OtherResult #Result3,
#ResultBlock #OtherResult #Result4,
#ResultBlock #OtherResult #Result5,
#ResultBlock #OtherResult #Result6 {
	display: none;
}

#ResultBlock #ResultBalance {
	margin: -33px 0 24px;
	padding: 0;
}
#ResultBlock #ResultBalance div.RightKungFu {
	text-align: right;
}
#ResultBlock #ResultBalance div.ResultText{
	margin: 0;
	padding: 16px 12px 12px 12px;
	border: 1px solid #D52B04;
}

#ResultBlock div.ResultText {
	margin: 0 0 36px;
	padding: 0;
}
#ResultBlock div.ResultText h4.category {
	background-image: url(../img/chinese/result_item.gif);
	background-repeat: no-repeat;
	background-position : left;
	margin: 0 0 4px 0;
	padding: 3px 0 0 12px;
	font-size: 100%;
}
#ResultBlock div.ResultText div.comment {
	margin: 0 0 12px 12px;
	padding: 0;
}

#ResultBlock img.StripedLine {
	margin: 0 0 12px;
}

#ResultBlock #OtherArea {
	width: 670px;
}
#ResultBlock #OtherLeft {
	float: left;
}
#ResultBlock #OtherRight {
	float: right;
	text-align: right;
}

#ResultBlock div.Other {
	background-image: url(../img/chinese/result_item.gif);
	background-repeat: no-repeat;
	background-position : left;
	margin-bottom: 4px;
	padding: 3px 0 0 12px;
}
#ResultBlock div.OtherSelect {
	margin: 0 0 12px 12px;
	padding: 0;
}

#ResultBlock div.ResultBtm {
	width: 670px;
	height: 33px;
	margin: 0;
	padding:20px 25px 0px;
	text-align:right;
	font-size:small;
	
	background-image: url(../img/chinese/result_bg_btm.gif);
	background-repeat: no-repeat;
	background-position:top;
}
#ResultBlock div.ResultBtm a {
	color:#535353;
}



