﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
#BaseTable
{
    width: 100%;
    margin: 0;
    padding: 0;
        margin-top: 2.55em;
}
#SystemMenu
{
    width: 100%;
    margin: 0;
    padding: 0;
}
#HeaderPane
{
    width: 100%;
    margin: 0;
    padding: 0;
}
#Middle
{
    width: 100%;
    max-width: 1000px;
    margin: 0;
    padding: 0;
    display: flex;
}
#LeftPane
{

}
#ContentPane
{
    max-width: 1000px;
}
#RightPane
{

}
#FooterPane
{
    width: 100%;
    margin: 0;
    padding: 0;
}


/*===== Heading =====*/
.Lmenu_title .Title_text {
    background: url(../../../secure/1402711/h1_bg.png) no-repeat right bottom #FFFFFF !important;
    border: none;
    border-top: 4px solid #0D507F;
    border-bottom: 2px solid #2165AA;
    color: #092765;
    display: block;
    font-size: x-large;
    font-weight: bold;
    padding: 30px 20px;
    max-width: 1000px;
    margin: 0 auto 10px;
}

#Middle h2 {
    clear: both !important;
    border: none !important;
    border-top: 3px solid #02477B !important;
    background: url(../../../secure/1402711/h2_bg.png) no-repeat right top #DAE4ED !important;
    letter-spacing: 0.1em !important;
    font-size: 140% !important;
    font-weight: bold !important;
    margin: 0 0 5px -5px !important;
    padding: 17px 10px 19px 15px !important;
}

#Middle h3 {
    clear: both !important;
    background-image: url(../../../secure/1402711/h3_bg.png);
    background-repeat: no-repeat;
    background-position: left 5px top 5px;
    background-color: #DAE4ED;
    background-size: 4px 80%;
    border: 1px solid #6694C3 !important;
    letter-spacing: 0.1em !important;
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 10px 0 5px -5px !important;
    padding: 12px 10px 12px 20px !important;
}

#Middle h4 {
    clear: both !important;
    letter-spacing: 0.1em !important;
    background-color: #FFFFFF !important;
    display: block !important;
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 5px 0 5px -5px !important;
    padding: 10px 5px 10px 20px !important;
    border-bottom: 3px solid #003F73 !important;
}

#Middle h5 {
    background: #E6EDF5 !important;
    color: black !important;
    letter-spacing: 0.1em !important;
    font-size: 100% !important;
    margin: 5px 0 5px -5px !important;
    padding: 10px 5px 10px 20px !important;
    font-weight: bold;
}

#Middle h6 {
    clear: both !important;
    background-image: url(../../../secure/1402711/h6_bg.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 5px top 5px !important;
    background-color: #FFFFFF !important;
    background-size: 4px 80% !important;
    letter-spacing: 0.1em !important;
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 10px 0 5px -5px !important;
    padding: 12px 10px 12px 20px !important;
}


#LeftPane h2, #RightPane h2,
#LeftPane h3, #RightPane h3,
#LeftPane h4, #RightPane h4,
#LeftPane h5, #RightPane h5,
#LeftPane h6, #RightPane h6
{
    margin-left: 0 !important;
}

/*=====  =====*/
#LeftPane .BrowserLMenuV_torinet_syozoku,
#LeftPane .BrowserLMenuV_torinet_syozoku
{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/*===== Heading =====*/
.Lmenu_title .Title_text {
    background: url(../../../secure/1402711/h1_bg.png) no-repeat right bottom #FFFFFF !important;
    border: none;
    border-top: 4px solid #0D507F;
    border-bottom: 2px solid #2165AA;
    color: #092765;
    display: block;
    font-size: x-large;
    font-weight: bold;
    padding: 30px 20px;
}

#Middle h2 {
    clear: both !important;
    border: none !important;
    border-top: 3px solid #02477B !important;
    background: url(../../../secure/1402711/h2_bg.png) no-repeat right top #DAE4ED !important;
    letter-spacing: 0.1em !important;
    font-size: 140% !important;
    font-weight: bold !important;
    margin: 0 0 5px -5px !important;
    padding: 17px 10px 19px 15px !important;
}

#Middle h3 {
    clear: both !important;
    border: 1px solid #6694C3 !important;
    background-image: url(../../../secure/1402711/h3_bg.png);
    background-repeat: no-repeat;
    background-position: left 10px top 5px;
    background-color: #DAE4ED;
    background-size: 4px 75%;
    letter-spacing: 0.1em !important;
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 10px 0 5px -5px !important;
    padding: 12px 10px 12px 20px !important;
}

#Middle h4 {
    clear: both !important;
    letter-spacing: 0.1em !important;
    background-color: #FFFFFF !important;
    display: block !important;
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 5px 0 5px -5px !important;
    padding: 10px 5px 10px 20px !important;
    border-bottom: 3px solid #003F73 !important;
}

#Middle h5 {
    background: #E6EDF5 !important;
    color: black !important;
    letter-spacing: 0.1em !important;
    font-size: 100% !important;
    margin: 5px 0 5px -5px !important;
    padding: 10px 5px 10px 20px !important;
    font-weight: bold;
}


#Middle h6 {
    clear: both !important;
    background-image: url(../../../secure/1402711/h6_bg.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 5px top 5px !important;
    background-color: #FFFFFF !important;
    background-size: 4px 80% !important;
    letter-spacing: 0.1em !important;
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 10px 0 5px -5px !important;
    padding: 12px 10px 12px 20px !important;
}


#LeftPane h2, #RightPane h2,
#LeftPane h3, #RightPane h3,
#LeftPane h4, #RightPane h4,
#LeftPane h5, #RightPane h5,
#LeftPane h6, #RightPane h6
{
    margin-left: 0 !important;
}

/*=====  =====*/
#LeftPane .BrowserLMenuV_torinet_syozoku,
#LeftPane .BrowserLMenuV_torinet_syozoku
{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}


/*===== 表幅調整 =====*/
.maincontents .sp_table{
    overflow: scroll;
}
.maincontents .sp_table table {
    white-space: nowrap;
}
.maincontents .sp_table table td {
    max-width: 300px;
}

/*===== リンク調整 =====*/
.maincontents a{
    line-height: 1.8;
}
}
