@charset "utf-8";
/* CSS Document */
html,body,form{height:100%;}
body{background-color:#f9f9f9; font-size:13px;}
#aspnetForm{height:100%;}
#wrapper{width: 100%;
 background:url(../images/bgimg.gif) center repeat-y;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;}

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/}

/*---------header---------*/
#header{width:1000px; margin:0 auto; background-image:url(../images/bgimg.gif);}
#header #headerIn{width:980px; margin:0 auto; position:relative;}
#header #headerIn .headerTop{background-color:#666565; padding:7px 10px;}
#header #headerIn .headerTop h1{font-size:12px; background-image:url(../images/icon/icon_arrow.png); background-repeat:no-repeat; background-position:left 1px; padding-left:10px; float:left;}
#header #headerIn .headerTop h1 a,#header #headerIn .headerTop .paynetcafe a{text-decoration:none; color:#FFF;}
#header #headerIn .headerTop h1 a:hover,#header #headerIn .headerTop .paynetcafe a:hover{text-decoration:underline;}
#header #headerIn .headerTop .paynetcafe{font-size:12px; background-image:url(../images/icon/icon_arrow.png); background-repeat:no-repeat; background-position:left; padding-left:10px; float:right;}
#header #headerIn .logo_ad{}
#header #headerIn .logo_ad .logo a{display:block;float:left; width:219px; height:71px; margin:19px 0 33px 15px; background-image:url(../images/necor.gif); background-repeat:no-repeat; text-indent:-9999px;display:block;}
#header #headerIn .logo_ad .ad{float:right; width:728px; height:90px; margin:13px 10px 13px 0; background:url(../images/banner/728x90/nepoca.jpg);}
#header #headerIn .sideNepoca a{position:absolute; width:28px; height:92px; background-image:url(../images/btn/side_nepoca.png); right:-28px; top:10px;}
/*---------/header---------*/

#contents{width:1000px; margin:0 auto; background-image:url(../images/bgimg.gif);padding-bottom:144px; /*フッターの高さと同じ*/}
#contents #contentsIn{width:980px; margin:0 auto;}

/*-----------右お知らせ、バナー----------------*/
#contentsIn #rightArea{float:right; margin:0 10px 0 0;}
#contentsIn .news{width:250px; height:250px; background:#decc84; margin:0 0 8px 0; -webkit-border-radius: 3px;-moz-border-radius: 3px;}
#contentsIn .news .notice{font-weight:bold; color:#70493a; padding:10px 10px 10px 25px; background:url(../images/icon/icon_news.gif) no-repeat; background-position: 9px 9px;}
#contentsIn .news .box{height:190px; margin:0 1px; background:#FFF; padding:10px; overflow:auto;}
#contentsIn .news .box p{ padding-bottom:8px; margin-bottom:8px; border-bottom:1px dashed #decc84;}
#contentsIn .news .box p .Date{display:block; font-weight:bold;}
#contentsIn .news .box p .subject span{ font-size:12px;}
#contentsIn .banner{width:250px; margin:0 0 10px 0;}
#contentsIn .banner .neco_ad250{background:url(../../common/images/banner/250x250/neco-r_ad250.jpg) no-repeat; display:none;}
#contentsIn .banner .bnrBox{display:none;}
#contentsIn .banner .samplevideo + .bnrBox{display:block; border:1px solid #CCC; padding:8px 6px 0 7px; margin-bottom:10px;}
#contentsIn .banner p{margin-bottom:8px;}
#contentsIn .banner p a:hover{opacity: 0.8;filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
#contentsIn .samplevideo{width:250px; margin:0 0 10px 0;}
#contentsIn .samplevideo video{width:250px;}
#contentsIn .samplevideo .title{margin:0; text-align:center; font-weight:bold; background:#D31B5A; font-size:12px; color:#FFF; padding:4px;letter-spacing:0.05em; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;}
#contentsIn .samplevideo .txt{font-size:11.5px; padding:3px; background:#333; color:#FFF;}

#contentsIn .right{float:left;}

/*---h3タイトル画像---*/
#contents #contentsIn h3{width:700px; height:30px; background:url(../images/title_bg.gif) no-repeat;}
#contents #contentsIn h3 span{color:#FFF; display:inline-block; margin:8px 0 0 20px; letter-spacing: 2px;}

