@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url(style.css);

@import url(style.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus{
  outline: 0;
}
ol, ul{
  list-style: none;
}
table{
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td{
  font-weight: normal;
  text-align: left;
}
blockquote::before, blockquote::after,q::before, q::after{
  content: "";
}
blockquote, q{
  quotes: "" "";
}
a img{
  border: 0;
}
figure{
  margin:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, div{
  display: block;
}
/* -------------------------------------------------------------- */

body{
  color : rgb(51, 51, 51);
  font : normal normal normal 12px /1.5 verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #f0f5f9;
  -webkit-text-size-adjust: none;
}
html{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #f0f5f9;
}
/* リンク設定
------------------------------------------------------------*/
a{
  color : rgb(2, 66, 200);
  text-decoration:none;
}
a:hover{
  color : rgb(14, 125, 11);
  background-color : rgb(236, 236, 244);
}
a:active, a:focus{
  outline:0;
}
/* 全体
------------------------------------------------------------*/
#wrapper{
  margin:0 auto;
  padding:0 1%;
  width:98%;
  position:relative;
}
.inner{
  margin:0 auto;
  width:100%;
}
/*************
/* ヘッダー
*************/
h1{
  font-size : 120%;
  line-height : 200%;
  font-weight:normal;
  background : rgb(224, 220, 233) none repeat scroll 0% 0%;
  color : rgb(82, 16, 34);
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 3px;
  margin-bottom : 20px;
  clear : both;
}
h2{
  font-size : 120%;
  line-height:1.6;
  font-weight:normal;
  background : rgb(224, 220, 233) none repeat scroll 0% 0%;
  color : rgb(82, 16, 34);
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 3px;
  margin-bottom : 20px;
  margin-top : 16px;
  clear : both;
}
h3{
  font-size : 120%;
  line-height:1.6;
  font-weight:normal;
  background : rgb(225, 220, 233) none repeat scroll 0% 0%;
  color : rgb(82, 16, 34);
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 3px;
  margin-bottom : 10px;
  clear : both;
  left : -2px;
  margin-top : 10px;
}
h4{
  font-size : 105%;
  line-height:1.6;
  font-weight:normal;
  background : rgb(225, 220, 233) none repeat scroll 0% 0%;
  color : rgb(82, 16, 34);
  padding-top : 5px;
  padding-left : 15px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-bottom : 20px;
  clear : left;
}
h5{
  font-size : 110%;
  font-weight : bold;
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  color : black;
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-bottom : 0px;
  clear : both;
  left : -2px;
  background-color : rgb(240, 237, 243);
}
#header{
  overflow:hidden;
  padding : 5px 0px 6px;
  background-color : #dfeaf0;
}
* html #header{
  height:1%;
}
/*************
/* ロゴ
*************/
#header .logo{
  float:left;
  padding : 5px 0px 0px;
}
.logo a{
  font-size:20px;
  font-weight:bold;
  line-height:1;
  font-family:"Palatino Linotype", "Book Antiqua", Palatino,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.logo span{
  font-size : 14px;
  font-weight:normal;
  color:#333;
}
.info{
  float:right;
  padding : 10px 0px 0px;
}
.tel strong{
  font-size : 110%;
  font-weight:bold;
}
/**************************
/* トップナビゲーション
**************************/
ul#topnav{
  overflow:hidden;
  margin : 3px 0px 10px;
}
* html ul#topnav{
  height:1%;
}
ul#topnav li{
  float:left;
  text-align:center;
}
ul#topnav a{
  width:156px;
  font-size : 14px;
  display:block;
  padding : 14px 0px;
  color : rgb(0, 70, 0);
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #b3dd9b;
  border-left : 1px solid #739938;
  font-weight : 500;
}
ul#topnav li:first-child a,ul#topnav li:last-child a{
  width:155px;
}
ul#topnav li.active a,ul#topnav a:hover{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #8ccd69;
}
/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
  clear:both;
  margin:20px auto 20px;
  padding:4px;
  position:relative;
  line-height:0;
  background:#a9cf6b;
}
#mainBanner img{
  max-width:100%;
  height:auto;
}
.slogan{
  position:absolute;
  max-width:100%;
  height:auto;
  bottom:10px;
  left:10px;
  padding:5px 10px;
  line-height:1.4;
  z-index:100;
  background : url(tp2.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
.slogan h3{
  font-size:14px;
  color:#ccc;
}
/**************************
/* グリッド
**************************/
.gridWrapper{
  clear:both;
  padding : 10px 0px;
  overflow:hidden;
}
* html .gridWrapper{
  height:1%;
}
.grid{
  float:left;
}
.colDark,.colLight{
  padding-bottom:5px;
  border-top:3px solid #a9cf6b;
  border-bottom:3px solid #a9cf6b;
}
.colLight{
  border-color:#739938;
}
.colDark h3,.colLight h3{
  margin:10px 10px 5px;
  font-size:14px;
  font-weight:bold;
}
.colDark a,.colLight a{
  display:block;
  padding:3px 5px;
  border-radius:3px;
  color:#fff;
  background:#a9cf6b;
}
.colLight a{
  background:#739938;
}
.colDark a:hover{
  background:#739938;
}
.colLight a:hover{
  background:#a9cf6b;
}
.grid p{
  padding:5px 10px;
}
.grid .sul{
  margin : 5px 10px 5px 20px;
  font-size : 105%;
}
.grid li{
  padding:5px 0;
  list-style:inside;
  border-bottom:1px dashed #ebebeb;
}
.gridWrapper img{
  max-width:100%;
  height:auto;
}
/* フッター内のグリッド(3カラム) */
#footer .grid{
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
}
#footer .col3 ul{
  margin:0 0 10px 5px;
}
#footer .col3 li{
  padding:0 6px 0 5px;
  margin-bottom:3px;
  list-style:none;
  border-bottom:0;
  display:inline-block;
  border-right:1px solid #fff;
}
/*************
メイン コンテンツ
*************/
.div.content{
  margin-bottom:20px;
  overflow:hidden;
}
* html div.content{
  height:1%;
}
div.content p{
  margin-bottom:5px;
}
h3.heading,#sub .grid h3{
  padding:5px 10px;
  margin-bottom:10px;
  font-size:16px;
  background:#f5f5f5;
  border-left:7px solid #a9cf6b;
}
#sub .grid h3{
  margin-right:10px;
}
.alignleft{
  float:left;
  clear:left;
  margin:3px 10px 10px 1px;
}
.alignright{
  float:right;
  clear:right;
  margin:3px 1px 10px 10px;
}
img.frame,#gallery img{
  border:4px solid #fff;
  box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
}
#gallery .gridWrapper{
  padding:0;
}
#gallery img{
  margin:5px;
}
div#gallery{
  overflow:visible;
}
/*************
テーブル
*************/
table.table{
  border-collapse:collapse;
  width : 100%;
  margin : 10px auto;
  font-size : 110%;
  
}
table.table th,table.table td{
  padding:5px;
  border : 1px solid rgb(134, 179, 66);
}
table.table tr:first-child th,table.table tr:first-child td{
  border-top : 1px solid rgb(165, 201, 109);
}
table.table th{
  font-weight:bold;
  letter-spacing:1px;
  white-space:nowrap;
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
}
/*************
/* フッター
*************/
#footer{
  clear:both;
  padding : -5px 0px;
  overflow:hidden;
  background : rgb(239, 245, 239) none repeat scroll 0% 0%;
  border-top : 1px solid rgb(115, 153, 56);
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(115, 153, 56);
  margin-bottom : 5px;
  text-align : center;
  margin-top : 15px;
}
* html #footer{
  height:1%;
}
#footer .copyright{
  font-size:11px;
}
/* PC用 */
@media only screen and (min-width:960px){
  #wrapper,.inner{
  width:940px;
  padding:0;
}
#wrapper{
  padding-bottom:20px;
}
#main{
  float:right;
  width:690px;
}
#subpage #sub{
  float:left;
  width:235px;
  overflow:hidden;
}
/* グリッド */
	.grid{
  width:235px;
}
.col2{
  width:470px;
}
.col3{
  width:705px;
}
#gallery .grid{
  width:230px;
}
#subpage #sub .grid{
  width:100%;
  float:none;
  padding-bottom:30px;
}
}
/* モニター幅960px以下 */
@media only screen and (max-width:960px){
  h1 p.inner{
  padding:0 2%;
width:96%;
}
#header .logo{
  padding-left:10px;
}
#header .info{
  padding-right:10px;
}
ul#topnav{
  clear:both;
  width:100%;
}
ul#topnav li{
  width:33%;
  margin:0 0 5px;
  border-right:1px solid #739938;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
