@charset "utf-8";
*{margin:0;padding:0;}
h2.subttl {padding:8px 0 0 40px;font-size:16px;}
h2.ttl {padding:7px 0 0 36px;font-size:16px;}
h3 {font-size:18px;}
h3.answer {font-size:12px; font-weight:normal; line-height:150%;}
h3.qa {padding:3px 0 0 5px;font-size:14px;font-weight:normal;}
.ok_area_r-inner h3 {font-size:14px;}
h4.todayok_ttl { font-size:14px; padding-bottom:5px;}
h4 {font-size:12px;}
.clr_q, .clr_q a:link, .clr_q a:visited, .clr_q a:hover, .clr_q a:active {color:#FF9900;}
.clr_a, .clr_a a:link, .clr_a a:visited, .clr_a a:hover, .clr_a a:active {color:#0072E3;}
.clr_thanks, .clr_thanks a:link, .clr_thanks a:visited, .clr_thanks a:hover, .clr_thanks a:active{color:#ED1433;}
/*-------------links-------------------*/
.gry a:link, .gry a:visited, .clr_q a:link, .clr_q a:visited, .clr_a a:link, .clr_a a:visited{text-decoration:none;}
.gry a:hover, .gry a:active, .clr_q a:hover, .clr_q a:active, .clr_a a:hover, .clr_a a:active{text-decoration:underline;}
.gry a:link, .gry a:visited, .gry a:hover, .gry a:active, .on_gry a:link, .on_gry a:visited, .on_gry a:hover, .on_gry a:active {color:#333;}
.on_btndefault a:link, .on_btndefault a:visited, .on_btndefault a:hover, .on_btndefault a:active{color:#FFF;font-size:14px}
.on_btndefault a:link, .on_btndefault a:visited, .on_btndefault a:hover, .on_btndefault a:active{padding:5px 0 0 10px;}
.on_Qbtndefault a:link, .on_Qbtndefault a:visited, .on_Qbtndefault a:hover, .on_btndefault a:active{color:#FFF;font-size:14px}
.on_Qbtndefault a:link, .on_Qbtndefault a:visited, .on_Qbtndefault a:hover, .on_btndefault a:active{padding:3px 0 0 10px;}
/* layout */
#wrapper {margin:0 auto;width:930px;}
#main {margin:0 0 25px 0;}


/*right*/
#sub {width:300px;}
.subr {margin-bottom:10px;}
.subr_top {background:url(../images/common/sprites_top.png) no-repeat 0px 0px;}
.subr_mid {padding:0 10px; border-left:1px solid #B0BEC7; border-right:1px solid #B0BEC7;}
.subr_btm {background:url(../images/common/sprites_top.png) no-repeat 0px -11px;}
.subr_cate_top {background:url(../images/common/sprites_top.png) no-repeat 0px -26px;}
.subr_cate_mid {border-left:1px solid #B0BEC7; border-right:1px solid #B0BEC7; background:#F1FCF2;}
.subr_cate_ttl {padding:0 10px;}
.subr_cate_btm {background:url(../images/common/sprites_top.png) no-repeat 0px -37px;}
.subr_top, .subr_btm, .subr_cate_top, .subr_cate_btm {height:10px;}
/*右カラム_カテゴリー*/
.ok_r_top_cate {background:url(../images/common/sprites.png) no-repeat -620px -194px;}
.ok_r_btm_cate {background:url(../images/common/sprites.png) no-repeat -620px -209px;}
#category { padding-top:10px;}
#category li {width:298px;}
/*大カテ*/
#category li.ok_cate_link a:link, #category li.ok_cate_link a:visited
{display:block; border-top:2px solid #F1FCF2;border-bottom:2px solid #F1FCF2; padding:3px 0;}
#category li.ok_cate_link a:hover, #category li.ok_cate_link a:active
{display:block;background:#D0F7D5;border-top:2px solid #D0F7D5;border-bottom:2px solid #D0F7D5; padding:3px 0;}
#category li.active {padding:3px 0;display:block;background:#FFF;border-top:2px solid #2DA83A;border-bottom:2px solid #2DA83A;}
#category .ico_ovr_mrg {margin-top:5px;}
.category_r_list { margin-right:10px;}
/*中カテ*/
#category li.s_cate a:link, #category li.s_cate a:visited
{display:block;padding:3px 0;border-top:2px solid #F1FCF2;border-bottom:2px solid #F1FCF2;}
#category li.s_cate a:hover, #category li.s_cate a:active
{display:block;border-top:2px solid #D0F7D5;border-bottom:2px solid #D0F7D5;background:#D0F7D5;padding:3px 0;}
#category li.s_active {padding:3px 0;display:block;block;background:#FFF;border-top:2px solid #2DA83A;border-bottom:2px solid #2DA83A;}
.ico_category_list_mar { margin-top:0px;}
/*小カテ*/
#category li.ss_cate a:link, #category li.ss_cate a:visited { display:block;padding:3px 10px 3px 62px; width:226px;border-top:2px solid #F1FCF2;border-bottom:2px solid #F1FCF2;}
*html #category li.ss_cate a:link, #category li.ss_cate a:visited {padding:3px 10px 3px 65px;width:223px;}/*IE6hack*/
#category li.ss_cate a:hover, #category li.ss_cate a:active { display:block;padding:3px 10px 3px 62px; width:226px;border-top:2px solid #D0F7D5;border-bottom:2px solid #D0F7D5; background:#D0F7D5;}
*html #category li.ss_cate a:hover, #category li.ss_cate a:active {padding:3px 10px 3px 65px;width:223px;}/*IE6hack*/
#category li.ss_active{padding:3px 10px 3px 62px; width:226px; background:#FFF;border-top:2px solid #2DA83A;border-bottom:2px solid #2DA83A;}
*html #category li.ss_active {padding:3px 10px 3px 65px;width:223px;}/*IE6hack*/
/*todayOK*/
#subr_todayok_ttl { width:200px;}
#subr_todayok_mid { margin-top:10px;}
#calendar {background:url(../images/common/sprites.png) no-repeat -1487px 0; width:81px; height:50px; margin-right:10px; text-align:center; padding-top:30px; font-size:18px; color:#FFF;}

/*left*/
.division {width:620px; margin-bottom:10px;}
.diviBox_l, .diviBox_r { width:305px;}
.divi_btm, .pickup_btm {height:10px;}
.divi_mid { border-left:1px solid #CCC; border-right:1px solid #CCC;padding:0 10px; height:75px;}
.divi_btm {background:url(../images/common/sprites_top.png) no-repeat 0 -52px;}
.divi_top{ background:url(../images/top/bg_contents_top.gif) left bottom no-repeat; width:305px; height:32px;}
.divi_top span{font-size:14px; padding:1px 0 0 3px; font-weight: bold;}
.divi_top strong{font-size:14px; padding:1px 0 0 3px; font-weight: bold;}
.divi_top .top_q {background:url(../images/top/bg_contents_top_q.gif) left top no-repeat; width:295px; padding:8px 0 0 10px;}
.divi_top .top_a {background:url(../images/top/bg_contents_top_a.gif) left top no-repeat; width:295px; padding:8px 0 0 10px;}
.divi_top .top_t {background:url(../images/top/bg_contents_top_t.gif) left top no-repeat; width:295px; padding:8px 0 0 10px;}
.divi_top .top_r {background:url(../images/top/bg_contents_top_r.gif) left top no-repeat; width:295px; padding:8px 0 0 10px;}

.divi_ttl_r {float:right;padding:0 10px 0 0; font-weight:normal; font-size:12px;}
.divi_ttl_r strong { font-size:14px; padding-right:5px;}

.divi_mid_q { width:283px; padding-top:10px;}
.divi_mid_t  {width:283px; padding-top:10px;}
.divi_mid_q_read {border:1px solid #CCC; background:#FFC; width:275px; height:26px; padding:2px 0 2px 5px; margin:0 0 2px 0;font-size:12px; line-height:160%; font-weight:normal; overflowY:hidden}
.divi_mid_r { width:283px; padding-top:2px; margin:0 auto;}
.divi_mid_a{ width:283px; padding:10px 0 0; }
.divi_mid_a_tex {float:right; width:210px;}
.divi_mid_a_tex p {padding-top:5px;}
.btn_r {float:right; margin-top:10px;}
.mid_rcate { padding-top:10px;}
.mid_tex { float:right; width:190px;}
.thanks_blow {float: right;width: 210px;}
.thanks_tex {padding-top: 5px;}
.thanks_av {border:1px solid #CCC;}

/*特集枠*/
#play {width: 620px; position: relative; margin:0 0 10px 0; }
#play .content { width:620px; position:relative; }

#play .big_pic { width: 510px; height: 197px; background: url(../images/play/loading.gif) no-repeat center center; margin-left:110px; /*border: 1px solid #ccc;*/ position: relative; overflow: hidden; }
#play .big_pic ul { width: 510px; position: absolute; top: 0; left: 0; z-index:0; }
#play .big_pic li { width: 510px; height: 197px; float: left; }
#play .big_pic li img { width: 510px; height: 197px; float: left; }

#play .wrap { width: 125px; height: 197px; overflow: hidden; position: absolute; top:0; left:0; z-index:10; }
#play .wrap ul { margin-top:1px}
#play .wrap li { float: left; width: 125px; height: 35px; cursor: pointer;background: url(../images/btn_off.gif) no-repeat; margin:2px 0; position:relative;}
#play h3 { text-align: left; font-weight: normal; line-height: 13px; font-size: 12px; padding:0 5px; display:table-cell; vertical-align:middle; height:35px; }

/*IE縦位置調整*/
* html #play h3  {position: absolute; top: 50%; height:auto;}  
*+html #play h3  {position: absolute; top: 50%; height:auto;}  
* html #play h3 span {position: relative; top: -50%; height:auto;}  
*+html #play h3 span {position: relative; top: -50%; height:auto;} 
/*IE縦位置調整ココマデ*/

#play .wrap .active {background: url(../images/play_active.png) no-repeat;
					_background: url(../images/play_active.gif) no-repeat;}
#play .wrap .active h3 { color: #333; font-weight: bold; }
#play .wrap .normal h3 { color: #666; }

/*poin ranking*/
.ok_prank_l{ width:91px; margin-right:5px; text-align:center;}
.ok_prank_r {width:91px; text-align:center;}

.ok_prank_l .usr_pranking_1 a,
.ok_prank_l .usr_pranking_2 a,
.ok_prank_r .usr_pranking_3 a{ padding:5px 2px 0; vertical-align: middle; display:block;}
.ok_prank_l .usr_pranking_1{ width:91px; height:30px; background:url(../images/top/usr_pranking_1.gif) repeat-x left bottom;}
.ok_prank_l .usr_pranking_2{ width:91px; height:30px; background:url(../images/top/usr_pranking_2.gif) repeat-x left bottom;}
.ok_prank_r .usr_pranking_3{ width:91px; height:30px; background:url(../images/top/usr_pranking_3.gif) repeat-x left bottom;}

.ok_prank1_bor {background:url(../images/common/sprites.png) no-repeat -940px -80px; width:68px; height:64px; padding:4px 0 0; margin:0 auto;}
.ok_prank2_bor {background:url(../images/common/sprites.png) no-repeat -1013px -80px; width:68px; height:64px;padding:4px 0 0; margin:0 auto;}
.ok_prank3_bor {background:url(../images/common/sprites.png) no-repeat -1086px -80px; width:68px; height:64px;padding:4px 0 0;margin:0 auto;}
.ok_prank_l p, .ok_prank_r p {word-wrap:break-word; line-height:1.0;}

/*pageing*/
.pageing {float:right;}
.pageing_next, .pageing_next a:hover, .pageing_next a, .pageing_back, .pageing_back a:hover, .pageing_back a  {display:block; overflow:hidden; width:18px; height:18px; float:left; text-indent:-1000px;}
.pageing_next, .pageing_next a:hover {background:url(../images/common/sprites_top.png) no-repeat -249px -87px; }
.pageing_next a {background:url(../images/common/sprites_top.png) no-repeat -67px -222px;}
.pageing_back, .pageing_back a:hover {background:url(../images/common/sprites_top.png) no-repeat -228px -87px; margin-right:5px;}
.pageing_back a {background:url(../images/common/sprites_top.png) no-repeat -228px -67px; margin-right:5px;}
/*QA一覧*/
ul#top_tab {height:35px;}
ul#top_tab li{font-weight: bold}
ul#top_tab li {font-size:14px;}
ul#top_tab li.tab {margin-right:1px;}
.tab_q, .tab_q a, .tab_q a:hover {width:155px; height:35px;}
.tab_q_nomal, .tab_q_nomal a, .tab_q_nomal a:hover {width:155px; height:35px;}
.tab_q, .tab_q a:hover {background:url(../images/common/sprites_btn.png) no-repeat -222px -675px;}
.tab_q a {background:url(../images/common/sprites_btn.png) no-repeat -222px -712px;background-color:#FFF;}
.tab_q_nomal, .tab_q_nomal a:hover {background:url(../images/common/sprites_btn.png) no-repeat -0px -635px;}
.tab_q_nomal a {background:url(../images/common/sprites_btn.png) no-repeat -649px -590px; background-color:#FFF;}
.ico_cate_list { margin-top:5px;}
p.qa_list_non {padding:10px;}

.tab_tq_rightOn {background:url(../images/common/tabquestr_on.gif) right top no-repeat; padding:9px 20px 8px; display:block;}
.tab_tq_rightOff {background:url(../images/common/tabquestr_off.gif) right top no-repeat;display:block; padding:6px 20px 6px; }
a.tabqleftOff:hover .tab_tq_rightOff {background:url(../images/common/tabquestr_on.gif) right top no-repeat; padding:9px 20px 8px; display:block;}
/*.ico_login_s,*/
.ico_login_s, .ico_c214_s, .ico_c206_s, .ico_c207_s, .ico_c208_s, .ico_c213_s, .ico_c210_s, .ico_c212_s, .ico_c209_s, .ico_c932_s, .ico_c205_s, .ico_c211_s, .ico_c714_s, .ico_c713_s, .ico_c517_s, .ico_c725_s, .ico_c700000_s ,.ico_c10000_s, .ico_c999_s{width:22px; height:22px; margin-left:13px;}
.ico_login_s {background:url(../images/common/sprites_icon.gif) no-repeat -225px -25px;}
.ico_c214_s {background:url(../images/common/sprites_icon.gif) no-repeat 0px -50px;}
.ico_c206_s {background:url(../images/common/sprites_icon.gif) no-repeat -25px -50px;}
.ico_c207_s {background:url(../images/common/sprites_icon.gif) no-repeat -50px -50px;}
.ico_c208_s {background:url(../images/common/sprites_icon.gif) no-repeat -75px -50px;}
.ico_c213_s {background:url(../images/common/sprites_icon.gif) no-repeat -250px -50px;}
.ico_c210_s {background:url(../images/common/sprites_icon.gif) no-repeat -225px -50px;}
.ico_c212_s {background:url(../images/common/sprites_icon.gif) no-repeat -200px -50px;}
.ico_c209_s {background:url(../images/common/sprites_icon.gif) no-repeat -175px -50px;}
.ico_c932_s {background:url(../images/common/sprites_icon.gif) no-repeat -150px -50px;}
.ico_c205_s {background:url(../images/common/sprites_icon.gif) no-repeat -125px -50px;}
.ico_c211_s {background:url(../images/common/sprites_icon.gif) no-repeat -100px -50px;}
.ico_c714_s {background:url(../images/common/sprites_icon.gif) no-repeat -505px -25px;}
.ico_c713_s {background:url(../images/common/sprites_icon.gif) no-repeat -411px -50px;}
.ico_c517_s {background:url(../images/common/sprites_icon.gif) no-repeat -388px -50px;}
.ico_c725_s {background:url(../images/common/sprites_icon.gif) no-repeat -433px -50px;}
.ico_c999_s {background:url(../images/common/sprites_icon.gif) no-repeat -630px -49px;}
.ico_category_m, .ico_beginner_m {width:26px; height:26px; float:left;}
.ico_category_m {background:url(../images/common/sprites_icon.gif) no-repeat -150px -85px;}
.ico_beginner_m{ background:url(../images/common/sprites_icon.gif) no-repeat -481px -120px;}
.ico_rank_best {background:url(../images/common/sprites_icon.gif) no-repeat 0px -231px; width:40px; height:40px;}
.ico_q_level_01_s, .ico_q_level_02_s, .ico_q_level_03_s {width:24px; height:24px;}
.ico_q_level_01_s {background:url(../images/common/sprites_icon.gif) no-repeat -142px -287px;}
.ico_q_level_02_s {background:url(../images/common/sprites_icon.gif) no-repeat -168px -287px;}
.ico_q_level_03_s {background:url(../images/common/sprites_icon.gif) no-repeat -195px -287px;}
.ico_best_s {background:url(../images/common/sprites_icon.gif) no-repeat -150px -25px;}
.ico_category_list {background:url(../images/common/sprites_icon.gif) no-repeat -400px -330px; width:15px; height:13px;margin:5px 0 6px 35px;}
.ico_question_s {background:url(../images/common/sprites_icon.gif) no-repeat 0px -25px;}
.ico_guide_s {background:url(../images/common/sprites_icon.gif) no-repeat -607px -50px;}
.ico_pr_s {background:url(../images/common/sprites_icon.gif) no-repeat -656px -50px;}
.ico_answer_s {background:url(../images/common/sprites_icon.gif) no-repeat -25px -25px;}
.ico_thanks_s {background:url(../images/common/sprites_icon.gif) no-repeat -730px -25px;}
.ico_rank_best_s {background:url(../images/common/sprites_icon.gif) no-repeat -150px -25px;}
.ico_question_s, .ico_guide_s, .ico_answer_s, .ico_thanks_s, .ico_rank_best_s {width:22px; height:22px;}
.ico_pr_s {width:27px; height:20px;}
.ico_movie_m, .ico_photo_m, .ico_voice_m {width:26px; height:26px;}
.ico_movie_m {background:url(../images/common/sprites_icon.gif) no-repeat -450px -120px;}
.ico_photo_m {background:url(../images/common/sprites_icon.gif) no-repeat -390px -120px;}
.ico_voice_m {background:url(../images/common/sprites_icon.gif) no-repeat -420px -120px;}
.ico_category_xs, .ico_login_s, .ico_c214_s, .ico_c206_s, .ico_c207_s, .ico_c208_s, .ico_c213_s, .ico_c210_s, .ico_c212_s, .ico_c209_s, .ico_c932_s, .ico_c205_s, .ico_c211_s, .ico_c714_s, .ico_c713_s, .ico_c517_s, .ico_c725_s, .ico_rank_best, .ico_q_level_01_s, .ico_q_level_02_s, .ico_q_level_03_s, .ico_category_list, .ico_question_s, .ico_guide_s,.ico_pr_s, .ico_answer_s, .ico_thanks_s, .ico_rank_best_s, .ico_movie_m, .ico_photo_m, .ico_voice_m,  .ico_c999_s {float:left;}
.ico_best_s, .ico_nom2_s, .ico_nom3_s{width:22px; height:22px; margin-right:3px; float:left;}
/*** IconA ****/
.icon_answer_accept, .icon_answer_close, .icon_answer_solution  { width:52px; height:25px;}
.icon_answer_accept {background:url(../images/common/sprites_icon.gif) no-repeat -270px -330px;}
.icon_answer_close {background:url(../images/common/sprites_icon.gif) no-repeat -270px -532px;}
.icon_answer_solution{background:url(../images/common/sprites_icon.gif) no-repeat -270px -364px;}
/*btn*/
.btn_q, .btn_q a:hover {background:url(../images/common/sprites_btn.png) no-repeat 0px -703px;}
.btn_q a {background:url(../images/common/sprites_btn.png) no-repeat 0px -675px;}
.btn_register, .btn_register a:hover {background:url(../images/common/sprites_btn.png) no-repeat -250px -185px; }
.btn_register a {background:url(../images/common/sprites_btn.png) no-repeat -250px -152px;}
.btn_more, .btn_more a:hover { background:url(../images/common/sprites_btn.png) no-repeat -601px -32px;}
.btn_more a {background:url(../images/common/sprites_btn.png) no-repeat -601px 0px;}
.btn_q, .btn_q a:hover , .btn_q a {display:block; overflow:hidden; width:101px; height:25px;}
.btn_register, .btn_register a:hover, .btn_register a, .btn_more, .btn_more a:hover , .btn_more a{width:130px; height:30px;display:block; overflow:hidden;}
.btn_register, .btn_q {margin-top:5px;}

.av {border:1px solid #CCC;}
.flo_l {float:left;}
.flo_r {float:right;}
.tex_c {text-align:center;}
.ico_movie_m strong, .ico_photo_m strong, .ico_voice_m strong, .icon_answer_accept span, .icon_answer_close span {display: none;}
.btn_q_s, .btn_q_s a, .btn_rg_s, .btn_rg_s a, .tab_q, .tab_q a, .tab_q a:hover, .tab_q_nomal, .tab_q_nomal a, .tab_q_nomal a:hover{display:block; overflow:hidden;}
.mid_rcate {clear:both;}
.fo_wei_b{font-weight: bold;}


/*-------------clearfix-------------------*/
.clearfix:after {content: ".";display: block;visibility: hidden; font-size: 0.1em;line-height: 0;   height: 0;clear: both;visibility: hidden;}
*+html .clearfix {height:1%;}
* html .clearfix {height: 1%;}