@charset "UTF-8";
body {
  background-color: #E8FECF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
		"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 
		"sans-serif";
  font-size: 16px;
}
a:link { color:#ffffff; }
a:visited { color: lemonchiffon;}
a:hover { color: #AAF4EE; }
a:active { color: #EFF5AD; }

h2{
  font-size: 20px;
  font-weight: bold;
}
a.blue:link{
	text-decoration: underline;
	color: blue;
}
.container{
  width:992px;
  padding: 0 0;
  }
.servicemenu{
  display: block;
  vertical-align:middle;
  margin: 10px 0;
  padding: 0 0;
  float:left;
}
.figure a:hover{

}
.home_header {
	padding: 0 20px 6px 20px;
	color:green;
}
.header_address{
	position:relative;
	left:10%;
	margin-top:-10px;
	margin-bottom:10px;
	font-size: calc(100% + 0.2vw);
	color:#3EA34A;
}
.mainimage {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.articles-area{
  width:72%;
  float:left;
}
.article{
  margin-top:10px;
  padding: 10px 10px 10px 30px;
  clear:both;
  font-size: 16px;
  line-height: 24px;
}
#sidenav{
  position:sticky;
  width:24%;
  float:left;
}
.navigation {
  background-color:lightgreen;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px 0px;
  padding: 10px 20px 10px 20px;
	vertical-align: middle;
}
.navigation ul li{
  display: block;
  padding:  3px 6px;
  list-style-type: none;
}
.navigation ul li a{
  display: block;
	padding: 0px 2px;
	text-decoration: none;
  background-color:green;
}
.navigation ul li a:hover{
  color:darkgreen;
  background-color: lavender;
 }
.navigation ul li a p{
  display: block;
	padding: 6px 8px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 0px;
  padding-left: 0px;
}
.header{ 
  clear:both;
  padding:10px 10px;
  background-color: green;
  font-size:20px;
  color:#ffffff;
  text-align:center;
}
figure {
    float: left;             /* 左に寄せて後続を右に回り込ませる */
}
figure img {
    display: block;          /* 余計な余白が出ないようにする */
}
figcaption{
    margin: 4px 0;
    color:green;
    font-weight: bold;
    font-size: 0.9em;        /* 文字サイズを90%に */
    text-align: center;      /* 中身をセンタリング */
}
figcaption a{
    font-weight: bold !important;
}
figcaption a:hover{
    color:lawngreen;
}
div.imagearea:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.padding_0{
	padding:0 0 0 0;
}
.padding_6_0{
	padding:6px 0;
}
.padding_10_10{
	padding: 10px 10px;
}
.padding_adjust{
	padding:0px 10px 0px 10px;
}
.textbox_1{
	margin:20px 0 0 0;
	padding:20px 20px 0px 25px;
	line-height: 30px;
}
.footer_menu_1{
  background-color:limegreen;
  padding:10px 20px;
	font-size:14px;
	color:green;
  text-align:center;
}
.footer_menu_2{
  background-color:green;
  padding:10px 20px;
	font-size:14px;
	color:green;
  text-align:center;
}
.footer{
  margin:20px 0;
  font-size:small;
  text-align:center;
  }
.txt-box-home{
  padding:8px 12px 8px 11px;
  float:left;
  background-color: #E8FECF;
  line-height:22px;
}