@charset "utf-8";
/* survey.css */

/*====================index====================*/
/*-- #main-------------------------------------*/
/*- #ci-reserch --------------------------*/
/*- #ci-vote -----------------------------*/
/*- #ci-vote-main ---------------*/
/* .question */
/* #vote-result */
/* #vote-comment */

/*- #ci-vote-sub  ---------------*/
/* #vote-now / #vote-passed */
/* #vote-passed */


/*-- win-ie ハック* ---------------------------*/
/*====================index====================*/





/*===============================================
 #wrapper #main
===============================================*/
/*----------------------------------------------
#main
----------------------------------------------*/
#wrapper #main{
	float:right;
	width:690px;
	padding-bottom: 10px;
	}

/*- #ci-reserch --------------------*/
#main #ci-reserch{
	margin-bottom: 10px;
}
#main #ci-reserch h2{
	text-indent: -9999px;
	width: 690px;
	height: 34px;
	background:url(../img/research/h2-enq.gif) no-repeat;
	margin-bottom: 5px;
}
#ci-reserch-table{
	width: 690px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin-bottom: 8px;
}
#ci-reserch table caption{
	display:none;
}
#ci-reserch-table th,
#ci-reserch-table td{
	padding:3px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#ci-reserch-table th.top{
	color: #009999;
	font-weight: bold;
	background-color: #E5F5F5;
	text-align: center;
}
#ci-reserch-table th.date,
#ci-reserch-table td.pt,
#ci-reserch-table td.rep{
	text-align:center;
	width: 12%;
}
#ci-reserch-table td.rep a{
	text-align:center;
}

#ci-reserch-table td.enq-no{
	width: 14%;
	text-align: center;
	padding-right: 10px;
}
#ci-reserch .attention{
	margin-bottom: 10px;
}
#ci-reserch .attention h3{
	background-color: #E3E3E3;
	margin-bottom: 5px;
	padding: 2px 10px;
}
#ci-reserch .attention h3 span{
	font-weight: bold;
	border-left: 8px solid #666666;
	padding-left: 3px;
}
#ci-reserch .attention ul{
	padding: 5px 0;
	border-bottom: 1px solid #CCCCCC;
}
#ci-reserch .attention ul li{
	float: left;
}
#ci-reserch .attention ul li a{
	padding-right: 10px;
	padding-left: 10px;
	background: #FFFFFF url(../img/icon/ico-slash.gif) no-repeat right center;
}

/*-  ボーダーズメンテナンス -----------------------*/
#ci-reserch .ci-research-alert{
	margin:10px 10px;
	color: #FF0000;
}

/*-  ログインしてない時 ---------------------------*/
#login-alert{
	border:1px solid #CC0000;
	margin:20px 10px;
	padding:15px 20px 10px;
}
#login-alert-txtlist ul {
	margin-top: 20px;
}


#login-alert-txtlist li {
	background:transparent url(../img/icon/3k-cube.gif) no-repeat scroll 3px 2px;
	margin-bottom:5px;
	padding-left:20px;
}
#login-alert-txtlist li p{
	font-weight: bold;
}
#login-alert-txtlist li p a{
	font-weight: bold;
	font-size: 14px;
	padding: 0 3px;
}
#login-alert-img{
	text-align:center;
}


/*- #ci-vote --------------------*/
#ci-vote{
	/*background-color: #EBEBEB;*/
	margin-bottom: 10px;
}
#ci-vote p.head{
	width: 690px;
	height: 139px;
	padding-bottom: 8px;
	background: #FFFFFF url(../img/research/ci-vote-top.gif) no-repeat;
	text-indent: -9999px;
}
#ci-vote h2{
	text-indent: -9999px;
	width: 690px;
	height: 34px;
	background:url(../img/research/h2-vote.gif) no-repeat;
}

/*-- #ci-vote-main --*/
#ci-vote-main{
	float: left;
	background-color:#FFFFFF;
	width: 453px;
	padding-right: 10px;
}

/* .question */
#ci-vote-main .question{
	border: 1px solid #CCCCCC;
	background-color:#EBEBEB;
	/*width: 439px;*/
	padding: 6px;
	margin-bottom: 10px;
}
#ci-vote-main .lastchild{
	margin-bottom: 0;
}

#ci-vote-main .question form,
#ci-vote-main .question #inner-question{
	/*overflow: hidden;*/
	background-color:#FFFFFF;
	padding: 8px;
}

