@charset "utf-8";

/* questionnaire
-------------------------------------------------------------------- */
div#questionnaire {
	width:137px;
	margin-bottom:12px;
	padding:1px;
	background:#FFFFFF;
	color: #45444c;
	font: 10px/14px "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
div#questionnaire dl dd p {
	margin-bottom: 5px;
	padding: 8px 6px 12px;
	color: #1b1b21;
	background: #e4dccc url(/shared/graphic/questionnaire/background_02.gif) no-repeat 0 100%;
}

/* div.body
-------------------------------------------------------------------- */
div#questionnaire dl dd div.body {
	margin-left: 6px;
	margin-right: 6px;
	border-top: 1px solid #e8e8e8;
}

/* div.question
-------------------------------------------------------------------- */
div#questionnaire dl dd div.question ul {
	margin-bottom: 9px;
}
div#questionnaire dl dd div.question ul li {
	padding-bottom: 5px;
	padding-top: 6px;
	border-bottom: 1px solid #e8e8e8;
}
div#questionnaire dl dd div.question ul li.btn {
	margin-left:31px;
	padding-bottom:0;
	border-bottom:none;
}
div#questionnaire dl dd div.question ul li input {
	float: left;
	width: 13px;
	height: 13px;
	margin-left: 0;
	margin-right: 5px;
	margin-top: 1px;
	cursor: pointer;
}
/* for IE8 */
html>/**/body div#questionnaire dl dd div.question ul li input {
	margin-right/*\**/: 0\9;
}
div#questionnaire dl dd div.question ul li.btn input {
	width: 66px;
	height: 22px;
}
div#questionnaire dl dd div.question ul li label {
	float: left;
	width: 106px;
	cursor: pointer;
}

/* div.answer
-------------------------------------------------------------------- */
div#questionnaire dl dd div.answer dl {
	margin-bottom:9px;
	padding-bottom: 6px;
	border-bottom: 1px solid #e8e8e8;
}
div#questionnaire dl dd div.answer dl dt {
	margin-bottom: 3px;
	margin-top: 6px;
	padding-top: 6px;
}
div#questionnaire dl dd div.answer dl dd {
	width: 125px;
	height: 13px;
	text-align: right;
	background: url(/shared/graphic/questionnaire/image_01.gif) no-repeat;
}

/*-- percentage --*/
div#questionnaire dl dd div.body dl dd.percent-0 {
	background-position: 0 0;
}
div#questionnaire dl dd div.body dl dd.percent-5 {
	background-position: 0 -13px;
}
div#questionnaire dl dd div.body dl dd.percent-10 {
	background-position: 0 -26px;
}
div#questionnaire dl dd div.body dl dd.percent-15 {
	background-position: 0 -39px;
}
div#questionnaire dl dd div.body dl dd.percent-20 {
	background-position: 0 -52px;
}
div#questionnaire dl dd div.body dl dd.percent-25 {
	background-position: 0 -65px;
}
div#questionnaire dl dd div.body dl dd.percent-30 {
	background-position: 0 -78px;
}
div#questionnaire dl dd div.body dl dd.percent-35 {
	background-position: 0 -91px;
}
div#questionnaire dl dd div.body dl dd.percent-40 {
	background-position: 0 -104px;
}
div#questionnaire dl dd div.body dl dd.percent-45 {
	background-position: 0 -117px;
}
div#questionnaire dl dd div.body dl dd.percent-50 {
	background-position: 0 -130px;
}
div#questionnaire dl dd div.body dl dd.percent-55 {
	background-position: 0 -143px;
}
div#questionnaire dl dd div.body dl dd.percent-60 {
	background-position: 0 -156px;
}
div#questionnaire dl dd div.body dl dd.percent-65 {
	background-position: 0 -169px;
}
div#questionnaire dl dd div.body dl dd.percent-70 {
	background-position: 0 -182px;
}
div#questionnaire dl dd div.body dl dd.percent-75 {
	background-position: 0 -195px;
}
div#questionnaire dl dd div.body dl dd.percent-80 {
	background-position: 0 -208px;
}
div#questionnaire dl dd div.body dl dd.percent-85 {
	background-position: 0 -221px;
}
div#questionnaire dl dd div.body dl dd.percent-90 {
	background-position: 0 -234px;
}
div#questionnaire dl dd div.body dl dd.percent-95 {
	background-position: 0 -247px;
}
div#questionnaire dl dd div.body dl dd.percent-100 {
	background-position: 0 -260px;
}

/* div.check
-------------------------------------------------------------------- */
div#questionnaire dl dd div.check dl dt {
	position: relative;
}
div#questionnaire dl dd div.check dl dt span.pen {
	position:absolute;
	top:0;
	left:-1px;
}
div#questionnaire dl dd div.check dl dd {
	padding:0 6px 16px;
	background: url(/shared/graphic/questionnaire/background_03.gif) bottom no-repeat;
}

/* clearFix
-----------------------------------------------------------*/
div#questionnaire dl dd div.question ul li {
    overflow: hidden;
}
div#questionnaire dl dd div.question ul li:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html div#questionnaire dl dd div.question ul li {
    height: 1em;
    overflow: visible;
}
/**/