/*----------------------------------------------------------
   予測の達人
-----------------------------------------------------------*/
@charset "utf-8";
/* setting
------------------------------------*/

#category_navi li{
border-bottom: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #f0f0f0;
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
padding: 5px 7px 5px 20px;
font-weight: bold;
margin-bottom: 5px;
}

.h_box{
position:relative;
top: -1px;
}

.box1,.box2,.box3{
border: 1px solid #ccc;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
margin-top: 20px;
margin-bottom: 10px;
min-height: 100px;
padding-bottom: 10px;
background: #F8F7F4;
}

.box2{
width: 498px;
}
.box3{
width: 278px;
}

.categories_box_in_b{
width:160px;
margin:5px 5px 0 0;
border:2px solid #716cdf;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius:4px 4px 4px 4px;   /* Firefox用 */  
vertical-align:middle;
min-width:130px;
}
.categories_box_in_r{
width:160px;
margin:5px 5px 0 0;
border:2px solid #716cdf;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius:4px 4px 4px 4px;   /* Firefox用 */  
vertical-align:middle;
min-width:130px;
}
.categories_box_in_g{
width:160px;
margin:5px 5px 0 0;
border:2px solid #716cdf;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius:4px 4px 4px 4px;   /* Firefox用 */  
vertical-align:middle;
min-width:130px;
}
.categories_box_in_o{
width:160px;
margin:5px 5px 0 0;
border:2px solid #716cdf;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius:4px 4px 4px 4px;   /* Firefox用 */  
vertical-align:middle;
text-align: center;
}
.categories_box_in_b:hover {
background: -webkit-gradient(linear, left bottom, left top, from(#716cdf), color-stop(0.5, #f8f8ff), to(#f8f8ff));
}
.categories_box_in_r:hover {
background: -webkit-gradient(linear, left bottom, left top, from(#F5696A), color-stop(0.5, #f8f8ff), to(#f8f8ff));
}
.categories_box_in_g:hover {
background: -webkit-gradient(linear, left bottom, left top, from(#05E91A), color-stop(0.5, #f8f8ff), to(#f8f8ff));
}
.categories_box_in_o:hover {
background: -webkit-gradient(linear, left bottom, left top, from(#F5B95A), color-stop(0.5, #f8f8ff), to(#f8f8ff));
}

.pollbar {
margin: 1px;
font-size: 8px;
line-height: 10px;
height: 10px;
background-image: url('/images/enquete/pollbg.gif');
border: 1px solid #c8c8c8;
}

.icon_bid{
position: absolute;
top: -14px;
left: 9px;
}
.icon_bid_list{
float:left;
clear: both;
margin: 0 5px;
width: 80px;
}

.answer_bidtimes{
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #f18;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 0px 8px;
  position: relative;
  top: -2px;
  white-space: nowrap;
}

.ul_choices{
text-align: left;
line-height: 30px;
margin-bottom: 30px;
}

.ul_choices li{
    margin-bottom: 20px;
  line-height: 21px;
}

.ul_choices li input {
	width:1em;
	height:1em;
	vertical-align:middle;
	margin-bottom:2px;
	display:block;
}
.ul_choices li label {
	display:block;
	margin-top:-20px;
	margin-left:20px;
}