@charset "utf-8";

/* CSS Document */



body,table,input,textarea,select {font-family: "メイリオ",Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif;}

body { text-align:center; color:#232323; font-size:87.5%; line-height: 1.5; min-width:850px; background:#f9f9f9; border-top:5px solid #ff8700;}

a{ color:#fe8405; text-decoration:none;}

a:hover{ text-decoration:underline;}



body a.smallBox,

body a.smallBox:hover { color:#232323 !important; text-decoration:none;border:2px solid #f9f9f9; }



body a.smallBox:hover,

body a.smallBox:active { border:2px solid #fe8405; }



/*=====common=====*/

.clearfix:before,

.clearfix:after { content:""; display:table; }

.clearfix:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */

.clearfix { zoom:1; }

/*=====/common=====*/



#wrapper{ padding:30px 0; width:800px; margin:0 auto; text-align:left;}

#wrapper .lead{ margin:30px 10px; color:#636363;}



.box{ background:#ffffff; padding:15px; margin:30px 0 5px; text-align:left; }

.box h2{ background:#ececec; padding:10px; margin:0 0 5px;}

.box .stcbarGrp span {display:inline-block; }

#cboxLoadedContent .box { margin:0; }

#cboxLoadedContent .box h2 { margin:0; }

.box h2 .q{ display:inline-block; background:#ff8604; color:#ffffff; font-weight:bold; padding:4px 9px; border-radius:50%; float:left; margin-right:10px;}

.box h2 .t{ display:block; overflow:hidden; padding-top:4px;}

.box .total_num { text-align:right; color:#666; font-size:92%; margin-bottom:6px; margin-top:5px; }

.box table.barGrp{ width:100%;}

.box table.barGrp th,.box table.barGrp td{ padding-bottom:15px;}

.box table.barGrp th{ width:35%; text-align:right; padding-right:10px;}

.box table.barGrp td{ color:#a9a9a9;}

.box table.barGrp td span{ display:inline-block; height:1em; vertical-align:middle; margin-right:5px;}

.box .stcbarGrp {margin-bottom:20px; padding: 0 50px;}

.box .imgR{ float:right;}

.box .info{ overflow:hidden; padding: 0 50px;}

.box ol.alpha{ margin:10px 0 0 30px; list-style-type:upper-alpha;}

.box ol.alpha li{ margin-bottom:7px; font-weight:bold;}

.box table.infoTbl td{ vertical-align:top; padding-bottom:10px;}

.box table.infoTbl td.icon{ padding-right:7px;}

.box table.infoTbl td.icon span{ display:inline-block; height:1.4em; width:20px;}

/*.box table.infoTbl td.value strong{ display:block;}*/

.box table.infoTbl td.value span{ color:#565656;}

.ptop{ text-align:right; font-size:85.7%; font-weight:bold; clear:both;}

.banner{ margin-top:40px; text-align:center;}

.banner table{ margin:0 auto; text-align:left;}

.banner table td{padding:0 10px;}

.banner p{ margin:2px 0 5px;}

.banner a.link{ display:inline-block; background:url(../images/link.gif) 0 0.2em no-repeat; padding-left:18px; color:#000000;}



.smallBox { width:230px; display:block; float:left; background:#ffffff; padding:15px; margin:8px 4px 8px 0; text-align:left; }

.smallBox.r { margin-right:0; }



.smallBox .box { }

.smallBox:nth-child(3n+3) { margin-right:0; }

.smallBox h2{ background:transparent; padding:0; margin:0 0 5px;}

.smallBox h2 .q{ display:block; background:#ff8604; color:#ffffff; font-weight:bold; padding:4px 9px; border-radius:50%; float:left; clear:right; }

.smallBox h2 .t{ display:block; clear:both;min-height:3em;}



.explaincharacter {

	float:left;

	margin-right:-4px;

	margin-left:4px;

	z-index:2;

	margin-top:20px;

	position: relative;

}



.explainspeech  {

	float: left;

	border: #ff8601 solid 2px;

	padding: 35px 20px;

	width: 550px;

	font-size: 85%;

	margin: 10px 0 10px 0;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

}



.replycharacter {

	z-index: 2;

	margin-top: 15px;

	position: relative;

	right: 9px;

	display:inline;

}



.replyspeech  {

	float: left;

	border: #ff8601 solid 2px;

	padding: 35px 20px;

	width: 540px;

	font-size: 85%;

	margin: 10px 0px 10px 10px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	min-height: 40px;

}



.cf:before,

.cf:after {

    content: " "; 

    display: table; 

}



.cf:after {

    clear: both;

}



.cf {

    *zoom: 1;

}



.twitter-share-button {

float:right;

}



section.box.id_7 table.barGrp th {

	width: 28%;

}



section.box.id_8 table.barGrp th {

	width: 29%;

}



section.box.id_25 table.barGrp th {

	width: 30%;

}



section.box.id_27 table.barGrp th {

	width: 30%;

}



.headerlink {

height: 45px;

width: 140px;

display: block;

position: absolute;

right: 0;

}



.header {

	position:relative;

}









/* opacty hover */

a.hoverWh{ display: inline-block; background:#ffffff;}

a.hoverWh:hover img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

#description {width: 535px;
float: left;
padding-right: 20px;
font-size: 0.9em;
}
#poll {
	display: inline-block;width: 220px;background: white;padding: 0 10px 10px;border:2px solid #ff8302;margin-top: 25px; font-size:90%;
}
#poll .title {background: #ff8302;
color: white;
font-weight: bold;
text-align: center;
padding: 4px;
width: 232px;
position: relative;
right: 10px;
margin-bottom: 10px;
}
label {
margin-bottom: 5px;
}
#poll .vote_title { border-bottom:1px dotted #999; padding-bottom:8px; font-weight:bold; color:#646464; margin-bottom:10px; padding-top:5px; }
#poll .vote_title .q{ display:inline-block; background:#ff8604; color:#ffffff; font-weight:bold; width:30px; line-height:30px; text-align:center; border-radius:50%; float:left; margin-right:10px; margin-top:-5px;}
#poll .vote_title .t{}
#poll .view_result {float:right;}
#poll .view_result a { color:#ff8302;}
#poll .view_result a:hover { color:#ff8302 !important; text-decoration:underline !important;}
#poll .submit_btn { float:left; }
#poll .submit_btn input[type=submit] { background:#ff8302; color:#fff; border:none;}
#poll .choose_area { margin-bottom:8px;color: #574f4b; }
#poll .choose_area label { display:block; }
#poll input[type=radio], #poll input[type=checkbox] { vertical-align:middle; position:relative; top:-2px;top:0\9; margin: 0 8px 2px 0;*margin-right:3px;margin-right: 0\9; border:none; }
#poll img.loading { display:block; margin: auto;}
.view_result {display:none;}