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

*{padding:0;margin:0;border:0;}
html{width:100%;height:100%;}
body{
width:100%;
height:100%;
margin:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header,section,nav,footer,aside{display:block;}

h1,h4,h5,h6{display:none;}
h2,h3{
font-size:12px;
font-weight:bold;
color:#fff;
border-radius:10px;
}
.konami{height:28px; display:block; text-align:left; vertical-align:middle;}
.kpe,.tei{clear:both; margin-left:0; /*width:30%;*/ float:left; display:block;}
.kpe{height:44px; display:block; text-align:left; vertical-align:middle;}
.tei{height:41px; width:20%; text-align:left; vertical-align:middle; clear:none;}

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

.menu a:link{color:#000; text-decoration:none;}
.menu a:visited{color:#000; text-decoration:none;}
.menu a:hover{color:#ff0099; text-decoration:underline;}
.menu a:active{color:#ff0099; text-decoration:underline;}

.navi img{margin:0 5px -3px 5px;}
.navi a:link{color:#000; text-decoration:none;}
.navi a:visited{color:#000; text-decoration:none;}
.navi a:hover{color:#ff0099; text-decoration:none;}
.navi a:active{color:#ff0099; text-decoration:none;}

.log_link li,.mh_link li{list-style:none;}

.scroll{position:fixed; right:0; top:0;}

@media screen and (min-width:641px){
body{
background-color:#fff;
background:url(../img/bg.png);
background-repeat:repeat-x;
background-attachment:fixed;
}

h2,h3{background:#dd0055;}
h2{width:70%; padding:1% 0 1% 2%; margin:0 0 5% 0;}
h3{width:90%; margin:8% 0 5% 5%;}
h3 span{display:none;}

.main_inner{position:relative; width:980px; min-width:980px;}

/*.kpe{width:100px;}*/
.kpe img{height:50px; /*margin:15px 0 0 12px;*/}
.tei img{height:16px; margin:17px 0 0 7px;}
.konami img{height:26px; margin:17px 0 0 7px;}

.log{
width:630px;
background:#fff;
font-size:13px;
line-height:170%;
border-radius:10px;
border:solid 2px #dd0055;
padding:2%;
margin:0 0 30px 30px;
}

.menu{
position:absolute;
top:232px;
width:200px;
height:840px;
background:#fff;
font-size:12px;
font-weight:bold;
line-height:180%;
text-align:center;
border-radius:10px;
border:solid 2px #dd0055;
padding:0 0 10px 0;
margin-left:740px;
}

/*.menu a:hover img{opacity:0.7; filter:alpha(opacity=80); -ms-filter:“alpha( opacity=80 )”;}*/

.sp_menu{display:none;}
.log_link span{display:none;}
.mh_link li{height:37px; margin:5px 0 5px 0; display:block;}
.mh_link p{display:none;}
.mh_link p span{display:none;}

.navi{width:65%; height:50px; position:relative; font-size:16px; font-weight:bold;}
.next{position:absolute;top:0; right:-70px;}
.back{position:absolute;top:0; left:30px;}

header{width:100%; min-width:980px; height:50px; position:relative; background:#fff;}
footer{width:100%; min-width:980px; padding:20px 0 20px 0; margin:50px 0 0 0; height:20px; background:#fff;}
.header{position:absolute; right:20px;}
.header li{float:left; padding:6px 0 0 0;}
.footer li{float:left;}
.portal,.foot{display:none;}
.link li{font-size:11px; list-style:none; margin:0 10px 0 0;}
.copy{font-size:12px; float:right; padding:0 10px 0 0;}

.header li span,.footer li span{color:#990014;}
.header li a:link,.footer li a:link{color:#000; text-decoration:none;}
.header li a:visited,.footer li a:visited{color:#000; text-decoration:none;}
.header li a:hover,.footer li a:hover{color:#ff0099; text-decoration:none;}
.header li a:active,.footer li a:active{color:#ff0099; text-decoration:none;}
}

@media screen and (max-width:640px){
body{background:url(../img/bg_sp.png); background-repeat:repeat;}

h2{background:#dd0055;}
h3{background:#ff0099;}
h2{width:90%; padding:1% 0 1% 5%; margin:0 0 20px 0;}
h3{width:96%; margin:3% 2% 2% 2%; padding:3px 0 3px 0; text-align:center; clear:both;}
h3 span,.sp_menu span{color:#fc0;}

.main_inner{min-width:320px;}

/*.kpe{width:80px;}*/
.kpe img{/*height:18px; margin:10px 0 0 10px;*/ height:36px;}
.tei img{height:15px; margin:12px 0 0 0;}
.konami img{height:24px; margin:6px 0 0 4px;}

.top{width:100%; margin-top:30px;}

.log{
width:90%;
background:#fff;
font-size:12px;
line-height:160%;
border:solid 1px #dd0055;
padding:20px 3% 20px 4%;
margin:0 2% 3% 1%;
}

.navi{width:100%; height:50px; position:relative; font-size:16px; font-weight:bold;}
.next{position:absolute;top:0; right:5%;}
.back{position:absolute;top:0; left:5%;}

.menu{
position:absolute;
top:35px;
width:100%;
min-width:320px;
/*background-color:rgba(255,204,255,0.8);*/
background:#ffccff;
}
.sp_menu{width:100%; font-size:14px; font-weight:bold; color:#fff; background:#dd0055; clear:both; text-align:center; padding:6px 0 6px 0;}
.log_link span,.mh_link span{color:#ff0099; font-size:10px;}
.log_link,.mh_link{width:96%; font-size:13px; font-weight:bold; margin:0 2% 0 2%; text-align:center;}
.log_link li{width:33%; float:left; padding:5px 0 5px 0; display:block; background:#fff;}
.mh_link img{display:none;}
.mh_link li{background:#fff; padding:5px 0 5px 0;}
.log_link li:last-child,.mh_link li:last-child{margin:0 0 2% 0;}

header{background:#fff; width:100%; min-width:320px; height:36px;}
footer{width:100%; min-width:320px; background:#666;}
.header li{display:none;}
.footer{width:100%;}
.footer ul{width:100%; margin:0px auto;}
.footer li{
width:49.6%;
height:20px;
float:left;
font-size:11px;
list-style:none;
vertical-align:middle;
background:#666;
border-top:solid 1px #888;
padding:5px 0 5px 0;
display:block; 
}
.footer li span{color:#990014;}
.footer li a:link{color:#fff; text-decoration:none;}
.footer li a:visited{color:#fff; text-decoration:none;}
.footer li a:hover{color:#fc0; text-decoration:none;}
.footer li a:active{color:#fc0; text-decoration:none;}
.footer li{border-left:solid 1px #888;}
.footer li:nth-child(odd){border-left:none; width:50%;}
.portal{width:100%; font-size:12px; font-weight:bold; color:#fff; background:#ff0099; clear:both; text-align:center; padding:5px 0 5px 0;}
.portal a:link{color:#fff; text-decoration:none;}
.portal a:visited{color:#fff; text-decoration:none;}
.portal a:hover{color:#fff; text-decoration:underline;}
.portal a:active{color:#fff; text-decoration:underline;}
.copy{width:100%; font-size:10px; color:#fff; background:#990014; clear:both; text-align:center;}
}