#ci-vote-main p.show-result{
	float: right;
	background: #FFFFFF url(../img/research/yaji-red.gif) no-repeat left center;
	padding-left: 15px;
	margin: 0 5px 0 0;
}
#ci-vote-main p.show-result a{
	text-decoration: underline;
}
#ci-vote-main p.keyword-search{
	float: right;
	background: #FFFFFF url(../img/research/yaji-green.gif) no-repeat left center;
	padding-left: 15px;
	margin: 0 10px 5px 5px;
}
#ci-vote-main p.keyword-search a{
	text-decoration: underline;
	padding-right: 3px;
}
#ci-vote-main div.theme{
	min-height: 80px;
	padding-left: 80px;
	background: #FFFFFF url(../img/research/q-icon.gif) no-repeat 5px 5px;
	margin-bottom: 20px;
	zoom: 1;
}

#ci-vote-main div.theme h3{
	color:#009999;
	font-size: 16px;
	margin-bottom:8px;
}
#ci-vote-main div.theme h3 a{
	text-decoration: underline;
}
div.theme cite,
div#vote-result-graph cite{
	overflow:hidden;
	display: block;
	margin-bottom: 5px;
}
div.theme .username,
div#vote-result-graph .username{
	float: left;
}
div.theme .date,
div#vote-result-graph .date{
	font-size: 12px;
	float: right;
}
div.theme blockquote,
div#vote-result-graph blockquote{
	clear:both;
}
#ci-vote-main .question ul{
	padding: 10px;
	background-color: #EBEBEB;
	margin-bottom: 8px;
}
#ci-vote-main .question li{
	padding-bottom: 5px;
}
#ci-vote-main .question li input{
	margin-right: 5px;
	vertical-align: middle;
}
#ci-vote-main .question li.lastchild{
 padding-bottom: 0;
}
#ci-vote-main .question textarea{
	display: block;
	width: 400px;
	margin-bottom: 8px;
	padding: 2px;
}
#ci-vote-main .question input.submit{
	display:block;
	width: 200px;
	padding: 2px 0 2px 0;
	margin: 1px auto 20px;
}

/* #vote-result */
#ci-vote-main #vote-result h3{
	font-size: 108%;
	color:#FFFFFF;
	padding-top: 3px;
	padding-left: 10px;
	height: 20px;
	background: #FFFFFF url(../img/research/votemain-h3.gif) no-repeat;
}

#ci-vote-main #vote-result-body{
	width: 451px;
	border-left: 1px solid #009999;
	border-bottom: 1px solid #009999;
	border-right: 1px solid #009999;
}

/* #vote-result-graph */
#ci-vote-main #vote-result-graph{
	background:#FFFFFF url(../img/research/ruler-memory.gif) no-repeat scroll 10px bottom;
	padding: 10px;
	margin-bottom: 20px;
}
#ci-vote-main #vote-result-graph .already-vote{
	color:#FF0000;
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px 10px 0;
}
#vote-result-body .graph-close{
	background: none;
}

#ci-vote-main #vote-result-graph h4{
	font-size: 123%;
	font-weight: bold;
	color:#009999;
	margin-bottom: 5px;
}
#ci-vote-main #vote-result-graph p.poll{
	color:#FF0000;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 5px;
}
#ci-vote-main #vote-result-graph .open-bt img,
#ci-vote-main #vote-result-graph .close-bt img{
	vertical-align: middle;	
	padding-right: 3px;
}
#ci-vote-main #vote-result-graph .open-bt a,
#ci-vote-main #vote-result-graph .close-bt a{
	text-decoration: none;
}



#ci-vote-main #vote-result-graph ul{
	padding: 3px;
	background:#FFFFFF url(../img/research/ruler-line.gif) repeat-y scroll ;
	position:relative;
}
#ci-vote-main #vote-result-graph li{
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}

#ci-vote-main #vote-result .check{
	float:left;
}
#ci-vote-main #vote-result .check input{
	vertical-align: middle;
	margin-right: 3px;
}
#ci-vote-main #vote-result .txt{
	font-size: 11px;
	float:left;
}
#ci-vote-main #vote-result .percent{
	float:right;
}
#ci-vote-main #vote-result .bar{
	color: #FF0000;
	font-size: 10px;
	height: 10px;
	position: absolute;
	left: 213px;
}
#ci-vote-main #vote-result .bar img{
	vertical-align: middle;
	padding-right: 3px;
}

