@charset "utf-8";
/* CSS Document */

#questionnaire h2, #questionnaire h3, #questionnaire h4, #questionnaire h5, #questionnaire a, #questionnaire p, #questionnaire ul, #questionnaire li, #questionnaire img, #questionnaire div, #machalab-common, #machalab-common h3, #machalab-common ul, #machalab-common li, #machalab-common a{margin: 0; padding: 0;}
#questionnaire .clear{ clear:both;}

#questionnaire{
	vertical-align: bottom;
	width: 750px;
	margin:0 auto;
	padding: 0;
	position: relative;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFFFFF;
	color:#686158;
	-webkit-text-size-adjust: none;
}

#questionnaire h2{
	width: 750px;
	/*height: 48px;*/
	padding:10px;
	padding-right:0px;
	background: #f2f2f2;
}

#questionnaire h2 p{
	width: 480px;
	text-align: right;
	font-size:18px;
	line-height:28px;
	font-weight:normal;
	float:right;
	padding:18px 10px 2px 0;
	background:url(../../img/title-underline.png) no-repeat bottom right;
}

#questionnaire .lead {
	padding:14px 0;
}

#questionnaire h3 {
	font-size:26px;
	line-height:36px;
	font-weight: bold;
	padding:10px 0 14px;
	color:#797269;
}

#questionnaire #article_back{
	padding:18px 14px;
	background: #e6e6e6;
	}

#questionnaire .f-glay{color:#686158;}

#questionnaire .f-orange{color: #D9B600	; font-weight:bold;}

#questionnaire .f-blue{color: #77B9FF	; font-weight:bold;}

#questionnaire #article{
	background-color: #ffffff;
	padding:24px 30px;
	text-align:center;
	}

#questionnaire #article img{
	margin-bottom: 28px;
	}

#questionnaire #article p{
	font-size:15px;
	line-height:26px;
	text-align: left;
	margin-bottom: 24px;
	}

#questionnaire #article .subheading {
	margin-top: 36px;
	font-size:20px;
	line-height:31px;
	font-weight:bold;
	border-bottom:dotted #686158 1px;
	}

#questionnaire #article .bold {
	font-weight:bold;
	}

#questionnaire #article .ranking-list{
	list-style:none;
	text-align:left;
	margin-bottom: 32px;
	padding:14px 16px;
	border:#aaecFF solid 10px;
	}

#questionnaire #article .ranking-list p{
	margin-bottom: 18px;
	text-indent:-8px;
	text-align: center;
	}

#questionnaire #article .ranking-list li{
	margin:0 0 4px;
	border-bottom:#dfdfdf dotted 1px;
	font-size:15px;
	line-height:26px;
	}

#questionnaire #article .ranking-list .rank-top{
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	margin-bottom:8px;
	}

#questionnaire #article .ranking-list li .tidy{display: inline-block; float:left; width: 40px;}

#questionnaire #article .ranking-list li .tidy-center{display: inline-block; width: 458px;}

#questionnaire #article .ranking-list li .tidy-right{text-align:right; display: inline-block; width: 100px;}


#questionnaire #article .bold-underline {
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	border-bottom:#aaecFF solid 2px;
	padding-bottom:6px;
	}

#questionnaire #article .imgbox{
	margin:0 auto;
	}

#questionnaire #article .imgbox p{
	font-size: 18px;
    font-weight: bold;
    line-height: 28px;
	margin-bottom: 20px;
	text-align: center;
	}

#questionnaire #article .imgbox img{
	display:inline;
	margin:0 0px 10px;
	}

#questionnaire .f14{
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	}