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


/*=========top==========*/
#top #main_nav li#homeNav a{ width:163px; background-position: 0 -63px}

#top #countainer{ background:url(../images/top/bg_toppage.jpg) top center no-repeat; width:100%; height:auto; margin:0 auto; padding: 5px 0; border-top:#ffdc39 5px solid; }
#top #wrap{ width:990px; height:100%; margin:0 auto; background: rgba(0,0,0,0.5); padding: 5px; border-radius: 5px; box-sizing: border-box;}

#top #header{ width:980px; height:470px; position:relative;}
  #top #header .logo{ width:200px; height: 122px; position:absolute; top:10px; left: 10px;}
  #top #header .logo img{width: inherit;}
  #top #header .nav{ width:100%; height:30px; position:absolute; top:390px; z-index:501;}
  #top #header .newplayer{
	width:221px;
	height:266px;
	position:absolute;
	top:150px;
	left:4px;
	overflow:hidden;
	z-index:20;
}
  #top #header .newplayer a{display:block; width:221px; height:239px;  background-position: 0 0; background:url(../images/top/btn_newplayer.png) no-repeat; background-size: auto 239px; }
  #top #header .newplayer a:hover{background-position: -219.8px 0 }
  #top #header #slider{width:980px; height:450px; position:absolute; top:15px; left:0px; text-align:right;}
  #top #header #slider img{margin-right:100px;}
  
  /*slide*/

ul#slider {position:absolute; width:980px; height:470px; margin:0!important; padding:0!important; overflow:hidden!important;}
  ul#slider li {display:none; position:absolute; width:100%; margin:0; z-index:5}
	ul#slider li.current {display:block;z-index:2!important; }
	ul#slider li.next {display:block; z-index:1!important; }
	
.slider_selector, .slider_selector_dis {position:absolute; right:10px; bottom:0px; margin:0 0 0 5px; z-index:5;}
.slider_selector{ position:absolute; bottom:87px; right:0; width:151px; height:34px; background: url(/images/top/bg_slideControl.png) no-repeat top left}
.slider_selector li, .slider_selector_dis li {position:relative!important; top:12px; left:40px; display:block!important; float:left; width:14px!important; height:14px!important; margin:0 2px!important; background:url(/images/top/icn_slide.png) no-repeat top left; cursor:pointer;}
.slider_selector li.current, .slider_selector_dis li.current {background: url(/images/top/icn_slide_cur.png) no-repeat top left;}
.slider_selector_dis li {cursor:default!important; z-index:5; }
.container {position:relative; float:left; width:100%; z-index:15;}
	
