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

html {
background-image: none;
background-color:#fff;
}
/*html , body{height:100%;}
*/
/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper {
width:100%;
min-width:980px;
overflow:hidden;
width: expression((document.body.clientWidth) < 980 ? "980px" : "auto");
margin:0 auto;
text-align:left;
background:url(../img/common/bg.png) center top repeat-x;
/*background-attachment:fixed;*/

min-height:100%;
height: auto !important;
height: 100%;
}

/* --------------------------------------------------------
#wrap
-------------------------------------------------------- */
#wrap {
/*width:980px;*/
margin:0 auto;
text-align:left;
position:relative;

}
#wrap:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#wrap{zoom:100%; display:inline-block;/* Hides from IE-mac \*/}
* html #wrap{height:1%;}
#wrap{display:block;}/* End hide from IE-mac */

/* --------------------------------------------------------
#header
-------------------------------------------------------- */
#header{
margin:0 auto;
width:980px;
position:relative;
}
#header h1{
padding:7px 0 0 28px;
}
#header #hard{
position:absolute;
right:0;
top:0;
}
#header #h_text{
position:absolute;
right:0;
top:53px;
}
#header #snsBox{
position:absolute;
right:0;
top:103px;
}
#header #snsBox li{display:inline; position:absolute;}
#header #snsBox li.tw{width:90px; top:0px; right:15px;}
#header #snsBox li.fb{top:0px; right:120px;}



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


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{
margin:0px auto 0px auto;
padding:0px 0 20px 0;
position:relative;
width:980px;
}
#contents:after{
content: ""; 
display: block; 
clear: both;}
#contents {zoom:1;}


/* --------------------------------------------------------
#pathlist
-------------------------------------------------------- */
#pathlist{margin-bottom:10px; margin-top:3px; /padding-top:5px;}
#pathlist ol{}
#pathlist li{
display:inline;
font-size:85%;
}
#pathlist li a {}


/* --------------------------------------------------------
#footer_wrap
-------------------------------------------------------- */
#footer_wrap{
clear:both;
background:#000 url(../img/common/f_bg.png) left top repeat-x;
padding:20px 0 30px;
}
/* --------------------------------------------------------
#footer
-------------------------------------------------------- */
#footer{
margin:0px auto 0;
width:980px;
position:relative;
}

#footer #bnr{
position:relative;
height:52px;
margin-bottom:20px;
}
#footer #bnr li{
display:block;
float:left;
margin:0 10px 0 0;
}


#footer #menu{
padding-top:5px;
margin-bottom:20px;
margin-left:-9px;
}
#footer #menu li{
display:inline;
}
#footer #menu li a{margin:0 9px;}

/*copylight
----------------------------------------------------*/
#footer #copyright{
font-size:85%;
position:absolute;
bottom:2px;
right:0px;
color:#FFF;
}

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


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



/*pagetop
----------------------------------------------------*/
.pagetop{clear:both; height:18px;}
.pagetop a{
float:right;
display:block;
background:url(../img/common/btn_pagetop.png) left top no-repeat;
width: 82px;
height: 18px;
overflow:hidden;
padding: 0;
}
.pagetop a span{display:none;}
.pagetop a:hover{background-position:left bottom;}


/*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;}

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

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

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


/*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;}

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

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

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


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