body {
  border:  none;
  margin: 0;
  padding: 0;
  background: #ffffff none repeat scroll 0% 50%;
  width: 100%;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}
h1,h2,h3{
  line-height: 1.5em;	
}
#logo_annai{
	float:left;
}
a {
  color: #336699;
}
a:hover {
  background: #336699;
  color: #ffffff;
  text-decoration: none;
}
p {
  margin: 0.4em 0 0.8em;
  padding: 0;
}
ul {
  text-align: left;
}
ul li,ol li {
  margin-bottom: 0.5em;
}
ul.imp {
  list-style-type: circle;
  font-weight: bold;
}
ul.noli {
  list-style-type: none;
}
header {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #666600;
}
header p, header h1, header h2, header h3 {
  margin: 0;
  padding: 0 5px;
  word-break:keep-all;
}
header h1 a font {
  color: #ffffff;
}

.menu2{
	font-size: 0.9em;
}
.logo_main{
  background-color: #cece00;
}
.logo_float{
	float:left;
}
.logo_font{
  text-decoration: none;
}
.logo_std {
  font-size: 0.9em;
  color: white;
}
#layoutdims {
  border-top: 4px solid #666600;
  margin: 0;
  padding: 6px 15px ! important;
  background: #eeeeee;
  clear: both;
  text-align: left;
}

footer {
  border-top: 1px solid #000000;
  clear: both;
}
footer p {
  padding: 10px;
  color: #666666;
}
h6 {
  background-color: #cece00;
  color: gray;
  font-size:10px;
  text-align: right;
  margin: 0em 0 0em;
  padding: 0;
}
.table_border{
	border-bottom: thin dotted;
    border-top: thin solid;
    border-color: #cece00;
}

.info_div {
  margin-left: 20px;
  margin-right: 20px;
  border: 2px dotted #cece00;
}
.info_div ul li{
	margin-left:-10px;
}
.font_empha{
  color: rgb(204, 0, 0);
  font-weight: bold;
}
.font_date{
  color: orange;
}
iframe {
  position:relative;
  margin: 20px;
  width: 100%;
  height: 500px;
}
h1 a img {
  height: 1.5em;
  padding: 0.1em;
  vertical-align: middle;
}
.hidden{
  position: absolute;
  opacity:0;
}
button:focus{
  outline: 0; 
}
.btn_center{
	text-align:center;
	line-height:30px;
}
.btn-gr{
  margin:0 auto;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #9fa0a2;/*ボタン色*/
  color: #FFF;
  border-radius: 3px;
	width:50%;
/*	height:30px;*/
}
.btn-sq-sdw {
  margin:0 auto;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-sq-sdw:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

/*チェックボックス非表示*/
.hamburger-menu input{
	display:none;
}
.sm_top {
  margin: 0 0 0;
  padding: 0;
}
.sm_top a {
  margin: 0 0 0 1px;
  padding: 10px 10px;
  background: #FF9933;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  position: relative;
  line-height: 1.3em;
  color: white;
  border-radius:3px;
}
.sm_top a span {
  display: block;
}
#myjunban-widget{
	margin:20px auto;
}
.img_fc{
	width:80%;
	display: block;
	margin: auto;
}
@media (max-width: 949px) {
   /* 表示領域が950px未満の場合に適用するスタイル */
  .col1wrap {
    float: left;
    margin: 0 20px;
    width: 90%;
  } 
  .col1 {
    float: none;
    margin: 0;
  } 
  .col2 {
    float: left;
    margin: 0 20px; 
    width: 80%;
  } 
  header h1 {
    font-size: 20px;
    color: white;
  }
  h2 {
    font-size: 16px;
  }
  h3 {
    font-size: 16px;
  }
  .logo_sml {
    font-size: 0.5em;
    line-height:1em;
    color: white;
  }
  h1,h2,h3 {
    display: inline;
  }
  .sm_hide {
    display: none;
  }
  .sm_on {		
    float: left;
  }
  .sm_on > label{
	display:inline-block;
  }
  
  .sm_on > ul li a {
    background: #FF9933;
  }

  .img_yoko{
    height: 100px;
    width: auto;
    float: right;
  }
  .table_time {
    font-size: 14px;
    width: 95%;
    margin: 10px 10px;
    border-collapse: collapse;
    text-align: center;
  }
   .table_time td,th{
	padding:5px;
   }
  .time_sml{
    margin: 0 20px;
  }
header ul {
  /*width: 45%;*/
  width: 100%;
  list-style-type: none;
  float:right;
  padding: 0 2px 0 2px;
  margin:1px;
}
header ul li {
  display: block;
  list-style-type: none;
  margin-bottom:1px;
}
header ul li a {
  padding: 10px 10px;
  background: #b8b800;
  display: block;
  text-decoration: none;
  position: relative;
  line-height: 1.3em;
  color: white;
}

/*ハンバーガーボタン(3本線)パーツ*/
.menu-btn {
    position: fixed;
    top: 35px;
    right: 20px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
	background-color: #e1cda199;
    transition-duration: 0.3s;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: "";
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #875d1e;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

/*ハンバーガーメニューパーツ*/
.hamburger-contents{
    background-color: #cece0073;
    color: #333;
    position: fixed;
    width: 100%;
    max-width: 200px;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0 10px;
    transition-duration: 0.3s;
    z-index: 1;
/*    overflow: auto;*/
    transform: translateX(110%);
}

/*チェックボックス：オン・オフ動作のパーツ*/
#menu_btn_check:checked ~ .hamburger-contents{
    transform: translateX(0);
}
#menu_btn_check:checked + .menu-btn{
    transform: translateX(340px);
    transition-duration: 0.3s;
}

