/* -------------------------------------------
	enquete CSS
------------------------------------------- */
a{
	overflow:hidden;
	}
#main h1 {
	clear:both;
	width:590px;
	height:60px;
	background:url(../image/title2.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
#main div.box p.lead {
	margin:12px 0 0 15px;
	}
#main div.box {
	overflow:hidden;
	width: 590px;
	}

/* ----------------------
	トップページ
------------------------- */
/* 現在のアンケート一覧 */
#main div.box.toplist h2{
	width:570px;
	height:110px;
	margin:8px 10px 0px;
	padding:0px;
	background: url(../image/ttl_top.gif) no-repeat center bottom;
	text-indent:-9999px;
	}
#topbox{
	width:570px;
	margin:0px 10px 15px;
	padding:15px 0px 25px;
	background: url(../image/bg_top.gif) no-repeat center bottom;
	}
#topbox dl.question_box{
	overflow:hidden;
	width:500px;
	margin:0px auto;
	padding:0px;
	}
#topbox dl.question_box dt{
	font-weight:bold;
	clear:both;
	margin:0px;
	padding:0 0 0 5px;
	font-size:130%;
	}
#topbox dl.question_box dt img {
	padding:0 0 3px 8px;
}

#topbox dl.question_box dd p {
	background:none;
	padding:6px 12px;
}
#topbox dl.question_box dd p.q_lead {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FCFCFC;
}
#topbox dl.question_box dd p.question {
	font-weight:bold;
	font-size:120%;
}
#topbox dl.question_box dd p.date {
	background:url("../image/ico_flag_mini.gif") no-repeat scroll left top transparent;
	padding:0 12px 0 23px;
	clear:both;
	white-space:nowrap;
}
	
	
#topbox dl.question_box dt strong.action{
	background: url(../image/action_bg.gif) no-repeat right bottom;
	padding:30px 210px 0 0;
}
#topbox dl.question_box dt span{
	display:block;
	padding:15px 0 5px 0px;
	font-size:95%;
	font-weight:bold;
}
#topbox dl.question_box dt span.action {
	font-weight:normal;
	font-size:75%;
	*font-size:60%;
	_font-size:75%;
	line-height:1.5;
}
#topbox dl.question_box dt.action span {
	display:inline;
	color:#F00;
	/*font-size:80%;*/
}



#topbox dl dt .completion{background: url(../image/completion_bg.gif) no-repeat 0 0;}
#topbox dl dt .announcement{background: url(../image/announcement_bg.gif) no-repeat 0 0;}

#topbox dl dd{
	overflow:hidden;
	width:500px;
	margin:0px 0px 8px;
	padding:0px 0px 5px;
	font-size:100%;
	border-bottom:1px dotted #cccccc;
	}
#topbox dl dd p{
	float:right;
	width:auto;
	margin:5px 0 0 0;
	padding:0 0 2px 20px;
	text-align:left;
	background: url(../image/ico_flag_mini.gif) no-repeat left top;
	}
#topbox dl dd p.status{
	clear:both;
	float:none;
	background:none;
	margin:2px 0 10px 50px;
}

#topbox dl.question_box p.close {
background:url("../image/bg_close.gif") repeat scroll 0 0 transparent;
border:1px solid #A7203A;
clear:both;
color:#FF0000;
font-weight:bold;
margin:0px auto 5px;
padding:9px 0 6px;
text-align:center;
float:none;
}

/* 過去のアンケート結果一覧 */
#main div.box.resultlist h2{
	width:570px;
	height:110px;
	margin:-5px 10px 0px;
	/*margin:8px 10px 0px;*/
	padding:0px;
	background: url(../image/ttl_resultlist.gif) no-repeat center bottom;
	text-indent:-9999px;
	}
#resultlistbox{
	width:570px;
	margin:0px 10px 15px;
	padding:15px 0px 25px;
	background: url(../image/bg_resultlist.gif) no-repeat center bottom;
	}
#resultlistbox dl{
	overflow:hidden;
	width:500px;
	margin:0px auto;
	padding:0px;
	}
#resultlistbox dl dt{
	clear:both;
	margin:0px;
	padding:0px 0px 5px 28px;
	font-size:113%;
	background: url(../image/ico_paper.gif) no-repeat left top;
	}
#resultlistbox dl dd{
	overflow:hidden;
	width:500px;
	margin:0px 0px 8px;
	padding:0px 0px 5px;
	font-size:100%;
	border-bottom:1px dotted #cccccc;
	}
#resultlistbox dl dd p{
	float:right;
	width:auto;
	margin:0px;
	padding:0px 0px 2px 20px;
	text-align:left;
	background: url(../image/ico_flag_mini.gif) no-repeat left top;
	}
