@charset "Shift_JIS";


/* ==================================================

 Basic

================================================== */
#footerArea{
clear: both;
width: 100%;
color: #666;
font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
line-height: 1.3;
text-align: center;
}

#footerArea h2,
#footerArea h3,
#footerArea p,
#footerArea address,
#footerArea ul,
#footerArea ol,
#footerArea li{
margin: 0;
padding: 0;
list-style: none;
font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

#footerArea address{
font-style:normal;
}


/* ==================================================

 recommendedSystem

================================================== */
#footerArea p#recommendedSystem{
margin-top:12px;
text-align: center;
font-size: 10px;
font-family:"MS Gothic", sans-serif;
}
#footerArea p#recommendedSystem span{
font-family:Verdana;
}
#footerArea .v3 p#recommendedSystem{
margin-top: 5px;
font-family:"MS PGothic", sans-serif;
font-size:11px;
}

/* core */
#footerArea.core p#recommendedSystem{
color: #fff;
}


/* ==================================================

 base

================================================== */
#hgFooter{
width: 770px;/* "common/mod_layout.css" に "width: 860px!important;"を記述しています */
padding-bottom:12px;
margin: 0 auto;
border-top: 1px solid #ccc;
background-color: #fff;
text-align: center;
}

#hgFooter ul,
#hgFooter li{
margin: 0;
padding: 0;
list-style: none;
}

#hgFooter img{
border: none;
}

#hgFooter a img{
vertical-align: bottom;
}

#hgFooter a{
color: #555;
text-decoration: none;
}

#hgFooter a:hover{
text-decoration: underline;
}

/* core */
#footerArea.core #hgFooter{
background-color: transparent;
color: #fff;
}


/* ==================================================

 Basic footer

================================================== */


/* nhn logo
-------------------------------------------------- */
#hgFooter h2#nhncorpLogo{
margin-top: 15px;
*margin-top: 11px;
margin-left: -524px;
}
#hgFooter.v02 h2#nhncorpLogo{
margin-left:-674px;
}

#hgFooter.v03 h2#nhncorpLogo{
margin-left: -528px;
}

#hgFooter.v04 h2#nhncorpLogo{
margin-left: -620px;
}

.core #hgFooter h2#nhncorpLogo img{
width:0;
height:21px;
padding-left:82px;
background:url(//images.hangame.co.jp/hangame/common/hgfooter/logo_nhncorp.v02.png) no-repeat 0 0;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//images.hangame.co.jp/hangame/common/hgfooter/logo_nhncorp.v02.png,sizingMethod=crop);
}


/* nhnCorpNavi
-------------------------------------------------- */
#hgFooter ul#nhnCorpNavi{
margin-top: -24px;
*margin-top: -25px;
margin-left: 96px;
*margin-left: 100px;
}
#hgFooter #nhnCorpNavi:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#hgFooter.v02 ul#nhnCorpNavi{
margin-left: 108px;
}

#hgFooter.v3 ul#nhnCorpNavi{
margin-top: -30px;
*margin-top: -31px;
}

#hgFooter #nhnCorpNavi li{
display: inline;
padding: 0 1px 0 6px;
border-left:1px solid #bbb;
white-space:nowrap;
}

#hgFooter #nhnCorpNavi li.corpSummary{
border-left:none;
}

#hgFooter #nhnCorpNavi li a{
color: #555;
text-decoration: none;
}

#hgFooter #nhnCorpNavi li a:hover{
text-decoration: underline;
}

/* core */
#footerArea.core #hgFooter #nhnCorpNavi li a{
color: #fff;
}

/* nhn copyright
------------------------- */
#hgFooter address{
margin-top: 5px;
margin-left: -158px;
font: normal 10px Verdana, sans-serif;
}
#hgFooter.v02 address{
margin-left:-282px;
}

#hgFooter address span.nhnCorp{
color: #009AC8;
font-weight: bold;
}

/* core */
#footerArea.core #hgFooter address span.nhnCorp{
color: #fff;
}

/* familySite
------------------------- */
#hgFooter #familySite{
margin-top: -16px;
margin-left: 369px;
}
#hgFooter.v02 #familySite{
margin-left:562px;
}
#hgFooter.v03 #familySite{
margin-left:418px;
}
#hgFooter.v04 #familySite{
margin-left:520px;
}

#hgFooter #familySite h3{
display: inline;
margin-right:5px;
*margin-right:9px;
font: normal 10px Verdana, sans-serif;
line-height: 20px;
}

#hgFooter #familySite ul{
display: inline;
}

#hgFooter #familySite li{
display: inline;
margin-right:4px;
}

#hgFooter #familySite li img{
vertical-align: middle;
}

.core #hgFooter #familySite li.hange img{
height:20px;
width:0;
padding-left:41px;
background:url(//images.hangame.co.jp/hangame/common/hgfooter/logo_hange.v02.png) no-repeat 0 0;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//images.hangame.co.jp/hangame/common/hgfooter/logo_hange.v02.png,sizingMethod=crop);
}

.core #hgFooter #familySite li.naver img{
height:20px;
width:0;
padding-left:62px;
background:url(//images.hangame.co.jp/hangame/common/hgfooter/logo_naver.v02.png) no-repeat 0 0;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//images.hangame.co.jp/hangame/common/hgfooter/logo_naver.v02.png,sizingMethod=crop);
}

.core #hgFooter #familySite li.livedoor img{
height:20px;
width:0;
padding-left:56px;
background:url(//images.hangame.co.jp/hangame/common/hgfooter/logo_livedoor.png) no-repeat 0 0;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//images.hangame.co.jp/hangame/common/hgfooter/logo_livedoor.png,sizingMethod=crop);
}


/* ==================================================

 Simple footer

================================================== */
#hgFooter.simple h2#nhncorpLogo{
margin-left: -315px;
}

#hgFooter.simple address{
margin-top: -17px;
margin-left: 110px;
}


/* ==================================================

 wide footer

================================================== */
#footerArea.wide{
min-width: 860px;
border-top: 1px solid #ccc;
background-color: #fff;
}

#footerArea.wide #hgFooter{
width: 860px;
border-top: none;
}

#footerArea.wide.black{
border-top: 1px solid #000;
background-color: #343339;
}