/*** for PC Browser ***/
@media (min-width:401px)
{
#Middle
{
    min-height: 720px;
}

#header
{
    position: absolute;
    z-index: 1;
}

#header .logo
{
    background: rgba(64,0,0,1);
    display: block;
    width: 180px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px dotted #cccccc;
}

#header .logo img
{
    padding: 27px 26px 27px 26px;
}

#header ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
}

#header ul li
{
}

#header ul li a
{
    background: rgba(64,0,0,1);
    display: block;
    color: #ffffff;
    font-size: 120%;
    border-bottom: 1px dotted #cccccc;
}

#header .list_tr_00
{
    display: none;
}

#header .list_tr_01 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_01.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    top: 121px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_02 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_02.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    top: 176px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_03 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_03.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    top: 231px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_04 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_04.png) no-repeat 10px 5px;
    padding: 3px 10px 3px 65px;
    top: 286px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_05 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_05.png) no-repeat 10px 5px;
    padding: 3px 10px 3px 65px;
    top: 340px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_06 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_06.png) no-repeat 10px 5px;
    padding: 3px 10px 3px 65px;
    top: 394px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_07 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_07.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    top: 448px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_08 a
{
    background: rgba(132,0,49,0.9) url(../../../Images/kankou/menu_tr_09.png) no-repeat 10px 5px;
    padding: 3px 10px 3px 65px;
    top: 503px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#header .list_tr_09 a
{
    background: rgba(132,0,49,0.9) url(../../../Images/kankou/menu_tr_08.png) no-repeat 10px 5px;
    padding: 3px 10px 3px 65px;
    top: 557px;
    position: absolute;
    min-width: 105px;
    display: block;
}

#topnav .other_link img
{
    display: none;
}


/* ツール */
#support_tr
{
}

#support_tr #header_guide
{
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    z-index: 1;
}


}
@media screen and (max-width: 960px)
{

#support_tr #header_guide #search a
{
    position: absolute !important;
    right: auto !important;
    left: 190px;
}

#support_tr #header_guide #ot a
{
    position: absolute !important;
    right: auto !important;
    left: 405px;
}

#support_tr #header_guide #bigger a,
#support_tr #header_guide typical a
{
    position: absolute !important;
    right: auto !important;
    left: 586px;
}

#support_tr #header_guide #sitemap a
{
    position: absolute !important;
    right: auto !important;
    left: 717px;
}

#support_tr #header_guide #siteuse a
{
    position: absolute !important;
    right: auto !important;
    left: 847px;
}

.thumb_block
{
    position: absolute !important;
    top: 610px;
    bottom: auto !important;
}

}

@media screen and (max-height: 730px)
{

.thumb_block
{
    position: absolute !important;
    top: 610px !important;
    bottom: auto !important;
}

}

#support_tr #header_guide li
{
    display: inline-block;
}

#support_tr #header_guide li a
{
    display: block;
    font-size: medium;
    text-decoration: none;
    text-align: center;
    border: none;
    color: #000000;
}

#support_tr #header_guide #search a
{
    background: rgba(64,0,0,1) url(../../../Images/kankou/search_icon.png) no-repeat center 13px;
    position: fixed;
    right: 544px;
    top: 10px;
    width: 180px;
    padding: 35px 10px 10px 25px;
    border-left: 1px #840030 dotted;
    border-radius: 4px 0px 0px 4px;
    color: #ffffff;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
}

#support_tr #header_guide #ot a
{
    background: rgba(255,255,255,0.8) url(../../../Images/kankou/tool_bg_01.png) no-repeat center 10px;
    position: fixed;
    right: 363px;
    top: 10px;
    width: 160px;
    padding: 35px 10px 10px 10px;
    border-left: 1px #840030 dotted;
    border-radius: 0px;
}

#support_tr #header_guide #bigger a
{
    background: rgba(255,255,255,0.8) url(../../../Images/kankou/tool_bg_02.png) no-repeat center 10px;
    position: fixed;
    right: 232px;
    top: 10px;
    width: 110px;
    padding: 35px 10px 10px 10px;
    border-left: 1px #840030 dotted;
    border-radius: 0px;
}

#support_tr #header_guide #typical
{
    display: none;
    z-index: 3;
}

#support_tr #header_guide #typical a
{
    background: rgba(255,255,255,0.8) url(../../../Images/kankou/tool_bg_02.png) no-repeat center 10px;
    position: fixed;
    right: 232px;
    top: 10px;
    width: 110px;
    padding: 35px 10px 10px 10px;
    border-left: 1px #840030 dotted;
    border-radius: 0px;
}

#support_tr #header_guide #sitemap a
{
    background: rgba(255,255,255,0.8) url(../../../Images/kankou/tool_bg_03.png) no-repeat center 10px;
    position: fixed;
    right: 101px;
    top: 10px;
    width: 110px;
    padding: 35px 10px 10px 10px;
    border-left: 1px #840030 dotted;
    border-radius: 0px;
}

#support_tr #header_guide #siteuse a
{
    background: rgba(255,255,255,0.8) url(../../../Images/kankou/tool_bg_04.png) no-repeat center 10px;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 60px;
    padding: 35px 20px 10px 10px;
    border-radius: 0px 4px 4px 0px;
    border-left: 1px #840030 dotted;
}


/* フッター */
#footer
{
    background: rgba(0,0,0,0.8);
    width: 100%;
    position: fixed;
    bottom: 0px;
}