/*
#contents #contentsIn h3.ttl_search{width:684px; margin:15px 0 0 17px; background:#6cbdb5; border-bottom:5px solid #9b9182; padding:8px 0;}
#contents #contentsIn h3.ttl_title{width:234px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_title.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_search_s{width:455px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_search_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_event_s{width:455px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_event_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_event_l{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_event_l.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_news_s{width:455px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_news_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_rank_s{width:250px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_rank_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_rank_l{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_rank_l.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_what{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_what.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_gamecontent{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_gamecontent.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_privacy_policy{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_privacy_policy.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_contact{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_contact.gif); text-indent:-9999px;}
.netcafeevent #contents #contentsIn h3.ttl_title{width:234px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_title_event.gif); text-indent:-9999px;}
*/

/*---------Menu---------*/
#contents #contentsIn #Menu{ background:#E1EAEC; margin-bottom:10px;}
#contents #contentsIn #Menu li{display: block; float:left;}
#Menu li .btn{ display:block; text-align:center; margin: 0 0 0 7px;padding: 1em 0; cursor: pointer; background: #E1EAEC; text-decoration: none; color: #6B6B6B; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-bottom:2px solid #43c2c7; font-weight:bold; font-size:14px;
display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); /*box-shadow: 0 0 1px rgba(0, 0, 0, 0); text-shadow: 1px 1px 1px #999;*/}
#Menu .btn:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #E1EAEC transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: bottom; transition-property: bottom;}
#Menu .btn:hover, #Menu .btn:focus, #Menu .btn:active{ -webkit-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); background:#43c2c7; color:#FFF;}
#Menu .btn:hover:before, #Menu .btn:focus:before, #Menu .btn:active:before{ bottom: -10px; border-color:#43c2c7 transparent transparent transparent;}

#Menu .top a{width:271px;}
#Menu .what a{width:270px;}
#Menu .search a{width:238px;}
#Menu .support a{width:165px;}

#top #Menu .top a{width:271px; -webkit-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); background:#43c2c7; color:#FFF;}
#top #Menu .top a:before{ bottom: -10px; border-color:#43c2c7 transparent transparent transparent;}
.netcafe #Menu .what a{width:270px; -webkit-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); background:#43c2c7; color:#FFF;}
.netcafe #Menu .what a:before{ bottom: -10px; border-color:#43c2c7 transparent transparent transparent;}
#storesearch #Menu .search a{width:238px; -webkit-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); background:#43c2c7; color:#FFF;}
#storesearch #Menu .search a:before{ bottom: -10px; border-color:#43c2c7 transparent transparent transparent;}
.storelist #Menu .search a{width:238px; -webkit-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); background:#43c2c7; color:#FFF;}
.storelist #Menu .search a:before{ bottom: -10px; border-color:#43c2c7 transparent transparent transparent;}
#contact #Menu .support a{width:165px; -webkit-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); background:#43c2c7; color:#FFF;}
#contact #Menu .support a:before{ bottom: -10px; border-color:#43c2c7 transparent transparent transparent;}
.etc #Menu .support a{width:165px; -webkit-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); background:#43c2c7; color:#FFF;}
.etc #Menu .support a:before{ bottom: -10px; border-color:#43c2c7 transparent transparent transparent;}


/*---------/Menu---------*/

#contents #contentsIn .left{float:left;}
#contents #contentsIn .left .titlelist{width:232px; margin:0 0 10px 10px; padding-bottom:10px; border:1px solid #b0b0b0;}
#contents #contentsIn .left .titlelist .category{margin:7px 7px 0 7px; background-color:#F7FAFD;}
#contents #contentsIn .left .titlelist .category a{display:block; border:1px solid #BFD1E6; font-weight:bold; background:url(../images/icon/box_arrowdown.gif) no-repeat; background-position:7px 7px; padding:8px 0 8px 28px;text-decoration: none;}
#contents #contentsIn .left .titlelist .category a:hover{background-color:#F4FAFF;}
#contents #contentsIn .left .titlelist ul li.ttl a{height:auto; margin:5px 8px 0 8px;text-decoration: none;display: block; background-color:#FAFAFA;}
#contents #contentsIn .left .titlelist ul li.ttl a:hover{background-color:#FFF; }
#contents #contentsIn .left .titlelist ul li.ttl img{width:30px; vertical-align:middle; display:inline-block;*zoom: 1; /* for IE6-7 */*display: inline; /* for IE6-7 */}
#contents #contentsIn .left .titlelist ul li.ttl span{vertical-align:middle; display:inline-block; width:175px;*zoom: 1;/* for IE6-7 */*display: inline;/* for IE6-7 */}
#contents #contentsIn .left .titlelist ul li.ttl a:hover span{text-decoration:underline;}
#contents #contentsIn .left .banner{width:234px; margin:0 0 10px 10px;}
#contents #contentsIn .left .banner p{margin-bottom:8px;}
#contents #contentsIn .left .twitter{width:234px; margin:0 0 10px 10px;}

