body{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height:1.6;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	background: #F9F9F9;
	-webkit-text-size-adjust: 100%;
	}

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:16px;
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;
background: rgb(0,51,102);
background: linear-gradient(180deg, rgba(0,51,102,1) 33%, rgba(0,106,213,1) 100%);
padding:5px 5px 5px 15px;
}

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


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


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

#pc_gnavi input{
display: none;
}

#pc_gnavi label{
display: none;
}

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

.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;
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:100%;
color: #000;
font-size:16px;
margin:0px auto;
padding:0px;
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;
}

#main img{
max-width: 100%;
height: auto;
margin-bottom:5px;
}
	
/*---メインサブ ---*/

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



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

.rsqu{
display:none;
}

#pc_gnavi{
position:relative; top:0%; right:0%; 
}

#pc_gnavi h3{
display:none;
}

#pc_gnavi ul li {
list-style:none;
width:100%;
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:16px;
font-weight:bold;
padding: 11px 5px 11px 15px;
border-bottom: 1px dotted #666666;
color: #000066;
}
#pc_gnavi ul li a:hover{background:#F2F2F2;color:#000066;}


input {
display: none;
}

input:checked~.submenu {
max-height: 100%;
}

/*position the label*/
label {
position: relative;
display: block;
cursor: pointer;
background: #000;
color: #FFF;
font-size: 18px;
margin: 0 0 5px 0;
padding: 11px 8px;
}

.submenu {
max-height: 0;
overflow: hidden;
}

.accbox {
text-align: left;
margin: 1.5px 0;
padding: 0;
max-width: 100%;/*最大幅*/
}

.accbox label {
display: block;
margin: 1.5px 0;
padding : 11px 12px;
color :#fff;
font-size: 16px;
font-weight: bold;
background :#003366;
cursor :pointer;
transition: all 0.2s;
}

.accbox label:hover {
background :#006AD5;
}

.accbox input {
display: none;
}

.accbox .accshow {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}

.cssacc:checked + .accshow {
height: auto;
padding: 5px;
background: #eaeaea;
opacity: 1;
}


.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;
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: rgb(0,51,102);
background: linear-gradient(180deg, rgba(43,149,255,1.00) 33%, rgba(0,106,213,1) 100%);
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:14px;
font-weight:bold;
color:#E8F3FF;
padding:5px 0;
}