@charset "utf-8";
html,body{height:100%;}
body {font-family: "メイリオ", Meiryo, Avenir, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka,Roboto, sans-serif; line-height:1;}

/*--------------------------------------------------
wrapper
--------------------------------------------------*/
#wrapper{width: 100%; position: relative; height:auto !important; /*IE6対策*/ height: 100%; /*IE6対策*/ min-height: 100%; overflow-y: hidden;}
#wrapperIn{}


/*--------------------------------------------------
common
--------------------------------------------------*/


/*--------------------------------------------------
header
--------------------------------------------------*/
#header {}
#header .headerTop {background: #f0f0f0; font-size: 11px; position:absolute; width:100%; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52); z-index: 101;}
#header .headerTop .otherSiteWrapper {width: 1000px; height:30px; margin: 0 auto; line-height: 30px;}
#header .headerTop .otherSiteWrapper h2 {float: left; color: #6a6a6a; background: url('../images/header/main_header_favicon.png') no-repeat 0 50%; text-indent: 25px;}
#header .headerTop .otherSiteWrapper h2 a { font-size: 11px; font-weight:normal; text-decoration: none; color: #6a6a6a;}
#header .headerTop .otherSiteWrapper .otherSite {float: right;}
#header .headerTop .otherSiteWrapper .otherSite li {float: left; margin: 0 10px; text-indent: 25px;}
#header .headerTop .otherSiteWrapper .otherSite li.paynetcafe {background: url('../images/header/main_header_paynet.png') no-repeat 0 5px; }
#header .headerTop .otherSiteWrapper .otherSite li.necoR {background: url('../images/header/main_header_neco.png') no-repeat 0 4px; }
#header .headerTop .otherSiteWrapper .otherSite li a {text-decoration: none; color: #6a6a6a !important;}


#header .pageTitle {width: 1000px; height: 85px; margin: 0 auto; padding-top:30px; position:relative;}
#header .pageTitle h1 {display: inline-block;}
#header .pageTitle #logoImg {display: inline-block; margin: 14px 20px 0 0px; width:172px; height:53px; background:url('../images/main_logo3.png') no-repeat ;}
#header .pageTitle #logoImg span {display: none;}

/*
#header .pageTitle .topSearch {display: inline-block;}
#header .pageTitle .topSearch .searchBox {margin: 0 auto; position: relative;}
#header .pageTitle .topSearch .searchBox .type {position: absolute; text-align: left; left: 0px; top: 0px; border: none; font-size: 11px; width: 115px; border-right: 1px solid; outline: none;}

#header .pageTitle .topSearch .searchBox .tabWrapper {position: absolute; z-index: 10; text-align: left; padding-left: 1px;}
#header .pageTitle .topSearch .searchBox .tabWrapper ul {display: inline-block;height: 20px; width: 120px; overflow: hidden; margin: 7px 0 0 5px; border-right: 1px solid #353d44;}
#header .pageTitle .topSearch .searchBox .tabWrapper ul li {font-size: 12px; line-height: 1.7;}
#header .pageTitle .topSearch .searchBox .tabWrapper ul li.select {}

#header .pageTitle .topSearch .searchBox .formWrapper {clear: both; display: inline-block; border: 1px solid #353D44; position: relative;}
#header .pageTitle .topSearch .searchBox .formWrapper input {float:left; outline: none; font-size: 12px; }
#header .pageTitle .topSearch .searchBox .formWrapper .qTxt {width: 165px; height: 32px; border: none; padding: 0 0 0 125px; margin: 0; text-indent: 5px; line-height: 35px;}
#header .pageTitle .topSearch .searchBox .formWrapper .submitBtn {background: url('../images/top/main_search_magnifier.png') no-repeat 50% 50%; background-color: #353d44; border: none; width: 45px; height: 32px; cursor: pointer;}
/*

#header .pageTitle .more {width: 19px; height: 19px; float: right; margin: 45px 10px 0 0; background: url('../images/tv/tv_more_button_hover.png') no-repeat 0 0; cursor: pointer;}
#header .pageTitle .more:HOVER {background-position: 0 -19px;}
#header .pageTitle .moreMenu {position:absolute; z-index: 9999; border:1px solid #aaaaab; background-color:White; white-space:nowrap;right: 0px;top: 110px; box-shadow: 0 1px 1px silver; line-height:1.3; display:none; padding:10px 0 5px;}
#header .pageTitle .moreMenu span { padding:0 10px; }
#header .pageTitle .moreMenu a { display:block; padding:5px 10px; text-decoration:none; font-size:12px;}
#header .pageTitle .moreMenu a:hover { background-color: #f1f1f1;}
#header .pageTitle .moreMenu .line { background-color:#e5e5e5; height:1px; margin:5px 5px;  }
#header .pageTitle .moreMenu .top {  background:url(../images/skin/tooltip_top.png) no-repeat; display: block;width: 16px;height: 15px;position: absolute;top: -15px;right: 10px; padding:0;}

*/


/*--------------------------------------------------
contents
--------------------------------------------------*/
#contents{width:1000px; margin:0 auto; position: relative; }
#contentsIn{}