#resultlistbox dl dd.btn_mw{
	overflow:hidden;
	width:485px;
	margin:0;
	padding:0px 20px 5px 0;
	font-size:113%;
	border:none;
}
#resultlistbox dl dd.btn_mw p{
	float:right;
	width:auto;
	margin:0px 0 0 16px;
	padding:0px 0px 2px 15px;
	text-align:left;
	background:none;
	background: url(../image/ico_mw.gif) no-repeat left 3px;
	}
		
/* -------------------------------------------
	enquetebase CSS
------------------------------------------- */
/* -- 質問BOX -- */
#question_box{
	clear:both;
	position:relative;
	width:570px;
	height:170px;
	margin:10px 10px 5px;
	padding:0px;
	background: url(../image/bg_question.gif) no-repeat;
	}
#question_box dl{
	margin:0px;
	padding:0px 0px 0px 0px;
	}
#question_box dl dt{
	position:absolute;
	top:30px;
	left:40px;
	margin:0px;
	height:45px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	}
#question_box dl dd#question{
	position:absolute;
	top:77px;
	left:35px;
	width:400px;
	margin:0px;
	padding:0px;
	}
/* -- 質問1列 -- */
#question_box dl dd#question p.q01{
	margin:0px;
	padding:21px 0px 0px;
	font-size:110%;
	font-weight:bold;
	}
/* -- 質問2列 -- */
#question_box dl dd#question p.q02{
	margin:0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
	line-height:2em;
	}
/* -- 質問3列 -- */
#question_box dl dd#question p.q03{
	margin:0px 0px 0px;
	padding:0px 10px 0px 0px;
	font-size:100%;
	font-weight:bold;
	line-height:1.4;
	}
/* -- 期間 -- */
#question_box dl dd#timelimit{
	position:absolute;
	top:10px;
	right:0px;
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:13px;
	}
#question_box dl dd#timelimit p{
	float:right;
	width:435px;
	margin:0px;
	padding:5px 0px 0px 22px;
	font-size:110%;
	_font-size:100%;
	font-weight:bold;
	text-align:left;
	background: url(../image/ico_flag.gif) no-repeat left 2px;
	}
/* -- データ -- */
.databox{
	background: url(../image/bg_paper.jpg) no-repeat center top;
	}
.databox #itembox{
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	}
.databox #itembox p{
	font-weight:bold;
	font-size:120%;
	}
.databox form{
	width:570px;
	margin:0px auto;
	padding:0px;
	}
.databox h3{
	clear:both;
	width:480px;
	margin:0px auto;
	padding:1px 20px;
	color:#FFFFFF;
	font-size:132%;
	background: #ac844d;
	}
/* -- 選択ボタン -- */
.databox.select{
	padding:0 0 20px 0;
	}
.selectbox{
	width:520px;
	margin:0px auto;
	padding:0px;
	vertical-align:middle;
	background:#FFFFFF;
	overflow:hidden;
	}
.selectbox dl {
	display:block;
	width:520px;
	margin:0 20px 10px;
	overflow:hidden;
	}
.selectbox dl dt {
	clear:both;
	width:470px;
	margin:20px 0 10px;
	padding:0 0 0 10px;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	font-size:115%;
	background:#efe1b5;
	}
.selectbox dl dt.pickup {
	width:400px;
	padding:3px 0 3px 80px;
	font-size:100%;
	font-weight: normal;
	background: url(../image/icon_pickup.gif) no-repeat 4px 4px #efe1b5;
	}
.selectbox dl dd {
	margin:0;
	}
.selectbox dl dd ul {
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	}
.selectbox dl dd ul li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#684B1C none repeat scroll 0 0;
	border:1px solid #8E7245;
	float:left;
	width:85px;
	height:25px;
	line-height:200%;
	margin:4px;
	text-align:center;
	}
.selectbox dl dd ul li.suspense{
	background:#e3e3e3;
	border:#999 1px solid;
	color:#888;
	}
.selectbox dl dd ul li.long {
	width:104px;
	}
.selectbox dl dd ul li a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#AC844D none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	height:24px;
	width:84px;
	line-height:24px;
	}
.selectbox dl dd ul li.long a {
	width:83px;
	}
.selectbox dl dd ul li a:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#D0AB6F none repeat scroll 0 0;
	}
/* -- 投票画面 -- */
.graphbox{
	position:relative;
	width:520px;
	height:89px;
	margin:0px auto;
	padding:0px;
	vertical-align:middle;
	background: url(../image/bg_graphbox.gif) no-repeat #FFFFFF;
	}
.graphbox.topbox{
	background: url(../image/bg_graphbox_top.gif) no-repeat #FFFFFF;
	}
.graphbox input{
	position:absolute;
	top:28px;
	left:15px;
	width:30px;
	height:30px;
	}
