@charset "utf-8";

/*** EC Navi CSS Document Document ***************************************

	ver.091222 kuroiwa

	vote.css

----------------------------------------------------------------***/
/* common */
div#vote{
	margin:0 0 50px 0px;
}

div#vote table td{
	padding:0px;
	height:31px;
}

div#vote td.btn_l{
	background:url(/img/vote/btn_l.gif) no-repeat left top;
	padding:0 0 0 5px;
}

div#vote td.btn_r{
	background:url(/img/vote/btn_r.gif) no-repeat right top;
	padding:0 5px 0 0;
}

div#vote input.btn{
	background:url(/img/vote/btn_vote.gif) repeat-x 0 top;
	border:none;
	height:40px;
	width:150px;
	color:#0370d0;
	cursor:pointer;
	margin: 0 auto;
}

div#vote #result #posted h5 span,
div#vote #history h5 span{
	color:#0370D0;
	padding:0 5px 0 5px;
	font-weight:normal;
}



.showall{
	clear: both;
	text-align:right;
	margin:10px;
}

/* content_header */
div#voteContent{
	background: url(/img/vote/bg_vote_content_body.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
div#content_header{
	background: url(/img/vote/bg_vote_content_top.gif) no-repeat left top;
	position: relative;
	padding:10px 0 0 70px;
	_width: 100%;
}
h4.titleQuick {
	padding:1px 0 0 2px;
	font-size:160%;
	color:#333;
	margin-bottom: 5px;
}

div.number{
	background: url(/img/vote/title_ico_quick.gif) no-repeat 0 0;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
	text-indent: -9999pt;
}

/* hidden 100218 kuroiwa
div.number{
	background: url(/img/vote/title_ico_quick_number.gif) no-repeat 0 0;
	padding-top: 10px;
	width: 50px;
	height: 40px;
	_height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	font-size:180%;
	color:#fff;
}
*/


ul#quickLinks li{
	display: inline;
	color: #999;
	margin-right: 6px;
}

ul#quickLinks li#term{
	background: url(/img/vote/ico_term.gif) no-repeat 0 0;
	margin-left:0 ;
	padding-left: 17px;
}
ul#quickLinks li#checkVote{
	background: url(/img/vote/ico_check_vote.gif) no-repeat 0 0;
	padding-left: 17px;
}
ul#quickLinks li#currentVotes a{
	background: url(/img/vote/ico_graph.gif) no-repeat 0 0;
	padding-left: 17px;
}
ul#quickLinks li#allComments a{
	background: url(/img/vote/ico_comment_balloon_15.gif) no-repeat 0 0;
	padding-left: 17px;
}

ul#quickLinks li span{
	color: #F78A29;
}
p.supplement{
	margin: 20px 30px 15px 25px;
}

/* vote_action */
div#vote #vote_action{
	padding:5px 10px;
	text-align: center;
}
div#vote #vote_action ul{
	text-align: left;
	margin-left: 60px;
}
div#vote #vote_action ul li{
	margin:0 0 8px 0;
}

div#vote #vote_action ul li input{
	margin:0 8px 0 0;
	vertical-align:middle;
}

div#vote #vote_action dl{
	margin:20px 0 0 0;
}

div#vote #vote_action dl dt{
	text-align: center;
}

div#vote #vote_action dl dd{
	font-size:90%;
	text-align: center;
	line-height:1.4em;
}

/* result */
div#vote #result ul{
	padding:10px 30px;
}
div#vote #result ul li dl{
	float:left;
	clear:both;
	margin: 0 2px;
}

div#vote #result ul li dl dt{
	width:250px;
	_width:272px;
	float:left;
	border-right:#CCCCCC solid 1px;
	overflow : hidden;
}
div#vote #result ul li dl dt a{
	display: block;
	text-decoration: none;
	color: #666;
	padding:6px 0 6px 15px;
}
div#vote #result ul li dl dt a:hover{
	background-color: #efefef;
}

