@charset "utf-8";
/* CSS Document */


body  {
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background-color: #fff;
	margin: 0px;
	font-size: 14px;
	line-height: 20px;
	background-image: url(images/bg.png);
}

img {
    max-width: 100%;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

nav#menubar ul li {
	color:#000;
	font-size:18px;
	float: left;
	width: 25%;
	box-sizing:border-box;
	text-align: center;
	letter-spacing: 0.1em;
	background: #000;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	display: block;
	padding: 8px 0px;
}

nav#menubar ul li a {
	text-decoration: none;

}

nav#menubar ul li:first-child {
	margin-left: 0;
}

/*
nav#menubar ul li:hover {
	background: #50713F;
	border:1px solid #0a68b7;
	position: relative;
	
}

*/


body,td,th {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}

a:link {color: #33B9CC;}
a:visited {color: #33B9CC;}
a:hover {color: #33B9CC;}
a:active {color: #33B9CC;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul.menu{
  padding: 5px auto 10px auto;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
ul.menu li{
	display: inline-block;
	border: 1px solid #b7b7b7;
	padding: 10px;
	margin: 5px;
	background: #f3f3f3;
	width: 230px;
	text-align: left;
	vertical-align: top;
}

.header{width:1000px;
      background-color:#fff;
	  margin:0px auto;
	  text-align:center;
	  overflow:hidden;
}

.footer{
	color: #FFF;
	background-color: #000;
	width: 1000px;
	text-align: center;
	margin: auto;
	clear: left;
	padding: 10px 0px 10px 0px;
}

h3 {
	width: 800px;
	background-color: #000;
	color: #F50093;
	font-size: 18px;
	line-height: 20px;
	padding: 8px 15px 8px 15px;
	text-align: left;
	margin: auto;
}

h4 {
	width: 800px;
	background-color: #C80107;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	padding: 8px 15px 8px 15px;
	text-align: left;
	margin: auto;
}

.box0{
	width: 1000px;
	background-color: #fff;
	margin: 0px auto;
	text-align: center;
}


.box1{width:800px;
      text-align:left; 
      margin:20px auto 25px auto;
      clear:left;
	  overflow: hidden; 
}

.box2{width:800px;
      text-align:center; 
      margin:0px auto 25px auto;
	  padding-top:20px;
      clear:left;
	  overflow: hidden; 
}

.box3{
	width: 235px;
	text-align: left;
	margin: 0 5px 0 5px;
	float: left;
	padding: 10px;
	background-color: #E4E4E4;
}

.style1{font-size:18px;}
.style2{color: #2E9BB0;}
.style2b{color: #2E9BB0; font-weight: bold;}
.style2c{color: #2E9BB0; line-height:28px;}
.style3{font-size:12px; color: #686868; line-height:18px;}
.style4{text-decoration:line-through;}
.style5{color:#4A4848; font-size:16px; line-height:26px;}

/* テキスト強調用 */
.hilight{
	background:#ffd4ea;
	font-size: 20px;
	color: #F50093;
}

/*---------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
	
	

nav#menubar ul li {
	color:#ccc;
	font-size:14px;
	float: left;
	width: 50%;
	box-sizing:border-box;
	text-align: center;
	letter-spacing: 0.1em;
	background: #000;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	display: block;
	padding: 4px 0px;
}

nav#menubar ul li a {
	text-decoration: none;
	display: block;
}

nav#menubar ul li:first-child {
	margin-left: 0;
}

ul.menu{
  width:100%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

ul.menu li{
  display: inline-block;
  vertical-align: top;
  padding: 7px ;
  width: 43%;
  text-align: left;
  margin:0 auto 10px auto;
}

.contents {
    width: 100%;
  }

.header{
	width:100%;
    background-color:#fff;
	text-align:center;
	overflow: hidden; 
}

.footer{
	width: 100%;
	color: #FFF;
	background-color: #000;
	text-align: center;
	margin: auto;
	clear: left;
	padding: 10px 0px 10px 0px;
}

h3{width:100%;
   box-sizing:border-box;
   font-size:16px;
   color:#F50093;
   background-color:#000;
   padding:2px 15px;
   text-align:left; 
   margin:auto; 
}

h4{width:100%;
   box-sizing:border-box;
   font-size:18px;
   color:#fff;
   background-color:#C80107;
   padding:2px 15px;
   text-align:left; 
   margin:auto; 
}

.box0{width:100%;
      box-sizing: border-box;
      background-color:#fff;
	  padding:0 20px;
	  text-align:left;
	  overflow: hidden; 
}


.box1{width:100%;
      text-align:left; 
      clear:left;
	  overflow: hidden; 
}

.box2{width:100%;
      background-color:#fff;
      text-align:left; 
      clear:left;
	  overflow: hidden; 
}


.box3{width:45%;
	  box-sizing: border-box;
	  overflow: hidden;
	  padding:5%;
	  background-color:#E4E4E4;
	  margin-bottom:5%;
}

/* テキスト強調用 */
.hilight{
	background:#ffd4ea;
	font-size: 18px;
	line-height: 24px;
	color: #F50093;
}

}