/* This is the StyleCatcher theme addition. Do not remove this block. */
/*@import url(/mt/mt-static/themes-base/blog.css);
@import url(/mt/mt-static/themes/unstyled/screen.css);*/
/* end StyleCatcher imports */

.textRight{
    text-align:right;
}

#content-inner h1{
    margin:0;
}

/* content-navi*/
#content-navi.onttl{
    background-repeat:no-repeat;
    margin:0 0 20px 0;
}

#content-navi.kyousai{
    background-image:url(/common/kyousai_pankuzu_bg.jpg);
}

#content-navi.topics_town{
    background-image:url(/common/topics_town_pankuzu_bg.jpg);
}

/* sitetop */
#content-inner.sitetop h1{
    margin:20px 0 30px 0;
}
#content-inner.sitetop #flashcontent{
    margin:20px 0 30px 0;
    /* @fci padding:10px 20px; */
}
#content-inner.sitetop #mainArea{
width:860px;
overflow:hidden;
    margin:20px 0 30px 0;
}

#content-inner.sitetop #mainimg{
    float: left;
    position:relative;
    width: 552px;
}

#content-inner.sitetop #mainimg #viewer {
    position:absolute;
    top:0;
    left:0;
}

#content-inner.sitetop #mainimg .viewer-sub {
    position:absolute;
    top:0;
    left:340px;
}

#content-inner.sitetop #movieArea{
float:right;
width:290px;
background:#D9D9D9;
}

#content-inner.sitetop #movieArea .img{
margin:8px 8px 2px 8px;
position:relative;
}

#content-inner.sitetop #movieArea .img .arw{
position:absolute;
top:55px;
left:100px;
}

#content-inner.sitetop #movieArea .date{
margin:0 0 0 8px;
padding:0;
font-weight:bold;
}

#content-inner.sitetop #movieArea .ttl{
margin:0 0 0 8px;
padding:0;
}

#content-inner.sitetop #movieArea ul{
text-align:center;
}

#content-inner.sitetop #movieArea ul li{
display:inline;
}

#sitetop{
    position: relative;
    width:100%;
}

#sitetop ul {
    margin-left: 0;
    padding-inline-start: 0;
}

/* menu-left */
#sitetop #menu-left{
/*    width:246px;*/
    /* @fci width:265px; */
    width: 230px; /* @fci */
    float: left;
}

/* menu-center */
#sitetop #menu-center{
    width:415px;
    margin-bottom:20px;
    float: left;
/*
    position: absolute;
    top:0;
    left:265px;
*/
}

/* menu-right */
#sitetop #menu-right{
    /* @fci width:290px; */
    width: 200px; /* @fci */
    float: right;
}


/* menu-news */
#menu-news{
    width:246px;
}
#menu-news .asset-header{
    margin-bottom:0;
    padding:0 5px;
}
#menu-news .asset{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom: 1px #999999 dashed;
}

#menu-news .asset-header p{
    background-image: url("/news/common/link_icon.gif");
    background-repeat:no-repeat;
    background-position:left 2px;
    padding:0 0 0 10px;
    line-height:17px;
    font-size:93%;
    color:#6A9C35;
    font-weight:bold;
    margin-bottom:0;
}
#menu-news .asset-header h4{
    vertical-align:middle;
    padding-left:10px;
    line-height:1.6;
    font-size:93%;
}
#menu-news .asset-header h4 a:link,
#menu-news .asset-header h4 a:visited,
#menu-news .asset-header h4 a:hover,
#menu-news .asset-header h4 a:active{
    color: #666666;
}

#menu-news .asset-header h4 img{
    vertical-align:middle;
    margin-left:5px;
}

/* menu-taimatsu */
#menu-taimatsu{
    width:246px;
}
#menu-taimatsu h3{
    margin-bottom:8px;
}

#menu-taimatsu div{
    position: relative;
}

#menu-taimatsu p.btnright{
    position: absolute;
    top:0;
    right:0;
}

/* menu-aboutus */
#menu-aboutus h3{
    margin-bottom:0;
}

