@charset "UTF-8";


/* ========header小さくしたBASIC======== */
html {
   overflow-y:scroll;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
body {
   margin:0;
   padding:0;
   text-align:left;
   line-height: 1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#666;
   text-decoration:none;
   /* haikei */
   background:url("../images/bg.jpg");
}

br {
   letter-spacing:normal;
}

img {
   border:0;
   width: 100%;
   height: auto;
}

a {
   color:#666;
   border-bottom:1px dotted #333;
   text-decoration:none;
}

a:hover {
   color:#333;
}

#news {
   margin:0 0 2px 0;
   background:url("../images/news.gif") 0 50% no-repeat;
   font-size:11px;
   padding:3px 5px;
   text-align:right;
   border-bottom:1px solid #d7e0af;
}

h2 {
   margin:0 0 2px 0;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   background:#808769;
   padding:3px 5px;
}

h3 {
   margin:0 10px 12px 10px;
   font-size:14px;
}

h4 {
   margin:0 0 5px 0;
   padding:5px;
   font-size:13px;
   border-left:5px solid #808769;
}

h5 {
   margin:5px 5px 15px 5px;
   padding:5px;
   font-size:16px;
   color:#fff;
   background:#708769;
   font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Times New Roman",serif;
}

h6 {
   margin:0 0 5px 0;
   color:#708769;
   font-size:13px;
   border-top:1px solid #d7e0af;
   border-bottom:1px solid #d7e0af;
   padding:5px;
}

p { margin:0 0 1em 0; }
dl { margin:0; padding:0;}
dt { font-weight:bold;}
dd { margin:0 0 1em 0; padding:0;}
ul, ol { margin:0 0 1em 40px; padding:0;}
em { font-style:normal; background:#d7e0af;}



/*いろいろ*/
#wrapper {
   width:100%;
   margin:0 auto;
   background:url("../images/bgshadow.jpg") 0 0 repeat-y;
   background-size: contain;
}

#header {
   height:110px;
   margin:0 auto;
   text-decoration:none;
   background:#e7eee2 url("../images/headerbg2.jpg") 0 0 no-repeat;
   background-size: contain;
   position: relative;
}

#menu {
   width:100%;
   margin:0 auto;
}

#contents {
   clear:both;
   width:100%;
   margin:0 auto;
   border-bottom:1px solid #C3C3C3;
}
.content { margin-bottom: 40px;}
/*共通*/
.center{ text-align: center!important;}
.mb24{ margin-bottom: 24px!important;}
img.s_img { width: 100%;}

/* HIDARIGAWA*/
#hidari {
   padding:10px 10px 10px 10px;
}

.banner {
   margin:0 auto;
   display:block;
   width:200px;
   height:100px;
   margin-bottom: 24px;
   text-align: center;
   border-bottom: 1px dotted #333;
}
.banner a{ border-bottom: none; }


/* MIGIGAWA(MAIN)*/

#migi {
   padding:20px 10px 10px 10px;
}

#migi p{
   margin:0;
   padding:4px 10px;
   font-size:12px;
   color:#666;
   text-align:left;
   line-height:1.6;
   text-decoration:none;}
.title{
   margin: 0 10px 12px 10px;
   color: #708769;
   font-size: 13px;
   border-top: 1px solid #d7e0af;
   border-bottom: 1px solid #d7e0af;
   padding: 5px;
   background: transparent;
}
.big_title{
   margin: 0 10px 12px 10px;
   padding: 5px;
   font-size: 16px;
   color: #fff;
   background: #708769;
   font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Times New Roman",serif;
}
#footer {
   width:100%;
}

/* 回り込み解除 */
#menu:after,
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* profileimage */
#profile {
   margin:0 auto;
   display:block;
   padding:10px 10px 10px 10px;
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:10px 0 0 40px;
   font-size:28px;
   font-weight:light;
   color:#85c28b;
   font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Times New Roman",serif;
   text-decoration:none;
}

#header h1 a{
   color:#708769;
   text-decoration:none;
}

#header h1 a:hover{
   color:#d7e0af;
   text-decoration:none;
}

