@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2011-06-02
 * Editor:    yahiro
 * Modified:  2011-06-02 by:yahiro
 *
 * ***********************************************************
 */
 
/* =====================================================

  矯正治療クイックチェック

===================================================== */

h3.teaserTitle{
	background: url(../check/img/check_teaser.gif) no-repeat;
	width: 551px;
	height: 68px;
	text-indent: -9999px;
	margin: 30px 0 45px 0;
}

p.note{
	font-weight:bold;
	margin: 0 0 10px 0;
}

div#checkArea{
	background: url(../check/img/check_area_back.gif) #F2F3ED no-repeat;
	width: 720px;
	padding: 16px 0 0 0;
}

div#checkArea ul.questionBox{
	width: 704px;
	height: 65px;
	margin: 0 0 0 10px;
}

div#checkArea ul.questionBox li{
	float: left;
}

div#checkArea ul.questionBox li.aArea{
	width: 509px;
	height: 65px;
	text-indent: -9999px;
}

div#checkArea ul.questionBox li.bArea{
	margin: 5px 0 0 21px;
}

div#checkArea ul.questionBox li.cArea{
	margin: 5px 0 0 11px;
}

div#checkArea ul.questionBox li.q01{background: url(../check/img/q01.gif) no-repeat;}
div#checkArea ul.questionBox li.q02{background: url(../check/img/q02.gif) no-repeat;}
div#checkArea ul.questionBox li.q03{background: url(../check/img/q03.gif) no-repeat;}
div#checkArea ul.questionBox li.q04{background: url(../check/img/q04.gif) no-repeat;}
div#checkArea ul.questionBox li.q05{background: url(../check/img/q05.gif) no-repeat;}
div#checkArea ul.questionBox li.q06{background: url(../check/img/q06.gif) no-repeat;}
div#checkArea ul.questionBox li.q07{background: url(../check/img/q07.gif) no-repeat;}
div#checkArea ul.questionBox li.q08{background: url(../check/img/q08.gif) no-repeat;}
div#checkArea ul.questionBox li.q09{background: url(../check/img/q09.gif) no-repeat;}
div#checkArea ul.questionBox li.q10{background: url(../check/img/q10.gif) no-repeat;}

div#checkArea ul.btnBox{
	height: 72px;
	margin: 13px 0 8px 170px;
}

#check #checkArea ul.btnBox li{
	float: left;
	margin: 0 4px 0 0;
}

div#scoreArea{
	background: url(../check/img/score_back.gif) no-repeat;
	width: 720px;
	height: 168px;
	font-size:500%;
	font-weight:bold;
	color:#857F56;
}

div#scoreArea p{
	margin: 0 0 0 375px;
}

p.resultNote{
	color:#857F56;
	margin: 30px 0 0 0;
}