#menu-aboutus p.menuImg {
    margin: 0; /* @fci */
    padding-top: 5px;
    font-size: 1.3rem;
    font-weight:900;
    color: #22a7d3;
}
#menu-aboutus .menuTTL{
    background-image: url("/images/top_top_aboutus_img01.jpg");
    background-repeat:no-repeat;
    background-position:right top;
    min-height: 135px;  
    height: auto !important;  
    height: 135px;
    width: 380px; /* @fci */
}

#menu-aboutus .menuTTL p{
    margin-bottom:0;
}

#menu-aboutus .menuTTL p.menuText{
    /* @fci font-size:77%; */
    color:#555555;
    line-height:1.6;
    /* @fci width:130px; */
    width:200px;
    margin-left:3px;
    font-family:"メイリオ"\9; /*for IE8*/
}

#menu-aboutus ul{
    padding-bottom:10px;
    margin-bottom:10px;
    /* @fci border-bottom: 1px #999999 dashed;*/
    margin-top:20px; /* @fci */
}

#menu-aboutus li{
   /* @fci display:inline; */
   margin-left: 20px;
   margin-bottom: 10px;
}
#menu-aboutus li img{
    width: 200px; /* @fci */
    margin-left: 50px; /* @fci */
}

#menu-aboutus li a {
    text-decoration: none;
}
#menu-aboutus li a div {
    height: 32px;
    font-size: 1.1rem;
    font-weight:700;
    background-image: url("/images/top_top_aboutus_btn.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 2rem;
    padding-left: 2.3rem;
    padding-top: 5px;
    color: #000;
}

/* menu-banner*/

.menu-banner li{
    padding-top:5px;
}
/* 
.menu-banner.external ul {
    margin-left: 80px;
}
.menu-banner.external img {
        width: 200px;
}
*/


/* menu-goiken */
#menu-goiken h3{
    margin-bottom:0;
}

#menu-goiken .menuTTL{
    background-image: url("/images/top_goiken_img01.gif");
    background-repeat:no-repeat;
    background-position:right top;
    min-height: 121px;  
    height: auto !important;  
    height: 121px;
}

#menu-goiken .menuTTL p{
    margin-bottom:0;
}

#menu-goiken .menuTTL p.menuText{
    font-size:77%;
    color:#555555;
    line-height:1.6;
    width:130px;
    margin-left:3px;
    font-family:"メイリオ"\9; /*for IE8*/
}

#menu-goiken #goikenTheme{
    background-image: url("/images/top_goiken_bg.gif");
    background-repeat:repeat-y;
    overflow: hidden;
}

#menu-goiken #goikenTheme .menuTTL{
    background-image: url("/images/goikenTheme_ttl.gif");
    background-repeat:no-repeat;
    background-position:15px top;
    padding:0 10px 0 80px;
    font-size:93%;
    color:#FFFFFF;
    line-height:19px;
    min-height:0;
    height:auto;
    margin-bottom:10px;
}

#menu-goiken #goikenTheme .menuTTL a:link,
#menu-goiken #goikenTheme .menuTTL a:visited,
#menu-goiken #goikenTheme .menuTTL a:hover,
#menu-goiken #goikenTheme .menuTTL a:active{
    color: #FFCBD2;
    font-weight:bold;
}

#menu-goiken #goikenTheme p{
    margin-bottom:0;
}

#menu-goiken #goikenTheme p.DetailImg{
    width:100px;
    height:76px;
    background-color:#FFFFFF;
    border: 3px #FFFFFF solid;
    position: relative;
    overflow: hidden;
    margin:0 0 0 15px;
}

#menu-goiken #goikenTheme p.DetailImg img{
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#menu-goiken #goikenTheme .menuDetail{
    position: relative;
    margin:0;
    padding:0;
    width:290px;
}

#menu-goiken #goikenTheme .menuDetail .DetailText{
    color:#FFFFFF;
    line-height:1.2;
    min-height:60px;  
    height: auto !important;  
    height:60px;
    font-size:77%;
    font-family:"メイリオ"\9; /*for IE8*/

}
#menu-goiken #goikenTheme .menuDetail p.DetailBtn{
    text-align:right;
}