/* -- 選択肢 -- */
.graphbox label{
	position:absolute;
	left:50px;
	width:300px;
	padding:0px;
	vertical-align:middle;
	font-size:132%;
	font-weight:bold;
	border:none;
	cursor:pointer;
	}
.graphbox img{
	position:absolute;
	top:15px;
	border:1px solid #e8e8e8;
	vertical-align:middle;
	}
.graphbox .catch{
	position:absolute;
	top:20px;
	left:70px;
	font-size:80%;
	color:#77560d;
	}
.graphbox .catch_02{
	position:absolute;
	top:15px;
	left:70px;
	font-size:80%;
	color:#c89932;
	line-height:120%;
	}
.graphbox .player{
	position:absolute;
	top:50px;
	left:70px;
	}
.graphbox .com{
	font-size:80%;
	_font-size:75%;
	color:#2f4f4f;
	font-weight:normal;
	}
.graphbox .q_box{
	position:absolute;
	left:20px;
	width:480px;
	height:79px;
	padding:0;
	font-size:132%;
	font-weight:bold;
	}
.graphbox .link {
	font-size:80%;
	_font-size:75%;
	margin:0 0 0 10px;
	padding:0;
	font-weight:normal;
	}

.graphbox .link a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../../../image_cmn/arrow02.gif) no-repeat scroll 0 3px;
	*background:transparent url(../../../image_cmn/arrow02.gif) no-repeat scroll 0 5px;
	padding:0 0 0 12px;
	}

/* -- 投票ボタン（小） -- */
.graphbox .send_box{
	position:absolute;
	top:30px;
	left:375px;
	width:100px;
	height:30px;
	}
.graphbox .send_box a {
	display:block;
	width:100px;
	height:30px;
	padding:0;
	border:0;
	background: url(../image/btn_send.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
	}
.graphbox .send_box a:hover,.graphbox .send_box a:focus {
	background: url(../image/btn_send.gif) no-repeat 0 -30px;
	}

.graphbox .end_box {
	position:absolute;
	top:30px;
	left:375px;
	width:100px;
	height:30px;
	display:block;
	padding:0;
	border:0;
	background: url(../image/btn_end.gif) no-repeat 0 0;
	text-indent:-9999px;
}

/* -- 投票ボタン（大）＆戻るボタン　2個並び -- */
.btn_box{
	position:relative;
	width:570px;
	height:100px;
	margin:0px auto;
	padding:0px;
	background: url(../image/bg_paper.jpg) no-repeat;	
	}
#btn_vote{
	position:absolute;
	width:189px;
	height:76px;
	top:5px;
	left:270px;
	background: url(../image/btn_vote.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	}
#btn_vote a{
	display:block;
	width:189px;
	height:76px;
	background: url(../image/btn_vote.gif) no-repeat 0px 0px;
	}
#btn_vote a:hover{
	background: url(../image/btn_vote.gif) no-repeat 0px -152px;
	}
#btn_vote a:focus {
  outline: none;
	}
#btn_return{
	position:absolute;
	width:101px;
	height:41px;
	top:40px;
	left:135px;
	background: url(../image/btn_return.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	}
#btn_return a{
	display:block;
	width:101px;
	height:41px;
	background: url(../image/btn_return.gif) no-repeat 0px 0px;
	}
#btn_return a:hover{
	background: url(../image/btn_return.gif) no-repeat 0 -41px;
	}
#btn_return a:focus {
  outline: none;
	}
/* -- 戻るボタン　1個のみ -- */
#btn_return_center{
	position:absolute;
	width:101px;
	height:41px;
	top:40px;
	left:235px;
	background: url(../image/btn_return.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	}
#btn_return_center a{
	display:block;
	width:101px;
	height:41px;
	background: url(../image/btn_return.gif) no-repeat 0px 0px;
	}
#btn_return_center a:hover{
	background: url(../image/btn_return.gif) no-repeat 0 -41px;
	}
#btn_return_center a:focus {
  outline: none;
	}
	
/* -- 男女ボタン -- */
#btn_men{
	float:right;
	width:116px;
	height:20px;
	margin:0 20px 10px 0;
	background: url(../image/btn_m_w02.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
#btn_men a{
	display:block;
	width:116px;
	height:20px;
	background: url(../image/btn_m_w02.gif) no-repeat 0 0;
	}
#btn_men a:hover{
	background: url(../image/btn_m_w02.gif) no-repeat 0 -20px;
	}
#btn_women{
	float:right;
	width:116px;
	height:20px;
	margin:0 20px 10px 0;
	background: url(../image/btn_m_w02.gif) no-repeat -116px 0;
	text-indent:-9999px;
	}