#topMenu {border-top: 3px solid #F7941F; background: url('../images/top/main_GNB_background.png'); margin-bottom:10px;}
#topMenu .menuWrapper {width: 960px; margin: 0 auto;}
#topMenu .menuWrapper li {display: inline-block; height: 44px; /*margin: 0 20px;*/ margin:0 25px; line-height: 44px;}
#topMenu .menuWrapper li:hover, #topMenu .menuWrapper li.active {color:#EE9419 !important; background: url('../images/top/main_gnb_navi.png') no-repeat 50% 0%;}
#topMenu .menuWrapper li a {color:#fff !important; text-decoration: none;}
#topMenu .menuWrapper li:hover a, #topMenu .menuWrapper li.active a {color:#EE9419 !important;}
#topMenu .menuWrapper li.nepocaTV {display:none;}

#topMenu .menuTitle {font-size:12px; font-weight: bold; word-spacing: -2px;}

.top #topMenu .menuWrapper li.top
,.netcafe #topMenu .menuWrapper li.whats
,.storelist #topMenu .menuWrapper li.search
,.titleinfo #topMenu .menuWrapper li.contents
,.netcafeevent #topMenu .menuWrapper li.news
,.ranking #topMenu .menuWrapper li.ranking
 {color:#EE9419 !important; background: url('../images/top/main_gnb_navi.png') no-repeat 50% 0%;}
 
.top #topMenu .menuWrapper li.top a 
,.netcafe #topMenu .menuWrapper li.whats a 
,.storelist #topMenu .menuWrapper li.search a 
,.titleinfo #topMenu .menuWrapper li.contents a 
,.netcafeevent #topMenu .menuWrapper li.news a 
,.ranking #topMenu .menuWrapper li.ranking a 
{color:#EE9419 !important;}

.top #header .pageTitle .more {display:none;}
#header .pageTitle .more {width: 19px; height: 19px; float: right; margin: 45px 10px 0 0; background: url('../images/icon/page_more.png') no-repeat 0 0; cursor: pointer;}
#header .pageTitle .more:HOVER {background-position: 0 -19px;}
#header .pageTitle .moreMenu {position:absolute; z-index: 9999; border:1px solid #aaaaab; background-color:White; white-space:nowrap;right: 0px;top: 110px; box-shadow: 0 1px 1px silver; line-height:1.3; display:none; padding:10px 0 5px;}
#header .pageTitle .moreMenu span { padding:0 10px; }
#header .pageTitle .moreMenu a { display:block; padding:5px 10px; text-decoration:none; font-size:12px;}
#header .pageTitle .moreMenu a:hover { background-color: #f1f1f1;}
#header .pageTitle .moreMenu .line { background-color:#e5e5e5; height:1px; margin:5px 5px;  }
#header .pageTitle .moreMenu .top {  background:url(../images/skin/tooltip_top.png) no-repeat; display: block;width: 16px;height: 15px;position: absolute;top: -15px;right: 10px; padding:0;}



/*-------条件選択モーダルウィンドウ----------*/
#lean_overlay {position: fixed;z-index:1000;top: 0px;left: 0px; height:100%;width:100%;background: #000;display: none;}

#termsBox{display:none; width:700px; height:50%; background-color: #ffffff;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px; position:relative;}
#termsBox .terms_head{width:700px;height:45px;}
#termsBox .terms_head .title{width:500px; font-size:18px; font-weight:bold; margin:15px 0 15px 15px; float:left;}
#termsBox .terms_head .modal_close a{width:30px; height:30px; margin:8px 5px 0 0; font-size:28px; text-decoration:none; float:right;}
#termsBox .terms_body{clear:both; height:100%; padding:10px 40px 20px 40px; overflow:auto; background-color:#F7F7F7;}
#termsBox .terms_body dl{margin:15px 0;}
#termsBox .terms_body dl dt{font-weight:bold; color:#333; margin:0 0 5px 0; border-bottom:2px solid #E8E8E8; padding-bottom:2px;}
#termsBox .terms_body dl dd{width:300px; float:left;}
#termsBox .terms_bottom{clear:both;width:700px;height:45px; padding-top:13px; position:absolute; bottom:-135px; background-color:#FFF;
-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;}
#termsBox .terms_bottom .addition a{display:block; width:100px; height:24px; margin:0 auto; padding:7px 0 0 0; background-color:#296B85; color:#FFF; font-size:15px; font-weight:bold; text-align:center; text-decoration:none;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
#termsBox .terms_bottom .addition a:hover{background-color:#119AFF;}



/*--------------------------------------------------
footer
--------------------------------------------------*/
#footer{/*background-image:url(../images/footer_bg.gif);*/ border-top:1px solid #C2C2C2; padding:20px 0;width:100%; bottom:0; position: relative; background: #f0f0f0;}
#footer #footerIn{width:960px; margin: 0 auto; text-align: center; font-size: 11px; color: #6a6a6a;}
#footer #footerIn .BannerBox{width:100%; margin: 0 auto 13px;}
#footer #footerIn .BannerBox li{display:inline-block; margin:0 0 3px 3px;*zoom: 1; /* for IE6-7 */*display: inline; /* for IE6-7 */}
#footer #footerIn .BannerBox li span{display:none;}
#footer #footerIn .txt{margin :10px 0 0 0; clear:both;}
#footer #footerIn .linkbar{margin :5px 0 0 0;}
#footer #footerIn .copy{margin :10px 0 0 0;}
#footer #spLinkBlockInPc{display:none; text-align:center; margin:10px 0;}