body{
color:#323c46;
font-size:15px;
text-align:center;
background-attachment:fixed;
background-color:#6495ed;
background-image:url();
background-position:center;
background-repeat:no-repeat;
padding-bottom:180px;
}
img {
max-width: 100%;
height: auto;
}

.button,
a.button,
button.button {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ffffff;
  border-radius: 0.5rem;
}

a.button-g {
  border: 1px solid #1b7e40;
  border-radius: 1rem;
  background: #1b7e40;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#20b958));
  background: -webkit-linear-gradient(bottom, #1b7e40 50%, #20b958 100%);
  background: linear-gradient(0deg, #1b7e40 50%, #20b958 100%);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
}
a.button-g:link { color: #ffffff; }
a.button-g:visited { color: #ffffff; }
a.button-g:hover { color: #ffffff; }
a.button-g:active { color: #ffffff; }

a.button-o {
  border: 1px solid #b56b21;
  border-radius: 1rem;
  background: #b56b21;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #b56b21), to(#e3801e));
  background: -webkit-linear-gradient(bottom, #b56b21 50%, #e3801e 100%);
  background: linear-gradient(0deg, #b56b21 50%, #e3801e 100%);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
}
a.button-o:link { color: #ffffff; }
a.button-o:visited { color: #ffffff; }
a.button-o:hover { color: #ffffff; }
a.button-o:active { color: #ffffff; }

.orange{
background-color:#ffebcd;
}
#header.li {
　display: inline;
}
#map {
position:absolute;
width:100%;
height:5000%;
left:0%;
top:0%;
background:#fff;
color:#999;
}
#globalnavi{
margin:0;
padding:0;
width:1050;
width:100%;
height:31px;
font-size:15px;
*font-size:15px;
background:#6495ed repeat-x scroll 0 0;
position:fixed;
top:0;
left:0;
z-index:1;
}

#globalnavi ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#globalnavi li{
float: left;
margin: 0;
padding: 0;

}

#globalnavi a{
text-align: center;
font-family: "メイリオ", sans-serif;
display:block;
padding: 3px 10px 3px 10px;
color:#ffffff;
background-color: #6495ed;
text-shadow:3px 3px 4px rgba(0,0,0,0.5);
text-decoration: none;
margin:2px 0px 0px 0px;
}

#globalnavi a:hover{
background-color:#160b64;
color:#ffffff;
text-decoration: none;
}

#menu{
margin:0;
padding:0;
min-width:1050;
width:100%;
height:30px;
font-size:16px;
*font-size:16px;
background:#ffffff repeat-x scroll 0 0;
background-color:#6495ed;background-size: 100% 100%;

z-index:1;
text-shadow:2px 2px 3px rgba(0,0,0,0.5);
}

#menu ul{
list-style-type: none;
margin: 0;
padding:0;
}

#menu li{
float: left;
margin: 0;
padding: 0;

}

#menu a{
text-align: center;
display:block;
padding: 3px 10px 3px 10px;
color:#ffffff;
font-weight: bold;
text-decoration: none;

margin:2px 0px 0px 0px;
}

#menu a:hover{
background-color:#160b64;
color:#ffffff;
font-weight: bold;
text-decoration: none;

}

#title{
font-size:60px;
color:#ffffff;
background-color: #6495ed;
text-shadow:3px 3px 4px rgba(0,0,0,0.5);
}

#title:hover{
font-size:60px;
color:#708090;
background-color: #160b64;
text-shadow:3px 3px 4px rgba(0,0,0,0.5);
}

#title a{ color:#ffffff;}
#title a:hover{ color:#708090;}
#title a:visited{ color:#ffffff;}

h1{

margin:0;
color:#000000;
background-color: #f7f7f7;

}
h2{

margin:0;
color:#6495ed;
border-left:5px solid #6495ed;
border-bottom:1px solid #6495ed;
padding:3px 15px 5px;
	
}

