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

* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
a { color: #fff; text-decoration: underline; outline: 0; }
a:hover { color: #fc0; text-decoration: underline; outline: 0; }
hr { display: none; }
em, address { font-style: normal; }
strong { font-weight: bold; }
.clear { clear: both; }
.fL { float: left; }
.fR { float: right; }
.center { text-align: center; }
.right { text-align: right; }
p { margin: 0 0 1em 0; }
.marB20 { margin-bottom: 20px; }

/*------------clearfix-------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*---------------------------------*/

/*------------------------------------------common---------------------------------------------*/
body { margin: 0; padding: 0; text-align: center; background: #1e3706 url(../images/body_bg_border.gif) center 0 repeat-y; }
/**:first-child+html body { margin: 0 0 0 -1px; padding: 0; background: #1e3706 url(../images/body_bg_border.gif) center 0 repeat-y; }*/

#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	background: url(../images/bg_image.jpg) center 0 no-repeat;
}

* html #wrapper {
	background: url(../images/bg_image02.jpg) center 0 no-repeat;
}

	#wrapper #swrapper {
		margin: 0 auto;
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
		width: 900px;
		text-align: center;
	}

/*------------------------------------------header---------------------------------------------*/
		#wrapper #swrapper #header {
			margin: 0 auto;
			padding: 24px 0 0 1px;
			width: 899px;
			height: 396px;
			text-align: left;
			position: relative;
			top: 0;
			left: 0;
		}
		
			#wrapper #swrapper #header #global_nav {
				margin: 0;
				padding: 0;
				width: 898px;
				height: 51px;
				overflow: hidden;
			}
			
				#wrapper #swrapper #header #global_nav ul { margin: 0; padding: 0 0 0 326px; }				
					#wrapper #swrapper #header #global_nav ul li { margin: 0; padding: 0; }					
						#wrapper #swrapper #header #global_nav ul li a { float: left; display: block; margin: 0; padding: 0; width: 143px; height: 51px; }
						#wrapper #swrapper #header #global_nav ul li a:hover { margin: 0; padding: 0; width: 143px; height: 51px; }
						
						*:first-child+html #wrapper #swrapper #header #global_nav ul li.gn01 a { float: left; display: block; margin: 0; padding: 27px 0 0 0; width: 143px; height: 24px; }
						* html #wrapper #swrapper #header #global_nav ul li.gn01 a { float: left; display: block; margin: 0; padding: 27px 0 0 0; width: 143px; height: 24px; }
						
						*:first-child+html #wrapper #swrapper #header #global_nav ul li.gn02 a { float: left; display: block; margin: -12px 0 0 0; padding: 27px 0 0 0; width: 143px; height: 24px; }
						* html #wrapper #swrapper #header #global_nav ul li.gn02 a { float: left; display: block; margin: -12px 0 0 0; padding: 27px 0 0 0; width: 143px; height: 24pxpx; }
						
						*:first-child+html #wrapper #swrapper #header #global_nav ul li.gn03 a { float: left; display: block; margin: -24px 0 0 0; padding: 13px 0 0 12px; width: 131px; height: 38px; }
						* html #wrapper #swrapper #header #global_nav ul li.gn03 a { float: left; display: block; margin: -24px 0 0 0; padding: 14px 0 0 12px; width: 131px; height: 37px; }
						
						*:first-child+html #wrapper #swrapper #header #global_nav ul li.gn04 a { float: left; display: block; margin: -36px 0 0 0; padding: 27px 0 0 0; width: 143px; height: 24px; }
						* html #wrapper #swrapper #header #global_nav ul li.gn04 a { float: left; display: block; margin: -36px 0 0 0; padding: 27px 0 0 0; width: 143px; height: 24px; }
						
						#wrapper #swrapper #header #global_nav ul li.gn01 a {
							float: left;
							display: block;
							padding: 27px 0 0 0;
							width: 143px;
							height: 24px;
							text-align: center;
							text-decoration: none;
							font-size: 14px;
							font-weight: bold;
							background: url(../images/global_menu_01_off.jpg) 0 0 no-repeat;
						}
						
						#wrapper #swrapper #header #global_nav ul li.gn02 a {
							float: left;
							display: block;
							padding: 27px 0 0 0;
							width: 143px;
							height: 24px;
							text-align: center;
							text-decoration: none;
							font-size: 14px;
							font-weight: bold;
							background: url(../images/global_menu_02_off.jpg) 0 0 no-repeat;
						}
						
						#wrapper #swrapper #header #global_nav ul li.gn03 a {
							float: left;
							display: block;
							padding: 14px 0 0 12px;
							width: 131px;
							height: 37px;
							line-height: 1;
							text-decoration: none;
							font-size: 14px;
							font-weight: bold;
							background: url(../images/global_menu_03_off.jpg) 0 0 no-repeat;
						}
						
							#wrapper #swrapper #header #global_nav ul li.gn03 a span {
								display: block;
								line-height: 1;
								text-decoration: none;
								font-size: 14px;
								font-weight: bold;
							}
						
						#wrapper #swrapper #header #global_nav ul li.gn04 a {
							float: left;
							display: block;
							padding: 27px 0 0 0;
							width: 143px;
							height: 24px;
							text-align: center;
							text-decoration: none;
							font-size: 14px;
							font-weight: bold;
							background: url(../images/global_menu_04_off.jpg) 0 0 no-repeat;
						}

							#wrapper #swrapper #header #global_nav ul li.gn01 a:hover { background: url(../images/global_menu_01_on.jpg) 0 0 no-repeat; }
							#wrapper #swrapper #header #global_nav ul li.gn02 a:hover { background: url(../images/global_menu_02_on.jpg) 0 0 no-repeat; }
							#wrapper #swrapper #header #global_nav ul li.gn03 a:hover { background: url(../images/global_menu_03_on.jpg) 0 0 no-repeat; }
							#wrapper #swrapper #header #global_nav ul li.gn04 a:hover { background: url(../images/global_menu_04_on.jpg) 0 0 no-repeat; }
							
				#wrapper #swrapper #header h1 {
					width: 898px;
					height: 345px;
				}
				
					h1 a {
						display: block;
						padding: 200px 0 0 550px;
						width: 348px;
						height: 145px;
						color: #fff;
						text-shadow: -1px 0 7px #fc0, 0 -1px 7px #fc0, 1px 0 7px #fc0, 0 1px 7px #fc0;
						font-size: 32px;
						font-weight: bold;
						text-decoration: none;
						position: relative;
						top: 0;
						left: 0;
						z-index: 10000000000;
					}
					
						h1 a:hover {
							color: #fff;
							text-decoration: none;
						}
		
				#wrapper #swrapper #header #right_tmenu {
					width: 280px;
					height: 40px;
					position: absolute;
					top: 0;
					right: 30px;
				}
		
					#wrapper #swrapper #header #right_tmenu ul { margin: 0 auto; padding: 7px 0 0 0; text-align: center; }
					* html #wrapper #swrapper #header #right_tmenu ul { margin: 0; padding: 7px 0 0 0; text-align: center; }
					
						#wrapper #swrapper #header #right_tmenu li { display: inline; color: #fff; }				
							#wrapper #swrapper #header #right_tmenu li a { text-decoration: none; }					
								#wrapper #swrapper #header #right_tmenu li a:hover { color: #ffcc00; }
								
				#img_box {
					margin: 0;
					padding: 0;
					position: absolute;
					top: 130px;
					right: 0;
					z-index: 100000000;
				}
				
					#img_box li.ava01 { float: left; margin: 0; padding: 0; position: absolute; top: -2px; right: 242px; z-index: 100000002; }
					#img_box li.ava02 { float: left; margin: 0; padding: 0; position: absolute; top: 0; right: 157px; z-index: 100000002; }
					#img_box li.ava03 { float: left; margin: 0; padding: 0; position: absolute; top: 0; right: 74px; z-index: 100000002; }
					#img_box li.ava04 { float: left; margin: 0; padding: 0; position: absolute; top: -9px; right: -12px; z-index: 100000002; }
					#img_box li.ava05 { float: left; margin: 0; padding: 0; position: absolute; top: -20px; right: 280px; z-index: 100000001; }
					#img_box li.ava06 { float: left; margin: 0; padding: 0; position: absolute; top: -20px; right: 195px; z-index: 100000001; }
					#img_box li.ava07 { float: left; margin: 0; padding: 0; position: absolute; top: -20px; right: 112px; z-index: 100000001; }
					#img_box li.ava08 { float: left; margin: 0; padding: 0; position: absolute; top: -20px; right: 30px; z-index: 100000001; }