#ci-vote-main #impact{
    margin: 15px 0 10px;
    text-align: center;
}

/*  #vote-comment  */
#vote-comment{
	clear: both;
	margin: 5px 10px;
}
#vote-comment h4{
	color:#666666;
	padding: 2px;
	border-top: 1px solid #7FCCCC;
}
#vote-comment h4 span{
	font-weight: bold;
	border-left: 6px solid #7FCCCC;
	padding-left: 3px;
}
#vote-comment p.page{
	padding: 5px 0;
	text-align: right;
	border-top: 1px solid #7FCCCC;
}
#vote-comment p.page a,
#vote-comment p.page strong{
	padding: 0 5px;
	border-left: 1px solid #666666;
}
#vote-comment p.page a.before{
	border-left: none;
}
/*#vote-comment p.page strong{
	margin-left: 5px;
}*/
#vote-comment li.odd{
	padding: 5px 10px;
	background-color: #E5F5F5;
}
#vote-comment li.even{
	padding: 5px 10px;
}
#vote-comment p.select{
	color: #7FCCCC;
	font-size: 11px;
}
#vote-comment p.select span{
	color:#CC0000;
	padding-right: 5px;
}

#vote-comment p.comment{
	overflow: hidden;
	width:400px;
}

#vote-comment li.lastchild{
	border-bottom: 1px solid #7FCCCC;
}

/* ----------------------------------------
 #ci-vote-sub 
 ---------------------------------------- */
#ci-vote-sub{
	float: right;
	background-color: #FFFFFF;
	width: 227px;
}

#ci-vote-sub h3{
	color: #FFFFFF;
	width: 211px;
	height: 17px;
	padding: 3px 8px;
	background:  #FFFFFF url(../img/research/votesub-h3.gif) no-repeat scroll;
	font-size:108%;
}

/*  #vote-now / #vote-passed */

#ci-vote-sub #vote-now,
#ci-vote-sub #vote-passed{
	background-color:#FFFFFF;
	padding-bottom: 10px;
}

#ci-vote-sub #vote-now ul,
#ci-vote-sub #vote-passed p.page{
	padding: 8px;
	border-left: 1px solid #009999;
	border-bottom: 1px solid #009999;
	border-right: 1px solid #009999;
}

#ci-vote-sub #vote-now li,
#ci-vote-sub #vote-passed ul.theme-list li{
	clear: both;
	padding: 3px 0;
	border-bottom: 1px dotted #CCCCCC;
}

#ci-vote-sub #vote-now dt,
#ci-vote-sub #vote-passed ul.theme-list dt{
	font-size: 108%;
	background: url(../img/icon/list-mar-gray.gif) no-repeat left center ;
	margin-bottom: 3px;
	padding-left: 10px;
}

#ci-vote-sub #vote-now dt a,
#ci-vote-sub #vote-passed ul.theme-list dt a{
	text-decoration: underline;
}

#ci-vote-sub #vote-now dd.date,
#ci-vote-sub #vote-passed ul.theme-list dd.date{
	text-align: right;
}


/* #vote-passed */
#ci-vote-sub #vote-passed ul#vote-passed-tab,
#ci-vote-sub #vote-passed ul.theme-list{
	padding: 8px;
	border-left: 1px solid #009999;
	border-right: 1px solid #009999;
}
#ci-vote-sub #vote-passed p.page{
	text-align: right;
}
#ci-vote-sub #vote-passed p.page a,
#ci-vote-sub #vote-passed  p.page strong{
	padding: 0 5px;
	border-left: 1px solid #666666;
}
#ci-vote-sub #vote-passed p.page a.before{
	border-left: none;
}

/*#ci-vote-sub #vote-passed p.page strong{
	margin-left: 5px;
}*/

/* #vote-passed-tab */
#ci-vote-sub #vote-passed ul#vote-passed-tab{
	background-color: #E5F5F5;
	padding: 0 6px;
	border-left: 1px solid #009999;
	border-right: 1px solid #009999;
}
#ci-vote-sub #vote-passed ul#vote-passed-tab li{
	float: left;
	margin: 3px 0;
	padding: 1px 0;
}
#ci-vote-sub #vote-passed ul#vote-passed-tab li a{
	color: #009999;
	background-color:#FFFFFF;
	text-align: center;
	text-decoration:none;
	font-size: 12px;
	display:block;
	width: 49px;
	margin: 1px;
	border: 1px solid #009999;
}
#ci-vote-sub #vote-passed ul#vote-passed-tab li a.select,
#ci-vote-sub #vote-passed ul#vote-passed-tab li a:hover{
	color: #FFFFFF;
	background-color: #8AD0D0;
}

