html{
  height:100%
}

body{
  margin:0;
  padding:20px;
  font-family:'メイリオ';
  color:#3a3532;
  font-size:10pt;
  -webkit-text-size-adjust:100%;
}

a:link{      /*リンクの設定*/
  color:#00934e;
  text-decoration:none;
}

a:hover{　　/*リンクにカーソル置いたとき*/
 color:#00934e;
}

a:visited{　　/*リンク済のとき*/
  color:gray;
}


h3{　　　　/*見出し*/
	padding-bottom: .3em;
	border-bottom: 1px solid #3a3532;
}
h3:first-letter {    /*見出しの最初の文字大きく*/
	margin-right: .1em;
	font-size: 1.5em;
}



/*右上のお問い合わせ欄*/

.contact{
    float: right;
    font-size:9pt;
    line-height:1.0;
    opacity:1.3;
    background-color:white;
    color:#3a3532;
    margin:-5px 0 0 0;
}

.head ul, ol {
  background: #fff;
  padding: 0;
  margin: 0;
}
.head ul li, ol li {
  line-height: 1.3;
  padding:0;
  list-style: none;
}



/*縦に並べるかたまり*/

.container{
    display: flex;
    min-height:100%;
    width:800px;
    height:100%; /*IE11 */
    background:#fff;
    flex-direction:column;
}



/*ヘッダーのサイズ設定（ヘッダー画像400×88）*/
.header{
    width: 800px;
    height:100px;
    background:#fff;
    margin: 0 auto;
}



/*フッターの設定*/
.footer{
    width:800px;
    height: 25px;
    background: #fff;
    border-bottom: 5px solid #3a3532;
    text-align: center;
    color:#3a3532;

}






/*左カラム、コンテンツ、右カラムのかたまり*/
.wrapper{
    flex:1;
    display:flex;
    width:800px;
    background:#fff;
    padding:0px 50px 50px 50px;
    margin: 0px auto 10px;
}



/*左カラムの設定*/
.left{
    width: 350px;
    margin: 0 25px 0 -50px;
    color:#3a3532;
}


/*インフォメーション*/
dl.info{
    overflow:auto;
    margin:0;
    padding:2px;
    line-height:1.2;
    width:100%;
    height:200px;
    border:1.5px solid #3a3532;
    color:#3a3532;
}

dl.info dt{
    width:100px;
    float:left;
    margin:0;
    padding:0 0 0 5px;
    font-weight:bold;
    font-size:9pt;
}
dl.info dd{
    margin:0 0 5px;
    padding:0 5px 5px 10em;
    border-bottom:0.8px solid #ccc;
    font-size:9pt;
}



/*コンテンツの設定*/
.contents{
    flex: 1;
}

/*右カラムの設定*/
.right{
    width: 350px;
    margin: 0 0 0 65px;
    color:#3a3532;
}






/*ナビゲーション*/

#dropmenu{
  list-style-type: none;
  width: 800px;
  height: 40px;
  margin: 0px auto 150px;
  padding: 0;
  background: #fff;
  border-bottom: 5px solid #3a3532;
  border-radius: 3px 3px 0 0;
  color:#3a3532;
}
#dropmenu li{
  position: relative;
  width: 16.5%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #3a3532;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: 0;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #fccea5;
  color: #fff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #3a3532;
  border-bottom: 1px solid #3a3532;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}