@charset "UTF-8";


/* ------------------------------------------------------------
メインビジュアル
------------------------------------------------------------ */
#mainvisual {
width:100%;
/*background:url(../_img/indexmainvisual.jpg) top center no-repeat;
-moz-background-size:contain;
background-size:contain;*/
margin-bottom:20px;
}

#readtext{ margin:0 35px 20px;}

#menuArea{ margin-bottom:20px;}
#menuArea li{ float:left; width:20%; text-align:center; margin-bottom:5px;}
#menuArea li.break{ margin-right:0;}


#btnAward{ border:1px solid #4d4d4d; margin:0 10px 20px;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
}
#btnAward a{ display:block; padding:10px;}

#btnKonamistyle{ margin:0 0px 15px;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;

background: #9b0003; /* Old browsers */
background: -moz-linear-gradient(top, #9b0003 0%, #7e0002 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b0003), color-stop(100%,#7e0002)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9b0003 0%,#7e0002 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9b0003 0%,#7e0002 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9b0003 0%,#7e0002 100%); /* IE10+ */
background: linear-gradient(to bottom, #9b0003 0%,#7e0002 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0003', endColorstr='#7e0002',GradientType=0 ); /* IE6-9 */
}
#btnKonamistyle a{ display:block; padding:10px; text-align:center;}


#btnmovie{ display:block; padding:10px;}
#btnspec{ display:block; padding:10px;}
#btnmgsv{ display:block; padding:10px; margin-bottom:20px; }


/* INFORMATION
-------------------------------------------------------- */
#infomationBox{ position:relative; border-top:1px solid #393939; padding-top:20px; margin-bottom:20px;}
#infomationBox .btnMore{ background-color:#3e8ba7; box-sizing:border-box; width:140px; height:20px; line-height:20px; text-align:center; position:absolute; top:10px; right:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#infomationBox .btnMore a{display:block;}

#newsList{ margin-top:10px;}
#newsList dt{ color:#3e8ba7; line-height:1; margin-bottom:.1em;}
#newsList dd { color:#fff; margin-bottom:1em; line-height:1.41;}
#newsList dd a{ color:#fff; text-decoration:underline;}


.indent1{ text-indent:-1em; padding-left:1em;}




/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container {}



.boxBase{ color:#FFF; clear:both;}
.boxBase:after{ content: ""; display: block; clear: both;}
.boxBase{zoom:1;}

.boxBase .inner{ padding:10px;}
.boxBase .textBox{ line-height:1.61; text-shadow:1px 1px 0px rgba(0,0,0,0.3),2px 2px 2px rgba(0,0,0,0.5); margin-bottom:20px;}

.boxBase .picBox{ margin-left:-1%;}
.boxBase .picBox li{ float:left; width:24%; margin-bottom:10px; margin-left:1%;}

.boxBase .softBox{ clear:both; border:1px solid #3f4553; background:#020400; padding:10px;}
.boxBase .softBox dl{ position:relative;}
.boxBase .softBox dt{ position:absolute; top:0px; left:0px;}
.boxBase .softBox dd{ font-size:93%; color:#c8c8c8; line-height:1.61;}


.hisyoryArea{}
.hisyoryArea dl{ clear:both;}
.hisyoryArea dl dt{ display:inline-block; padding-top:1em; vertical-align:top; width:10%;}
.hisyoryArea dl dt .year{ font-family:Arial, Helvetica, sans-serif; display:block;}
.hisyoryArea dl dd{ display:inline-block; padding-top:1em; border-left:1px solid #6e6e6e; font-size:93%; padding-bottom:10px; vertical-align:top; width:88%;}
.hisyoryArea dl dd span{ display:block; padding:0 5px 0 10px;}



a.official{ display:inline-block; padding:0.2em; text-align:center; color:#000; margin-top:3px;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;

background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}


/* --------------------------------------------------------
ソフト別
-------------------------------------------------------- */
#mgs3{ background:url(../_img/hisyory/mgs3-bg.jpg) center top no-repeat; background-size:contain;}
#mgs3 .softBox dl{ min-height:133px;}
#mgs3 .softBox dd{ padding-left:104px;}
#mgs3 .game{ color:#93b100;}

#mgsp{ background:url(../_img/hisyory/mgsp-bg.jpg) center top no-repeat; background-size:contain;}
#mgsp .softBox dl{ min-height:134px;}
#mgsp .softBox dd{ padding-left:88px;}
#mgsp .game{ color:#ffd200;}

#mg{ background:url(../_img/hisyory/mg-bg.jpg) center top no-repeat; background-size:contain;}
#mg .softBox dl{ min-height:129px;}
#mg .softBox dd{ padding-left:104px;}
#mg .game{ color:#0068e2;}

#mg2s{ background:url(../_img/hisyory/mg2s-bg.jpg) center top no-repeat; background-size:contain;}
#mg2s .softBox dl{ min-height:129px;}
#mg2s .softBox dd{ padding-left:104px;}
#mg2s .game{ color:#2b9dd7;}

#mgs{ background:url(../_img/hisyory/mgs-bg.jpg) center top no-repeat; background-size:contain;}
#mgs .softBox dl{ min-height:81px;}
#mgs .softBox dd{ padding-left:105px;}
#mgs .game{ color:#ec0000;}

#mgs2{ background:url(../_img/hisyory/mgs2-bg.jpg) center top no-repeat; background-size:contain;}
#mgs2 .softBox dl{ min-height:138px;}
#mgs2 .softBox dd{ padding-left:103px;}
#mgs2 .game{ color:#00b3ec;}

#mgs4{ background:url(../_img/hisyory/mgs4-bg.jpg) center top no-repeat; background-size:contain;}
#mgs4 .softBox dl{ min-height:110px;}
#mgs4 .softBox dd{ padding-left:105px;}
#mgs4 .game{ color:#ffffff;}