ul#topnav li:nth-child(3n){
  border-right:0;
  width:34%;
}
ul#topnav li a{
  width:100%;
  border-top:0;
}
ul#topnav li:first-child a,ul#topnav li:last-child a{
  width:100%;
}
.grid{
  width:50%;
  margin:2px 0;
}
.col2{
  float:none;
  width:100%;
  margin:0 0 20px;
}
.grid img{
  float:left;
  margin-right:5px;
}
#gallery .grid{
  width:31%;
  margin:0 1%;
  padding:0;
}
#gallery .grid img{
  float:none;
}
div.content{
  padding:0 10px;
}
div.content img{
  max-width:90%;
  height:auto;
}
#sub .grid{
  padding-bottom:20px;
}
#footer{
  padding:0;
}
#footer .grid{
  float:none;
  width:100%;
  margin-bottom:5px;
  text-align:center;
}
}
/* iPad 縦 */
@media only screen and (max-width:768px){
  #mainBanner{
  padding:3px;
}
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
  .grid{
  width:100%;
}
.grid img{
  float:none;
  margin:20px auto 10px;
}
.grid p{
  text-align:left;
}
img.frame,#gallery img{
  border-width:2px;
}
.alignleft,.alignright{
  float:none;
  display:block;
  margin:0 auto 10px;
}
#footer .grid p{
  text-align:center;
}
}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
  #header .logo{
  padding-top:10px;
}
.info{
  padding:10px 0 0;
}
ul#topnav li{
  width:50%;
}
ul#topnav li:nth-child(3n){
  border-right:1px solid #739938;
  width:50%;
}
ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){
  border-right:0;
}
#mainBanner{
  margin-left:1px;
}
#mainBanner h2,#mainBanner h3{
  font-size:80%;
}
}
.lef{
  font-size : 120%;
  line-height : 180%;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  padding-bottom : 8px;
}
.right{
  float : right;
  padding-left : 10px;
}
.red{
  color : rgb(190, 73, 44);
  font-weight : 500;
  font-size : 110%;
  
}
.box{
  padding-top : 6px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  float : left;
  width : 300px;
  margin-right : 10px;
}
.box1{
  text-align : center;
  padding-bottom : 5px;
  float : left;
  left : -2px;
  height : 110px;
  padding-right : 5px;
}
.box2{
  line-height : 170%;
  text-align : left;
  font-size : 105%;
  padding-left : 5px;
}
.lef1{
  font-size : 120%;
  line-height : 180%;
  clear : both;
  margin-bottom : 0px;
  padding-bottom : 8px;
}
.box3{
  padding-top : 5px;
  padding-bottom : 0px;
  width : 146px;
  left : 0px;
  float : left;
  height : 190px;
  text-align : center;
}
.act{
  background-color : rgb(225, 220, 233);
}
.left{
  float : left;
  padding-right : 10px;
  padding-bottom : 6px;
}
.ws{
  width : 50%;
}
.wl{
  width : 96%;
}
.box4{
  width : 295px;
  float : left;
  padding-right : 10px;
  margin-right : 0px;
}
.box5{
  height : 215px;
  float : left;
  padding-right : 5px;
  padding-bottom : 10px;
}
.lg{
  color : rgb(115, 153, 56);
  margin-top : 10px;
  margin-bottom : 10px;
  clear : both;
  background-color : rgb(115, 153, 56);
}
.box6{
  height : 215px;
}
.none{
  clear : both;
}
.box7{
  width : 110px;
  float : left;
  height : 105px;
}
.box8{
  width : 260px;
  left : -4px;
  float : left;
}
.tul{
  width : 95px;
  float : left;
  margin-bottom : 10px;
}
.act2{
  background-color : rgb(241, 236, 235);
  padding-top : 5px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 5px;
  margin-bottom : 6px;
  width : 80px;
}
.box9{
  width : 300px;
  float : right;
  text-align : right;
}
.lef2{
  font-size : 115%;
  line-height : 250%;
  clear : both;
}
.box10{
  height : 110px;
}
.no-no{
  float : none;
}

.box11{
  width : 170px;
  float : left;
  left : -2px;
}



.box12{
  width : 160px;
  float : left;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : rgb(134, 179, 66);
  margin-right : 6px;
}

.menu{
  font-size : 105%;
  line-height : 1.6;
  color : black;
  background-color : rgb(222, 232, 239);
  padding-top : 5px;
  padding-left : 15px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-bottom : 20px;
  clear : left;
}





.lef1 strong{
  font-weight : bold;
}

.tugi{
  
  background-color : rgb(225, 220, 233);
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  
  
  left : -4px;
  font-size : 100%;
}



.box13{
  width : 310px;
  
  left : -2px;
  font-size : 115%;
  height : 180%;
  padding-bottom : 8px;
  float : left;
}

.lef strong{
  font-size : 110%;
  font-weight : 500;
}