@media screen and (max-width:480px){
ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 5px;
	overflow: hidden;
	background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);
	background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
	
}
li {
	float: left;
	border-right: 1px solid #bbbbbb;
}
li:last-child {
	border-right: none;
}
li a {
	display: block;
	width: 135px;
        margin: 0 auto;
	color: black;
	text-align: center;
	padding: 8px 20px;
	text-decoration: none;
}
li a:hover:not(.active) {
	background-color: #a9bce2;
}
.active {
	background-color: #3090ff;
}

.logocenter {
min-width: 50px;
max-width: 500px;
padding: 0px 0px 0px 10px;
}
}

@media (max-width: 790px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
    padding: 10px 0px;
  }
}
@media (min-width: 791px) {
  .pc {
    display: block;
    max-width: 1060px;
    padding: 10px 0px;
  }
  .sp {
     display: none;
  }
}

@media screen and (min-width:790px){
ul {
	list-style-type: none;
	margin: 0 10px;
	padding: 5px;
	overflow: hidden;
	background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);
	background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
	text-align: center;
	max-width: 1060px;
	
}
li {
	float: left;
	border-right: 1px solid #bbbbbb;
}
li:last-child {
	border-right: none;
}
li a {
	display: block;
	width: 135px;
        margin: 0 auto;
	color: black;
	text-align: center;
	padding: 8px 20px;
	text-decoration: none;
}
li a:hover:not(.active) {
	background-color: #a9bce2;
}
.active {
	background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);
	background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
}

.logocenter {
min-width: 50px;
max-width: 500px;
padding: 0px 0px 0px 10px;
}
}
ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 5px;
	overflow: hidden;
	background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);
	background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
	text-align: center;
	
}
li {
	float: left;
	border-right: 1px solid #bbbbbb;
}
li:last-child {
	border-right: none;
}
li a {
	display: block;
        margin: 0 auto;
	color: black;
	text-align: center;
	padding: 8px 20px;
	text-decoration: none;
}
li a:hover:not(.active) {
	background-color: #a9bce2;
}
.active {
	background-color: #3090ff;
}

.logocenter {
min-width: 50px;
max-width: 500px;
}

body {
margin: 0px;
padding: 0px;
color: #300;
font-size: 100%;
font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
background: linear-gradient(
    -45deg,
    #fff 25%, #f0fdff 25%,
    #f0fdff 50%, #fff 50%,
    #fff 75%, #f0fdff 75%,
    #f0fdff
  );
background-size: 300px 300px;
}

img {
width: 80%;
border: 0px;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}
imga {
width: 20%;
border: 0px;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}

.iab {
width: 320px;
margin-top: 5px ;
vertical-align: middle;
text-align: center;
}
@media screen and (max-width:480px){
.iab {
max-width: 80%;
margin-top: 5px ;
vertical-align: middle;
text-align: center;
}
}

.ic {
width: 300px;
border: 0px;
vertical-align: middle;
text-align: center;
}

.iDr {
width: 70%;
max-width: 500px;
border: 0px;
vertical-align: middle;
text-align: center;
margin: 10 auto;
}
.ia {
width: 20%;
min-width: 150px;
margin: 5 auto;
}

.btn {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.btns {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #FFCC00;
  color: #333333;
  border-radius: 3px;
}



/* TOPIMG
-------------------------------------------------*/
@media screen and (max-width:480px){
#TopImg {
margin-top: 5px;
vertical-align: middle;
margin: 0 auto;
text-align: center;
width: 80%;
}
}
@media screen and (min-width:790px){
#TopImg {
margin-top: 5px;
vertical-align: middle;
margin: 0 auto;
text-align: center;
width: 55%;
}
}

/* MAP
-------------------------------------------------*/
#MAP {
max-width: 720px;
max-height: 450px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
text-align: center;
}