/* ↓circle */
div#vote #result ul li dl dt a{
	background-position: 3px 9px;
	background-repeat: no-repeat;
}
div#vote #result ul li dl dt.resultNum_1 a{
	background-image: url(/img/vote/ico_circle_01.gif);
}
div#vote #result ul li dl dt.resultNum_2 a{
	background-image: url(/img/vote/ico_circle_02.gif);
}
div#vote #result ul li dl dt.resultNum_3 a{
	background-image: url(/img/vote/ico_circle_03.gif);
}
div#vote #result ul li dl dt.resultNum_4 a{
	background-image: url(/img/vote/ico_circle_04.gif);
}
div#vote #result ul li dl dt.resultNum_5 a{
	background-image: url(/img/vote/ico_circle_05.gif);
}
div#vote #result ul li dl dt.resultNum_6 a{
	background-image: url(/img/vote/ico_circle_06.gif);
}
div#vote #result ul li dl dt.resultNum_7 a{
	background-image: url(/img/vote/ico_circle_07.gif);
}
div#vote #result ul li dl dt.resultNum_8 a{
	background-image: url(/img/vote/ico_circle_08.gif);
}
div#vote #result ul li dl dt.resultNum_9 a{
	background-image: url(/img/vote/ico_circle_09.gif);
}
div#vote #result ul li dl dt.resultNum_10 a{
	background-image: url(/img/vote/ico_circle_10.gif);
}
/* ↑circle */



div#vote #result ul li dl dd{
	display: inline;
	float: left;
	position:relative;
	padding:6px 30px 6px 0;
	width:230px;
	_width:250px;
}

div#vote #result ul li dl dd span{
	position:absolute;
	top:6px;
	right: 0;
}

div#vote #result ul li dl dd img{
	vertical-align:middle;
	height:11px;
}

div#vote #result table.vote input{
	vertical-align:middle;
	margin:0 5px 0 0;
}

/* comment  input foam */
div#vote #comment{
	background-color:#F1F5F9;
	padding:20px 30px;
	margin:20px 0 0 0;
}

div#vote #comment dl.mainmsg{
	float:left;
	width:280px;
}

div#vote #comment dl dt{
	margin:0 0 2px 0;
}

div#vote #comment dl dt.commentFirm{
	background: url(/img/vote/ico_pencil.gif) no-repeat top left;
	padding: 2px 0 0 22px;
}

div#vote #comment dl.mainmsg textarea{
	width:280px;
	height:100px;
	border:1px solid #DFE2E4;
}

div#vote #comment #face_info{
	float:right;
	border:none;
}

div#vote #comment #face_info dl{
	margin:0 0 7px 0;
}

div#vote #comment #face_info dl dt{
	float:left;
}

div#vote #comment #face_info dl dd{
	margin:0 0 0 80px;
}

div#vote #comment #face_info dl input{
	border:1px solid #DFE2E4;
}

div#vote #comment #face_info dl input.sex{
	border:none;
	vertical-align:middle;
}

div#vote #comment #face_info dl input.age{
	width:40px;
}

/* end comment input foam*/

/* watch posted comment */
div#vote #posted{
	margin:20px 0 0 0;
	clear:both;
}

div#vote #posted h5{
	background:url(/img/vote/ico_comment_bloon.gif) no-repeat 0 0;
	padding:0 0 0 22px;
	margin:0 0 6px 0;
}


/* watch posted2 comment */


div#vote #posted #posted2 p.votetitle{
	border-bottom:2px solid #e3f2ff;
	padding:0 0 8px 0;
	margin-bottom:10px;
}


div#vote #posted #posted2 span.left{
	float:left;
	width:auto;
}


div#vote #posted #posted2 span.red{
	font-weight:bold;
	color:#FF0000;
	margin:0 0 0 6px;
}

div#vote #posted #posted2 span.black{
	font-weight:bold;
	color:#000000;
	margin:0 0 0 6px;
}

div#vote #posted #posted2 span.right{
	float:right;
	width:auto;
}

