@charset "euc-jp";

@import "kaiketsu.css";

/*	解決★コンビタウン	*/
/*	アンケート結果	*/

div.enquete_result div#theme_box div.round_top{
	background-image: url(../img/misc/round_top_thema_2.gif);
}

div#theme_box ul.total{
	margin: -45px 0 10px 450px;
}

div.result div.section{
	margin: 20px 0 30px 0;
	clear: both;
}

div.result div#enquete_toc{
	margin: 20px 20px 40px 20px;
	border-bottom: 1px solid #ffc000;
}

div#enquete_toc h3{
	margin: 0 0 10px 0px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #ffc000;
}

div#enquete_toc h4.sub_heading{
	margin: 15px 0 10px 0;
	padding: 2px;
	text-indent: 1em;
	color: #f0767b;
	background-color: #fff3f3;
	border-bottom: 1px solid #fee;
}


div#enquete_toc ol{
	margin: 10px 0;
	padding: 0 10px;
	list-style-type: none;
}

div#enquete_toc ol li{
	margin: 0 0 5px 0;
}

div#enquete_toc li a{
	display: block;
	height:1.5em;	/* for IE6*/
	min-height: 16px;
	margin: 0;
	line-height: 120%;
	padding-left: 37px;
	background: transparent url(../img/misc/q.gif) no-repeat left center;
}

html>body div#enquete_toc li a{
	height: auto;
}

div.result h3.question{
	clear: both;
	margin: 0 0 15px 0px;
	padding: 0 0 5px 37px;
	border-bottom: 2px dotted #ffc000;
	/*text-indent: 37px;*/
	background: transparent url(../img/misc/q.gif) no-repeat left top;
}

div.result div#q1 h3.question,
div#enquete_toc li.q1 a{
	background-image: url(../img/misc/q1.gif);
}

div.result div#q2 h3.question,
div#enquete_toc li.q2 a{
	background-image: url(../img/misc/q2.gif);
}

div.result div#q3 h3.question,
div#enquete_toc li.q3 a{
	background-image: url(../img/misc/q3.gif);
}

div.result div#q4 h3.question,
div#enquete_toc li.q4 a{
	background-image: url(../img/misc/q4.gif);
}

div.result div#q5 h3.question,
div#enquete_toc li.q5 a{
	background-image: url(../img/misc/q5.gif);
}

div.result div#q6 h3.question,
div#enquete_toc li.q6 a{
	background-image: url(../img/misc/q6.gif);
}

div.result div#q7 h3.question,
div#enquete_toc li.q7 a{
	background-image: url(../img/misc/q7.gif);
}

div.result div#q8 h3.question,
div#enquete_toc li.q8 a{
	background-image: url(../img/misc/q8.gif);
}

div.result div#q9 h3.question,
div#enquete_toc li.q9 a{
	background-image: url(../img/misc/q9.gif);
}

div.result div#q10 h3.question,
div#enquete_toc li.q10 a{
	background-image: url(../img/misc/q10.gif);
}

div.result div#q11 h3.question,
div#enquete_toc li.q11 a{
	background-image: url(../img/misc/q11.gif);
}

div.result div#q12 h3.question,
div#enquete_toc li.q12 a{
	background-image: url(../img/misc/q12.gif);
}

div.result div#q13 h3.question,
div#enquete_toc li.q13 a{
	background-image: url(../img/misc/q13.gif);
}

div.result div#q14 h3.question,
div#enquete_toc li.q14 a{
	background-image: url(../img/misc/q14.gif);
}

div.result div#q15 h3.question,
div#enquete_toc li.q15 a{
	background-image: url(../img/misc/q15.gif);
}

div.result div#q16 h3.question,
div#enquete_toc li.q16 a{
	background-image: url(../img/misc/q16.gif);
}

div.result div#q17 h3.question,
div#enquete_toc li.q17 a{
	background-image: url(../img/misc/q17.gif);
}

div.result div#q18 h3.question,
div#enquete_toc li.q18 a{
	background-image: url(../img/misc/q18.gif);
}

div.result div#q19 h3.question,
div#enquete_toc li.q19 a{
	background-image: url(../img/misc/q19.gif);
}

div.result div#q20 h3.question,
div#enquete_toc li.q20 a{
	background-image: url(../img/misc/q20.gif);
}

/*	円グラフBox	*/
div.pie_chart_box{
	width: 100%;
	margin: 15px 0;
	overflow: hidden;
}

/*	円グラフ	*/
div.pie_chart_box p.pie_chart{
	width: 160px;
	float: left;
}

/*	円グラフ凡例	*/
div.pie_chart_box p.explanatory{
	width: 210px;
	float: left;
}

