@charset "UTF-8";

/* CSS Document */

body    {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",              Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* ヘッダー */
.header    {padding: 10px 10px 0 10px;
             background-color:#8abc60;
}

.header h1 {color: #fff;
	        margin: 0;
            font-size: 20px;
            line-hight: 1;
}

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


.header .logo {margin:0 10px 10px 0;
               border: none;
               vertical-align: -15px;}

.hero {
	background-image: url("image/yasai01_misatoya.jpg");
	background-size: cover;
	padding: 20px 20px 50px 20px;
	margin: 0;
	color: white;
	text-align: center;
	filter: alpha(opacity=90); /*IE8*/
	-moz-opacity: 0.8; /*fx*/
	opacity: 0.8;/*wb*/
}

.insta{background-image: url(image/yasai01_misatoya.jpg);
	   background-size: 100%;
	   padding: 20px 0 0 0;
       margin:0;
       color: #FFFFFF;
	   text-align: center;}


/* 記事 */

.entery        {padding: 0;
}

.entery img    {max-width: 100%;
                height: auto;
                margin: 0 0 5px 0;
                vertical-align: bottom;
}

.entery h1     {padding: 5px 0 5px 12px;
	            border-top: solid 1px #888;
	            border-left: solid  10px #8abc60;
	            margin: 0 0px 0px 0;
                font-size: 18px;
                line-height: 1.5;
}
.entery h2     {color: darkgreen;
	            padding: 10px 0 10px 12px;
	            margin: 0 0 10px 0;
                font-size: 18px;
                line-height: 1.2;
}
.entery h3     {color: crimson;
	            margin: 0 0 10px 0;
                font-size: 16px;
                line-height: 1.2;
}
.entery h4     {color: #FFFFFF;
	            margin: 0 0 20px 0;
                font-size: 18px;
                line-height: 1.2;
	            background-color: darkgreen
}


.entery p       {margin: 0 0 20px 0;
                 font-size: 14px;
                 line-height: 1.6;
}

.entery .added {margin: 0 0 20px 0;
}
.entery tr {background-color: #8abc60;}

.enterybox   {padding:10px;
              border: solid 1px darkgreen;
              background-color: #FFFFFF;
}
.enterybox h1     {padding: 5px 0 5px 12px;
	            border-top: solid 1px #888;
	            border-left: solid  10px rgba(23,66,99,0.8);
	            border-right: solid  10px rgba(23,66,99,0.8);
	            margin: 0 20px 10px 0;
                font-size: 18px;
                line-height: 1.2;
	            color: rgba(23,66,99,1.00);
	            text-align: center;
}
.enterybox h2     {color: darkgreen;
	            margin: 0 0 20px 0;
                font-size: 18px;
                line-height: 1.2;
}
.enterybox h3     {color: crimson;
	            margin: 0 0 20px 0;
                font-size: 16px;
                line-height: 1.2;
}

.enterybox >h4 {color: #FFFFFF;
	            padding-left: 20px;
	            margin: 0px 0px 0px 0px;
                font-size: 18px;
                line-height: 1.5;
	            background-color: darkgreen 
			
}

.enterybox >p {margin: 10px 10px 10px 10px;
}
.enteryboxcenter   {padding:10px;
              border: solid 1px #8abc60;
              background-color: #FFFFFF;
	          text-align: center;
}
.enteryboxcenter h1 {padding: 5px 0 5px 12px;
	            border-top: solid 1px #888;
	            border-left: solid  10px #8abc60;
	            border-right: solid  10px #8abc60;
	            margin: 0 20px 10px 0;
                font-size: 18px;
                line-height: 1.2;
	            color: rgba(23,66,99,1.00);
				
}
.enteryboxcenter h2     {color: darkgreen;
	            margin: 0 0 20px 0;
                font-size: 18px;
                line-height: 1.2;
}
.enteryboxcenter h3     {color: crimson;
	            margin: 0 0 20px 0;
                font-size: 18px;
                line-height: 1.2;
}

.enteryboxcenter >h4 {color: #FFFFFF;
	            margin: 0 0 20px 0;
                font-size: 18px;
                line-height: 1.2;
	            background-color: #8cccc;
			
}

.enteryboxcenter >p {margin: 10px;
}
/* リストボックス */
.newsBox {
  width: 100%;
}
.infoBox {
  width: 80%;
  
}

.infoBox {text-align: left;
}
.newsBox h4, .infoBox h4 {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px double #3f312b;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.newsBox dt {
  width: 8em;
  font-weight: bold;
  float: left;
  clear: both;
}
.newsBox dd {
  margin-left: 8em;
}

.newsBox dt {
  padding: 5px;
  border-bottom: 1px dashed #94846a;
  border-top: 1px dashed #94846a;
}
.newsBox dd{padding: 5px;
            border-top: 1px dashed #94846a;
	        border-left:1px dashed #94846a}

.infoBox dl {
  
  padding: 1px;
}

.infoBox dt, .infoBox dd {
  background-color: #FFF;
  padding: 3px 3px 3px 10px;
}

.infoBox dt {
  padding: 5px;
  border-top: 1px dashed #94846a;
  border-bottom: 1px dashed #94846a;
}
.infoBox dd{padding: 5px;
            border-bottom: 1px dashed #94846a;
	        border-top: 1px dashed #94846a;
	        border-left:1px dashed #94846a}

.infoBox dt {
  width: 8em;
  font-weight: bold;
  float: left;
  clear: both;
}
.infoBox dd {
  margin-left: 8em;
}
.infoBox i {
  margin-right: 10px;
  font-size: 1.2em;
}

/* メニュー、サブメニュー */

.submenu    {padding: 0;
	         border: solid 1px #aaa;
	         border-left: none;
	         border-right: none;
	         border-radius: 0;
	         box-shadow:  none;
	         background-color: #fff;
}
.submenu > .panel-heading 
                      {margin: 0;
                       padding: 10px;
                       border-bottom: solid 1px #aaa;
                       background-color:  #fff;
                       font-size:18px;
}

.submenu ul,
.submenu ol  {margin: 0;
	          padding: 0;
	          font-size:14px;
	          line-height: 1.4;
	          list-style: none;
}
.submenu li a  {position: relative;
               display: block;
               padding: 10px 5px 10px 30px;
               color:#000;
                text-decoration: none;
}

.submenu li a:hover {background-color: #E5FDC1;
}

.submenu li a:before {position: absolute;
                      left: 5px;
                      top: 12px;
                      content: '→';
                       color: #8abc60;
                       font-size: 12px;
                       line-height: 1;
}

/* 枠、見出し */

/* ナビ */

.menu     {background-color: #8abc60; 
           border:none;
           border-top: solid 1px #fff;
           border-radius: 0;
}

.menu li a  {color:#fff !important;
}

.menu li a:hover   {color: #013206 !important;
	                background-color:  #1B8C2B !important;
}

.menu .navbar-collapse  {border-top-color: #fff;
                         border-top-style: dashed;
}

.menu .navbar-toggle {border-color: #fff;
	                  

}
 .menu .navbar-toggle:hover,
 .menu .navbar-toggle:focus {background-color: #E5FDC1;

}

.menu .dropdown-menu {background-color:#8abc60
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:af,
.navbar-inverse .navbar-nav>.open>a:focus{background-color: #084 !important;}
/* フッター */

.footer       {background-color: #8abc60;
               text-align: center;
	
}

.footer p     {margin: 0 0 3px 0;
               font-size: 12px;
               line-hight: 1.4;
	           color: #fff;
}