/*------------------------------------------content---------------------------------------------*/
		#wrapper #swrapper #content_body {
			margin: 0 auto;
			padding: 0 1px;
			width: 898px;
			text-align: left;
			overflow: hidden;
		}

/*------------------------------------------left content---------------------------------------------*/
			#wrapper #swrapper #content_body #left_content {
				float: left;
				margin: 0;
				padding: 30px 0 0 20px;
				width: 200px;
				/*background: #42730a url(../images/left_nav_bg.jpg) 0 0 no-repeat;*/
			}
			
				#wrapper #swrapper #content_body #left_content dl {
					margin: 0;
					padding: 0;
					width: 198px;
					border: 1px solid #000;
					background: #000;
				}
				
					#wrapper #swrapper #content_body #left_content dl dt {
						margin: 0;
						padding: 6px 0 0 7px;
						width: 191px;
						height: 21px;
						color: #000;
						font-weight: bold;
						background: #000 url(../images/left_nav_big_title.gif) 0 0 no-repeat;
					}
					
						#wrapper #swrapper #content_body #left_content dl dd {
							margin: 0;
							padding: 6px 0 0 17px;
							width: 181px;
							height: 21px;
							color: #fff;
							font-weight: bold;
							background: #000 url(../images/left_nav_little_title.gif) 0 0 no-repeat;
						}
						
							#wrapper #swrapper #content_body #left_content dl dd a { color: #fff; font-weight: bold; text-decoration: none; }							
								#wrapper #swrapper #content_body #left_content dl dd a:hover { color: #fc0; }
								
				#wrapper #swrapper #content_body #left_content form {
					margin: 20px auto;
					padding: 5px;
					background: #fff;
					border: 1px solid #000;
				}
				
					#wrapper #swrapper #content_body #left_content form fieldset {
						border: 0;
					}
				
					#wrapper #swrapper #content_body #left_content form .searchbox {
						margin: 0 auto 10px;
						padding: 3px 2px;
						width: 182px;
						height: 14px;
						border: 1px solid #1e3706;
					}
																			
					#wrapper #swrapper #content_body #left_content form .submit_button { width: 54px; height: 23px; }
					
				#wrapper #swrapper #content_body #left_content .gamercard {
					margin: 12px auto 10px;
					padding: 0;
					text-align: center;
				}
				
					#wrapper #swrapper #content_body #left_content .gamercard img {
						border: none;
					}
							
				#wrapper #swrapper #content_body #left_content .blog_parts {
					margin: 0 auto;
					padding: 0;
					width: 198px;
					text-align: center;
					border: 1px solid #000;
					background: url(../images/blog_bg.jpg) 0 0 no-repeat;
				}
				
				#wrapper #swrapper #content_body #left_content .nana_blog {
					margin: 0 auto;
					padding: 0;
					width: 160px;
					text-align: center;
				}

