body{
	text-align: center;
	margin: 0;
	padding: 0;
	font: 13px/1.231 verdana,arial,sans-serif,helvetica;
	*font-size: small;
	*font: x-small;
	background: #F9F9F9;
}

table {font-size: inherit; font: 100%;}

pre, code, kbd, samp, tt{
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}

img{
border: 0px;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img { 
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}

a:link,
a:visited,
a:active{
color: #000066;
text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

.webcen{
text-align:center;
margin:0 auto;
}

.webcen_inner{
display: inline;
}

.clr{
clear:both;
}


@media screen and (min-width: 769px) {

#page{
width:985px;
background-color: #F9F9F9;
padding:0;
margin:0 auto;
}


#head{
text-align:left;
font-size:14px;
background:#003366;
margin-bottom:8px;
}


.headtop{
width:985px;
padding:0;
margin:0 auto;
}

.headtop h1{
text-align:left;
font-size:12px;
color:#09F;
padding:5px 0;
}

.headlogo{
text-align:center;
width:360px;
padding:0;
margin:0 auto;
}

.navibar_in{
width:985px;
padding:0;
margin:0 auto;
}


#main {
float: left;
width:610px;
font-size:14px;
background: #F9F9F9;
padding: 5px 10px 5px 5px;
display: inline;
margin:0;
}

#main .top_title{
background:url(/pics/menu/titlebak610_b.png) no-repeat left bottom;
}

#main .top_title span {
display: block;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:center;
padding: 8px 10px 8px 10px;
background: url(/pics/menu/titlebak610_t.png) no-repeat left top;
margin:0px;
}

#main h3{
color:#333333;
text-align:left;
font-weight:bold;
background:#F2F2F2;
padding:8px 8px 8px 15px;
border-top:1px solid #999999;
}

#main .gamereview{
text-align:left;
padding:5px;
line-height:1.6;
}

#main .gamelink li{
color:#333333;
text-align:left;
font-weight:bold;
background:#F2F2F2;
padding:7px 7px 7px 15px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
line-height:1.8;
}

#main a:link,
#main a:visited,
#main a:active{
color:#00436D;
text-decoration:underline;
}

/* ------ メインサブ ------ */

#submain{
text-align:left;
}

#submain .rel_title{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background:url("/pics/menu/pgtopic1.png") repeat-x left top;
padding:5px 5px 5px 20px;
}

#submain .sublink{
border:1px solid #003366;
padding:5px;
}

#submain dl{
text-align:left;
line-height:1.5;
}

#submain dt{
font-weight:bold;
padding:3px 3px 3px 9px;
margin:0px;
}

#submain dt span{
float:right;
font-size:11px;
}

#submain dd{
padding:3px 3px 3px 9px;
line-height:1.5;
border-bottom:1px dotted #999999;
}


/* ------ ナビ ------ */

#sma_gnavi{ display: none; }
	
#pc_gnavi {
float: right;
width: 350px;
text-align:left;
font-size:14px;
margin: 0px;
padding: 5px;
}


#pc_gnavi h3{
text-align:center;
color:#FFFFFF;
font-weight:bold;
background:url(/pics/menu/menu_bak.gif) repeat-x left bottom;
height:15px;
padding:5px;
}

#pc_gnavi h3 a{
color:#FFFFFF;
}


#pc_gnavi ul li {
float:left;
list-style:none;
width:170px;
margin:2px;
}
#pc_gnavi ul li a:link,
#pc_gnavi ul li a:visited,
#pc_gnavi ul li a:active{
display: block;
text-decoration: none;
text-align:left;
font-size:12px;
font-weight:bold;
height:15px;
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #666666;
color: #000066;
}
#pc_gnavi ul li a:hover{background:url(/pics/menu/menu_u.png);color:#000066;}


#pc_gnavi span{
font-style:normal;
color:#006600;
padding:1px 3px;
}

.advimg{
float:left;margin-right:3px; margin-bottom:3px;
}

.pop_game{
clear:left;
border-bottom:1px dashed #999999;
line-height:1.8;
padding:7px 0;
}


#myModal{
display:none;
}

.modal-header{
display:none;
}

/* -- navi end -- */
	
#keylink{
width:985px;
font-size:14px;
margin:0px auto;
text-align:left;
line-height:1.8;
padding:5px 8px;
}

#keylink h3{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background:url("/pics/menu/pgtopic1.png") repeat-x left top;
padding:5px 5px 5px 20px;
margin:0 5px;
}

#keylink a:link,
#keylink a:visited,
#keylink a:active{
text-decoration:underline;
margin:3px 5px;
line-height:1.8;
}

#keylink .linkspace { width:180px; background:#E9E9E9; padding:0; margin:7px 7px !important; margin:7px 7px; border:1px solid #999999; float:left;}

#foot .contents{
width:985px;
line-height:1.8;
padding:0;
margin:0 auto;
}

#foot .linkarea { width:250px; line-height:1.6; padding:0; margin:0 7px !important; margin:0 7px; float:left;}

}

@media screen and (max-width: 768px) {

#page{
width:98%;
background:#F9F9F9;
margin:0 auto;
}

