/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
#headertop
{
    background: url("../../../Images/header.jpg") no-repeat left bottom;
    height: 112px;
    position: relative;
    width: 960px;
    z-index: 0;
}

/* == 共通設定 == */
#headertop img
{
    vertical-align: bottom;
}

#headertop ul
{
    float: left;
    margin: 0;
    padding: 0;
}

#headertop li
{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
}

#headertop ul a
{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    line-height:1;
}


/* == 個別設定 == */
/* サブテキスト */
.sub_txt
{
    color: #550005;
    float: left;
    font-size: 15px !important;
    left: 10px;
    position: relative;
    top: 10px;
}

/* ロゴ */
#headertop .logo
{
    bottom: 5px;
    left: 5px;
    position: absolute;
}

#headertop .logo img
{
    vertical-align: bottom;
}

/* ヘッダーサブ領域 */
#header_sub
{
}

#header_sub #sitemap
{
    left: 510px;
    position: absolute;
    top: 10px;
}

#header_sub #sitemap a
{
    background: url("../../../Images/sitemap.gif") no-repeat left bottom;
    height: 15px;
    width: 90px;
}

#header_sub #site_manual
{
    display: none;
}

/* サポートツール */
#support_tool1
{
    height: 33px;
    left: 605px;
    position: absolute;
    width: 355px;
}

#support_tool1 li
{
    display: block;
}

#support_tool1 #en
{
    left: 5px;
    position: absolute;
    top: 8px;
}

#support_tool1 #en a
{
    background: url("../../../Images/english.gif") no-repeat left bottom;
    height: 16px;
    width: 55px;
}

#support_tool1 #po
{
    left: 68px;
    position: absolute;
    top: 8px;
}

#support_tool1 #po a
{
    background: url("../../../Images/portugues.gif") no-repeat left bottom;
    height: 16px;
    width: 75px;
}

#support_tool1 #ch
{
    left: 149px;
    position: absolute;
    top: 8px;
}

#support_tool1 #ch a
{
    background: url("../../../Images/chinese2.gif") no-repeat left bottom;
    height: 16px;
    width: 69px;
}

#support_tool1 #ch2
{
    left: 224px;
    position: absolute;
    top: 8px;
}

#support_tool1 #ch2 a
{
    background: url("../../../Images/chinese.gif") no-repeat left bottom;
    height: 16px;
    width: 70px;
}

#support_tool1 #ko
{
    left: 300px;
    position: absolute;
    top: 8px;
}

#support_tool1 #ko a
{
    background: url("../../../Images/korean.gif") no-repeat left bottom;
    height: 16px;
    width: 45px;
}


/* サポートツール */
#support_tool2
{
    background: url("../../../Images/color.gif") no-repeat left 3px;
    height: 27px;
    left: 520px;
    position: absolute;
    top: 40px;
    width: 440px;
}

#support_tool2 #changecolor1
{
    left: 56px;
    position: absolute;
    top: 3px;
}

#support_tool2 #changecolor1 a
{
    background: url("../../../Images/white.gif") no-repeat left bottom;
    height: 22px;
    width: 21px;
}

#support_tool2 #changecolor2
{
    left: 80px;
    position: absolute;
    top: 3px;
}

#support_tool2 #changecolor2 a
{
    background: url("../../../Images/black.gif") no-repeat left bottom;
    height: 22px;
    width: 21px;
}

#support_tool2 #changecolor3
{
    left: 104px;
    position: absolute;
    top: 3px;
}

#support_tool2 #changecolor3 a
{
    background: url("../../../Images/blue.gif") no-repeat left bottom;
    height: 22px;
    width: 21px;
}

#support_tool2 #hurigana
{
    left: 128px;
    position: absolute;
    top: 0;
}

#support_tool2 #hurigana a
{
    background: url("../../../Images/furigana.gif") no-repeat left bottom;
    height: 27px;
    width: 82px;
}

#support_tool2 #bigger
{
    left: 213px;
    position: absolute;
    top: 0;
}

#support_tool2 #bigger a
{
    background: url("../../../Images/size_btn.gif") no-repeat left bottom;
    height: 27px;
    width: 116px;
}

#support_tool2 #typical
{
    left: 332px;
    position: absolute;
    top: 0;
    z-index: 2;
}

#support_tool2 #typical a
{
    background: url("../../../Images/orgsize.gif") no-repeat left bottom;
    height: 27px;
    width: 108px;
}

#support_tool2 #bigger_manual
{
    left: 332px;
    position: absolute;
    top: 0;
    z-index: 1;
}

#support_tool2 #bigger_manual a
{
    background: url("../../../Images/size_about.gif") no-repeat left bottom;
    height: 27px;
    width: 108px;
}


/* サポートツール */
#support_tool3
{
    height: 27px;
    left: 856px;
    position: absolute;
    top: 77px;
    width: 104px;
}

#support_tool3 #read_button
{
}

#support_tool3 #read_button a
{
    background: url("../../../Images/onsei.gif") no-repeat left bottom;
    height: 27px;
    width: 104px;
}


/* 検索 */
.BrowserSearch
{
    height: 27px;
    left: 606px;
    position: absolute;
    top: 77px;
    width: 245px;
}

.BrowserSearch .TextBox
{
    background: url("../../../Images/search_box.gif") no-repeat left bottom !important;
    border: none;
    height: 22px;
    left: 3px;
    margin: 0;
    padding: 0 5px;
    position: absolute;
    top: 3px;
    width: 174px;
}