div#vote #posted #posted2 span.right img{
	margin-left:8px;
	vertical-align:text-bottom;
}

div#vote #posted #posted2 span.right .blue{
	color:#0B4964;
	font-weight:bold;
}


div#vote #posted #posted2 h5{
	background:url(/img/vote/i_mail.gif) no-repeat 0 0;
	padding:0 0 10px 28px;
	border-bottom-style:none;
}

div#vote #posted #posted2 div.votebox{
	margin:0 0 28px 0;
}

/*------　削除ボタン　------*/

div#vote a#noticedelete{
background:url(/img/notice/bt_delete.gif) no-repeat scroll 0 top transparent;
height:24px;
width:94px;
float:right;
font-weight:bold;
text-decoration:none;
text-transform:none;
text-align:center;
color:#FFFFFF;
padding-top:5px;
display:block;
}


div#sortBtnArea{
	margin: 5px 0 10px 0;
}

div#sortBtnArea a#sortGood{
	float: right;
	display:block;
	width: 80px;
	_width: 110px;
	background:url(/img/vote/btn_sort_good.gif) no-repeat 0 0;
	padding: 4px 0 0 30px;
	height: 21px;
	_height: 25px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	margin-left: 5px 
}

div#sortBtnArea a#sortTime{
	float: right;
	display:block;
	width: 80px;
	_width: 110px;
	background:url(/img/vote/btn_sort_time.gif) no-repeat 0 0;
	padding: 4px 0 0 30px;
	height: 21px;
	_height: 25px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
div#sortBtnArea a#sortGood:hover,
div#sortBtnArea a#sortTime:hover{
	background-position: 0 -25px;
}
div#sortBtnArea a{
	position: relative;
}

div#sortBtnArea a img{
	position: absolute;
	right: 5px;
	top: 8px;
}

div#sortBtnArea a#sortTime img.sort_0,
div#sortBtnArea a#sortGood img.sort_1{
	display: inline;
}
div#sortBtnArea a#sortGood img.sort_0,
div#sortBtnArea a#sortTime img.sort_1{
	display: none;
}

div#sortBtnArea select {
	border:1px solid #DFE2E4;
}

div#sortBtnArea select.choice {
	width: 80px;
}

/*
div#vote #result #posted dl{
	padding:7px 0;
	border-bottom:#e3f2ff solid 1px;
	margin-bottom: 7px;
}


div#vote #result #posted dl dt{
	margin:0 0 8px 3px;
}
*/
/*--- comment layout ---*/

dl.commentBox{
	clear: both;
}

dl.commentBox dt{
	float: left;
	display: inline;
	text-align: center;
	width: 120px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
}

dl.commentBox dt.margintop{
	margin-top:10px;
}

