html{
    height: 100%;
}
body {
    height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f6f6f6;

  color: #555555;
  font-size: 16px;
  line-height: 170%;
  font-family:  'メイリオ', Meiryo,sans-serif, Helvetica, Arial, '游ゴシック', YuGothic,'Yu Gothic',
		'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro;
  font-weight: 500;
  }

a {outline:none; text-decoration: none;}
a img {outline:none;}

a:link { color: #33619a; }
a:visited { color: #33619a; }
a:hover { color: #33619a; }
a:active { color: #33619a; }

p {margin:0px;padding:0px;}
span  {font-weight:normal; }
strong{font-weight: 600;}
bold {font-weight: bold;}

/*  wrapper
---------------------------------------------------- */
#wrapper {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* ビューポートの高さを最低高さに */
    box-sizing: border-box;
  }

#header {
    text-align:left;
    background-color: #fff;
    margin:0px;
    padding:0px;
    height: 60px;
    border-bottom: solid 7px #308180;
  }

h1 {
    float: left;
    margin:20px 0 0 20px;
    width: 250px;
  }

#header_right{
    float: right;
    margin-right: 20px;
    margin-top: 25px;
}
#catselect{
    display: inline-block;
    width: 250px;
    height: 60px;
    margin-left: 40px;
    font-size: 30px;
}
#catselect select{
    margin-top: 15px;
    font-size: 20px;
}

/* 中タイトル
---------------------------------------------------- */

#cont_title{
    display: flex;
    flex-direction: column;
  margin: 0px; padding: 0.8em 1.5em 0.4em 1.2em;
  background-color:#43b5b4;
  font-size: 1.3em;
  font-weight: 600;
  color: #fff;
  clear:both;
  position: relative;
  }

/* 外側
---------------------------------------------------- */
#main{
  flex: 1;
  margin: 0; padding: 0;
  background-color:#fff;
  clear:both;
  min-height:800px;
  }


/* footer
---------------------------------------------------- */

#footer {
	text-align:center;
	background-color:#808080;
	border-bottom: solid 3px #555555;
	color: #000;
	height: 40px;
	}
#footer_copy { float: left ; margin-left: 20px; margin-top: 8px;}


/*	Clearfix
========================================== */
/* clearfix：要素の末尾でfloatを解除する */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }
/*
@media screen and  (max-width:799px) {
/* Style_s -599px
-------------------------------------------------------------- */
/*
#wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    background-color: #fff;
  }

#footer {
    width: 100%;
	text-align:center;
	background-color:#808080;
	border-bottom: solid 3px #555555;
	color: #000;
	height: 40px;
        position: fixed;
        bottom: 0px;
	}


}*/