/* CSS Document */


/*=============================
		全体に指定
=============================*/
*{ 
	margin:0;
	padding:0;
}

img{
	vertical-align:bottom;
}
a img{
	border:0px;
}

a{ text-decoration: underline;color: #ffffff;}
a:hover{ text-decoration: none;color: #ffffff;}
a:visited{color: #ffffff;}

.hidden{ text-indent: -9999px; display: none;}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*=============================
		bodyに指定
=============================*/

body{
		font-family:"ＭＳ ゴシック", "Osaka－等幅";
		font-size:12px;
		width: 100%; height: 100%;
		margin: 0 auto;
}


/*=============================
		containerに指定
=============================*/


#container{
		position:absolute;
		top:0;
		left:50%;
		padding:0; width: 812px;
		height: auto;
		margin:0 0 0 -406px;
}
/*=============================
		headerに指定
=============================*/

#header{
		margin: 0 0;
		width: 812px; height: 120px;
		background: url(assets/images/share/header_bg_new.gif) top left no-repeat;
}

/*=============================
		   h1に指定
=============================*/


h1{
	float:left;
	display: block;
	width: 250px; height: 87px;
	margin: 3px 0 0 0px; padding: 0px;
	text-indent: -9999px;
}

a.logo_image{
		display: block;
		width: 250px; height: 87px;
}


/*=============================
headerのenglishとbannerに指定
=============================*/
.english{
		float:right;
		margin:60px 0 0 0px;
		padding:0 0 0 18px;
		width:50px;
		background: url(assets/images/share/header_yajirushi.gif) top left no-repeat;

}
.header_banner a{
		float:right;
		display:block;
		margin:20px 26px 0 0;
		width:200px; height:50px;
		background: url(assets/images/share/member_apply.jpg) top left no-repeat;
}
*html .header_banner a{
		margin:20px 13px 0 0;
}


/*=============================
	   global_navに指定
=============================*/

ul#global_nav{
		float:left;
		width: 800px; height: 30px;
		margin:0px 0 0px 0px;
		padding:0 0 0 6px;
		/*background: url(assets/images/share/global_navi_bg.gif) 100px 0 no-repeat;*/
}

ul#global_nav li{
		float: left;
		/*position:relative;
		left:100px;*/
		margin: 0px 0 0 0px;
		list-style-type: none;
}

/*------------global_nav btnに指定------------*/

li.home_btn_nl{
		display: block;
		/*margin: 2px 0 0 10px;*/
		margin: 0px 0 0 0px;
		width: 85px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) 0 -30px no-repeat;
}

li.aboutus_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 126px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -85px -30px no-repeat;
}
li.aboutgames_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 157px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -211px -30px no-repeat;
}
li.blog_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 102px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -368px -30px no-repeat;
}

li.gallery_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 109px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -470px -30px no-repeat;
}

li.member_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 136px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -579px -30px no-repeat;
}

li.link_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 85px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -715px -30px no-repeat;
}

/*------------global_nav btnのリンクあり------------*/

li.home_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 85px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) 0 0 no-repeat;
}

li.aboutus_btn a{
		display: block;
		margin: 0px 0 0 0px;
		padding:0 0 0px 0;
		width: 126px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -85px 0px no-repeat;
}
li.aboutgames_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 157px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -211px 0px no-repeat;
}
li.blog_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 102px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -368px 0px no-repeat;
}
li.gallery_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 109px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -470px 0 no-repeat;
}
li.member_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 136px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -579px 0 no-repeat;
}
li.link_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 85px; height: 30px;
		background: url(assets/images/share/global_navigation.gif) -715px 0 no-repeat;
}

/*------------ロールオーバー------------*/

li.home_btn a:hover{ 
	background: url(assets/images/share/global_navigation.gif) 0 -30px no-repeat;
}
li.aboutus_btn a:hover{
	padding:0 0 0px 0;
	background: url(assets/images/share/global_navigation.gif) -85px -30px no-repeat;
}
li.aboutgames_btn a:hover{
	background: url(assets/images/share/global_navigation.gif) -211px -30px no-repeat;
}
li.blog_btn a:hover{
	background: url(assets/images/share/global_navigation.gif) -368px -30px no-repeat;
}
li.gallery_btn a:hover{ 
	background: url(assets/images/share/global_navigation.gif) -470px -30px no-repeat;
}
li.member_btn a:hover{ 
	background: url(assets/images/share/global_navigation.gif) -579px -30px no-repeat;
}
li.link_btn a:hover{ 
	background: url(assets/images/share/global_navigation.gif) -715px -30px no-repeat;
}
/*=============================
	   pankuzuに指定
=============================*/
#pankuzu{
		height:30px; width:812px;
		color: #222222;
		font-size: 12px;
		margin:0px;
		background: url(assets/images/share/header_shita_space.gif) 0 0 no-repeat;
}
#top_pankuzu{
		height:10px; width:812px;
		color: #222222;
		font-size: 10px;
		margin:0px;
		background: url(assets/images/top/header_shita_space.gif) 0 0 no-repeat;
}