#ci-vote-sub #hotspot{
    margin-bottom:10px;
}

#ci-vote-sub #hotspot h2{
    color: #FFFFFF;
    width: 211px;
    height: 17px;
    padding: 3px 8px;
    background:  #FFFFFF url(../img/research/votesub-h3.gif) no-repeat scroll;
    text-indent:8px;
    font-size:108%;
}

#ci-vote-sub #hotspot ul{
	padding: 5px 0 0 5px;
	border-left: 1px solid #009999;
	border-bottom: 1px solid #009999;
	border-right: 1px solid #009999;
}

#ci-vote-sub #hotspot li{
    padding-bottom:8px;
    font-size:108%;
}

#ci-vote-sub #hotspot li a{
    background:url("../img/icon/g-li.gif") no-repeat scroll 7px 7px transparent;
    padding:2px 8px 0 20px;
    text-decoration:underline;
}

/*===============================================
 #wrapper #sub 
===============================================*/
#wrapper #sub {
	float:left;
	width: 250px;
}

#sub #brand-ban #brand-under-txt {
	display:block;
	padding-top:5px;
}

#sub #research-brand-ban{
	margin-bottom: 10px;
}

#sub #unow{
	width: 250px;
	margin-bottom: 10px;	
}
#sub #unow h2{
	color: #666666;
	font-size: 108%;
	font-weight: bold;
	height: 25px;
	padding-left: 30px;
	padding-top: 5px;
	background:#FFF url(../img/research/h2-unow.gif) no-repeat;
}
#sub #unow div#flash-box{
	border-left: 1px solid #009999;
	border-right: 1px solid #009999;
	border-bottom: 1px solid #009999;
	display: block;
}

#unow #flashcontent{
	background-color: #ECF7E2; 
	width:160px; 
	height:350px; 
	margin: 0 auto; 
	padding: 5px; 
	border: 5px solid #FFFFFF;
}


/* ---------------------------------------ブランドバナー */
#sub #adbanner {
	width: 250px;
	margin: 0 0 15px;
}

#sub #adbanner .banner {
	width: 250px;
	margin: 0 auto 5px;
	padding: 0;
	text-align: center;
	background-color: #eee;
}

#sub #adbanner .comment {
	width: 250px;
	text-align: center;
}

#sub #adbanner .comment .point {
	padding: 0 0 0 16px;
	background: url(../img/10/top/icon-list.gif) 0 1px no-repeat;
	color: #3a0;
}

#sub #adbanner .condition {
	margin: 2px 0 0;
	position: relative;
	left: 50%;
	float: left;
}

#sub #adbanner .condition .adding {
	padding: 0px;
	color: #777;
	float: left;
	position: relative;
	left: -50%;
}

#sub #adbanner .condition .to-dtl {
	float: left;
	margin:0 0 0 10px;
	padding: 0 0 0 11px;
	background: url("../img/10/top/icon-list.gif") no-repeat 0 -256px;
	white-space: nowrap;
	position: relative;
	left: -50%;
}


#sub #no1{
	width: 250px;
	margin-bottom: 10px;	
}
#sub #no1 h2{
	color: #666666;
	font-size: 108%;
	font-weight: bold;
	height: 25px;
	padding-left: 30px;
	padding-top: 5px;
	background:#FFF url(../img/research/h2-no1.gif) no-repeat;
}
#sub #no1 div{
	border-left: 1px solid #009999;
	border-right: 1px solid #009999;
	border-bottom: 1px solid #009999;
}
#sub #no1 div p.fukidashi01{
	color:#FFFFFF;
	font-weight: bold;
	width: 238px;
	height: 48px;
	padding-left: 10px;
	padding-top: 5px;
	background: #FFFFFF url(../img/research/fukidashi01.gif) no-repeat;
}
#sub #no1 div ul li h3{
	color: #009999;
	padding: 1px 5px;
	background-color: #C2E7E7;
}
#sub #no1 div ul li h3 span{
	font-weight: bold;
	padding: 0 5px;
	border-left: 5px solid #009999;
	}
