﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
#BaseTable
{
    min-width: 1000px;
    width: 100%;
}
#HeaderPane
{
    min-width: 1000px !important;
    margin: 0 auto 10px;
    padding: 0;
    width: 100%;
}
#Middle
{
    width: 1000px;
    max-width: 1000px !important;
    padding: 0;
    margin: 0 auto !important;
    float: none !important;
    display: flex;
    background-image: none;
    border: none;
    justify-items: stretch;
    flex-wrap: nowrap;
}
#LeftPane
{
    width: 220px;
    min-width: 220px;
    margin: 0 10px 0 0;
    padding: 0;
}
#ContentPane
{
    width: 100%;
    margin: 0;
    padding: 0 !important;
}
#RightPane
{
    width: 1000px;
    margin: 0 auto 10px;
    padding: 0 !important;
    display: none;
}
#FooterPane
{
    min-width: 1000px;
    width: 100%;
}

#HeaderPane .BrowserLTitletorinet_h1title
{
    width: auto;
    margin: 0 auto 10px;
    max-width: 1000px;
    box-sizing: border-box;
}

#HeaderPane .BrowserBreadCrumbs_Pref01_ov .BrowserBreadCrumbs_Pref01
{
    width: 1000px !important;
    margin: 0 auto 10px !important;
    float: none;
}

/* リンクリスト_標準 */
.LinkList_Standard {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 1000px;
    padding: 0;
}

.LinkList_Standard .outside_b h2 {
    border-left: 5px solid #0D5182;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
    font-size: 150%;
}

.LinkList_Standard .inside_b {
}

.LinkList_Standard .inside_b ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.LinkList_Standard .inside_b ul li {
    background: url(../../../secure/1402711/arrow01.png) no-repeat right 10px top 50%;
    width: 49%;
    border: 1px solid #195FA5;
    border-radius: 7px 7px;
    overflow: hidden;
    margin: 2px 2px 20px;
}

