div#header a
{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    text-indent: -9999px;
    text-decoration: none;
}

div#header a:focus
{
    overflow: hidden;
}

div#header h1#logo
{
    float:          left;
    margin:   20px 0 0 0;
    width:         220px;
    height:         60px;
    text-indent: -9999px;
    background: url("/images/common/logo.gif") 0 0 no-repeat;
}

div#header h1#logo a:hover,
div#header h1#logo a:active,
div#header h1#logo a:focus
{
    background: url("/images/common/logo.gif") 0 0 no-repeat;
}

div#header h2#catch_copy
{
    float:           left;
    margin: 40px 0 0 30px;
    width:          168px;
    height:          30px;
    text-indent:  -9999px;
    background: url("/images/common/catch_copy.gif") 0 0 no-repeat;
}

div#header div.mypage_block
{
    float:          left;
    margin:   25px 0 0 0;
    height:         55px;
    width:         267px;
}

div#header div.welcome
{
    margin:      5px 0 0 0;
    height:           20px;
    width:           230px;
    text-align:      right;
    vertical-align: bottom;
}

div#header div.welcome span.nickname
{
    color: #666666;
    font-weight: 700;
}

div#header div#logout
{
    float:           right;
    margin:     0 10px 0 0;
}

div#header div#logout a
{
    width:            80px;
    height:           30px;
    text-indent:   -9999px;
    background: url("/images/common/link_logout.gif") 0 0 no-repeat;
}

div#header div#logout a:hover,
div#header div#logout a:focus,
div#header div#logout a:active
{
    background-position: 0px -30px;
}

div#header div#mypage
{
    float:           right;
    margin:  25px 10px 0 0;
}

div#header div#mypage.authenticated
{
    float:           right;
    margin:     0 10px 0 0;
}

div#header div#mypage a
{
    width:            85px;
    height:           30px;
    text-indent:   -9999px;
    background: url("/images/common/mypage_link.gif") 0 0 no-repeat;
}

div#header div#mypage a:hover,
div#header div#mypage a:focus,
div#header div#mypage a:active
{
    background-position: 0px -30px;
}

div#header h2#use_social_pass
{
    float:         right;
    width:         235px;
    overflow:     hidden;
}

div#header h2#use_social_pass a
{
    float:         right;
    margin:   25px 0 0 0;
    width:         235px;
    height:         55px;
    text-indent: -9999px;
    background: url("/images/common/use_social_pass.gif") 0 0 no-repeat;
}

div#header h2#use_social_pass a:hover,
div#header h2#use_social_pass a:active,
div#header h2#use_social_pass a:focus
{
    background-position: 0 -55px;
}

div#header div#global_navi
{
    clear:          both;
    padding:  20px 0 0 0;
    height:         30px;
}

div#header div#global_navi ul
{
    height:         30px;
    text-indent: -9999px;
    background: url("/images/common/global_navi.gif") 0 0 no-repeat;
}

div#header div#global_navi ul li
{
    display:       block;
    float:          left;
    margin:    0 1px 0 0;
    height:         30px;
    width:          183px;
}

div#global_navi ul li#home a:hover,
div#global_navi ul li#home a:focus,
div#global_navi ul li#home a:active
{
    background: url("/images/common/global_navi.gif") 0px -30px no-repeat;
}
div#global_navi ul li#whats a:hover,
div#global_navi ul li#whats a:focus,
div#global_navi ul li#whats a:active
{
    background: url("/images/common/global_navi.gif") -184px -30px no-repeat;
}
div#global_navi ul li#howto a:hover,
div#global_navi ul li#howto a:focus,
div#global_navi ul li#howto a:active
{
    background: url("/images/common/global_navi.gif") -368px -30px no-repeat;
}
div#global_navi ul li#npo a:hover,
div#global_navi ul li#npo a:focus,
div#global_navi ul li#npo a:active
{
    background: url("/images/common/global_navi.gif") -552px -30px no-repeat;
}
div#global_navi ul li#review a:hover,
div#global_navi ul li#review a:focus,
div#global_navi ul li#review a:active
{
    background: url("/images/common/global_navi.gif") -736px -30px no-repeat;
}

div#header div#global_navi ul li#whats ol li a
{
    letter-spacing: 1px;
}

div#header div#global_navi ul li#review ol li a
{
    letter-spacing: 1px;
}

div#header div#global_navi ul li ol
{
    display:         none;
    padding: 0 8px 8px 8px;
    position:    relative;
    z-index:         9999;
    margin:     0 0 0 1px;
    width:          166px;
    background:   #F6F6F6;
    overflow:       hidden;
}

div#header div#global_navi ul li ol li
{
    padding: 5px 0 5px 0;
    height:         auto;
    width:         166px;
    border-bottom: solid 1px #CFCFCF;
    font-size:      12px;
    font-weight:    bold;
    background:  #F6F6F6;
}

div#header div#global_navi ul li:hover ol,
div#header div#global_navi ul li:focus ol,
div#header div#global_navi ul li:active ol
{
    display:        block;
}

div#header div#global_navi ul li ol li a
{
    letter-spacing: -1px;
    white-space:  nowrap;
    text-indent:     0px;
    color:       #4B4B4C;
}

div#header div#global_navi ul li ol li a:hover,
div#header div#global_navi ul li ol li a:focus,
div#header div#global_navi ul li ol li a:active
{
    color:       #999999;
    background:  #FFFFFF;
}

div#topic_path ul li
{
  display: inline;
  float: left;
  font-size:  12px;
}

div#topic_path ul li span.arrow
{
  margin: 0 5px 0 5px;
  font-weight:   bold;
}

div#topic_path ul li a
{
  color:        #8f929f;
  text-decoration: none;
}

div#topic_path ul li a:hover,
div#topic_path ul li a:focus,
div#topic_path ul li a:active
{
  background:  #FFF100;
}