/*------------------------------------------right content---------------------------------------------*/
			#wrapper #swrapper #content_body #right_content {
				float: right;
				margin: 0;
				padding: 0 20px;
				width: 638px;
				/*background: #42730a url(../images/right_zone_bg.jpg) 0 0 no-repeat;*/
			}
			
			* html #wrapper #swrapper #content_body #right_content {
				float: right;
				margin: 0;
				padding: 0 20px;
				width: 637px;
				/*background: #42730a url(../images/right_zone_bg.jpg) 0 0 no-repeat;*/
			}
				
				#wrapper #swrapper #content_body #right_content .bread_rubbish_list {
					margin: 0;
					padding: 0;
					height: 30px;
					text-align: right;
					line-height: 30px;
					color: #fff;
					text-decoration: underline;
				}
				
				#wrapper #swrapper #content_body #right_content #contents {
					padding: 20px;
					background: #fff ;
				}
				
				#wrapper #swrapper #content_body #right_content #contents h2 {
					margin: 0;
					padding: 0 0 0 10px;
					width: 588px;
					height: 30px;
					color: #fc0;
					font-weight: bold;
					line-height: 30px;
					background: url(../images/h2_title_bg.jpg) 0 0 no-repeat;
				}
				
				#wrapper #swrapper #content_body #right_content #contents h3 {
					margin: 0;
					padding: 0 0 0 18px;
					height: 25px;
					line-height: 25px;
					font-weight: bold;
					background: url(../images/h3_title.gif) 0 0 no-repeat;
				}
				
				#wrapper #swrapper #content_body #right_content #contents .section {
					margin: 0;
					padding: 10px;
					width: 578px;
				}
			
				#wrapper #swrapper #content_body #right_content .section a { color: #360; text-decoration: none; }
					#wrapper #swrapper #content_body #right_content .section a:hover { color: #fc0; }
				
				#wrapper #swrapper #content_body #right_content #contents .section02 {
					padding: 10px 0;
				}
				
				#wrapper #swrapper #content_body #right_content #contents .img { padding: 1px; border: 1px solid #ccc; }
				#wrapper #swrapper #content_body #right_content #contents .img_fL { float: left; margin: 0 20px 0 0; padding: 1px; border: 1px solid #ccc; }
				#wrapper #swrapper #content_body #right_content #contents .img_fR { float: right; margin: 0 0 0 20px; padding: 1px; border: 1px solid #ccc; }
				
				.pr {
					margin: 30px 0 0 0;
					padding: 0;
					color: #000;
				}
				
					.pr a { color: #000; text-decoration: none; }
					.pr a:hover { color: #000; text-decoration: underline; }
					.pr a:visited { color: #000; }
					
/*------------------------------------------dl---------------------------------------------*/
					.section .itype_dl {
						margin: 0 0 20px 0;
						padding: 0;
						width: 578px;
						background: #fff;
					}
					
						.section .itype_dl dt {
							clear: left;
							float: left;
							margin: 0 0 5px 0;
							padding: 0 0 0 18px;
							width: 120px;
							height: 18px;
							line-height: 18px;
							color:  #1e3706;
							font-weight: bold;
							border-bottom: 1px dashed #999;
							background: url(../images/icon.gif) 0 0 no-repeat;
						}
						
							.section .itype_dl dd {
								float: left;
								margin: 0 0 5px 0;
								padding: 0;
								width: 423px;
								height: 18px;
								line-height: 18px;
								border-bottom: 1px dashed #999;
							}
							
					.section .itype_dl02 {
						margin: 0 0 20px 0;
						padding: 0;
						width: 422px;
						height: auto;
						background: #fff;
					}
					
						.section .itype_dl02 dt {
							clear: left;
							float: left;
							margin: 0 0 5px 0;
							padding: 0 0 0 18px;
							width: 40px;
							line-height: 18px;
							color:  #000;
							font-weight: bold;
							background: url(../images/icon.gif) 0 0 no-repeat;
						}
						
							.section .itype_dl02 dd {
								float: left;
								margin: 0 0 5px 0;
								padding: 0;
								width: 347px;
								line-height: 18px;
							}
							
					.section .itype_dl03 {
						margin: 0 0 0px 0;
						padding: 0;
						width: 578px;
						background: #fff;
					}
					
						.section .itype_dl03 dt {
							clear: left;
							float: left;
							margin: 0 0 5px 0;
							padding: 0 0 0 10px;
							width: 180px;
							height: 18px;
							line-height: 18px;
							color:  #1e3706;
							font-weight: bold;
							text-align: right;
						}
						
							.section .itype_dl03 dd {
								float: left;
								margin: 0 0 5px 0;
								padding: 0;
								width: 348px;
								height: 18px;
								line-height: 18px;
							}

/*------------------------------------------ul---------------------------------------------*/
.section .list_ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 3em;
}

	.section .list_ul li {
		list-style: decimal;
		list-style-position: outside;
	}

.section .game_list {
	margin: 0;
	padding: 0;
}

	.section .game_list li {
		float: left;
		margin: 0 8px 15px 0;
		padding: 0;
		width: 89px;
		text-align: center;
	}
	
	
		.section .game_list li.noRmar { margin-right: 0; }

/*------------------------------------------footer---------------------------------------------*/
#footer {
	margin: 0 auto;
	padding: 90px 0 0 0;
	width: 940px;
	height: 60px;
	color: #fff;
	/*text-align: center;*/
	background: url(../images/footer_bg.jpg) center 0 no-repeat;
}

/*------------------------------------------content bottom banner---------------------------------------------*/
					#wrapper #swrapper #content_body #right_content #contents .cod4mw2_bnr {
						width: 598px;
						height: 200px;
						text-shadow: none;
						border: none;
					}
					
						#wrapper #swrapper #content_body #right_content #contents .cod4mw2_bnr a { text-shadow: none; border: none; }
							#wrapper #swrapper #content_body #right_content #contents .cod4mw2_bnr a:hover { color: none; }
							#wrapper #swrapper #content_body #right_content #contents .cod4mw2_bnr a .btn { text-shadow: none; border: none; }
							
						#wrapper #swrapper #content_body #right_content #contents .dc_bnr a { text-shadow: none; border: none; }
							#wrapper #swrapper #content_body #right_content #contents .dc_bnr a:hover { color: none; }
							#wrapper #swrapper #content_body #right_content #contents .dc_bnr a .btn { text-shadow: none; border: none; }
							
						#wrapper #swrapper #content_body #right_content #contents .start_bnr a { text-shadow: none; border: none; }
							#wrapper #swrapper #content_body #right_content #contents .start_bnr a:hover { color: none; }
							#wrapper #swrapper #content_body #right_content #contents .start_bnr a .btn { text-shadow: none; border: none; }
							
						#wrapper #swrapper #content_body #right_content #contents .deal_bnr a { text-shadow: none; border: none; }
							#wrapper #swrapper #content_body #right_content #contents .deal_bnr a:hover { color: none; }
							#wrapper #swrapper #content_body #right_content #contents .deal_bnr a .btn { text-shadow: none; border: none; }
							
						#wrapper #swrapper #content_body #right_content #contents .rpg_bnr a { text-shadow: none; border: none; }
							#wrapper #swrapper #content_body #right_content #contents .rpg_bnr a:hover { color: none; }
							#wrapper #swrapper #content_body #right_content #contents .rpg_bnr a .btn { text-shadow: none; border: none; }

/*------------------------------------------index.html---------------------------------------------*/
					#index .section .update {
						margin: 0 0 30px 0;
						padding: 3px;
						width: 576px;
						height: 150px;
						overflow: auto;
						background: #fff;
						border: 1px solid #ccc;
					}
					
					* html #index .section .update {
						margin: 0 0 30px 0;
						padding: 3px;
						width: 571px;
						height: 150px;
						overflow: auto;
						background: #fff;
						border: 1px solid #ccc;
					}
					
						#index .section .update dt {
							clear: left;
							float: left;
							margin: 0 0 5px 0;
							padding: 0 0 0 18px;
							width: 90px;
							height: 18px;
							line-height: 18px;
							color:  #1e3706;
							border-bottom: 1px dashed #999;
							background: url(../images/icon.gif) 0 0 no-repeat;
						}
						
							#index .section .update dd {
								float: left;
								margin: 0 0 5px 0;
								padding: 0;
								width: 447px;
								height: 18px;
								line-height: 18px;
								border-bottom: 1px dashed #999;
							}
							
							* html #index .section .update dd {
								float: left;
								margin: 0 0 5px 0;
								padding: 0;
								width: 446px;
								height: 18px;
								line-height: 18px;
								border-bottom: 1px dashed #999;
							}