.LinkList_Standard .inside_b ul li a.titleLink {
    display: block;
    width: 98%;
    min-height: 20px;
    margin: 1%;
    box-sizing: border-box;
    padding: 10px;
    border-left: 3px solid #BF9644;
    font-size: 120%;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.LinkList_Standard .inside_b ul li a.titleLink:hover {
    background-color: rgb(230, 237, 245, 0.6) !important;
}



/* SNSリンク */
.snslink_list
{
    margin: 0 auto 10px;
    width: 100%;
    max-width: 1000px;
    padding: 0;
}

.snslink_list .outside_b
{
}

.snslink_list .outside_b .Fix_header2
{
    border-left: 5px solid #0D5182;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
    font-size: 150%;
}

.snslink_list .inside_b
{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.snslink_list .inside_b .op_control
{
    width: 100%;
}

.snslink_list .inside_b .content_block
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.snslink_list .inside_b .content_block > a.EditIcon
{
    width: 3px;
}

.snslink_list .inside_b .Contents
{
    width: 31%;
    margin: 1%;
    box-shadow: 0 0 8px rgb(0, 0, 0, 0.3);
    border-radius: 5px;
    overflow: hidden;
}

.snslink_list .inside_b .Contents a
{
    display: block;
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    padding: 21px 5px 18px 60px;
    font-size: 120%;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.snslink_list .inside_b .Contents a:hover
{
    background-color: rgb(230, 237, 245, 0.6) !important;
}

.snslink_list .inside_b .Contents a.btn_youtube
{
    background: url(../../../secure/1402711/icon_youtube.png) no-repeat left 10px center transparent;
}

.snslink_list .inside_b .Contents a.btn_x
{
    background: url(../../../secure/1402711/icon_x.png) no-repeat left 10px center transparent;
}

.snslink_list .inside_b .Contents a.btn_insta
{
    background: url(../../../secure/1402711/icon_instagram.png) no-repeat left 10px center transparent;
}

.snslink_list .inside_b .Contents a.btn_fb
{
    background: url(../../../secure/1402711/icon_facebook.png) no-repeat left 10px center transparent;
}



/*文書リスト_標準*/
.ItemList_Standard {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 1000px;
    padding: 0;
}

.ItemList_Standard .Fix_header2 {
    border-left: 5px solid #0D5182;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
    font-size: 150%;
}

.ItemList_Standard .inside_b {
}


/*サブタイトル*/
div.maincontents:has(.subtitle) {
    text-align: center;
}

.subtitle {
    border-left: none;
    margin: 0 0 10px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border-bottom: 5px solid #0D5182;
    text-decoration: none;
    color: #082B65;
    font-size: 180%;
    font-weight: bold;
    width: auto;
    display: inline-block;
}


a:hover {
    background-color: rgb(230,237,245,0.6)
}

.B_SiteMapListDiv1_base li.layer0 > a
{
    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: 150% !important;
    font-weight: bold !important;
    margin: 10px 0 5px -5px !important;
    padding: 12px 10px 12px 20px !important;
    overflow: hidden;
    color: #000000;
}

.B_SiteMapListDiv1_base li:not(.layer0) {
    background: none;
}

#ContentPane .B_SiteMapListDiv1_base li:not(.layer0) > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000080;
}


/*===== 既存モジュールデザイン調整用 =====*/
.h2frame,
.h3frame
{
    padding: 0 !important;
    background-image: none !important;
    border: none !important;
}

/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#BaseTable
{
width: 320px;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#SystemMenu
{
width: 320px;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#HeaderPane
{
width: 320px;
margin: 0 0 10px;
padding: 0;
box-sizing: border-box;
}
#Middle
{
width: 320px;
margin: 0 0 10px;
padding: 0;
box-sizing: border-box;
}
#LeftPane
{
width: 320px;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#ContentPane
{
width: 320px;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#RightPane
{
width: 320px;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#FooterPane
{
width: 320px;
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* リンクリスト_標準 */
.LinkList_Standard {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 320px;
    padding: 0;
}

.LinkList_Standard .outside_b h2 {
    border-left: 5px solid #0D5182;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
    font-size: 150%;
}

.LinkList_Standard .inside_b {
}

.LinkList_Standard .inside_b ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.LinkList_Standard .inside_b ul li {
    background: url(../../../secure/1402711/arrow01.png) no-repeat right 10px top 50%;
    width: 98%;
    border: 1px solid #195FA5;
    border-radius: 7px 7px;
    overflow: hidden;
    margin: 2px 2px 20px;
}

.LinkList_Standard .inside_b ul li a.titleLink {
    display: block;
    width: 98%;
    min-height: 20px;
    margin: 1%;
    box-sizing: border-box;
    padding: 10px;
    border-left: 3px solid #BF9644;
    font-size: 120%;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}


/* SNSリンク */
.snslink_list
{
    margin: 0 auto 10px;
    width: 100%;
    max-width: 320px;
    padding: 0;
}

.snslink_list .outside_b
{
}

.snslink_list .outside_b .Fix_header2
{
    border-left: 5px solid #0D5182;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
    font-size: 150%;
}

.snslink_list .inside_b
{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.snslink_list .inside_b .op_control
{
    width: 100%;
}

.snslink_list .inside_b .content_block
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.snslink_list .inside_b .content_block > a.EditIcon
{
    width: 3px;
}

.snslink_list .inside_b .Contents
{
    width: 98%;
    margin: 1%;
    box-shadow: 0 0 8px rgb(0, 0, 0, 0.3);
    border-radius: 5px;
    overflow: hidden;
}

.snslink_list .inside_b .Contents a
{
    display: block;
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    padding: 21px 5px 18px 60px;
    font-size: 120%;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.snslink_list .inside_b .Contents a.btn_youtube
{
    background: url(../../../secure/1402711/icon_youtube.png) no-repeat left 10px center transparent;
}

.snslink_list .inside_b .Contents a.btn_x
{
    background: url(../../../secure/1402711/icon_x.png) no-repeat left 10px center transparent;
}

.snslink_list .inside_b .Contents a.btn_insta
{
    background: url(../../../secure/1402711/icon_instagram.png) no-repeat left 10px center transparent;
}

.snslink_list .inside_b .Contents a.btn_fb
{
    background: url(../../../secure/1402711/icon_facebook.png) no-repeat left 10px center transparent;
}


/*文書リスト_標準*/
.ItemList_Standard {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 320px;
    padding: 0;
}

.ItemList_Standard .Fix_header2 {
    border-left: 5px solid #0D5182;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
    font-size: 150%;
}

.ItemList_Standard .inside_b {
}


/*サブタイトル*/
div.maincontents:has(.subtitle) {
    text-align: center;
}

.subtitle {
    border-left: none;
    margin: 0 0 10px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border-bottom: 5px solid #0D5182;
    text-decoration: none;
    color: #082B65;
    font-size: 180%;
    font-weight: bold;
    width: auto;
    display: inline-block;
}

a:hover {
    background-color: #E6EDF5;
}


.B_SiteMapListDiv1_base li.layer0 > a
{
    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: 140% !important;
    font-weight: bold !important;
    margin: 10px 0 5px -5px !important;
    padding: 12px 10px 12px 20px !important;
    overflow: hidden;
    color: #000000;
}

.B_SiteMapListDiv1_base li:not(.layer0) {
    background: none;
}

#ContentPane .B_SiteMapListDiv1_base li:not(.layer0) > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000080;
}


/*===== 既存モジュールデザイン調整用 =====*/
.h2frame,
.h3frame
{
    padding: 0 !important;
    background-image: none !important;
    border: none !important;
}
}