#head{
text-align:left;
font-size:14px;
background:#003366;
margin-bottom:8px;
}

.headtop{
width:100%;
padding:0;
margin:0 auto;
}

.headtop h1{
text-align:left;
font-size:12px;
color:#09F;
padding:5px 0;
}

.headlogo{
width:100%;
text-align:center;
padding:0;
margin:0 auto;
}

.headkou{
width:100%;
text-align:center;
padding:0;
margin:0 auto;
}

.navibar_in{
width:100%;
padding:0;
margin:0 auto;
}


.game_title{
width:100%;
margin:0px auto;
}

#main{
width:98%;
color: #000;
font-size:16px;
margin:0px auto;
padding:5px;
background: #F9F9F9;
}
	
	.gamereview{
	text-align: left;
	padding:5px;
	line-height:1.6;
	}
	.gamereview img{
	max-width: 320px;
	height: auto;
	}

#main .top_title span {
display: block;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:center;
padding: 8px 10px 8px 10px;
background: #006AD5;
margin:0px;
}

#main h3{
color:#333333;
text-align:left;
font-weight:bold;
background:#F2F2F2;
padding:8px 8px 8px 15px;
border-top:1px solid #999999;
}
	
/*---メインサブ ---*/

#submain{
width:100%;
margin:0px auto;
padding:0px;
text-align:left;
font-size:14px;
line-height: 1.8;
}

#submain .rel_title{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background: #003366;
padding:8px 5px 8px 20px;

}

#submain .sublink{
border:1px solid #003366;
padding:5px;
}

#submain dl{
text-align:left;
line-height:1.5;
}

#submain dt{
font-weight:bold;
padding:8px 3px 5px 9px;
margin:0px;
}

#submain dt span{
float:right;
font-size:11px;
}

#submain dd{
padding:3px 3px 3px 9px;
line-height:1.8;
border-bottom:1px dotted #999999;
}

#submain-onga{
width:100%;
padding-left:5px;
}

#submain-mmo{
width:100%;
padding-right:5px;
}

		.gamelink li a {
		display: block;
		position: relative;
		padding: 15px 25px 15px 15px;
		border-top: 1px solid #999999;
		background: #F2F2F2;
		/* color: #333333; */
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		}

		.gamelink li a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #666666;
		border-right: solid 2px #666666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		}

/*---Footer---*/

#keylink{
width:100%;
font-size:14px;
margin:0px auto;
text-align:left;
line-height:1.8;
padding:5px 8px;
}

#foot .contents{
width:100%;
line-height:1.8;
padding:0;
margin:0 auto;
}

#foot .linkarea { line-height:1.6; padding:0; margin:0;}



/* ------ ナビ ------ */
	
	#pc_gnavi{
	display: none;
	}
	
	#pc_keynavi{
		display:none;
	}
	
	#sma_gnavi{
	position:relative; top:0%; right:0%; 
	}
	
	#sma_gnavi h3{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	background:#003366;
	height:25px;
	padding:5px;
	}
	
	#sma_gnavi ul li {
	list-style:none;
	width:100%;
	margin:2px;
	}
	
	#sma_gnavi ul li a:link,
	#sma_gnavi ul li a:visited,
	#sma_gnavi ul li a:active{
	display: block;
	text-decoration: none;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding: 11px 5px 11px 15px;
	border-bottom: 1px dotted #666666;
	color: #000066;
	}
	#sma_gnavi ul li a:hover{background:#F2F2F2;color:#000066;}

	.p_navigation{display: none;}
	

/*-- keywords --*/

#keylink{
width:100%x;
font-size:16px;
margin:0px auto;
text-align:left;
line-height:1.8;
padding:5px;
}

#keylink h3{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background:url("/pics/menu/pgtopic1.png") repeat-x left top;
padding:5px 5px 5px 20px;
margin:0 5px;
}

#keylink a:link,
#keylink a:visited,
#keylink a:active{
text-decoration:underline;
margin:3px 5px;
line-height:1.8;
}

#keylink .linkspace { width:45%; background:#E9E9E9; padding:0; margin:7px 7px !important; margin:7px 7px; border:1px solid #999999; float:left;}

/* -- keylnk -- */

#foot .contents{
width:100%;
line-height:1.8;
padding:0;
margin:0 auto;
}

}

/* -- 760 end --*/

/* ------ ヘッド ------- */

.navibar{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
background:url("/pics/menu/headbar1.png") repeat-x left top;
padding:5px 5px 5px 20px;
}


.navibar span{
float:right;
color:#ffffff;
font-size:12px;
}


#head p{
font-size:12px;
}

#head a:link,
#head a:visited,
#head a:active{
color: #ffffff;
text-decoration: none;
}

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

/* ------ フッタ ------ */


#foot{
clear:both;
background:#003366;
text-align:left;
font-size:14px;
color:#ffffff;
padding:10px 7px 10px 7px;
}



#foot a:link,
#foot a:visited,
#foot a:active{
color: #ffffff;
text-decoration:underline;
}

#foot h3{
font-size:12px;
font-weight:bold;
color:#E8F3FF;
padding:5px 0;
}