.slider_arrow_left {position:absolute; bottom:93px; right:123px; width:22px; height:22px; background:url(/images/top/icn_slideControl_back.png) no-repeat center center; z-index:500; cursor:pointer !important;}
.slider_arrow_right {position:absolute; bottom:93px; right:5px; width:22px; height:22px; background:url(/images/top/icn_slideControl_next.png) no-repeat center center; z-index:500; cursor:pointer;}

  
#top #contents{ width:100%; height:100%;}
  #top #contents #left{ float:left; width:221px; margin-right:9px; margin-bottom:30px;}
    #top #contents #left .login_now{ width:221px; height:233px; margin-bottom:10px; background:url(../images/top/bg_login.gif) no-repeat; text-align:center; color:#FFFFFF;}
	#top #contents #left .login_now p{ padding:35px 0px 23px 0px;}
	#top #contents #left .login_now img{margin-bottom:15px;}
    #top #contents #left .login{ width:221px; height:233px; margin-bottom:10px; background:url(../images/top/bg_login.gif) no-repeat; text-align:center; color:#FFFFFF;}
	#top #contents #left .login div{ padding:20px 0px 10px 20px; text-align:left;}
	#top #contents #left .login div p{ font-size:12px; margin-top:10px;}
	#top #contents #left .login div a{ color:#FFC;}
	#top #contents #left .login input{ width:85%; margin-bottom:5px}
	#top #contents #left .login img{margin-bottom:15px;}
	
  #top #contents #center{ float:left; width:520px; margin-right:9px;}
  
      #top #contents #center .announce{margin-left:15px;background:#e6e6e6; width:490px}
	  #top #contents #center .announce tr{}
	  #top #contents #center .announce th{ border-bottom:1px #f5f3f2 solid; vertical-align:top; padding:10px;}
	  #top #contents #center .announce td{ border-bottom:1px #f5f3f2 solid; vertical-align:top; padding:10px;}
	  #top #contents #center .news{ width:100%; min-height:100px; padding-top:17px; padding-bottom:10px; font-size:12px; background:url(../images/top/bg_news.jpg) no-repeat;}
	  #top #contents #center .news_bottom {width:520px; min-height:25px; margin-bottom:15px; background:url(../images/top/bg_news_bottom.jpg) bottom no-repeat;}
	  #top #contents #center .news h3{margin:0px 0px 10px 10px;}
	  #top #contents #center .news ul{margin-left:25px; }
	  #top #contents #center .news li{ background:#e6e6e6; width:490px; border-bottom:1px #f5f3f2 solid; }
	  #top #contents #center .news li a{ display:block; padding:0px 10px 10px 10px; line-height:22px;}
	  #top #contents #center .news span.date{ display:block; font-size:10px; line-height:15px; padding:10px 0px 0px 10px;}

	  #top #contents #center .infoArea{width:520px; height: 235px; margin-bottom:10px; border:none;}

	#top #contents #center img{ margin-bottom:10px;}
      
  #top #contents #right{ float:right; width:221px; margin-bottom:30px; text-align:center}
    #top #contents #right img{ margin-bottom:15px;}
	#top #contents #right .campain{ width:220px; min-height:50px; padding-top:17px; background:url(../images/common/bg_campain.jpg) no-repeat;}
	#top #contents #right .campain_bottom {width:220px; min-height:21px; margin-bottom:15px;  background:url(../images/common/bg_campain_bottom.jpg) bottom no-repeat;}
	#top #contents #right .campain img{margin-bottom:5px;}
	
	
  #top #contents #kanren{  margin:20px 0px; clear:both; }
    #top #contents #kanren h3{ margin:10px 0px;}
	#top #contents #kanren img{ margin-right:10px}

/* topslide */

div#impression {
	position: absolute;
	top:40px;
	left:225px;
}

div#impression p {
	text-align: left;
}

div#main-btn {
	background-color: rgba(0,0,0,0.4);
	padding: 8px;
	position: absolute;
	top: 60px;
	right:18px;
	z-index: 500;
}

div#main-btn ul li {
	cursor:pointer;
	margin-bottom:5px;
	/*float:left;*/
}
div#main-btn ul li span {
	background:#cccccc;
	display:block;
	/*float:left;*/
	padding:4px;
	visibility:hidden;
}
div#main-btn ul li span.over {
	background: #D24444;
}

div#main-btn ul li.stay img {
	background: #D24444;
	filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}

/* social_btn */
div.socialbtn {
	width: 300px;
	height: 24px;
	padding: 5px;
	border-radius: 2px;       
    -webkit-border-radius: 4px;
    -moz-border-radius: 2px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 10px;
	right:0px;
}

div.socialbtn p {
	float: left;
}

/*20150109 メンテナンスパネル*/

div.maintenance_panel {
	 width:221px;
	 height:165px;
	 margin-bottom:10px;
	 background:url(../images/top/bg_login_maintenance.jpg) no-repeat;
	 position:relative;
}

div.maintenance_panel p.alt_text,
div.maintenance_panel p.maintenance_time_title {
	display:hidden;	
}

div.maintenance_panel p.maintenance_time {
	width:221px;
	position:absolute;
	top:127px;
	left:0;
	font-size:12px;
	color:#fff;
	text-align:center; 
}