@charset "UTF-8";
/* CSS Document */


/* ## */
body{font-family:sans-serif;font-size:14px;background-image:url(../image/background.png);margin:0;padding:0;-webkit-text-size-adjust:100%;}
a,a:hover,a:visited,a:link,a:focus{text-decoration:none;}
p{margin:0;padding:0;}
.no_wrap{white-space: nowrap;display:inline-block;}
em{font-style:normal;}
.clear:before, .clear:after {content:"";display:table;}
.clear:after {clear:both;}
h1,h2,h3{margin:0;}
img{margin:0;border:none;}
/* header */
.header{width:100%;background-color:#1EC8FA;}
#header_inner{height:40px;width:310px;margin:0 auto;}
#header_logo{float:left;height:40px;width:180px;}
#header_logo a{height:40px;display:block;white-space:nowrap;overflow:hidden;text-indent:100%;background-image:url(../image/sp_nhk.png);background-repeat:no-repeat;background-position:10px center;background-size:contain;width:100%;}
#header_link{float:right;height:40px;width:35px;padding-right:10px;position:relative;}
#sp_btn{border:1px solid #CCC;margin-top:4px;text-align:center;background-color:#EEE;border-radius:5px;cursor:pointer;height:30px;line-height:30px;display:block;color:#999;position:relative;}

#reorder{background-image:url(../image/reorder.png);background-repeat:no-repeat;height:14px;width:18px;display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}

/* menu */
#select_menu,#menu{display:none;}

#sp_menu{list-style-type:none;background:#FFF;overflow:hidden;border-radius:5px;font-size:14px;border:1px solid #CCC;margin:0;padding:0;width:150px;z-index:10;position:absolute;right:5px;top:35px;display:none;}
#sp_menu ul{width:150px;text-align:left;float:left;list-style-type:none;margin:0;padding:0;}
#sp_menu ul li{width:100%;height:40px;line-height:40px;display:block;text-align:center;float:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EEE;color:#333;margin:0;padding:0;cursor:pointer;}
#sp_menu ul li:hover{background:#EFF;}

/* footer */
footer{width:100%;background-image:url(../image/footer.png);background-repeat:repeat-x;padding-bottom:180px;background-size:
auto 120px;background-position:center bottom;overflow:hidden;}
#footer_inner{width:310px;margin:0 auto;position:relative;}

/* #nhk_footer{width:100%;margin:20px auto 0;} */
#page_top{height:30px;line-height:30px;text-align:center !important;display:block;margin:10px 0 0;}
#page_top a{display:inline-block;width:auto;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;color:#fff;background-color:#000;border-radius:5px;font-weight:700;}
#page_top a:hover{opacity:0.7;}

#nhk_link,#reprint{padding:5px;text-align:left;font-size:12px;line-height:18px;margin:0 auto;display:block;color:#555;}
#nhk_link a{text-decoration:none;color:#555;margin:0;}
#nhk_link a:hover{color:#000;}
#copyright{display:table;margin:0 auto;}
#nhk_logo{width:80px;}
#nhk_logo img{width:100%;margin:5px 0 0;}
.cell{display:table-cell;text-align:left;vertical-align:middle;padding:0 5px;font-size:12px;color:#555;line-height:18px;*display:inline;*zoom:1;*float:left;}
#car_img em,#tree_img1 em,#tree_img2 em{display:none;}

#car_img{height:125px;width:180px;position:absolute;right:-20px;bottom:-150px;background-image:url(../image/car.gif);background-repeat:no-repeat;background-size:contain;}
#tree_img1{height:90px;width:180px;position:absolute;background-image:url(../image/tree1.png);background-repeat:no-repeat;background-position:0 0;left:0px;bottom:-100px;background-size:contain;}

/* 480px and up */
@media (min-width:  480px) {
#header_inner,#footer_inner{width:460px;}
#nhk_link,#reprint,#copyright{width:360px;}

#car_img{height:125px;width:290px;left:250px;bottom:-140px;}
#tree_img1{height:100px;width:200px;left:0px;bottom:-120px;}

}

/* 750px and up( S ) */
@media (min-width:  750px) {
body{font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",sans-serif;}
#header_inner,#footer_inner{width:740px;}
.header{height:50px;}
#header_inner{height:50px;}
#header_link{height:35px;width:auto;padding-top:8px;}
#header_logo{height:50px;width:200px;}
#header_logo a{height:46px;width:200px;margin:2px 0}
#sp_btn{display:none;}
#sp_menu{display:none;}

/*======================================================================
  menu 
======================================================================*/

#select_menu{display:block;height:30px;width:250px;position:relative;background:#FFF;cursor:pointer;border-radius:5px;}
#select_menu .label{display:block;font-size:14px;color:#1EC8FA;font-weight:700;text-align:left;text-indent:25px;line-height:30px;}
#select_menu .button{display:block;position:absolute;right:0;top:0;width:30px;height:30px;color:#1EC8FA;text-align:center;line-height:30px;border-left-width:1px;border-left-style:solid;border-left-color:#1EC8FA;}
#menu{width:250px;list-style-type:none;cursor:pointer;background:#FFF;overflow:hidden;border-radius:5px;font-size:14px;margin:0;padding:0;z-index:10;display:none;overflow:hidden;border:1px solid #CCC;position:absolute;left:0px;top:45px;}

.caret_down{background-image:url(../image/caret-down.png);background-repeat:no-repeat;height:9px;width:14px;display:block;	position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}

#menu ul{width:250px;text-align:left;float:left;list-style-type:none;padding:0;margin:0;z-index:1;}
#menu ul li{width:100%;height:30px;line-height:30px;display:block;text-align:center;float:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EEE;color:#333;padding:0;margin:0;}
#menu ul li:hover{background:#EFF;}

/* footer */
footer{width:100%;background-image:url(../image/footer.png);background-repeat:repeat-x;background-size:auto;background-position:center bottom;padding-bottom:0;}

/* #nhk_footer{margin:10px auto 0;} */
#reprint{padding:0;width:100%;}

#page_top em{display:none;}
#page_top{width:100%;height:45px;padding:0;float:none;margin: 5px 0;}
#page_top a{width:220px;margin:0 auto;background-image:url(../image/page_top.png);background-repeat:no-repeat;height:45px;display:block;border-radius:0;background-color:inherit;padding:0;background-size:contain;}
#nhk_link,#reprint,#copyright{width:100%;}


}

/* 1050px and up */
@media (min-width: 1050px) { 
#header_inner,#footer_inner{width:1020px;}
footer{padding-bottom:0;}
/* #nhk_footer{margin:5px auto 0;} */
#page_top a{width:240px;margin:0 auto;background-image:url(../image/page_top.png);background-repeat:no-repeat;height:50px;display:block;border-radius:0;background-color:inherit;padding:0;background-size:auto;}

}




.pp_top .pp_left{border-radius:20px 0px 0px 0px;}
.pp_top .pp_right{border-radius:0px 20px 0px 0px;}
.pp_bottom .pp_left{border-radius:0px 0px 0px 20px;}
.pp_bottom .pp_right{border-radius:0px 0px 20px 0px;}