.BrowserSearch .SubmitBtn
{
    background: url("../../../Images/search_btn.gif") no-repeat left bottom;
    border: none;
    cursor: pointer;
    height: 22px;
    left: 189px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 3px;
    width: 54px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 外枠 == */
#headertop
{
    background: url("../../../Images/header_sp.jpg") no-repeat left bottom;
    height: 100px;
    position: relative;
    width: 320px;
    z-index: 0;
}

/* == 共通設定 == */
#headertop ul
{
    float: left;
    margin: 0;
    padding: 0;
}

#headertop li
{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
}

#headertop ul a
{
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}


/* == 個別設定 == */
/* サブテキスト */
.sub_txt
{
    display: none;
}

/* ロゴ */
#headertop .logo
{
    left: 5px;
    position: absolute;
    top: 5px;
}

#headertop .logo img
{
    width: 131px;
}

/* ヘッダーサブ領域 */
#header_sub
{
}

#header_sub #sitemap
{
    position: absolute;
    right: 5px;
    top: 19px;
}

#header_sub #sitemap a
{
    background: url("../../../Images/sitemap.gif") no-repeat left bottom;
    height: 15px;
    width: 90px;
}

#header_sub #site_manual
{
    position: absolute;
    right: 5px;
    top: 65px;
}

#header_sub #site_manual a
{
    background: url("../../../Images/siteusage.gif") no-repeat left bottom;
    height: 15px;
    width: 103px;
}


/* サポートツール */
#support_tool1
{
    display: none;
}

#support_tool1 #en
{
    left: 5px;
    position: absolute;
    top: 8px;
}

#support_tool1 #en a
{
    background: url("../../../Images/english.gif") no-repeat left bottom;
    height: 16px;
    width: 55px;
}

#support_tool1 #po
{
    left: 68px;
    position: absolute;
    top: 8px;
}

#support_tool1 #po a
{
    background: url("../../../Images/portugues.gif") no-repeat left bottom;
    height: 16px;
    width: 75px;
}

#support_tool1 #ch
{
    left: 149px;
    position: absolute;
    top: 8px;
}

#support_tool1 #ch a
{
    background: url("../../../Images/chinese2.gif") no-repeat left bottom;
    height: 16px;
    width: 69px;
}

#support_tool1 #ch2
{
    left: 224px;
    position: absolute;
    top: 8px;
}

#support_tool1 #ch2 a
{
    background: url("../../../Images/chinese.gif") no-repeat left bottom;
    height: 16px;
    width: 70px;
}

#support_tool1 #ko
{
    left: 300px;
    position: absolute;
    top: 8px;
}

#support_tool1 #ko a
{
    background: url("../../../Images/korean.gif") no-repeat left bottom;
    height: 16px;
    width: 45px;
}


/* サポートツール */
#support_tool2
{
    display: none;
}

#support_tool2 #changecolor1
{
    left: 56px;
    position: absolute;
    top: 3px;
}

#support_tool2 #changecolor1 a
{
    background: url("../../../Images/white.gif") no-repeat left bottom;
    height: 22px;
    width: 21px;
}

#support_tool2 #changecolor2
{
    left: 80px;
    position: absolute;
    top: 3px;
}

#support_tool2 #changecolor2 a
{
    background: url("../../../Images/black.gif") no-repeat left bottom;
    height: 22px;
    width: 21px;
}

#support_tool2 #changecolor3
{
    left: 104px;
    position: absolute;
    top: 3px;
}

#support_tool2 #changecolor3 a
{
    background: url("../../../Images/blue.gif") no-repeat left bottom;
    height: 22px;
    width: 21px;
}

#support_tool2 #hurigana
{
    left: 128px;
    position: absolute;
    top: 0;
}

#support_tool2 #hurigana a
{
    background: url("../../../Images/furigana.gif") no-repeat left bottom;
    height: 27px;
    width: 82px;
}

#support_tool2 #bigger
{
    left: 213px;
    position: absolute;
    top: 0;
}

#support_tool2 #bigger a
{
    background: url("../../../Images/size_btn.gif") no-repeat left bottom;
    height: 27px;
    width: 116px;
}

#support_tool2 #typical
{
    left: 332px;
    position: absolute;
    top: 0;
    z-index: 2;
}

#support_tool2 #typical a
{
    background: url("../../../Images/orgsize.gif") no-repeat left bottom;
    height: 27px;
    width: 108px;
}

#support_tool2 #bigger_manual
{
    left: 332px;
    position: absolute;
    top: 0;
    z-index: 1;
}

#support_tool2 #bigger_manual a
{
    background: url("../../../Images/size_about.gif") no-repeat left bottom;
    height: 27px;
    width: 108px;
}


/* サポートツール */
#support_tool3
{
    display: none;
}

#support_tool3 #read_button
{
}

#support_tool3 #read_button a
{
    background: url("../../../Images/onsei.gif") no-repeat left bottom;
    height: 27px;
    width: 104px;
}


/* 検索 */
.BrowserSearch
{
    height: 27px;
    left: 5px;
    position: absolute;
    top: 60px;
}

.BrowserSearch .TextBox
{
    border: 1px solid #999999;
    height: 22px;
    left: 3px;
    margin: 0;
    padding: 0 5px;
    position: absolute;
    top: 3px;
    width: 115px;
}

.BrowserSearch .SubmitBtn
{
    cursor: pointer;
    font-size: 16px !important;
    height: auto;
    left: 135px;
    margin: 0;
    padding: 1px;
    position: absolute;
    top: 2px;
    width: auto;
}
}