#sub #no1 div ul li dl{
	margin: 5px 8px;
}
#sub #no1 div ul li dt a{
	font-weight: bold;
	font-size: 108%;
	text-decoration:underline;
}
#sub #no1 div ul li dd{
	padding-left: 15px;
}
#sub #goo-rank{
	margin-bottom: 10px;
}
#sub #theme-post{
	margin-bottom: 10px;
}
#sub #microad{
    margin-bottom: 10px;
    text-align: center;
}
#ci-vote-sub #theme-post{
    margin-bottom: 10px;
}





/*===============================================
クイックアンケートお題投稿コーナー
===============================================*/

#sub-body {
	width:720px;
	margin-right:auto;
	margin-left:auto;
	color:#666666;
	}

/*ヘッダ画像*/


#sub-body #title {
	clear: both;
	height:170px;
	display:block;
	margin: 0 auto;
	background: url(../img/research/vote-head04.gif) no-repeat top center;
	}

#sub-body #title p{
	float:left;
	display:inline;
	margin-top:118px;
	margin-left:12px;
	font-size:12px;
	line-height:1.2em;
	}

<!--フォーム-->

#sub-body #req-form{
	width:720px;
	margin:0 auto;
	margin-top:10px;
	font-size:93%;
	line-height:1.2em;
	}

#sub-body #req-form .kome{
	margin-bottom:3px;
	color:#FF0000;
	margin-top:10px;
	}
	
	<!--フォームテーブル部分-->
	
	#sub-body #req-form table{
		clear:both;
		width:720px;
		margin:0 auto;
		}
	
	#sub-body #req-form table th{
		text-indent:-1000px;
		}
	
	#sub-body #req-form table .form-l{
		width:185px;
		margin:0 auto;
		padding:6px 10px;
		border-bottom:#FFFFFF 4px solid;
		background-color:#E5F5F5;
		font-weight:bold;
		color:#009999;
		}
	
	#sub-body #req-form table .form-r{
		margin:0 auto;
		padding:3px 0 0 4px;
		border-bottom:#FFFFFF 4px solid;
		background-color:#FFFFFF;
		width:531px;
		}

	#sub-body #req-form table .form-l label{
		font-weight:bold;
		color:#009999;
		}

	#sub-body #req-form table .form-r textarea{
		font-size:123%;
		}

	* html	#sub-body #req-form table .form-r textarea{
		width:99%;
		}

	*+ html	#sub-body #req-form table .form-r textarea{
		width:99%;
		}

	html[xmlns]	#sub-body #req-form table .form-r textarea{
		width:99%;
		}

	#sub-body #req-form p.mad{
		margin-top:4px;
		}

#sub-body #req-form .center{
	margin: 0 auto;
	padding:15px 0 0 4px;
	text-align:center;
	}

<!--ボタン下の文言部分-->

#sub-body #req-form #chosaku {
	padding: 25px 0;
	}

#sub-body #req-form #chosaku h3 {
	margin: 25px 0 0 0;
	font-weight: normal;
	}

#sub-body #req-form #person {
	padding: 20px 0;
	}

#sub-body #req-form #person h3 {
	font-weight: normal;
	}

#sub-body #req-form #person pre{
	width:708px;
	height:8em;
	line-height: 1.2em;
	margin:0;
	padding-left:12px;
	border:inset 1px gray;
	overflow:auto;
	font-size:100%;
	text-align:left;
	white-space:pre;
	}

/*===============================================
▲クイックアンケートお題投稿コーナーここまで▲
===============================================*/







	
/*===============================================
win-ie ハック
===============================================*/
/** html #ci-vote-main .question,
* html #ci-vote-main .question form,
* html #ci-vote-main div.theme,
* html #ci-vote-main .question ul,
* html #ci-vote-main .question li,
* html #ci-vote-main .question input,
* html #main #ci-vote-sub ul,*/
* html #main #ci-vote-sub li{
	zoom: 1;
}
* html #ci-reserch-table,
* html #ci-reserch-table td,
* html #ci-reserch-table th{
	 zoom: 1;
}
* html #ci-vote-sub #vote-now li,/* ie6用ハック */
* html #ci-vote-sub #vote-passed ul.theme-list li,/* ie6用ハック */
*:first-child+html #ci-vote-sub #vote-now li,/* ie7用ハック */
*:first-child+html #vote-passed ul.theme-list li/* ie7用ハック */{
	zoom: 1;
}