@charset "Shift_JIS";

/* 
==================================================

CSS Document for カテゴリ はっぴーままアンケート

================================================== 

20060728 css変更・クリーンアップ（JM　緑川）
主な変更点は下記
・ピンク色の矢印アイコンをicn_ar_pink.gifに統一
・罫線の定義をdottedからdashedに変更
・クラスenqueteBack を追加

目次
etc
top
Enquete
*/


/* etc ------------------------------ */

#main h3.h3-enqueteBlue {
	border: 1px solid #7ba9e1;
	border-top-width: 3px;
	background-image:url(../../12_enq/images/enquete_titile_subbk.jpg);
	text-align: center;
	font-size: 14px;
	color: #7ba9e1;
	padding: 6px 5px 3px 5px;
}

/* top ------------------------------ */
#bodyEnquete #main .q_title{
	font-weight:bold; 
	font-size:15px; 
	color:#4183d3; 
	}


/* Enquete ------------------------------ */
#bodyEnquete #main .enqueteAbout {
	width:529px; 
	border:1px solid #7ba9e1; 
	border-collapse:collapse;
	margin-bottom:20px;
	margin-left: 1px;
}
#bodyEnquete #main .enqueteAbout th {
	width:70px; 
	border-right:1px solid #7ba9e1;
	background-color:#ececf6; 
	font-weight:bold; 
	color:#4183d3; 
	vertical-align:middle; 
	text-align:center;
	padding:8px;
}
#bodyEnquete #main .enqueteAbout td {
    background-color:#ffffee;
	padding:8px;
}

#bodyEnquete #main .right{
    text-align:right;
}
 
#bodyEnquete #main .linkYellow-pink {
	background: #ffffee url(../images/icn_ar_pink.gif) no-repeat 1px;
	margin:0px;
	padding:0px;
	padding-left: 18px;
	font-size: 12px;
}
#bodyEnquete #main .linkWhite-pink {
	background: #ffffff url(../images/icn_ar_pink.gif) no-repeat 1px;
	margin:0px;
	padding:0px;
	padding-left: 18px;
	font-size: 12px;
}
#bodyEnquete #main .enqueteTopic {
    width:530px;
    background: #fff url(../../12_enq/images/enquete_topic_bg.jpg) no-repeat 0px; 
	font-weight:bold; 
	font-size:15px; 
	color:#4183d3; 
	text-align:center;
}

#bodyEnquete #main .enqueteQ {
    width:525px;
	border-top:2px solid #7ba9e1;
	padding:2px 0px 3px 3px; 
	vertical-align:middle;
	margin:10px 0px 0px 0px;
	background: #fff url(../../12_enq/images/enquete_ich_q.gif) no-repeat 0px; 
	font-weight:bold;
}

#bodyEnquete #main .enqueteQ_2 {
    width:525px;
	border-top:2px solid #7ba9e1;
	padding:2px 0px 3px 3px; 
	vertical-align:middle;
	margin:10px 0px 0px 0px;
	background: #fff url(../../12_enq/images/enquete_ich_q2.gif) no-repeat 0px; 
	font-weight:bold;
}
#bodyEnquete #main .enqueteQ_3 {
    width:525px;
	border-top:2px solid #7ba9e1;
	padding:2px 0px 3px 3px; 
	vertical-align:middle;
	margin:10px 0px 0px 0px;
	background: #fff url(../../12_enq/images/enquete_ich_q3.gif) no-repeat 0px; 
	font-weight:bold;
}
#bodyEnquete #main .enqueteQ_4 {
    width:525px;
	border-top:2px solid #7ba9e1;
	padding:2px 0px 3px 3px; 
	vertical-align:middle;
	margin:10px 0px 0px 0px;
	background: #fff url(../../12_enq/images/enquete_ich_q4.gif) no-repeat 0px; 
	font-weight:bold;
}

#bodyEnquete #main .enqueteQ_5 {
    width:525px;
	border-top:2px solid #7ba9e1;
	padding:2px 0px 3px 3px; 
	vertical-align:middle;
	margin:10px 0px 0px 0px;
	background: #fff url(../../12_enq/images/enquete_ich_q5.gif) no-repeat 0px; 
	font-weight:bold;
}

#bodyEnquete #main .white {
    color:#FFFFFF;
}

#bodyEnquete #main .enqueteCmt {
	clear:both;
	width: 488px;
	border: 1px dotted #7ba9e1;
	background-color: #FFFFEE;
	padding:10px 20px;
	margin-bottom:25px;
}

#bodyEnquete #main .enqueteAd-txt {
	width: 530px;
	margin-top:20px;
	padding:2px 0px 0px 0px; 
	margin:10px 0px 0px 0px;
	font-weight:bold;
}

#bodyEnquete #main .enqueteAd-top {
	width: 530px;
	margin-top:20px;
	border-top: 1px dashed #7ba9e1;
	border-bottom: 1px dashed #7ba9e1;
	padding:10px 0px;
}

#bodyEnquete #main .enqueteAd-top2 {
	width: 530px;
	border-top: 1px dashed #7ba9e1;
	border-bottom: 1px dashed #7ba9e1;
	padding:10px 0px;
}

#bodyEnquete #main .enqueteAd {
	width: 530px;
	border-bottom: 1px dashed #7ba9e1;
	padding:10px 0px;
}

#bodyEnquete #main .enqueteAd-btm {
	width: 530px;
	border-bottom: 1px dashed #7ba9e1;
	padding:10px 0px;
	margin-bottom:30px;
}


#bodyEnquete #main dl.enqueteList {
}
#bodyEnquete #main dl.enqueteList dt {
	padding: 3px 0;
	width: 480px;
	float: left;
	background: #fff url(../images/icn_ar_pink.gif) no-repeat 0 6px;
	padding-left: 18px;
}
#bodyEnquete #main dl.enqueteList dd {
	padding: 3px 0;
	width: 120px;
	float: right;
	text-align: right;
}

/* add box */

#bodyEnquete #main .graph_box {
	clear:both;
    width:530px;
	margin-top:10px;
}

#bodyEnquete #main .graph_image {
	float:left;
	padding-left:10px;
	padding-bottom:10px;
}

#bodyEnquete #main .graph_list {
	float:left;
	padding-left:30px;
	font-size:14px;
    width:290px;
}

#bodyEnquete #main .graph_box .per {
	padding-left:20px;
	text-align:right;
	vertical-align:top;
}

#main .enqueteBack {
	width: 528px;
	border-top: 1px dashed #7ba9e1;
	border-bottom: 1px dashed #7ba9e1;
	font-weight:bold;
}

#main .enqueteBack a.back {
	background: #fff url(../images/icn_back_pink.gif) no-repeat left 4px;
	padding: 5px 3px 5px 25px;
}

#main .enqueteBack a.next {
	background: #fff url(../images/icn_next_pink.gif) no-repeat left 4px;
	padding: 5px 3px 5px 25px;
}