dl.commentBox dt div span.commId{
	float: left;
	width: 26px;
	color: #999;
}
dl.commentBox dt div span.userName{
	width: 120px;
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

p.usersexIcon{
	height: 60px;
	text-align: center;
	margin: 4px 0;
}

/* ↓usersexIcon change */ 
p.usersexIcon span.userSex_0{
	background: url(/img/vote/icon_human_silhouette.gif) no-repeat left top;
	width: 50px;
	height: 60px;
	text-indent: -9999pt;
	display: block;
	margin: 0 auto;
}
p.usersexIcon span.userSex_1{
	background: url(/img/vote/icon_human_gentle.gif) no-repeat left top;
	width: 50px;
	height: 60px;
	text-indent: -9999pt;
	display: block;
	margin: 0 auto;
}
p.usersexIcon span.userSex_2{
	background: url(/img/vote/icon_human_lady.gif) no-repeat left top;
	width: 50px;
	height: 60px;
	text-indent: -9999pt;
	display: block;
	margin: 0 auto;
}
/* ↑usersexIcon change */ 



p.agePref{
	text-align: center;
	margin-bottom: 7px;
	color: #aaa;
}
dl.commentBox dd{
	float: left;
	width: 470px;
	background: url(/img/vote/bg_commentBox_dd.gif) no-repeat left top;
	margin-bottom: 15px;
	z-index: 1;
}
dl.commentBox dd div.commArea{
	padding: 7px 4px 0px 27px;
	min-height: 60px;
	height: auto !important;
	height:60px;
}

dl.commentBox dd div.commBottom{
	background: url(/img/vote/bg_commentBox_dd_bottom.gif) no-repeat left top;
	width: 470px;
	height:7px;
	overflow: hidden;
	clear: both;
}

h6.ansTextArea{
	border-bottom: 1px dotted #dedede;
	padding: 0 0 4px 3px;
	margin: 4px 2px;
	font-weight: normal;
}


span.ans{
	float: left;
	padding-left: 15px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	color: #999;
}

span.ansNum_1{
	background: url(/img/vote/ico_circle_01.gif) no-repeat 3px 3px;
}
span.ansNum_2{
	background: url(/img/vote/ico_circle_02.gif) no-repeat 3px 3px;
}
span.ansNum_3{
	background: url(/img/vote/ico_circle_03.gif) no-repeat 3px 3px;
}
span.ansNum_4{
	background: url(/img/vote/ico_circle_04.gif) no-repeat 3px 3px;
}
span.ansNum_5{
	background: url(/img/vote/ico_circle_05.gif) no-repeat 3px 3px;
}
span.ansNum_6{
	background: url(/img/vote/ico_circle_06.gif) no-repeat 3px 3px;
}
span.ansNum_7{
	background: url(/img/vote/ico_circle_07.gif) no-repeat 3px 3px;
}
span.ansNum_8{
	background: url(/img/vote/ico_circle_08.gif) no-repeat 3px 3px;
}
span.ansNum_9{
	background: url(/img/vote/ico_circle_09.gif) no-repeat 3px 3px;
}
span.ansNum_10{
	background: url(/img/vote/ico_circle_10.gif) no-repeat 3px 3px;
}

h6.ansTextArea span.commId{
	float: right;
	color: #aaa;
	margin-left: 5px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
}

h6.ansTextArea span.time{
	float: right;
	color: #aaa;
}

p.commText{
	clear: both;
	margin: 10px;
	line-height: 1.4;
}

div.goodBox{
	text-align: right;
	margin-top: 5px;
}

a.countup{
	float: right;
	display: inline;
}	
span.goodCount{
	background: url(/img/vote/ico_thumbs_up_16.gif) no-repeat left center;
	padding: 3px 6px 0 22px;
	height: 16px;
	color: #aaa;
	float: right;
	margin-left: 4px;
	margin-top: 1px;
}

a.replyCommnet{
	background: url(/img/vote/ico_reply.gif) no-repeat left 2px;
	padding: 2px 2px 0 18px;
	height: 16px;
	float: right;
	margin-right: 8px;
	margin-top: 1px;
	color: #4ea5f2;
}

/* reply comment */

div.replyBox{
	background: #fff url(/img/vote/bg_reply_body.gif) no-repeat 48px -92px;
	z-index: 0;
	width: 422px;
	_width: 470px;
	padding-left: 48px;
	position: relative;
}
div.replyBottom{
	background: url(/img/vote/bg_reply_body.gif) no-repeat left bottom;
	z-index: 1;
	width: 422px;
	height: 8px;
}

div.replyText{
	padding: 20px 12px 0 12px;
}

div.replyProfile{
	text-align: right;
	margin-top: 10px;
	color: #aaa;
}

div.replyProfile p.marginbottom{
	margin-bottom:10px
}

div.replyProfile span img{
	margin:-1px 4px 0 0
}

div.replyProfile span.ans{
	float: none;
}
div.replyProfile p{
	clear: both;
}

span.replyUserIcon{
	text-indent: -9999px;
	float: right;
	margin-left: 8px;
	width: 26px;
	height: 38px; 
	background: url(/img/vote/bg_reply_body.gif) no-repeat;
}
span.sex_0{
	background-position: -8px -7px;
}
span.sex_1{
	background-position: -48px -4px;
}
span.sex_2{
	background-position: -88px -4px;
}

/* reply_form */
form#reply_form{
	color: #444;
	text-align: center;
	padding: 10px;
	border: 1px solid #dedede;
}
form#reply_form dl{
	text-align: left;
}
form#reply_form dl dt{
	border-left: 5px solid #4fadff;
	padding-left: 3px;
	margin-bottom: 4px;
}
form#reply_form dl dd{
	margin-bottom: 10px
}
form#reply_form dl dd textarea{
	width: 98%;
	line-height: 1.4;
	min-height: 100px;
}
form#reply_form input.replyBtn{
	background:url(/img/vote/btn_vote.gif) repeat-x 0 top;
	border:none;
	height:40px;
	width:150px;
	color:#0370d0;
	cursor:pointer;
}
form#reply_form label.sex{
	margin: 0 10px 0 5px;
}
	