#menu-goiken .goikencomment{
    background-image: url("/images/top_comment_bg.gif");
    background-repeat:no-repeat;
    padding:0 0 0 26px;
    margin-bottom:5px;
}
#menu-goiken .goikencomment .goikencomment-inner{
    background-image: url("/images/top_comment_bottom.gif");
    background-repeat:no-repeat;
    background-position:left bottom;
    background-color:#FEE8EE;
    padding:0 0 8px 0;
    width:264px;
}
#menu-goiken .goikencomment h4{
    background-image: url("/images/top_comment_head.gif");
    background-repeat:no-repeat;
    background-position:left top;
    line-height:1.4;
    font-size:93%;
    margin-bottom:0;
    padding:8px 18px 5px;
}

#menu-goiken .goikencomment h4 a:link,
#menu-goiken .goikencomment h4 a:visited,
#menu-goiken .goikencomment h4 a:hover,
#menu-goiken .goikencomment h4 a:active{
    color: #333333;
}

#menu-goiken .goikencomment p{
    line-height:1.4;
    font-size:77%;
    color:#666666;
    margin-bottom:0;
    padding:0 18px;
    font-family:"メイリオ"\9; /*for IE8*/
}

#menu-goiken .goikencomment p a:link,
#menu-goiken .goikencomment p a:visited,
#menu-goiken .goikencomment p a:hover,
#menu-goiken .goikencomment p a:active{
    color: #666666;
}


/* menu-branch */
#menu-branch{
    clear:both;
}
#menu-branch h3{
    margin-bottom:12px;
}

#menu-branch .menuTTL{
    position: relative;
    margin-bottom:10px;
}
#menu-branch .menuTTL p{
    margin-bottom:0;
}
#menu-branch .menuTTL p.menuText{
    position: absolute;
    top:0;
    left:150px;
    font-size:93%;
    color:#666666;
    line-height:26px;
}

#menu-branch .branch{
    /* @fci background-image: url("/images/top_branch_bg.gif");
    background-repeat:repeat-y;
    min-height: 200px;
    height: auto !important;  
    height: 200px; */
    background-color: #EEEEEE;
}

#menu-branch .branch div.kankyou,
#menu-branch .branch div.gesui,
#menu-branch .branch div.shimin,
#menu-branch .branch div.doboku,
#menu-branch .branch div.kouen,
#menu-branch .branch div.kokumin,
#menu-branch .branch div.kouwan{
    float: left;
    /* @fci width:172px; */  
    /* @fci min-height: 83px;  */ 
    height: auto !important;  
    /* @fci height: 83px;  */
}
#menu-branch .branch img {
    width: 135px /* @fci */
}
#menu-branch .branch p{
    margin:0 0 0 7px;
}

#menu-branch .branch p.branchText{
    display : none;
    /* @fci
    margin:2px 0 0 11px;
    width:150px;
    font-size:77%;
    color:#333333;
    line-height:1.3;
    font-family:"メイリオ"\9; */ /*for IE8*/
}


.pagelist{
line-height:20px;
padding:0 5px 20px;
text-align:right;
font-size:93%;
}


.pagelist a{
background-image:url("/news/common/link_next.gif");
background-position:left 2px;
background-repeat:no-repeat;
padding-left:10px;
}
.pagelist a:link,
.pagelist a:visited,
.pagelist a:hover,
.pagelist a:active{
    color: #333333;
}



/* asset-content*/
.asset-content p{
    margin-bottom:25px;
    padding:0 10px;
    font-size:93%;
    line-height:1.6;
}

.kyousai .box{
    margin:0 10px 20px 10px;
    padding:20px 15px 0 15px;
    border: 1px #AAC55E solid;
    background-color:#F6F6F6;

}

.kyousai .box p{
    padding:0 0 20px 0;
    margin-bottom:0;
}