#btn_women a{
	display:block;
	width:116px;
	height:20px;
	background: url(../image/btn_m_w02.gif) no-repeat -116px 0;
	}
#btn_women a:hover{
	background: url(../image/btn_m_w02.gif) no-repeat -116px -20px;
	}

/* -- アンケート終了後用のレイアウト -- */
form.end label {
	position:absolute;
	left:33px;
	width:300px;
	padding:0px;
	vertical-align:middle;
	font-size:132%;
	font-weight:bold;
	border:none;
	cursor:default;
	}
form.end input {
	visibility:hidden;
}
p.reference {
	width:550px;
	text-align:right;
	padding:10px 23px 20px 0;
	font-size:85%;
}
*:first-child+html p.reference { /*IE7用*/
	width:550px;
	text-align:right;
	padding:10px 23px 20px 0;
	font-size:60%;
}


/* -- 過去のアンケート結果を見るボタン -- */
.btn_box2{
	width:550px;
	margin:0px auto;
	padding:15px 10px 0px;
	}
p#btn_archive{
	float:right;
	width:266px;
	height:48px;
	margin:0px;
	padding:0px;
	}
p#btn_archive a{
	display:block;
	width:266px;
	height:48px;
	background: url(../image/btn_archive.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	}
p#btn_archive a:hover{
	background: url(../image/btn_archive.gif) no-repeat 0px -48px;
	}
/* -- 現在受付中のアンケートへボタン -- */
p#btn_latest{
	float:left;
	width:255px;
	height:48px;
	margin:0px;
	padding:0px;
	}
p#btn_latest a{
	display:block;
	width:255px;
	height:48px;
	background: url(../image/btn_latest.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	}
p#btn_latest a:hover{
	background: url(../image/btn_latest.gif) no-repeat 0px -48px;
	}

/* ----------------------
	終了後結果ページ
------------------------- */
#main div.box.result #question_box{
	clear:both;
	position:relative;
	width:570px;
	height:170px;
	margin:10px 10px 5px;
	padding:0px;
	background: url(../image/bg_question_result.gif) no-repeat;
	}
#main div.box.result #question_box dl dd#timelimit p{
	background: url(../image/ico_flag_result.gif) no-repeat left 2px;
	font-size:13px;
	}
#main div.box.result .databox #itembox{
	background: url(../image/bg_result.jpg) no-repeat center top;
	text-indent:-9999px;
	}
#main div.box.result .databox{
	background: url(../image/bg_paper_result.jpg) no-repeat #ffffff center bottom;
	}
#main div.box.result .graphbox.topbox{
	background: url(../image/bg_graphbox_top_result.gif) no-repeat #ffffff;
	}
#main div.box.result .graphbox .q_box{
	left:0px;
	padding:0px 0px 0px 33px;
	/*background:url(../image/ico_check_off.gif) no-repeat 20px 30px;*/
	}
#main div.box.result .graphbox .catch{
	left:103px;
	font-size:15px;
	}
#main div.box.result .graphbox .player{
	left:103px;
	}
#main div.box.result .btn_box{
	background: url(../image/bg_paper_result.jpg) no-repeat;	
	}	
#main div.box.result .graphbox .graph{
	position:absolute;
	top:45px;
	left:350px;
	width:200px;
	height:30px;
	}
#main div.box.result .graphbox .graph img{
	position:static;
	float:left;
	}
#main div.box.result .graphbox .graph p{
	float:left;
	width:35px;
	margin:2px 0 0 3px;
	}

/* ----------------------
	投票後受付ページ
------------------------- */
.databox.send{
	margin:20px auto 0;
	padding:20px 0;
	}
.databox.send h2{
	height:100px;
	text-indent:-9999px;
	}
.databox.send .thanks_box{
	width:520px;
	margin:0 auto;
	padding:0;
	vertical-align:middle;
	text-align:center;
	background: url(../image/send_ok_bg.gif) no-repeat center 5px #FFFFFF;
	}
.databox.send .error_box{
	width:520px;
	margin:0 auto;
	padding:0;
	vertical-align:middle;
	text-align:center;
	background: url(../image/send_error_bg.gif) no-repeat center 5px #FFFFFF;
	}
.databox.send p{
	width:520px;
	margin:0 auto;
	padding:20px 0;
	}

#main div.sectionEnd {
	clear:both;
	position:relative;
	width:570px;
	height:60px;
	margin:20px auto 0;
	background:url(../image/back_bg.jpg) no-repeat 0 0;
}
#main div.sectionEnd a {
	position:absolute;
	top:8px;
	left:110px;
	display:block;
	width:350px;
	height:44px;
	text-indent:-9999px;
}
#main div.sectionEnd a:hover {
	background:url(../image/back_bg.jpg) no-repeat -110px -68px;
}


