/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
#headertop
{
    float: left;
    height: 86px;
    position: relative;
    width: 920px;
    margin: 0px 0px 5px 0px;
}
 
#headertop .logo
{
    float: left;
    left: -12px;
    position: absolute;
    top: 0;
}

#headertop img
{
    vertical-align: top;
}


/* == サブ枠 == */
#headertop_sub
{
    background-color: #FFFFFF;
    float: left;
    left: 195px;
    padding: 5px 0 0;
    position: relative;
    width: 725px;
}

#headertop_sub_b
{
    float: left;
    background: url("../../../Images/header_bg_bottom.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    left: 195px;
    position: relative;
    width: 725px;
}


/* == リスト基本設定 == */
#headertop UL
{
  margin:0px;
  padding:0px;
}

#headertop LI
{
  list-style-type:none;
}

#headertop UL A
{ 
  /* \*/
  overflow:hidden;
  /* */
  display:block;
}


/* == サイトマップ、サイトの使い方 == */
#headertop UL#header_sub
{
    float: left;
    padding: 5px 0 5px 15px;
}

#headertop UL#header_sub LI#sitemap
{
    float: left;
    padding: 0 10px 0 0;
}

#headertop UL#header_sub LI#sitemap A
{
    height: 15px;
    width: 78px;
}

#headertop UL#header_sub LI#sitepo
{
    float: left;
}

#headertop UL#header_sub LI#sitepo A
{
    height: 15px;
    width: 93px;
}

#headertop UL#header_sub LI#sitepo2
{
    display: none;
}





/* == 翻訳 == */
#headertop UL#header_guide
{
    float: right;
    padding: 5px 10px 5px 0;
}

#headertop UL#header_guide LI
{
    float: left;
}

#headertop UL#header_guide LI#en A
{
    height: 15px;
    padding: 0 10px 0 0;
    width: 64px;
}

#headertop UL#header_guide LI#po A
{
    height: 15px;
    padding: 0 10px 0 0;
    width: 79px;
}

#headertop UL#header_guide LI#ko A
{
    height: 15px;
    padding: 0 10px 0 0;
    width: 44px;
}

#headertop UL#header_guide LI#ch A
{
    height: 15px;
    padding: 0 10px 0 0;
    width: 76px;
}

#headertop UL#header_guide LI#ch2 A
{
    height: 15px;
    width: 76px;
}


/* == 検索 == */
#headertop .BrowserSearch
{
    background: url("../../../Images/search_bg.gif") no-repeat left bottom;
    float: left;
    height: 33px;
    margin: 10px 0 5px 10px;
    width: 245px;
}

#headertop .BrowserSearch .TextBox
{
    background: url("../../../Images/search_box.gif") no-repeat left bottom;
    border: 0 none transparent;
    font-size: 15px;
    height: 17px;
    margin: 6px 0 6px 6px;
    padding: 2px;
    width: 183px;
}

#headertop .BrowserSearch .SubmitBtn
{

    background: url("../../../images/search_btn_s.gif") no-repeat left bottom;
    border: 0 none;
    cursor: pointer;
    height: 21px;
    margin: 6px 0;
    padding: 0;
    text-indent: -9999px;
    width: 39px;
}


/* == フォントサイズ == */
#headertop UL#fontsize
{
    background: url("../../../Images/size_btn_bg.gif") no-repeat left bottom;
    float: left;
    height: 33px;
    margin: 10px 0 0 10px;
    position: relative;
    width: 430px;
}


#headertop UL#fontsize LI
{
    float: left;
}


#headertop UL#fontsize LI#bigger A
{
    height: 25px;
    left: 6px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 136px;
}

#headertop UL#fontsize LI#bigger_manual A
{
    height: 25px;
    left: 147px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 136px;
    z-index: 0;
}

#headertop UL#fontsize LI#typical
{
}

#headertop UL#fontsize LI#typical A
{
    height: 25px;
    left: 147px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 136px;
    z-index: 1;
}

#headertop UL#fontsize LI#text_speak A
{
    height: 25px;
    left: 288px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 136px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 外枠 == */
#headertop
{
    float: left;
    height: 115px;
    margin: 0 0 5px;
    position: relative;
    width: 320px;
}
 
#headertop .logo
{
    float: left;
    left: 5px;
    position: absolute;
    top: 0;
}
 
#headertop .logo img
{
    width: 192px;
}

/* == サブ枠 == */
#headertop_sub
{
    float: left;
    position: relative;
}

#headertop_sub_b
{
}


/* == リスト基本設定 == */
#headertop UL
{
  margin:0px;
  padding:0px;
}

#headertop LI
{
  list-style-type:none;
}

#headertop UL A
{ 
  /* \*/
  overflow:hidden;
  /* */
  display:block;
}


/* == サイトマップ、サイトの使い方 == */
#headertop UL#header_sub
{
    float: left;
    margin: 0;
    padding: 0;
}

#headertop UL#header_sub LI#sitemap
{
    float: left;
    left: 215px;
    position: absolute;
    top: 10px;
}

#headertop UL#header_sub LI#sitemap A
{
    background: url("../../../Images/sitemap_sp.gif") no-repeat left bottom;
    height: 23px;
    width: 105px;
}

#headertop UL#header_sub LI#sitepo2
{
    float: left;
    left: 215px;
    position: absolute;
    top: 53px;
}

#headertop UL#header_sub LI#sitepo2 A
{
    background: url("../../../Images/siteusage_sp.gif") no-repeat left bottom;
    height: 23px;
    width: 105px;
}

#headertop UL#header_sub LI#sitepo,
#headertop UL#header_sub LI img
{
    display: none;
}


/* == 翻訳 == */
#headertop UL#header_guide
{
    display: none;
}


/* == 検索 == */
#headertop .BrowserSearch
{
    float: left;
    left: 0;
    margin: 0;
    position: absolute;
    top: 80px;
    width:215px;
}

#headertop .BrowserSearch .TextBox
{
    font-size: 16px;
    height: 21px;
    margin: 8px 5px 5px 5px;
    padding: 0;
    width: 135px;
}

#headertop .BrowserSearch .SubmitBtn
{
    cursor: pointer;
    float: left;
    font-size: 16px;
    /*height: 27px;*/
    margin: 5px 0;
    padding: 0;
    position: absolute;
    /*width: 50px;*/
}


/* == フォントサイズ == */
#headertop UL#fontsize
{
    display: none;
}
}