@charset "utf-8";

/*======================================
COMMON ELEMENT
=======================================*/
body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
a{overflow:hidden;outline:none;color:#000000; text-decoration:underline}
a:hover{text-decoration:none}
a:active{text-decoration:none}
a:visited{text-decoration:underline}
input{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important}

/*======================================
FONT SIZE
=======================================*/
.font10{font-size:77%}
.font11{font-size:85%}
.font12{font-size:93%}
.font13{font-size:100%}
.font14{font-size:108%}
.font15{font-size:116%}
.font16{font-size:123.1%}
.font17{font-size:131%}
.font18{font-size:138.5%}
.font19{font-size:146.5%}
.font20{font-size:153.9%}
.font21{font-size:161.6%}
.font22{font-size:167%}
.font23{font-size:174%}
.font24{font-size:182%}
.font25{font-size:189%}
.font26{font-size:197%}

/*======================================
RADIUS
=======================================*/
.radius1{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;behavior:url(/shared/css/PIE.htc)}
.radius2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;behavior:url(/shared/css/PIE.htc)}
.radius3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;behavior:url(/shared/css/PIE.htc)}
.radius4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;behavior:url(/shared/css/PIE.htc)}
.radius5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(/shared/css/PIE.htc)}
.radius6{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;behavior:url(/shared/css/PIE.htc)}
.radius7{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;behavior:url(/shared/css/PIE.htc)}
.radius8{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;behavior:url(/shared/css/PIE.htc)}
.radius9{-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;behavior:url(/shared/css/PIE.htc)}
.radius10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(/shared/css/PIE.htc)}