/*---------right---------*/
#contents #contentsIn .right{float:left;}
#contents #contentsIn .right .contentsBox{width:698px; margin:0 0 15px 10px; /*border:1px solid #b0b0b0;*/}
.right .contentsBox .InBox{margin:0 auto; width:700px;}
.right .contentsBox .InBox h4{width:700px; height:28px; background:url(../../common/images/subtitle_bg.gif) no-repeat; margin-top: 5px;}
.right .contentsBox .InBox h4 span{padding:7px 0 0 18px; display:inline-block; font-weight:bold;}

/*---------footer---------*/
#footer{background-image:url(../images/footer_bg.gif); border-top:1px solid #C2C2C2; padding:20px 0;
width:100%; height:100px; position:absolute;bottom:0;}
#footer #footerIn{width:960px; margin:0 auto; text-align:right;}
#footer #footerIn .BannerBox{ float:right;width:500px; margin-bottom: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 #footerIn .BannerBox li#bnTbpress{display:none;}
#footer #footerIn .BannerBox li#bnFantastick{display:none;}
#footer #footerIn .BannerBox li#bnMindepa_rakuten{display:none;}
#footer #footerIn .BannerBox li#bnMindepa_amazon{display:none;}
#footer #footerIn .BannerBox li#bnMindepa_yahoo{display:none;}
#footer #footerIn .BannerBox li#bnU4B{display:none;}
#footer #footerIn .BannerBox li#bnLiveIcon{display:none;}
#footer #footerIn .BannerBox li#bnWCG{display:none;}
#footer #footerIn .BannerBox li#bnADBY{display:none;}
#footer #footerIn .BannerBox li#bnFantouchU{display:none;}
#footer #footerIn .BannerBox li#bnAppGrade{display:none;}

#pageTop{width:83px; height:34px;position:fixed;bottom:30px;right:0; z-index:20;}
#pageTop a{display: block;background-image:url(../images/btn/icon_toTop.gif);}

/*-------条件選択モーダルウィンドウ----------*/
#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;}

/*-------title_search----------*/
.title_search{margin:7px auto;border: 1px solid #c9c9c9;background-color: #f8f8f8;
-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
.title_search .area{background: url(../../common/images/icon/icon_arrowright.gif) no-repeat;background-position: 3px 3px;margin: 5px 3px;padding-left: 20px;}
.title_search .terms{background: url(../../common/images/icon/icon_arrowright.gif) no-repeat;background-position: 3px 3px;margin: 6px 3px 3px 3px;padding-left: 20px;}
.title_search .terms .termsBtn a{display:inline-block; border:1px solid #999; padding:2px 5px; margin-left:5px; text-decoration:none; font-weight:normal;}
.title_search .keyword{width:400px;background: url(../../common/images/icon/icon_arrowright.gif) no-repeat; background-position: 3px 7px;margin: 3px;padding: 0 0 0 20px; float:left;}
.title_search .area span,
.title_search .terms span,
.title_search .keyword span{font-weight: bold;}
.title_search .note{font-size: 11px;margin: 0 0 5px 7px; padding-top:3px; color:#747474; clear:both;}

.title_search .searchBtn{width:262px; float:left;}
.title_search .searchBtn .btn_near{display:inline-block; width:127px; height:26px;}
.title_search .searchBtn .btn_near a{background-image:url(../../common/images/btn/near_search_s.gif);}
.title_search .searchBtn .btn_search{display: inline-block; width:127px; height:26px; margin-left:3px;}
.title_search .searchBtn .btn_search a{background-image:url(../../common/images/btn/search_s.gif);}

/*-------エラーページ---------*/
#error .InBox h3{background: url(../images/icon/icon_error.png) no-repeat left;padding-left: 20px;margin: 10px 0 8px 0;}
#error .InBox h3 span{color:#666;}
#error .InBox .Inner{background-color:#F5FAE7; border:1px solid #D0D99F; padding:8px; line-height:16px;}


/* Site.js*/
#footer #footerIn .BannerBox li:nth-last-child(-n+3) {
  display:none !important;
}