/*=============================
	   contentsに指定
=============================*/
#main_contents{
		float:left;
		margin:0px;
		width:812px;
		background: url(assets/images/share/main_contents_bg.gif) 0 0 repeat-y;
}
#top_main_contents{
		float:left;
		margin:0px 0 8px 0;
		width:812px;
		
}

/*=======================================
		left_contents_listに指定の内容
=========================================*/

.left_main{
		clear:both;
		float:left;
		width: 188px; height: 100%;
		margin:0px 0 0px 27px;
		background-color: #9F9F9F;
}
* html .left_main{
		position:relative;
		left:27px;
		margin:0px;
}
ul#left_contents_list{
		list-style-type: none;
		color: #222222;
		font-size: 12px;
		border-bottom:4px solid #9F9F9F;
}

li.select_list_now{
		width: 173px; height: 27px;
		display: block;
		padding:14px 0 0 7px;
		margin:0 4px 0 4px;
		color:#FFFFFF;
		background: #0A0D54;
		border-bottom: 1px solid #BFBFBF;
}

li.select_list_on a{
		width: 173px; height: 27px;
		display: block;
		padding:14px 0 0 7px;
		margin:0 4px 0 4px;
		color:#FFFFFF;
		background: #6C6E98;
		border-bottom: 1px solid #BFBFBF;
}

li.select_list_on a:hover{


		background: #0A0D54;

}

.right_main{
		float:left;
		width: 549px; height: auto;
		margin:10px 5px 0 20px;
}
* html .right_main{
		position:relative;
		left:47px;top:11px;
		margin:0;
		padding:0 0 10px 0;
}

.right_main2{
		float:left;
		width: 549px; height: auto;
		margin:10px 5px 0 20px;
}
* html .right_main2{
		position:relative;
		left:47px;top:11px;
		margin:0;
		padding:0 0 30px 0;
}
h4{
		width:529px; height:auto;
		margin:0 0 3px 0;
		padding:0 0 3px 11px;
		font-size:14px; color:#4D4D4D;
		border-bottom:3px solid #0A0D54;
		background: url(assets/images/share/sub_title_icon.gif) 0 0 no-repeat;
}

/*=============================
	  toppage_btnに指定
=============================*/
.pagetop_ue_hidari{
		clear: both;
		display: block;
		margin:0px;
		width: 812px; height: 27px;
		background: url(assets/images/share/footer_ue_space.gif) 0 0 no-repeat;
}

a.pagetop_btn{
		clear: both;
		display: block;
		margin:8px 0px 0px 0px;
		width: 812px; height: 41px;
		background: url(assets/images/share/pagetop_btn.gif) 0 0 no-repeat;
}

a.pagetop_btn:hover{ background: url(assets/images/share/pagetop_btn.gif) 0 -41px no-repeat; }

/*=============================
	    footerに指定
=============================*/

#footer{
		clear: both;
		display: block;
		margin:0px;
		width: 812px; height: 83px;
		background: url(assets/images/share/footer_bg.gif) 0 0 no-repeat;
}

ul#footer_list{
		list-style-type: none;
		padding-top: 0px; padding-bottom: 0px;
		width: 760px; height: 19px;
}

ul#footer_list li{
		float: left;
		display: block;
		margin:16px 0 0 18px;
		padding:0 0px 0 16px;
		width: auto; 
		background: url(assets/images/share/footer_list_yajirushi.gif) no-repeat 0 0;
		font-size:12px;
		color:#D1D1D1;
}

ul#footer_list li a{
		color:#D1D1D1;
}

ul#footer_list li a:hover{
		color:#D1D1D1;
}



li.copyright{
		list-style-type: none;
		margin:18px 0 0 20px;
		color:#9397AE;
}

/*-----------------ロールオーバー------------*/

li.sitepolicy_btn a:hover{color:#777777;}

li.privacypolicy_btn a:hover{color:#777777;}

/*-----------------リンクなし------------*/

li.sitepolicy_btn_nl{
color:#777777;
}

li.privacypolicy_btn_nl{
color:#777777;
}