#bmap1{
margin: 10px;
padding: 5px 0px 0px 0px;
width: 100px;
color: #FF9999;
font-size: 18px;
text-align: center;
}
#bmap2{
float: center;
margin-middle: 10px;
border-top: 1px solid #66ccff;
vertical-align: bottom;
line-height:1.5em;
width:100% ;
}
#bmap2 table{
margin: 0 auto;
width: 85%;
font-size: 80%;
vertical-align: bottom;
text-align: left;
}
#bmap2 td{
padding: 8px 0px 10px 10px;
font-size: 16px;
line-height: 150%;
vertical-align: bottom;
border-bottom: 1px dashed #DCBEBE;
}

/* FONTS
-------------------------------------------------*/
#b01{
width: 70%;
padding: 10px 25px;
border: 1px solid #9ff;
margin: 0 auto;
}
#b02{
margin: 10px;
padding: 5px;
}
#b03_1{
float: left;
margin: 10px 10px 10px 10px;
width: 80px;
color: #FF9999;
font-size: 16px;
text-align: center;

}
#b03_2{
float: center;
margin: 5 auto;
border-top: 1px solid #66ccff;
width: 100%;

}
#b03_2 table{
margin: 0 auto;
width: 85%;
font-size: 16px;
margin-left: 25px;
}
#b03_2 td{
padding: 10px 0px 10px 10px;
font-size: 16px;
line-height: 140%;
vertical-align: top;
border-bottom: 1px dashed #DCBEBE;
}

#b04{
width: 60%;
max-width: 1000px;
padding: 10px 25px;
border: 1px solid #fff;
margin: 0 auto;
background: #67c6f5; 
}

#b05{
display:  block;
width: 77.5%;
max-width: 1000px;
min-width: 400px;
padding: 10px;
margin-left: auto;
margin-right: auto;
}

#b10{
text-aligin : left;
margin: 0 auto;
font-size: 16px;
line-height: 150%;
width: 90%;
word-wrap: break-word;
}

#b11{
text-aligin : left;
margin: 5px 35px;
font-size: 16px;
line-height: 180%;
width: 90%;
word-wrap: break-word;
}

#b12{
text-aligin : left;
margin: 0 auto;
font-size: 16px;
line-height: 180%;
width: 80%;
word-wrap: break-word;
}

#bmaker{
text-aligin : left;
margin: 10px 15px 20px 100px;
font-size: 16px;
line-height: 180%;
width: 90%;
word-wrap: break-word;
}

#table b{
text-aligin : left;
margin: 10px auto;
font-size: 16px;
width: 90%;
}

#tac{
text-aligin : left;
margin: 0 auto;
font-size: 14px;
width: 90%;
}

#bfoot{
margin: 0 auto;
padding: 5px;
width: 80%;
font-size: 16px;
text-align: center;
}

/* FONTS
-------------------------------------------------*/
#contents {
width: 75%;
vertical-align: middle;
margin: 0 auto;
}
@media screen and (max-width: 480px)
{
#contents {
width: 90%;
vertical-align: middle;
margin: 0 auto;
font-size: 12px;
line-height: 150%;
}}


#contents2{
width: 80%;
vertical-align: middle;
margin: 0 auto;
}

#cont_news{
max-width: 720px;
vertical-align: middle;
margin: 0 auto;
}

#title1
{
font-size: 24px;
position: relative;
margin: 5px 15px 0px 15px;
padding-left: 50px;
}
@media screen and (max-width: 480px)
{
#title1{
font-size: 18px;
position: relative;
margin: 5px 15px 0px 5px;
padding-left: 40px;
line-height: 150%;
}
}


#title1:before {
position: absolute;
content: '';
bottom: -3px;
left: 15px;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}
@media screen and (max-width: 480px)
{#title1:before {
position: absolute;
content: '';
bottom: -3px;
left: 5px;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}}

#title1:after {
position: absolute;
content: '';
bottom: -3px;
left: 25px ;
width: 95%;
border-bottom: solid 3px rgb(119, 195, 223);
}
@media screen and (max-width: 480px)
{#title1:after {
position: absolute;
content: '';
bottom: -3px;
left: 15px ;
width: 95%;
border-bottom: solid 3px rgb(119, 195, 223);
}}