/* answer　number */
/*
div#vote #result #posted dl.ansNum1 dt{
	color: #ed5c6d;
}
div#vote #result #posted dl.ansNum2 dt{
	color: #72b2de;
}
div#vote #result #posted dl.ansNum3 dt{
	color: #d67ed2;
}
div#vote #result #posted dl.ansNum4 dt{
	color: #ffbd2e
}
div#vote #result #posted dl.ansNum5 dt{
	color: #69f249;
}
div#vote #result #posted dl.ansNum6 dt{
	color: #ff9152;
}
div#vote #result #posted dl.ansNum7 dt{
	color: #a6adcb;
}
div#vote #result #posted dl.ansNum8 dt{
	color: #32343d;
}
*/
/* end */

/*hidden
div#vote #result #posted dl dt span{
	margin:0 10px 0 0;
}


div#vote #result #posted dl dt span.commId{
	color: #999999;
	display: block;
	float: left;
	width: 20px;
	_width: 30px;
	padding-right: 5px;
}


div#vote #result #posted dl dt span.userName{
	padding-right: 10px;
	border-right: 2px solid #dedede; 
}

div#vote #result #posted dl dt span.ans{
	margin-right: 20px;
}
div#vote #result #posted dl dt span.userAge,
div#vote #result #posted dl dt span.userSex,
div#vote #result #posted dl dt span.userPref{
	color: #999;
	
}
div#vote #result #posted dl dd.commentBody{
	margin: 15px 10px 15px 30px;
	line-height: 1.4;
	
}

p.paging{
	text-align:center;
}

div#vote #result #posted p.paging span{
	margin:0 10px;
}
*/
/* watch posted comment */


/* history */
div#vote #history{
	border: 1px solid #dedede;
	padding: 10px;
	margin: 10px 0;
}
div#vote #history h5{
	border-left: 6px #4698ea solid;
	padding: 2px 4px 2px 7px;
	font-weight: bold;
	line-height: 1.2;
	font-size: 120%;
	margin-bottom: 10px;
}

div#vote #history ol{
	border-bottom:1px dotted #CCCCCC;
	padding-bottom: 5px;
}

div#vote #history ol li{
	clear: both;
	border-top:1px dotted #CCCCCC;
	padding:7px 0;
}
div#vote #history ol li p{
	float: left;
}

div#vote #history ol li p span.number{
	background: url(/img/vote/bg_quicklist_number.gif) top left;
	margin-right: 7px;
	width: 18px;
	text-align: center;
	padding-top: 1px;
	height: 17px;
	_height: 18px;
	color: #fff;
	display: block;
	float: left;
}
div#vote #history ol li span.term{
	float: right;
}

/* paging */
div.paging{
	clear: both;
	margin:20px;
	text-align: center;
}

ul.pagingNavi{
	width: 264px;
	margin: 0 auto;
}
ul.pagingNavi li{
	float: left;
	width: 88px;
}

