@charset "Shift_JIS";

/* - First{ T.F. } - Last{ T.F. } - Update{ 2007-08-22 } - About{ for globalHeader style } */


/* Base
------------------------------------------- */
#globalHeader{
position: relative;
z-index: 200;
width: auto;
min-width: 860px;
border-bottom: 1px solid #ddd9d6;
background-color: #f1f1f1;
color: #666;
font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
line-height: 1.3;
text-align: center;
}

#globalHeader .ghWrap{
position: relative;
width: 860px;
height: 26px;
margin: 0 auto;
text-align: left;
}

#globalHeader h2,
#globalHeader h3,
#globalHeader h4,
#globalHeader p,
#globalHeader ul,
#globalHeader li{
margin: 0;
padding: 0;
}

#globalHeader a img{
border: none;
vertical-align: bottom;
}


/* description
------------------------------------------- */
#globalHeader #description{
position: absolute;
left: 50%;
top: 3px;
margin: 0 0 0 -424px;
color: #6e6e6e;
font-size: 11px;
font-weight:normal;
line-height: 22px;
}

#globalHeader #description a{
color: #804918;
font-weight: bold;
text-decoration: none;
zoom: 1;
}

#globalHeader #description a:hover{
text-decoration: underline;
}


/* ghExtraBnr
------------------------------------------- */
#ghExtraBnr{
position: absolute;
left: 50%;
top: 2px;
margin-left: 27px;
}


/* All game title list
------------------------------------------- */
#globalHeader #gameTitleList{
position: absolute;
left: 50%;
top: 4px;
z-index: 201;
width: 179px;
margin-left: 175px;
line-height: 18px;
}

#globalHeader #gameTitleList h2{
cursor: pointer;
width: 179px;
margin: 0;
padding-top: 1px;
text-indent: 9px;
background: url(http://images.hangame.co.jp/hangame/common/globalheader/bg_gametitle_list.gif) no-repeat 0 0;
color: #bbb;
font: normal 12px/18px 'ＭＳ Ｐゴシック', sans-serif;
}

#globalHeader #gameTitleList #pullDownGameList{
position: relative;
z-index: 203;
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-face-color: #fff;
scrollbar-track-color: #eee;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-arrow-color: #797979;
width: 179px;
max-height: 500px;
_height: 500px;/* 変更時はselectBlockerも編集 */
margin-top: 1px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fff;
}

#globalHeader #gameTitleList #pullDownGameList div{
margin-top: -1px;
padding: 3px 0 8px;
border-top: 1px dotted #bbb;
border-left: 1px solid #ccc;
zoom: 1;
}

#globalHeader #gameTitleList h3{
margin: 4px 0;
*margin: 8px 0 4px;
background: url(http://images.hangame.co.jp/hangame/common/ico_arrowbox_gray.gif) no-repeat 8px 4px;
color: #666;
font-size: 12px;
font-weight: bold;
text-indent: 21px;
zoom: 1;
}

#globalHeader #gameTitleList h4{
margin: 4px 0 3px 1px;
padding-top: 2px;
border-top: 1px dotted #e3e3e3;
background-color: #f2f2ec;
color: #888;
font-size: 11px;
font-weight: normal;
line-height: 14px;
text-indent: 8px;
zoom: 1;
}

#globalHeader #gameTitleList ul{
padding: 0;
font-size: 12px;
}

.mac #globalHeader #gameTitleList ul{
font-size: 11px;
}

#globalHeader #gameTitleList li{
margin: 0;
padding: 0;
background: url(http://images.hangame.co.jp/hangame/common/ico_2x2_gray.gif) no-repeat 12px 8px;
text-indent: 20px;
zoom: 1;
}

#globalHeader #gameTitleList li a{
display: block;
outline: none;
color: #666;
text-decoration: none;
zoom: 1;
}

#globalHeader #gameTitleList li a:hover{
text-decoration: underline;
}


/* listClose */
#globalHeader #gameTitleList.listClose{
height: 19px;
overflow: hidden;
}

#globalHeader #gameTitleList.listClose h2{
color: #666;
}

#globalHeader #gameTitleList.listClose #pullDownGameList{
display: none;
}


/* selectBlocker */
#gameTitleList iframe#selectBlocker{
position: absolute;
left: 0;
top: 20px;
z-index: 202;
height: 502px;
width: 178px;
border: none;
}


/* logoutButton
------------------------------------------- */
#globalHeader #logInOutButton{
position: absolute;
left: 50%;
top: 4px;
margin-left: 358px;
width: 66px;
height: 19px;
}

#globalHeader #simpleLoginLogout{
margin: 0;
}




/* With Navigation
------------------------------------------- */
#globalHeader.withNavi{
height: 36px;
background: url(http://images.hangame.co.jp/hangame/common/globalheader/bg_simplenavi.gif) repeat-x 0 0;
border: none;
}

#globalHeader.withNavi.core{
background: url(http://images.hangame.co.jp/hangame/common/globalheader/bg_simplenavi_core.gif) repeat-x;
}

#globalHeader.withNavi .navi{
position: absolute;
left: 50%;
top: 0;
width: 452px;
margin: 0 0 0 -430px;
line-height:15px;
}

#globalHeader.withNavi .navi li{
display: inline;
float: left;
padding-top: 10px;
}

#globalHeader.withNavi .navi li.hangame{
margin-right: 12px;
padding-top: 2px;
}


/*  */
#globalHeader.withNavi #gameTitleList,
#globalHeader.withNavi #logInOutButton{
top: 9px;
}


/* With Navigation for MHF
------------------------------------------- */
#globalHeader.withNavi.mhf #gameTitleList{
margin-left:245px;
}