#header p {
   margin:0;
   text-align:right;
   line-height:1.6;
   text-decoration:none;
   font-size:14px;
   color:#666;
   position: absolute;
   bottom: 6px;
   right: 8px;
}

/* ========HEADER NAVI CUSTOMIZE======== */

#navi {
   margin:0 auto;
   padding:6px;
   text-align:right;
   font-size:11px;
   text-decoration:none;
}
#navi p {
   display: inline-block;
   margin-bottom: 0;
}
#navi p:first-child {
   display: block;
   text-align: left;
   padding: 0 2px 0 10px;
}

#navi a {
   font-size:11px;
   color:#333;
   text-decoration:none;
}

#navi a:hover {
   color:#666;
   text-decoration:none;
}

/* ========MENU CUSTOMIZE======== */
#menu ul {
   width:100%;
   margin:0;
   padding:0;
}

#menu li {
   width:25%;
   height: 60px;
   float:left;
   margin:0;
   padding:0;
   text-align:center;
   list-style-type:none;
   text-decoration:none;
   display: table;
}

#menu li a {
   display:block;
   width: 100%;
   height: 100%;
   border-top:1px solid #d7e0af;
   border-bottom:2px solid #007199;
   border-left:1px solid #d7e0af;
   border-right:2px solid #bddbbc;
   text-decoration:none;
   color:#fff;
   background:#708769;
   display: table-cell;
   vertical-align: middle;
}

#menu li a:hover {
   background:#808769;
   color:#ffffff;
   text-decoration:none;
}
#menu li:last-child { display: none;}
#menu li span.pc { display: none;}
#menu li span.sp { display: inline;}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop , .pageTop {
   text-align:right;
   font-size:11px;
}

#pageTop a , .pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:5px 0;
   text-align:center;
   color:#333;
   font-style:normal;
   font-size:11px;
   margin-bottom: 0;
}
/* ========STAFF CUSTOMIZE======== */

table.staff {
width: 100%;
border-collapse: separate;
border-spacing: 1px;
text-align: left;
line-height: 1.5;
border-top: 1px solid #ccc;
}
table.staff th {
width: 150px;
padding: 10px;
font-weight: bold;
 vertical-align: top;
border-bottom: 1px solid #ccc;
}
table.staff td {
padding: 10px;
vertical-align: top;
border-bottom: 1px solid #ccc;
}

/* ========閲覧幅768px以上（Tab/PC）======== */
@media screen and (min-width:768px){
   body { word-break: normal; word-wrap: break-word;}
   /*いろいろ*/
   #wrapper { width:840px;}
   #header { height:220px;}
   #contents { width:800px;}
   #menu { width:800px; margin-bottom: 30px;}
   h3 { margin: 0 10px 12px 0;}
   /*共通*/
   img.s_img { width: auto;}
   .center{ text-align: center!important;}

   /* HIDARIGAWA*/
   #hidari {
      float:left;
      width:220px;
      padding:20px 10px 10px 10px;
   }
   /* MIGIGAWA(MAIN)*/
   #migi {
      float:right;
      width:580px;
      padding:20px 10px 10px 10px;
   }
   .title{ margin: 0 10px 12px 0;}
   .big_title{ margin: 0 10px 12px 0;}
   #migi p{ padding:12px 10px 0 0;}
   #footer { width:800px; margin:0 auto;}
   /* ========HEADER CUSTOMIZE======== */
   #header p { bottom: 50px; right: 45px;}
   /* ========HEADER NAVI CUSTOMIZE======== */
   #navi { padding:5px 20px 5px 0px; text-align:right;}
   #navi p:first-child { display: inline-block;}
   /* ========MENU CUSTOMIZE======== */
   #menu ul { width:800px; }
   #menu li { width:20%; height: auto;}
   #menu li a { line-height:38px;}
   #menu li:last-child { display: table;}
   #menu li span.pc { display: inline;}
   #menu li span.sp { display: none;}
   #wrapper #menu li a{
      background-image:none;
      text-indent: 0;
   }

}