ul.pagingNavi li a{
	width: 80px;
	display: block;
	text-align: center;
	padding-top: 4px;
	height: 21px;
	_height: 25px;
}
ul.pagingNavi li a.prev{
	background: url(/img/vote/btn_paging_prev.gif) no-repeat 0 0;
	margin-right: 8px;
}
ul.pagingNavi li a.next{
	background: url(/img/vote/btn_paging_next.gif) no-repeat 0 0;
	margin-left: 8px;
}

/* gotoVote */
a#gotoVote{
	background: url(/img/vote/btn_goto_vote_top.gif) no-repeat 0 0;
	display: block;
	padding: 2px 0 0 20px;
	width: 80px;
	_width: 100px;
	height: 18px;
	_height: 20px;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	right: 5px;
	top : 6px;
}

div#mainContetns iframe{
	width: 470px;
	height: 70px;
}

dl.commentBox dt span span.commId{
	float: left;
	width: 26px;
	color: #999;
}
dl.commentBox dt span span.userName{
	width: 120px;
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

span.usersexIcon{
	height: 60px;
	text-align: center;
	margin: 4px 0;
}

span.agePref{
	text-align: center;
	margin-bottom: 7px;
	color: #aaa;
}

/* ↓usersexIcon change */ 
span.usersexIcon span.userSex_0{
	background: url(/img/vote/icon_human_silhouette.gif) no-repeat left top;
	width: 50px;
	height: 60px;
	text-indent: -9999pt;
	display: block;
	margin: 0 auto;
}
span.usersexIcon span.userSex_1{
	background: url(/img/vote/icon_human_gentle.gif) no-repeat left top;
	width: 50px;
	height: 60px;
	text-indent: -9999pt;
	display: block;
	margin: 0 auto;
}
span.usersexIcon span.userSex_2{
	background: url(/img/vote/icon_human_lady.gif) no-repeat left top;
	width: 50px;
	height: 60px;
	text-indent: -9999pt;
	display: block;
	margin: 0 auto;
}
/* ↑usersexIcon change */ 

div#vote #posted dl dt span.commId{
	color: #999999;
	display: block;
	float: left;
	width: 20px;
	_width: 30px;
	padding-right: 5px;
}

div.commText{
	clear: both;
	margin: 10px;
	line-height: 1.4;
}

div.pagerArea {
	clear: both;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center;
}

div.pagerArea ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

/* For IE6 \*/

* html div.pagerArea ul.pager { padding-bottom: 4px; }

/**/

div.pagerArea ul.pager li {
	display: block;
	position: relative;
	left: -50%;
	float: left;
	line-height: 1;
}

div.pagerArea ul.pager li a:hover{ text-decoration: none; }

div.pagerArea ul.pager li.num a { background-color: #ffffff; }

div.pagerArea ul.pager li.num a,
div.pagerArea ul.pager li.current strong {
	display: block;
	width: 19px;
	height: 15px;
	padding-top: 4px;
	margin-left: 3px;
	border: 1px solid #cccccc;
	text-align: center;
	text-decoration: none;
}

div.pagerArea ul.pager li.current strong{ font-weight: bold; }

div.pagerArea ul.pager li.num a:hover {
	background-color: #ebebeb;
	text-decoration: underline;
}

div.pagerArea ul.pager li.current strong {
	background-color: #ebebeb;
	color: #2f3743;
}

/* For IE6 \*/
* html div.pagerArea ul.pager li.num a,
* html div.pagerArea ul.pager li.current strong {
	width: 21px;
	height: 21px;
}

/**/

div.pagerArea ul.pager li.prevFirst { margin-right: 6px; }
div.pagerArea ul.pager li.prevSecond { margin-right: 23px; }

div.pagerArea ul.pager li.nextFirst { margin-left: 6px; }
div.pagerArea ul.pager li.nextSecond { margin-left: 23px; }

div.pagerArea ul.pager li.prevFirst,
div.pagerArea ul.pager li.prevSecond,
div.pagerArea ul.pager li.nextSecond,
div.pagerArea ul.pager li.nextFirst { padding-top:4px; }