/*======================================
CLEARFIX
=======================================*/
.clearfix:before,.clearfix:after{content:'';display:block;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/*======================================
COMMON CLASS
=======================================*/
.clear{clear:both}
.bld{font-weight:bold}
.indnt1{text-indent:1em}
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
.red{color:#d51700}
.footer_name{padding-top:5px;font-size:75%}
.content_width{width:960px;margin:0 auto}
.floatleft{float:left}
.floatright{float:right}

/*======================================
MARGIN BOTTOM
=======================================*/
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}

/*======================================
WIDTH
=======================================*/
.w150{width:150px !important}
.w155{width:155px !important}
.w160{width:160px !important}
.w165{width:165px !important}
.w170{width:170px !important}
.w175{width:175px !important}
.w180{width:180px !important}
.w185{width:185px !important}
.w190{width:190px !important}
.w195{width:195px !important}
.w200{width:200px !important}
.w205{width:205px !important}
.w210{width:210px !important}
.w215{width:215px !important}
.w220{width:220px !important}
.w225{width:225px !important}
.w230{width:230px !important}
.w235{width:235px !important}
.w240{width:240px !important}
.w245{width:245px !important}
.w250{width:250px !important}
.w255{width:255px !important}
.w260{width:260px !important}
.w265{width:265px !important}
.w270{width:270px !important}
.w275{width:275px !important}
.w280{width:280px !important}
.w285{width:285px !important}
.w290{width:290px !important}
.w295{width:295px !important}
.w300{width:300px !important}
.w305{width:305px !important}
.w310{width:310px !important}
.w315{width:315px !important}
.w320{width:320px !important}
.w325{width:325px !important}
.w330{width:330px !important}
.w335{width:335px !important}
.w340{width:340px !important}
.w345{width:345px !important}
.w350{width:350px !important}
.w355{width:355px !important}
.w360{width:360px !important}
.w365{width:365px !important}
.w370{width:370px !important}
.w375{width:375px !important}
.w380{width:380px !important}
.w385{width:385px !important}
.w390{width:390px !important}
.w395{width:395px !important}
.w400{width:400px !important}
.w405{width:405px !important}
.w410{width:410px !important}
.w415{width:415px !important}
.w420{width:420px !important}
.w425{width:425px !important}
.w430{width:430px !important}
.w435{width:435px !important}
.w440{width:440px !important}
.w445{width:445px !important}
.w450{width:450px !important}
.w455{width:455px !important}
.w460{width:460px !important}
.w465{width:465px !important}
.w470{width:470px !important}
.w475{width:475px !important}
.w480{width:480px !important}
.w485{width:485px !important}
.w490{width:490px !important}
.w495{width:495px !important}
.w500{width:500px !important}
.w505{width:505px !important}
.w510{width:510px !important}
.w515{width:515px !important}
.w520{width:520px !important}
.w525{width:525px !important}
.w530{width:530px !important}
.w535{width:535px !important}
.w540{width:540px !important}
.w545{width:545px !important}
.w550{width:550px !important}
.w555{width:555px !important}
.w560{width:560px !important}
.w565{width:565px !important}
.w570{width:570px !important}
.w575{width:575px !important}
.w580{width:580px !important}
.w585{width:585px !important}
.w590{width:590px !important}
.w595{width:595px !important}
.w600{width:600px !important}

/*******************************************************************************
* ラッパー
*******************************************************************************/
#wrapper{}

/*******************************************************************************
* 共通ヘッダ
*******************************************************************************/
#wrapper #header{position:relative;margin-bottom:15px}
#wrapper #header #header_line{height:27px;border-bottom:2px solid #000}
#wrapper #header #header_line #header_line_text{font-size:73%;line-height:27px;float:left;width:340px}
#wrapper #header #header_line #header_line_link{float:right;margin-top:8px}
#wrapper #header #header_line #header_line_link a{display:block;width:104px;height:11px}
#wrapper #header #header_line #header_line_link a img{display:block;width:104px;height:11px}
#wrapper #header #header_contents{border-bottom:2px solid #000}
#wrapper #header #header_contents #header_contents_inner{position:relative}
#wrapper #header #header_contents #header_contents_inner #header_site_logo{float:left;width:166px;height:91px}
#wrapper #header #header_contents #header_contents_inner #header_site_logo h1{}
#wrapper #header #header_contents #header_contents_inner #header_site_logo h1 a{}
#wrapper #header #header_contents #header_contents_inner #header_site_logo h1 a img{}
#wrapper #header #header_globalnavi{width:585px;height:58px;overflow:hidden;position:absolute;top:44px;left:212px}
#wrapper #header #header_globalnavi ul{width:585px;height:58px}
#wrapper #header #header_globalnavi ul li{display:block;float:left;height:58px}
#wrapper #header #header_globalnavi ul li a{cursor:pointer;display:block;float:left;width:144px;height:58px;text-indent:-9999px;background-image:url(/shared/images/common/globalnavi.png);background-repeat:none}
#wrapper #header #header_globalnavi ul li.news a{margin-right:3px}
#wrapper #header #header_globalnavi ul li.talk a{margin-right:3px;background-position:438px 0}
#wrapper #header #header_globalnavi ul li.think a{margin-right:3px;background-position:291px 0}
#wrapper #header #header_globalnavi ul li.person a{background-position:144px 0}
#wrapper #header #header_globalnavi ul li.news a:hover, #wrapper #header #header_globalnavi ul li.news a.stay{background-position:585px -58px}
#wrapper #header #header_globalnavi ul li.talk a:hover, #wrapper #header #header_globalnavi ul li.talk a.stay{background-position:438px -58px}
#wrapper #header #header_globalnavi ul li.think a:hover, #wrapper #header #header_globalnavi ul li.think a.stay{background-position:291px -58px}
#wrapper #header #header_globalnavi ul li.person a:hover, #wrapper #header #header_globalnavi ul li.person a.stay{background-position:144px -58px}
#wrapper #header #header_contents #header_contents_inner #header_program_logo{float:right;width:71px;height:69px;padding-top:15px}

/*******************************************************************************
* 重要なお知らせエリア
*******************************************************************************/
#wrapper #contents #information{margin-bottom:15px;padding:15px;border:3px solid red}
#wrapper #contents #information a{display:block;font-size:138.5%;font-weight:bold;margin-bottom:10px}
#wrapper #contents #information p{margin-bottom:10px;line-height:150%}
#wrapper #contents #information span{display:block;text-align:right}

/*******************************************************************************
* パンくず
*******************************************************************************/
#wrapper #contents #breadcrumbs{margin-bottom:15px}
#wrapper #contents #breadcrumbs ul li{font-size:85%;display:inline}
#wrapper #contents #breadcrumbs ul li a{background:url(../images/common/pankuzu_arrow.gif) right 40% no-repeat;padding-right:10px;margin-right:5px}

/*******************************************************************************
* 左カラム
*******************************************************************************/
#wrapper #contents #leftColumn{width:650px;float:left}

/*******************************************************************************
* 右カラム
*******************************************************************************/
#wrapper #rightColumn{width:280px;float:right}
#wrapper #rightColumn #to_person_top{margin-bottom:10px}
#wrapper #rightColumn #to_person_top img{display:block}
#wrapper #rightColumn #post_search{padding:10px;border:2px solid #000;background:#797979}
#wrapper #rightColumn #post_search #post_search_title{margin-bottom:5px;color:#fff;font-size:116%;font-weight:bold}
#wrapper #rightColumn #post_search #post_search_box{border:2px solid #000;background:#000;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;behavior:url(/shared/css/PIE.htc)}
#wrapper #rightColumn #post_search #post_search_box input{float:left;display:block;width:195px;height:19px;line-height:19px;padding:7px 5px;border:none}
#wrapper #rightColumn #post_search #post_search_box a{float:left;display;block;width:47px;height:33px;background:#000 url(/shared/images/common/icon_post_search.png) no-repeat 13px center;text-indent:-9999px}
#wrapper #rightColumn #sidebar_box{width:256px;border:solid 2px #000000;background:#EDEDED;margin:14px 0 10px 0;padding:15px 10px 10px 10px;font-size:93%;line-height:1.5em}
#wrapper #rightColumn #sidebar_box #sidebar_ranking{}
#wrapper #rightColumn #sidebar_box #sidebar_ranking h1{display:block;width:256px;height:19px;text-indent:-9999px;background:url(/shared/images/common/sidebar_ranking_title.gif) no-repeat left top}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul{margin-bottom:24px}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li{background:url(/shared/images/common/r_yonda_border.gif) repeat-x left bottom;display:block;padding:3px 0 4px 0}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li a{display:block}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li a:hover{background:url(/shared/images/common/r_yonda_back.gif) repeat}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li a:active{background:url(/shared/images/common/r_yonda_back.gif) repeat}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li a:visited{background:none}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li a span{display:block;width:207px;padding:10px 10px 10px 45px}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li a span img{position:relative;top:2px;margin-right:3px}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li.ranking_1 a span{background:url(/shared/images/common/ranking_1.png) no-repeat 8px 11px}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li.ranking_2 a span{background:url(/shared/images/common/ranking_2.png) no-repeat 8px 11px}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li.ranking_3 a span{background:url(/shared/images/common/ranking_3.png) no-repeat 8px 11px}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li.ranking_4 a span{background:url(/shared/images/common/ranking_4.png) no-repeat 13px 11px}
#wrapper #rightColumn #sidebar_box #sidebar_ranking ul li.ranking_5 a span{background:url(/shared/images/common/ranking_5.png) no-repeat 13px 11px}
#wrapper #rightColumn #sidebar_box .sidebar_postlist{margin-bottom:20px}
#wrapper #rightColumn #sidebar_box .sidebar_postlist h1{display:block;width:254px;height:31px;text-indent:-9999px;background-repeat:none;background-position:left top;margin-bottom:13px}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post{margin-bottom:10px;padding-left:12px;background:url(/shared/images/common/r_news_arrow.gif) no-repeat left 4px}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post .title{margin-bottom:4px}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post .title h2{display:inline}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post .title h2 a{}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post .title .date{}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post .title .new{display:inline-block;background:url(/shared/images/common/r_news_icn_new.gif) no-repeat left 3px;width:30px;height:18px;text-indent:-9999px}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post .icons{}
#wrapper #rightColumn #sidebar_box .sidebar_postlist .sidebar_post .icons img{margin-right:5px}
#wrapper #rightColumn #sidebar_box #sidebar_postlist_news h1{background-image:url(/shared/images/common/sidebar_postlist_news_title.gif)}
#wrapper #rightColumn #sidebar_box #sidebar_postlist_talk h1{background-image:url(/shared/images/common/sidebar_postlist_talk_title.gif)}
#wrapper #rightColumn #sidebar_box #sidebar_postlist_think h1{background-image:url(/shared/images/common/sidebar_postlist_think_title.gif)}

/*******************************************************************************
* PAGETOP
*******************************************************************************/
#wrapper .pagetop{text-align: right;clear:both}
#wrapper .pagetop a{background: url("/shared/images/common/ftr_btn_pagetop.gif") no-repeat scroll 0 0 transparent;clear: both;display: block;height: 35px;line-height: 80px;margin: 0 0 0 auto;overflow: hidden;width: 280px}
#wrapper .pagetop a:hover{background-position:0 -35px}

/*******************************************************************************
* 共通フッタ
*******************************************************************************/
#footer{}
#footer #ftr_logo{background:url(/shared/images/common/ftr_logo_nhkpub.gif) left top no-repeat;text-indent:-9999px;height:19px}
#footer #ftr_contents_wrapper{border-top:2px solid #000000}
#footer #ftr_contents_wrapper #ftr_contents{width:960px; margin:0 auto; font-size:88%;padding: 10px 0; position:relative}
#footer #ftr_contents_wrapper #ftr_contents ul li{float:left; margin-right:13px}
#footer #ftr_contents_wrapper #ftr_contents .ftr_upside_row{margin-bottom:5px}
#footer #ftr_contents_wrapper #ftr_contents .ftr_right{ width:212px; position:absolute; top:10px; right:0; text-align:right}
#footer #ftr_contents_wrapper #ftr_contents .ftr_right .group_link{width:212px;margin-bottom:5px}
#footer #ftr_contents_wrapper #ftr_contents .ftr_right .group_link a{display:block;float:right}
#footer #ftr_contents_wrapper #ftr_contents .ftr_right .group_link a.n_online{width:101px}