/*閉じる動作のパーツ：ボタンか画面全体のマスクで閉じる*/
.menu-close {
    display: block;
    background: #b8b800;
    text-align: center;
    margin: 15px 0;
    padding:5px;
}

#menu_btn_check:checked ~ label.menu-mask{
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0,.5);
    position: fixed;
    top: 0;
    left: 0;
}
.menu2 li{
	margin-left:25px;
}
}
@media screen and (min-width: 950px) {
   /* 表示領域が950px以上の場合に適用するスタイル */

  .col1wrap {
	  float: left;
	  width: 100%;
	  margin: 0 -330px 0 20px;
	  padding-bottom: 1em;
  }
  .col1 {
       float: left;
       width: 620px;
  }
  .col2 {
    float: right;
    width: 300px;
    position: relative;
    background-color: #FFFACD;
  }
  h1 br, h2 br, h3 br{
    display: none;
  }
  header h1 {
    color: white;
    font-size: 25px;
  }
  h2 {
    font-size: 20px;
	  }
  h3 {
    font-size: 16px;
  }
  .logo_sml {
    font-size: 0.6em;
    color: white;
  }
  .logo_sml br{
    display:none;
  }
  .sm_on {
    display: none;
  }
  header ul {
  margin: 0 0 0;
  padding: 0;
  clear: left;
  float: left;
  width: 100%;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: square;
}
header ul li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
header ul li a {
  margin: 0 0 0 1px;
  padding: 10px 10px;
  background: #b8b800;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  position: relative;
  line-height: 1.3em;
  color: white;
	left: 15px;
}
header ul li a:hover {
  background: #666600;
  color: #ffffff;
}
header ul li a.active, header ul li a.active:hover {
  background: #666600;
  font-weight: bold;
  color: white;
}
header ul li a span {
  display: block;
}
  .img_yoko{
    height: 150px;
    width: auto;
    float: right;
  }
  .table_time {
    font-size: 11px;
    width: 250px;
    border-collapse: collapse;
    text-align: center;
  }
  .table_time  td,th{
	padding:2px;
  }
}