h2 a:visited{ color:#D53E62;}

ul.accordion{
list-style-type: none;
margin-left: 0px;
padding-left:0px;
}

h3{

margin:0;
color:#4B93FF;
border-left:5px solid #4B93FF;
padding:3px 15px 5px;
	
}

ul.accordion li{
list-style-type: none;
margin-left: 0px;
padding-left:0px;
}

ul.my{
margin-left: 0px;
padding-left:0px;
}

ul.my li{
list-style-type: none;
margin-left: 0px;
padding-bottom:7px;
padding-top:7px;
padding-left:50px;
width:280px;
border-bottom:1px dashed #a9a9a9;
}

ul.my li:hover{
background-color:#a9a9a9;
color:#000000;
text-decoration: none;
}

hr {
height: 2px;
border: none;
background-color: #6495ed;
}

a:link { color:#1E90FF;
  text-decoration:none;}
a:visited {
  color:#6495ed;
  text-decoration:none;}

table{ margin:0px 1px 0px 1px; width:100%; }

table.sideways{
	border-collapse: collapse;
	border: none;
}
table.sideways tr{
	border-bottom: solid 2px white;
	border-left: none;
	border-right: none;
}

table.sideways tr:last-child{
	border-bottom: none;
	border-left: none;
	border-right: none;
}

table.sideways th{
	position: relative;
	width: 30%;
	background-color: #6495ed;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: none;
}

table.sideways th:after{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top:calc(50% - 10px);
	right:-10px;
	border-left: 10px solid #6495ed;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
table.sideways td{
	border-right: solid 2px white;
	text-align: left;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 15px;
}
table.sideways td:last-child{
	border-left: none;
	text-align: left;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 15px;
}
table.sideways th a:link { color:#f0f8ff; }
table.sideways th a:visited { color:#f0f8ff; }

table.vertical{
	table-layout:fixed;
	margin-top:5px;
	border-collapse: collapse;
	border: none;
}
table.vertical tr{
	border: none;
}

table.vertical th{
	position: relative;
	background-color: #6495ed;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: solid 2px white;
	border-top: solid 2px white;
}

table.vertical th:last-child{
	position: relative;
	background-color: #6495ed;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: none;
	border-top: solid 2px white;
}

table.vertical th:after{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #6495ed transparent transparent transparent;
	border-width: 10px 10px 0 10px;
	position : absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}

table.vertical td{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	border-bottom: solid 2px white;
}

table.vertical td:last-child{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: none;
	border-bottom: solid 2px white;
}
table.vertical th a:link { color:#f0f8ff; }
table.vertical th a:visited { color:#f0f8ff; }

table.double th{
	position: relative;
	background-color: #6495ed;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: solid 2px white;
	border-top: solid 2px white;
}
table.double td{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	border-bottom: solid 2px white;
}

table.double td:last-child{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: none;
	border-bottom: solid 2px white;
}
table.double th a:link { color:#f0f8ff; }
table.double th a:visited { color:#f0f8ff; }

p1{ font-size:20; color:#b0a7f5;}
p{ padding-top:15px;
 padding-bottom:15px;
 padding-left:20px;
 line-height:150%; }
#pp { min-width:1050; width:100%; text-align:left; margin:0 auto;}
#outer { min-width:1050; width:100%; text-align:left; margin:0 auto; background-color:#ffffff;}
#header { background-color:#F0F8FF; text-align:left;}
#main { min-width:1050; width:100%; float:left;}
#side { display:none;}
#maina { width:350; float:left;background-color:#fefefe;background-size: 100% 100%; font-family: "メイリオ", sans-serif;}
#mainb { min-width:700; width:66%; background-color:#fefefe; float:right; font-size:15px; font-family: "メイリオ", sans-serif;}

#mainp { width:66%; float:left;}
#sidep { width:33%; float:right; padding-left:1%;}
#mainap { width:48%; float:left; font-size:15px;}
#mainbp { width:50%; padding-left:2%; float:right; font-size:15px;}

.back{
  text-align:center;
  color:#ffffff;
  background-color:#00BFFF;background-size: 100% 100%;
}

.back2{
  text-align:center;
  color:#ffffff;
  background-color:#fafafa;
}

.back3{


}

.kakko{
  color:#24433E;
  background-color:#F0F8FF;
}

.clear { clear:both; }
.clear hr { display:none; }



input.button_menu {
	border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#6495ed), to(#23538a));
	background-image: -webkit-linear-gradient(top, #6495ed, #23538a);
	background-image: -moz-linear-gradient(top, #6495ed, #23538a);
	background-image: -ms-linear-gradient(top, #6495ed, #23538a);
	background-image: -o-linear-gradient(top, #6495ed, #23538a);
	background-image: linear-gradient(to bottom, #6495ed, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6495ed, endColorstr=#23538a);
	width:200;
}
input.button_main {
	border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#6495ed), to(#23538a));
	background-image: -webkit-linear-gradient(top, #6495ed, #23538a);
	background-image: -moz-linear-gradient(top, #6495ed, #23538a);
	background-image: -ms-linear-gradient(top, #6495ed, #23538a);
	background-image: -o-linear-gradient(top, #6495ed, #23538a);
	background-image: linear-gradient(to bottom, #6495ed, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6495ed, endColorstr=#23538a);
	width:120;
}
.edit {
	background-color:#cefff5;
	padding:10;
	border:5px solid #6495ed;
}
.menutitle{
padding-top:7px;
padding-bottom:7px;
text-align:center;
font-family: "メイリオ", sans-serif;
font-size:16px;
color:#ffffff;
background-color: #6495ed;
text-shadow:3px 3px 4px rgba(0,0,0,0.5);
}
.menutitle:hover{
background-color:#160b64;
color:#ffffff;
font-weight: bold;
text-decoration: none;
}
.menutitle a{
color:#ffffff;
}
strong {
color: #FA5858;
}
b {
color: #FA5858;
}

.bold{
font-weight:bold;
}
.subtitle{
	border-radius:30px;
	color:#6495ed;
	background-color:#fdede4;
	padding: 10px 20px 10px 20px;
}
.cent{
	text-align:center;
}

.link a{
	width: 80%;
    background-image: -webkit-linear-gradient(45deg, #96d7f5 0%, #6495ed 100%);
    background-image: linear-gradient(45deg, #96d7f5 0%, #6495ed 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #307199;
border-radius: 5px;/*角の丸み*/
color:#ffffff;
padding: 10px 30px 10px 30px;
}
.link a:hover{
	width: 80%;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
color:#ffffff;
}

ul.link li{
padding-bottom:12px;
padding-top:12px;
}

.linktw a{
	min-width:300;
	width: 50%;
font-size:24px;
background-color:#6495ed;
color:#ffffff;
padding: 10px 30px 10px 30px;
}
.linktw a:hover{
	min-width:300;
	width: 50%;
font-size:24px;
background-color: #003200;
color:#ffffff;
}
.exa {
	padding: 10px 10px 10px 0px;
	margin: 10px 10px 10px 10px;
	background: #e6ffff;

	border: double 5px #63a4c2;
	box-shadow: 0 0 5px 1.5px #a9a9a9;
}
.mokuji {
	background-color:#ffffff;
	border:1px solid #6495ed;
}
.divleft{
	width:20%;
	min-width:100;
	margin: 0;
	padding: 0;
	float:left;
	text-align:center;
	position: relative;

}
.divright{
	width:78%;
	margin: 0;
	padding: 0;
	float:right;
	position: relative;

}

#feed { width:100%; text-align:left; margin:0 auto;}
#fhead { background-color:#F0F8FF; text-align:left;}
#fleft { width:50%; float:left;background-color:#fefefe;background-size: 100% 100%; font-family: "メイリオ", sans-serif;}
#fright { width:50%; background-color:#fefefe; float:right; font-size:15px; font-family: "メイリオ", sans-serif;}

#fll { width:50%; height:150; float:left; position:relative; z-index:1; background:#c6ffff; border: 5px solid black; box-sizing:border-box; text-align:center;}
#fll a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#flr { width:50%; height:150; float:right; position:relative; z-index:1; background:#c6ffc6; border: 5px solid black; box-sizing:border-box;text-align:center;}
#flr a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#frl { width:50%; height:150; float:left; position:relative; z-index:1; background:#ffe2c6; border: 5px solid black; box-sizing:border-box;text-align:center;}
#frl a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#frr { width:50%; height:150; float:right; position:relative; z-index:1; background:#ffc6ff; border: 5px solid black; box-sizing:border-box;text-align:center;}
#frr a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}

#share ul{
	height:auto;
}
#share li{
	font-size:14px;
	float:left;
	text-align:center;
	width:200px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}


ul.linklist li{
padding-bottom:5px;
padding-top:5px;
}

.gradient{
	margin : 0 auto;
	background: linear-gradient(#5dc5f5,#6495ed);
	color:#ffffff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #307199;
	border-radius: 5px;/*角の丸み*/
	padding: 10px 30px 10px 30px;
	text-align:center;
}

.gradient a{
	color:#ffffff;
}
.gradient:hover{
	background:#04405c;
	color:#ffffff;
}
/* トップへ戻るボタン */
.scrollbutton {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 50;
	height: 50;
	opacity:0.7;
	background-color: #6495ed;
	background-image: url("../imgs/scrollbutton.jpg");
	background-size: cover;
	z-index: 1; 
}
.scrollbutton a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	z-index: 2;
}
.scrollbutton:hover {
	opacity:1.0;
}
/* トップへ戻るボタン */
/* リンクメニューボタン */
.scrollbutton2 {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 50;
	height: 50;
	opacity:0.7;
	background-color: #6495ed;
	background-image: url("../imgs/scrollbutton2.jpg");
	background-size: cover;
	z-index: 1; 
}
.scrollbutton2 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	z-index: 2;
}
.scrollbutton2:hover {
	opacity:1.0;
}
/* リンクメニューボタン */