@charset "utf-8";
/* ==================================================================
CSS information
style info :共通（汎用クラス）
================================================================== */

/* --------------------------------------------------------
html,body
	#wrapper
		#header_wrap
		#frontArea
		#container
			#contents
		#footer_wrap
-------------------------------------------------------- */

html,body { background-color:#000; height:100%;}

/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper {
width:100%;
min-width:980px;
text-align:left;
min-height:100%;
height: auto !important;
height: 100%;
position:relative;
}
body > #wrapper {height: auto; width: auto;}




/* --------------------------------------------------------
#header
-------------------------------------------------------- */
#header{ width:980px; margin:0 auto; text-align:left; position:relative; z-index:1;}

#header #sns{ width:103px; height:31px; margin-top:7px; float:right; position:relative; z-index:200;}
#header #sns li{ width:31px; height:31px; position:absolute;}
#header #sns li.snsTw{ top:0px; left:0px;}
#header #sns li.snsFb{ top:0px; left:36px;}
#header #sns li.snsGg{ top:0px; left:72px;}




/* KONAMIロゴ
-------------------------------------------------------- */
p#logomark {width:110px; height:31px; position:absolute; top:5px; left:0px; z-index:100;}



/* --------------------------------------------------------
#container
-------------------------------------------------------- */
/*
#container { height:100%; min-height:650px; padding-bottom:89px;}
*/
#container { }
#container:after{ content: ""; display: block; clear: both;}
#container {zoom:1;}


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
position:relative;
width:980px;
}




/* --------------------------------------------------------
#footer_wrap
-------------------------------------------------------- */
#footer_wrap{ clear:both; background:url(../img/bg-stripe.gif) 0 0 repeat; border-top:1px solid #3c3c3c; position:relative; width:100%;}
#footer_wrap{ /*position:absolute; bottom:0px; z-index:75;*/
min-height:100px;
height:auto !important;
height:100px;
}

/* --------------------------------------------------------
#footer
-------------------------------------------------------- */
#footer{ width:980px; margin:0px auto; padding:7px 0 0px; position:relative; font-size:77%;}

#footer #bnr{ position:absolute; top:10px; right:0px; height:47px; width:130px;}

#footer #menu{ width:980px; padding-top:10px; margin:0px auto; color:#515151; clear:both;}
#footer #menu li{display:block; float:left; margin-bottom:10px;}
#footer #menu li a{margin:0px 5px 0px 5px;}


/* ------------------------------------------------------------------------------------------ */
/* cookie button */
/* ------------------------------------------------------------------------------------------ */
#menu .ot-sdk #ot-sdk-btn {
    color: #fff;
    transition: 0s;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    margin: 0px 5px 0px 5px;
    display: inline;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
    text-align: left;
}

#menu .ot-sdk #ot-sdk-btn:hover {
    color: #fff;
    background: transparent;
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------ */

/*copylight
----------------------------------------------------*/
#copyright{ float:left; width:700px; color:#b3b3b3; font-size:85%; padding:0px 0 0 0px;}

#copyright_konami { position:absolute; top:70px; right:10px; height:15px; width:180px;}



/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
/*Link Style (Base)
----------------------------------------------------*/
a:link{text-decoration:none; color:#ffffff;}
a:visited{text-decoration:none; color:#ffffff;}
a:hover{text-decoration:underline; color:#ffffff;}
a:active{text-decoration:underline; color:#ffffff;}


/*clearfix　NN未対応版
----------------------------------------------------*/
.clearfix:after{content: ""; display: block; clear: both;}
.clearfix {zoom:1;}

.clear{ clear:both;}


/*pagetop
----------------------------------------------------*/
.pagetop{clear:both; height:25px; padding-right:15px; position:relative;}
.pagetop a{float:right; display:block; width:93px; height:25px; overflow:hidden; padding:0;
background:url(../img/common/btn_pagetop.png) left top no-repeat;
}
.pagetop a span{display:none;}
.pagetop a:hover{background-position:left bottom;}
/*.pagetop a:hover img{filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}*/


/*Float Style
----------------------------------------------------*/
.float_l{float:left;}
.float_r{float:right;}

/*Text align Style
----------------------------------------------------*/
.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}

/*Margin Style
----------------------------------------------------*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr55{margin-right:55px;}
.mr60{margin-right:60px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}


/*Padding Style
----------------------------------------------------*/
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pr55{padding-right:55px;}
.pr60{padding-right:60px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb55{padding-bottom:55px;}
.pb60{padding-bottom:60px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl55{padding-left:55px;}
.pl60{padding-left:60px;}


/*Light-Height Style
----------------------------------------------------*/
.golden-ratio {line-height:1.61; /* 黄金比 */}
.yamato-ratio {line-height:1.41; /* 大和比 */}
.platinum-ratio {line-height:1.73; /* 白金比 */}