.kyousai h4{
    padding:0 10px;
    font-size:108%;
    font-weight:bold;
    color:#4E7500;
    margin-bottom:5px;
}

.kyousai table{
    margin:10px 10px 30px 10px;
    width:620px;
    border-collapse: collapse;
}

.kyousai td{
    border: 1px #CCCCCC solid;
    text-align: left;
    vertical-align: top;
    padding:10px;
    font-size:93%;
    line-height:1.3;
}

.kyousai td.listLeft{
    background-color:#F4F8DD;
    width:30%;
}

/* sitemap*/
#sitemap h2{
    background-image:url(/common/sitemap_ttl_bg.gif);
    background-repeat:no-repeat;
    background-position: left top;
    margin:0 0 15px 0;
    padding-left:30px;
    height:43px;
    line-height:43px;
    font-size:153.9%;
    font-weight:bold;
    color:#FFFFFF;
}

#sitemap h3{
    background-image:url(/common/sitemap_sub_bg.gif);
    background-repeat:no-repeat;
    background-position: left top;
    margin:0 0 5px 0;
    padding-left:20px;
    height:38px;
    line-height:38px;
    font-size:108%;
    font-weight:bold;
    color:#333333;
}

#sitemap h3 a:link,
#sitemap h3 a:visited{
    color: #333333;
    text-decoration:none;
}

#sitemap h3 a:hover,
#sitemap h3 a:active{
    color: #333333;
    text-decoration:underline;
}

#sitemap-left,
#sitemap-right{
    width:415px;
    float: left;
}

#sitemap-right{
    float: right;
}


/* sitemap-list */
.sitemap-list ul {
    margin-left:17px;
    margin-bottom:15px;
}

.sitemap-list ul li ul{
    margin-left:0;
    margin-bottom:0;
}


.sitemap-list li {
    margin-bottom:2px;
    margin-top:0px;
    background-image: url(/common/sitemap_list_icon_l.gif);
    background-repeat:no-repeat;
    background-position: 3px 6px;
    line-height:15px;
    padding:4px 0 4px 20px;
}

.sitemap-list li ul li{
    background-image: url(/common/wj_list_icon_s.gif);
    background-position: left 7px;
    margin-bottom:0;
    margin-top:0px;
    font-weight:normal;
    background-color:#FFFFFF;
    border-left: none;
    padding:4px 0 4px 10px;
}


/* town */
.town {
    clear: both;
    border-top: 1px dashed #999999;
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.town .left{
    width:430px;
    float: left;
}

.town ul{
      margin:0 10px 10px 10px;
}

.town li{
    background-image: url("/common/link_icon.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    font-size: 93%;
    line-height: 17px;
    margin-bottom: 20px;
    padding: 0 0 0 15px;
}

.town .image-inner{
    margin:0;
    padding:0;
    width:195px;
    float: right;
}

.town .image-inner .imgPhoto{
    margin:0;
    padding:0;
}

.town .image-inner .imgcap{
    padding:5px 10px 10px 5px;
    font-size:77%;
}

/* policy */
.policy{
      padding:0 0 30px 0;
}

.policy ul{
      margin:0 10px 25px 20px;
}

.policy li{
    font-size: 93%;
    line-height: 1.6;
    margin-left: 1.5em;
    text-indent: -1.2em;
    padding: 10px 0 0 0;
}

.policy ul li ul{
      margin-left:0;
}

.policy li ul li{
    font-size: 100%;
    padding: 5px 0 0 0;
}

.policy dl{
    margin-left:10px;
}
.policy dt{
    float:left;
    width: 4.5em;
    padding-bottom:5px ;
}

.policy dd{
    padding-bottom:5px ;
}


.policy table{
    margin:0 10px 10px 10px;
    width:620px;
    border-collapse: collapse;
}

.policy td, .policy th{
    border: 1px #CCCCCC solid;
    text-align: left;
    vertical-align: center;
    padding:10px;
    font-size:93%;
    line-height:1.3;
}

.policy th{
    text-align: center;
    background-color:#F4F8DD;
    font-weight:normal;
}

/* @fci ページ標準デザイン */
#content h2.fci{
    background-image:url(/common/sitemap_ttl_bg.gif);
    background-repeat:no-repeat;
    background-position: left top;
    margin:0 0 15px 0;
    padding-left:30px;
    height:43px;
    line-height:43px;
    font-size:153.9%;
    font-weight:bold;
    color:#FFFFFF;
}

#content h3.fci{
    background-image:url(/common/sitemap_sub_bg.gif);
    background-repeat:no-repeat;
    background-position: left top;
    margin:0 0 5px 0;
    padding-left:20px;
    height:38px;
    line-height:38px;
    font-size:108%;
    font-weight:bold;
    color:#333333;
}

