@charset "utf-8";

/*-----------------------------------------
SampleFan renewal

satar.css date:2013/03/21 write:s_uemura
-----------------------------------------*/

#star{
	margin-top:15px;
	text-align:center;
}

#star ul{
	width:260px;
	padding:5px 0;
	margin:0 auto;
}

#star ul li{
	padding-right:1px;
	display:inline;
}

#star ul .starP{
	background:url(/common/img/star.gif) left top no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#eb4658;
	padding:0 0 0 20px;
}


/* questionTab */

#questionTab {
	width:300px;
	margin-top:15px;
}

#questionTab #ques {
	padding:7px 10px 0 10px;
}

#questionTab #ques .starP {
	font-size:11px;
	background:url(/common/img/side_ques_star.gif) left center no-repeat;
	padding-left:13px;
}


#questionTab img a{display: block;}

#questionTab #ques-tab-box {
	padding:0px 0 0;
	border-left: 1px solid #50ABDF;
	border-right: 1px solid #50ABDF;
	border-bottom:1px solid #efcf9d;
	text-decoration:none;
}


#questionTab #ques-tab-box ul#ques-ulTab {
	margin:0;
	padding:0 10px;
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	font-weight:bold;
}

#questionTab #ques-tab-box ul#ques-ulTab li{
	float:left;
	margin-right:5px;
	display:block;
}

#questionTab #ques-tab-box ul#ques-ulTab .red{
	width:75px;
	background:url(/common/img/side_ques_tab01.gif) left center no-repeat;
	text-align:center;
	padding:3px 0;
}

#questionTab #ques-tab-box ul#ques-ulTab .green{
	width:75px;
	background:url(/common/img/side_ques_tab02.gif) left center no-repeat;
	text-align:center;
	padding:3px 0;
}

#questionTab #ques-tab-box ul#ques-ulTab a{
	color:#fff;
	text-decoration:none;
}

/*
#ques-tab-box div {
display:none;
}
*/

#questionTab .redBox .quesbox{
	width:278px;
	border-left:1px solid #50abdf;
	border-right:1px solid #50abdf;
	background:#fff4f3;
	padding:10px 10px 0 10px;
}

#questionTab .greenBox .quesbox{
	width:278px;
	border-left:1px solid #50abdf;
	border-right:1px solid #50abdf;
	background:#faffeb;
	padding:10px 10px 0 10px;
}


#questionTab .quesbox .submit{
	text-align:center;
	padding-top:10px;
}

#questionTab #tab-red .redBox .period{
	color:#e65267;
	padding-bottom:10px;
}

#questionTab #tab-red2 .redBox .period{
	color:#e65267;
	padding-bottom:10px;
}

#questionTab #tab-green .greenBox .period{
	color:#668511;
	padding-bottom:10px;
}

#questionTab .question{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	background:url(/common/img/side_ques_Q.gif) left center no-repeat;
	padding-left:23px;
}

#questionTab .answerBox li{
	color:#666666;
	padding:7px 0 0 23px;
}

#questionTab .answerBox .rBtn{
	vertical-align:middle;
	margin:-2px 8px 0 0;
}

#questionTab dl.resultBox {
	width:255px;
	padding-left:23px;
}

#questionTab dl.resultBox dt{
	color:#666666;
	padding-top:7px;
}

#questionTab dl.resultBox dd.graph{
	background-color:#d2efff;
	margin:2px 0 0 0;
}

#questionTab .resultBox dd.graph span{
	padding:5px;
	color:#666666;

}


/* care */
#questionTab .care {
	 font-size:10px;
	 line-height:1.3;
}

#questionTab.care li{
	text-indent:-10px;
	padding-left:10px;
	padding-bottom:3px;
}


#questionTab a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}