/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
#headertop
{
    background: url("../../../Images/header_510.gif") no-repeat right top;
    border-top: 3px solid #7DCCF3;
    height: 108px;
    position: relative;
    width: 990px;
    z-index: 0;
}

#headertop .design
{
    height: 108px;
    position: relative;
    width: 990px;
}

#headertop .winter
{
    background: url("../../../Images/header_winter.gif") no-repeat left top;
}

#headertop .spring
{
    background: url("../../../Images/header_spring.gif") no-repeat left top;
}

#headertop .summer
{
    background: url("../../../Images/header_summer.gif") no-repeat left top;
}

#headertop .autumn
{
    background: url("../../../Images/header_autumn.gif") no-repeat left top;
}


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

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

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


/* == 個別設定 == */
/* ロゴ */
#headertop .logo
{
    background: url("../../../images/logo_line.png") no-repeat left bottom;
    left: 20px;
    position: absolute;
    top: 0px;
}

#headertop .logo img
{
    padding: 0 0 5px;
    vertical-align: bottom;
}

/* サブテキスト */
.sub_txt
{
    color: #214756;
    float: left;
    font-size: 15px !important;
    left: 0px;
    position: relative;
    text-align: center;
    top: 64px;
}

/* ヘッダーサブ */
#header_sub #sitemap
{
    left: 480px;
    position: absolute;
    top: 9px;
}

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

#header_sub #sitepo
{
    left: 585px;
    position: absolute;
    top: 9px;
}

#header_sub #sitepo a
{
    background: url("../../../Images/siteusage.png") no-repeat left bottom;
    height: 20px;
    width: 120px;
}

#header_sub #sitepo2
{
}

#header_sub #sitepo2 a
{
}

#header_sub #contact_us
{
    left: 719px;
    position: absolute;
    top: 9px;
}

#header_sub #contact_us a
{
    background: url("../../../Images/contact.png") no-repeat left bottom;
    height: 20px;
    width: 115px;
}

#header_sub #English
{
    background: url("../../../Images/english_bg.gif") no-repeat left bottom;
    height: 26px;
    left: 847px;
    position: absolute;
    top: 0;
    width: 130px
}

#header_sub #English a
{
    background: url("../../../Images/english.gif") no-repeat left bottom;
    cursor: pointer;
    height: 20px;
    left: 33px;
    position: absolute;
    top: 3px;
    width: 59px;
}


/* サポートツール */
#headertop .support_tool_bg
{
    background: url("../../../Images/size_bg.gif") no-repeat left bottom;
    height: 33px;
    left: 716px;
    position: absolute;
    top: 34px;
    width: 262px;
    z-index: 1;
}

#support_tool #readspeaker_button1
{
    left: 482px;
    position: absolute;
    top: 36px;
    z-index: 2;
}

#support_tool #readspeaker_button1 a
{
    background: url("../../../Images/onsei.gif") no-repeat left bottom;
    height: 29px;
    width: 117px;
}

#support_tool #changecolor
{
    left: 605px;
    position: absolute;
    top: 36px;
    z-index: 2;
}

#support_tool #changecolor a
{
    background: url("../../../Images/color.gif") no-repeat left bottom;
    height: 29px;
    width: 106px;
}

#support_tool #bigger
{
    left: 718px;
    position: absolute;
    top: 36px;
    z-index: 2;
}

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

#support_tool #bigger_manual
{
    left: 853px;
    position: absolute;
    top: 36px;
    z-index: 2;
}

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

#support_tool #typical
{
    display: none;
    left: 852px;
    position: absolute;
    top: 36px;
    z-index: 2;
}

#support_tool #typical a
{
    background: url("../../../Images/size_down_btn.gif") no-repeat left bottom;
    height: 29px;
    width: 123px;
}

/* 検索 */
.BrowserSearch
{
}

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

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

.rsbtn.rsfloating
{
    float: left
}

#header_sub #English a
{
    background: none !important;
    cursor: pointer !important;
    height: 20px !important;
    left: 6px !important;
    position: absolute !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    top: 3px !important;
    width: 130px !important;
    text-shadow: 1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff, -1px -1px 1px #ffffff;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 外枠 == */
#headertop
{
    border-top: 3px solid #7DCCF3;
    height: 100px;
    position: relative;
    width: 320px;
    z-index: 0;
}

#headertop .design
{
    height: 100px;
    position: relative;
    width: 320px;
}

#headertop .winter
{
    background: url("../../../Images/header_winter_sp.gif") no-repeat left top;
}

#headertop .spring
{
    background: url("../../../Images/header_spring_sp.gif") no-repeat left top;
}

#headertop .summer
{
    background: url("../../../Images/header_summer_sp.gif") no-repeat left top;
}

#headertop .autumn
{
    background: url("../../../Images/header_autumn_sp.gif") no-repeat left top;
}


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

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

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


/* == 個別設定 == */
/* ロゴ */
#headertop .logo
{
    background: url("../../../Images/logo_sp.png") repeat left bottom;
    height: 57px;
    left: 5px;
    position: absolute;
    top: 3px;
    width: 143px;
}

#headertop .logo img
{
    display: none;
}

/* サブテキスト */
.sub_txt
{
    display: none;
}

/* ヘッダーサブ */
#header_sub #sitemap
{
    left: 211px;
    position: absolute;
    top: 19px;
}

#header_sub #sitemap a
{
    background: url("../../../Images/sitemap_sp.png") no-repeat left bottom;
    height: 19px;
    width: 109px;
}

#header_sub #sitepo
{
    display: none;
}

#header_sub #sitepo a
{
    display: none;
}

#header_sub #sitepo2
{
    left: 211px;
    position: absolute;
    top: 63px;
}

#header_sub #sitepo2 a
{
    background: url("../../../Images/siteusage_sp.png") no-repeat left bottom;
    height: 19px;
    width: 109px;
}

#header_sub #contact_us
{
    display: none;
}

#header_sub #contact_us a
{
}

#header_sub #English
{
    display: none;
}

#header_sub #English a
{
}


/* サポートツール */
#headertop .support_tool_bg,
#support_tool
{
    display: none;
}

#support_tool #textspeech
{
}

#support_tool #textspeech a
{
}

#support_tool #changecolor
{
}

#support_tool #changecolor a
{
}

#support_tool #bigger
{
}

#support_tool #bigger a
{
}

#support_tool #bigger_manual
{
}

#support_tool #bigger_manual a
{
}

#support_tool #typical
{
}

#support_tool #typical a
{
}

/* 検索 */
.BrowserSearch
{
}

.BrowserSearch .TextBox
{
    border: 1px solid #CCCCCC;
    height: 23px;
    left: 9px;
    margin: 0;
    padding: 0 5px;
    position: absolute;
    top: 68px;
    width: 115px;
}

.BrowserSearch .SubmitBtn
{
    cursor: pointer;
/*    height: 25px; */
    left: 139px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 68px;
    width: 59px;
}

#headertop .SubmitBtn,
#headertop .TextBox
{
    font-size: 16px !important;
}
}