#content h3.fci a:link,
#content h3.fci a:visited{
    color: #333333;
    text-decoration:none;
}

#content h3.fci a:hover,
#content h3.fci a:active{
    color: #333333;
    text-decoration:underline;
}

#content-left,
#content-right{
    width:415px;
    float: left;
}

#content-right{
    float: right;
}

/* content-list */
.content-list ul {
    margin-left:17px;
    margin-bottom:15px;
}

.content-list ul li ul{
    margin-left:0;
    margin-bottom:0;
}

.content-list li {
    margin-bottom:2px;
    margin-top:0px;
    background-image: url(/common/sitemap_list_icon_l.gif);
    background-repeat:no-repeat;
    background-position: 3px 6px;
    line-height:15px;
    padding:4px 0 4px 20px;
}

.content-list li ul li{
    background-image: url(/common/wj_list_icon_s.gif);
    background-position: left 7px;
    margin-bottom:0;
    margin-top:0px;
    font-weight:normal;
    background-color:#FFFFFF;
    border-left: none;
    padding:4px 0 4px 10px;
}

.headlink ul {
    height: 15px;
}

.errmsg {
    color: red;
    font-weight: bold;
}

div.side_top {
    height: 8px;
    margin-bottom: 5px;
}
div.side_bottom {
    height: 8px;
}

/* トップページ */
h1#header-name {
    margin: 0;
}
/*
#sitetopmain {
    padding: 0 50px;
}
*/
#menu-left .shiju-banner {
    background-image: url(/common/shiju-banner.png);
    width: 186px;
    height: 62px;
}
#menu-left .shiju-banner span{
    display: inline-block;
    color: white;
    padding-left: 0.5rem;
    padding-top: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
}
#menu-left .menu-banner li img {
    width: 186px;
}
#menu-left .menu-banner li .kyousai_logo img {
    width: 175px;
}
#menu-center h3 {
    margin-block-start: 0;
}
#menu-right .menu-banner li.link {
    margin-top: 50px; /*リンク集バナーの上余白*/
}
#menu-right .menu-banner li img {
    width: 186px;
}
#menu-branch {
    padding-top: 10px;
}

/* スライド */
.sliderArea {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
 }
.slick-prev, .slick-next {
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    color: #000 !important;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}
.thumb {
    margin: 20px 0 0;
}
.thumb .slick-slide {
    cursor: pointer;
}
.thumb .slick-slide:hover {
    opacity: .7;
}
div.slide {
    height: 250px;
    display: flex !important;
    justify-content: start;
}
div.slide .slide-image img {
    padding-left :0.5rem;
    height: 230px;
}
div.slide .slide-message {
    padding-left :0.5rem;
    padding-right :0.5rem;
    font-size: 0.9rem;
}
div.slide.purpose-slide {
    padding-top:20px;
    text-align: center;    
    background-image: radial-gradient(closest-corner,#FFFFFF, #f6f1cc);
}
div.slide.purpose-slide .purpose{
    margin-top: 10px;
    font-size: 1.1rem;
    color: #000;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
div.slide.purpose-slide .sign{
    margin-top: 30px;
    font-size: 1.1rem;
}
div.slide.shiju-slide .title{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
}
div.slide.shiju-slide .slide-image img {
    height: 200px;
}
div.slide.jichiro-slide .title{
    font-size: 1.1rem;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}