#footer address
{
    position: relative;
    text-align: center;
    margin: 0px auto;
    color: #ffffff;
    display: block;
    padding: 10px;
}

#footer .smart_on
{
    display: none;
}



/*** for PC Browser ***/
@media (min-width:401px)
{
/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#mainimg
{
    margin: 67px 0px 0px 0px;
}

#topnav .other_link img
{
    display: none;
}

/* ヘッダー */
#header
{
    min-height: 70px;
    position: relative;
    width: 320px;
    z-index: 1;
    background: url(../../../Images/sp_menu.png) no-repeat 0px -70px;
}

#header .logo
{
    background: url(../../../Images/kankou/logo.png) no-repeat;
    background-size: 174px 33px;
    width: 174px;
    height: 33px;
    display: block;
    position: absolute;
    top: 21px;
    left: 75px;
}

#header .logo img,
#support_tr #search,
#support_tr #bigger,
#support_tr #typical
{
    display: none;
}

#support_tr ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#support_tr #sitemap
{
    background: url(../../../Images/sp_menu.png) no-repeat 0 -230px;
    position: absolute;
    top: 115px;
    z-index: 10000;
    width: 160px;
    height: 47px;
}

#support_tr #sitemap a
{
    display: block;
    font-size: small;
    font-weight: bold;
    height: 24px;
    left: 10px;
    padding: 8px 10px 0 40px;
    position: absolute;
    text-decoration: none;
    width: 98px;
    top: 11px;
}

#support_tr #siteuse
{
    background: url(../../../Images/sp_menu.png) no-repeat -160px -230px;
    position: absolute;
    top: 115px;
    z-index: 10000;
    width: 160px;
    height: 47px;
    left: 160px;
}

#support_tr #siteuse
{
    background: url(../../../Images/sp_menu.png) no-repeat -160px -230px;
    position: absolute;
    top: 115px;
    z-index: 10000;
    width: 160px;
    height: 47px;
    left: 160px;
}

#support_tr #siteuse a
{
    display: block;
    font-size: small;
    font-weight: bold;
    height: 24px;
    left: 3px;
    padding: 7px 10px 0 33px;
    position: absolute;
    text-decoration: none;
    width: 105px;
    top: 11px;
}

#smart_mode_change
{
    background: url(../../../Images/sp_menu.png) no-repeat 0px -324px;
    height: 47px;
    position: absolute;
    top: 208px;
    width: 320px;
}

#smart_mode_pagejump
{
    background: url(../../../Images/sp_menu.png) no-repeat 0px -370px;
    height: 47px;
    left: 0px;
    position: absolute;
    top: 162px;
    width: 320px;
}

#smart_mode_pagejump a
{
    display: block;
    font-size: small;
    font-weight: bold;
    height: 25px;
    left: 10px;
    padding: 7px 10px 0 35px;
    position: absolute;
    text-decoration: none;
    top: 8px;
    width: 250px;
}

#header_guide a
{
    color: #000000 !important;
}


/* ナビ */
#topnav
{
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    width: 319px;
    list-style-type: none;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    position: relative;
    top: 70px;
    background: #ffffff;
    display: block !important;
    float: left;
}

#topnav li
{
    display: block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#topnav li a
{
    color: #ffffff;
}

#topnav li a br
{
    display: none;
}

#header .list_tr_00 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/nav_tr_01.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_01 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_01.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_02 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_02.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_03 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_03.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_04 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_04.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_05 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_05.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_06 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_06.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_07 a
{
    background: rgba(64,0,0,0.9) url(../../../Images/kankou/menu_tr_07.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_08 a
{
    background: rgba(132,0,49,0.9) url(../../../Images/kankou/menu_tr_09.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#header .list_tr_09 a
{
    background: rgba(132,0,49,0.9) url(../../../Images/kankou/menu_tr_08.png) no-repeat 10px 5px;
    padding: 15px 10px 15px 65px;
    min-width: 105px;
    display: block;
}

#topnav li
{
    display: block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    float: left;
}

#header li a
{
    color: #ffffff;
    width: 83px !important;
    min-width: auto !important;
    font-size: small;
    margin: 0px;
}

#support_tr #header_guide li
{
    display: block;
}

#support_tr #header_guide li a
{
    font-size: small;
}

#support_tr #header_guide #search,
#support_tr #header_guide #bigger,
#support_tr #header_guide #typical
{
    display: none;
}

#support_tr #header_guide #ot a
{
    background: no-repeat;
    border: none;
    top: 8px;
    left: 10px;
    width: 257px !important;
    padding: 5px 10px 0px 34px;
    text-align: left;
}

#support_tr #header_guide #sitemap a
{
    background: no-repeat;
    border: none;
    left: 11px;
    padding: 7px 10px 0px 35px;
    margin: 0px;
    width: 100px !important;
}

#support_tr #header_guide #siteuse a
{
    background: none;
    position: relative !important;
    padding: 7px 26px 0 33px;
    border: none;
    left: 3px;
    width: 86px !important;
    top: 9px !important;
    margin: 0px;
    text-align: left;
    height: auto;
}

/* フッター */
#footer
{
    background: rgba(0,0,0,0.8);
    width: 100%;
    position: relative;
    bottom: 0px;
}

#footer address
{
    position: relative;
    text-align: center;
    margin: 0px auto;
    color: #ffffff;
    display: block;
    padding: 10px;
}

#footer .smart_on
{
    display: block;
}
}