/*	円グラフ コメント	*/
div.pie_chart_box div.comment{	/*複数段落の場合*/
	width: 206px;
	float: left;
}

div.pie_chart_box p.comment{	/*単段落の場合*/
	width: 206px;
	float: left;
}

/*	円グラフ 縦2段	*/
div.pie_chart_box div.wrapper{
	width: 370px;
	float: left;
}

div.pie_chart_box div.wrapper div.box{
	margin-bottom: 10px;
	width: 370px;
	overflow: hidden;
}

/*	棒グラフBox	*/
div.bar_chart_box{
	width: 100%;
	margin: 15px 0;
	overflow: hidden;
}


/*	第1子、第2子 見出しアイコン	*/
div.enquete_result h4.first_child, div.enquete_result h4.second_child{
	margin: 5px 0;
}

/*	h4キャプション アイコン	*/
div.enquete_result h4.caption{
	margin: 5px 0 10px 0;
}


/* 体験談	*/

div.comment_box{
	margin: 0 0 20px 0;
	height: 80px;	/* for Win IE min-height	*/
	min-height: 80px;
}

html>body div.comment_box{
	/*	Mac IE除外	\*/
	height: auto;
	/*	*/
}

div.comment_box h4.handle{
	padding: 2px;
	font-size: 13px;
	/*text-indent: 90px;*/
	text-indent: 28px;
	color: #ff7300;
	/*background: #fec url(../img/misc/handle_name.gif) no-repeat 4px 4px;*/
	background: #fec url(/cms/img.php?content_image_id=1569) no-repeat 4px 5px;
	border-right: 2px solid #fc9;
	border-bottom: 2px solid #fc9;
}

div.comments2 div.comment_box h4.handle{	/*体験談2 (ピンク)*/
	color: #f0767b;
	background-color: #fee;
	border-right: 2px solid #fcc;
	border-bottom: 2px solid #fcc;
	/*background-image: url(../img/misc/handle_name_pink.gif);*/
	background-image: url(/cms/img.php?content_image_id=1570);
}

div.comments3 div.comment_box h4.handle{	/*体験談3 (green)*/
	color: #7a0;
	background-color: #efb;
	border-right: 2px solid #cf9;
	border-bottom: 2px solid #cf9;
	/*background-image: url(../img/misc/handle_name_green.gif);*/
	background-image: url(/cms/img.php?content_image_id=1571);
}

div.wrapperL{
	background-repeat: no-repeat;
	background-position: right center;
}

div.wrapperR{
	background-repeat: no-repeat;
	background-position: left center;
}

div.wrapperL div.comment_box{
	width: 480px;
}

div.wrapperR div.comment_box{
	width: 480px;
	margin-left: 96px;
}

div.illust01{
	background-image: url(../img/illust/face_01.gif);
}

div.illust02{
	background-image: url(../img/illust/face_02.gif);
}

div.illust03{
	background-image: url(../img/illust/face_03.gif);
}

div.illust04{
	background-image: url(../img/illust/face_04.gif);
}

div.illust05{
	background-image: url(../img/illust/face_05.gif);
}

div.illust06{
	background-image: url(../img/illust/face_06.gif);
}

div.illust07{
	background-image: url(../img/illust/face_07.gif);
}

div.illust08{
	background-image: url(../img/illust/face_08.gif);
}

div.illust09{
	background-image: url(../img/illust/face_09.gif);
}

div.illust10{
	background-image: url(../img/illust/face_10.gif);
}

div.illust11{
	background-image: url(../img/illust/face_11.gif);
}

div.illust12{
	background-image: url(../img/illust/face_12.gif);
}

div.illust13{
	background-image: url(../img/illust/face_13.gif);
}

div.illust14{
	background-image: url(../img/illust/face_14.gif);
}

div.illust15{
	background-image: url(../img/illust/face_15.gif);
}

div.illust16{
	background-image: url(../img/illust/face_16.gif);
}

div.illust17{
	background-image: url(../img/illust/face_17.gif);
}

div.illust18{
	background-image: url(../img/illust/face_18.gif);
}

div.illust19{
	background-image: url(../img/illust/face_19.gif);
}

div.illust20{
	background-image: url(../img/illust/face_20.gif);
}

div.illust21{
	background-image: url(../img/illust/face_21.gif);
}


/*===サブ見出しセクション (for ninshin/enqute/04.html)==*/
div.sub_heading_section{
	padding: 3px;
	color: #fff;
	background-color: #ffc000;
	text-align: center;

}

div.sub_heading_section h4{
	color: #fff;
	background-color: #ffc000;
}