@charset "utf-8";
/* ==================================================================
CSS information
style info :���ʁi�ėp�N���X�j
================================================================== */

/* ------------------------------------------------------------------------------------------ */
/* cookie button */
/* ------------------------------------------------------------------------------------------ */

#menu .ot-sdk #ot-sdk-btn {
    color: #5c5c5c;
    transition: .0s;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-block;
    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: #ea3d9e;
    background: transparent;
    text-decoration: underline;
}

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

html,body {
background-image: none;
}
/*html , body{height:100%;}
*/
/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper {
width:980px;
min-width:980px;
overflow:hidden;
margin:0 auto;
text-align:left;
background-color:#FFF;
min-height:100%;
height: auto !important;
height: 100%;
margin-bottom:0px;
}


/* --------------------------------------------------------
#header
-------------------------------------------------------- */
#header{ margin:0 auto; height:70px; position:relative;}
#header h1{ display:block; width:212px; height:66px; position:absolute; top:0; right:-20px;}

/* --------------------------------------------------------
KONAMI���S
-------------------------------------------------------- */
p#logomark img {width:130px; height:auto; position:absolute; top:5px; left:0px;}


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


/* --------------------------------------------------------
#footer
-------------------------------------------------------- */
#footer{
margin:0px auto;
position:relative;
border-top:1px solid #f0f0f0;
padding:10px 80px 0 0;
font-size:77%;
color:#5c5c5c;
}

#footer #menu{}
#footer #menu:after{content: ""; display: block; clear: both;}
#footer #menu {zoom:1;}
#footer #menu li{display:block; float:left;}
#footer #menu li a{ color:#5c5c5c; text-decoration:none;}
#footer #menu li a:hover{ color:#ea3d9e; text-decoration:underline;}


#footer #license{ margin-top:10px; line-height:1.41;}

#footer #production{ position:absolute; top:10px; right:0px;}
#footer #production a{ display:block; background:url(../img/common/lpp_logo.gif) 0 0 no-repeat; width:80px; height:80px;}
#footer #production a span{ display:none;}

/*copylight
----------------------------------------------------*/
#footer #copyright{ margin:10px auto; text-align:left;}



/* --------------------------------------------------------
�ėp�N���X
-------------------------------------------------------- */
/*Link Style (Base)
----------------------------------------------------*/
a:link		{ text-decoration: underline; color: #333;}
a:visited	{ text-decoration: underline; color: #333;}
a:hover		{ text-decoration: underline; color: #ea3d9e;}
a:active	{ text-decoration: underline; color: #ea3d9e;}

a.arrow{ background:url(../img/common/arrow.gif) left center no-repeat; padding-left:1em;}


/*clearfix�@NN���Ή���
----------------------------------------------------*/
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfix {zoom:1;}



/*pagetop
----------------------------------------------------*/
.pagetop{clear:both; height:24px; padding-right:20px; position:relative;}
.pagetop a{
float:right;
display:block;
background:url(../img/common/btn_pagetop.gif) left top no-repeat;
width: 92px;
height: 24px;
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; /* ���a�� */}
.platinum-ratio {line-height:1.73; /* ������ */}