body{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height:1.8;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	*font-size:medium;
	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;
}

.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;
}

.clr{
clear:both;
}

.top_title{
color:#fff;
font-weight:700;
padding:10px 5px;
background-color:#006AD5;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
}

@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:16px;
background: #F9F9F9;
padding: 5px 10px 5px 5px;
display: inline;
margin:0;
}

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

#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;
}

#main .kensu{
color:#333333;
text-align:right;
padding: 5px 10px 5px 5px;
}

#main .reviews_image{
float:left;
width:180px;
text-align:center;
}


#main .reviews_short{
float:left;
width:415px;
text-align:left;
padding:5px 5px 5px 10px;
line-height:1.8;
}


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



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

#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_rank { display:none; }

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

#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: rgb(0,51,102);
background: linear-gradient(180deg, rgba(0,51,102,1) 33%, rgba(0,106,213,1) 100%);
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 .onel{
list-style:none;
width:340px;
height:30px;
margin:2px;
}


#pc_gnavi .onel a:link{
display: block;
text-decoration: none;
text-align:left;
font-size:14px;
font-weight:bold;
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #666666;
color: #000066;
}

#pc_gnavi .onel a:hover{
box-shadow: 8px 0px 0px 0px rgba(0,51,102,1) inset;
background:#CFE0EE;
}


#pc_gnavi .twol{
float:left;
list-style:none;
width:170px;
height:30px;
margin:2px;
}

#pc_gnavi .twol a:link{
display: block;
text-decoration: none;
text-align:left;
font-size:14px;
font-weight:bold;
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #666666;
color: #000066;
}

#pc_gnavi .twol a:hover{
box-shadow: 8px 0px 0px 0px rgba(0,51,102,1) inset;
background:#CFE0EE;
}


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


#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;
}

#main .kensu{
color:#333333;
text-align:right;
padding: 5px 10px 5px 5px;
}
	
	.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;
}

#main .reviews_image{
max-width:200px;
padding:5px 10px;
text-align:center;
}

#main .reviews_short{
text-align:left;
padding:5px 10px;
line-height:1.8;
}

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

#main .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{
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 --*/

/* ----- ページング ----- */

#pagination{
margin-right: 5px;
padding:0px 2px;
text-align:left;
}

#pagination ul {
display:block;
border:none;
text-transform:uppercase;
font-size:12px;
margin:10px 0 10px;
padding:0;
}

#pagination li{
display: inline;
}

#pagination a:link,
#pagination a:visited,
#pagination a:active{
display: block;
float: left;
text-align: center;
height: 23px;
width: 38px;
padding-top: 5px;
margin-right: 5px;
color: #333333;
text-decoration: none;
background: #E8F3FF;
border:1px solid #003366;
}

#pagination a:hover {
color: #FFFFFF;
background: #003366;
}

#pagination .current a {
color: #FFFFFF;
background: #003366;
}


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

.navibar{
text-align:left;
color:#ffffff;
font-weight:bold;
margin:0px;
padding:5px 5px 5px 20px;
background: #2b95ff; /* Old browsers */
background: -moz-linear-gradient(top,  #2b95ff 0%, #54a3ee 50%, #006ad5 51%, #006ad5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2b95ff 0%,#54a3ee 50%,#006ad5 51%,#006ad5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2b95ff 0%,#54a3ee 50%,#006ad5 51%,#006ad5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b95ff', endColorstr='#006ad5',GradientType=0 ); /* IE6-9 */
}


.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:14px;
font-weight:bold;
color:#E8F3FF;
padding:5px 0;
}