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

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

img{
	width:100%;
	height:auto;
}

#wrapper{
	margin:0 auto;
	width:100%;
	background-color:#eeeeee;

}
#top{
	margin:0 auto;
    background-image:url(images/topimage.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:10px 0 90px 0;
}

.contentsbox{
	margin:0 auto 20px auto;
	padding:20px;
	width:calc(100% - 50px);
	background-color:#fff;
	border:#898989 solid 1px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.innerbox{
	margin:0 auto;
	width:100%;
}
h1{
	text-align:center;
	color:#00a4b3;
	line-height: 1.15em;
	font-size:1.8em;
	font-weight:bold;
	text-shadow:
	0 1px 0px #fff,
		 1px 0 0px #fff,
		 0 -1px 0px #fff,
		 -1px 0 0px #fff,
		 -1px -1px 0px #fff,
	     0 1px 1px #fff,
		 1px 0 1px #fff,
		 0 -1px 1px #fff,
		 -1px 0 1px #fff,
		 -1px -1px 1px #fff,
		 2px -2px 1px #fff,
		 -2px 2px 1px #fff,
		 2px 2px 1px #fff;
	
}
h1:before{
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
h2{ 
    width:100%x;
	line-height:50px;
    text-align:center;
	/*line-height:84px;*/
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	background: #09B8C9;
	border:1px solid #07A2B1;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(242,242,242,1.00);
	margin-bottom: 15px;
}
h2:before{ content: "＝"; color: #B5EAEE;}
h2:after{ content: "＝"; color: #B5EAEE;}


h3{ 
    color:#14788d;
	font-size:1.5em;
	font-weight:bold;
}
h3.square{
    position: relative;
    padding-left: 30px;
    color: #f333;
    font-size: 1.5em;
	line-height: 29px;
	margin: 0 0 20px 0;
}

h3.square:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    content: "■";
}

h3.square:after {
    position: absolute;
    top: 11px;
    left: 9px;
    width: 25px;
    height: 25px;
    content: "■";
	color:#F90;
}

.kansomidashi{
	margin:0 auto 15px auto;
	height:auto;
	padding:10px;
	border:#099 solid 1px;
	background:#acf6fd;
	color:#555555;
	font-size:1.2em;
	font-weight:bold;
}

.kansobox{margin: 0 0 20px 0;border-bottom: 1px solid #222222;}

.kansobox p{line-height:1.5em !important;font-size: 1.0em;}

.linkbutton{
	margin-left: auto;
    margin-right: auto;
	width:90%;
	line-height:25px;
	height:25px;
	border:#707070 2px solid;
	border-radius: 5px;
	padding:10px;
	color:#707070;
	font-size:1.4em;
	font-weight:bold;
	transition: background 0.3s linear;
	display: block;
	
}
.linkbutton:hover{background: rgba(225,213,199,1.00);}
a.link1:link{
	color:#707070;
	text-decoration:none;
}
a.link1:hover{
	color:#707070;
	text-decoration:none;	
}
a.link1:visited{
	color:#707070;
	text-decoration:none;
}
a.link1:active{
	color:#707070;
	text-decoration:none;
}
.box {
/*	overflow:hidden;*/
	margin:0 auto;
}
.linkbutton2{
	display:block;
	margin: 5px;
	width:98%;
	height:70px;
	border:#028B97 1px solid;
	border-radius: 5px;
	background-color:#2bc2d0;
	text-align:center;
	transition: background 0.3s linear;
}
.linkbutton2:hover{
	background-color:#2199A4;
	
	}
.linkbutton3{
	display:block;
	margin:5px;
	width:98%;
	height:70px;
	border:#028B97 1px solid;
	border-radius: 5px;
	background-color:#14788d;
	text-align:center;
	transition: background 0.3s linear;
}
.linkbutton3:hover{
	background-color:#0E5665;
	
	}

a.link2:link{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
}
a.link2:hover{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
}
a.link2:visited{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
}
a.link2:active{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
}

.linkbutton4{
	display: block;
	margin: 5px;
	border:#028B97 1px solid;
	border-radius: 5px;
	padding:15px;
	background-color:#2bc2d0;
	color: #FFF;
	font-weight: 700;
	transition: background 0.5s linear;
	text-decoration: none;
}

.linkbutton4:before{
	content:'\f14c';
	font-family:'FontAwesome';
	padding: 0 20px 0 0;
	
	}

.linkbutton4:hover{
	background-color:#2199A4;
	

.kansomidashi{
	margin:auto;
	width:90%;
	height:30px;
	padding:10px;
	border:#099 solid 1px;
	background:#acf6fd;
	color:#555555;
	font-size:1.2em;
	font-weight:bold;
}

.kansobox{
	margin:auto;
	margin-bottom:30px;
	width:90%;
	padding:10px;
	border:#099 solid 1px;
	background:#fff;
	}

.kenteilink{
	margin: auto;
	width:90%;
	height:40px;
	border:#b87006 1px solid;
	border-radius: 5px;
	padding:7px;
	background-color:#f39700;
	text-align:center;
}
.back{
	position:fixed;
    bottom: 10px;
    right: 10px;
	width:40px;
	height:40px;
	background:#186969;
	border-radius: 5px;
	text-align:center;
	filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity: 0.65;
    opacity:0.65;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity: 0.65;
    opacity:0.65;

}
a.back:link{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.5em;
}
a.back:hover{
	color:#fff;
	text-decoration:none;
    font-weight:bold;	
	font-size:1.5em;
}
a.back:visited{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.5em;
}
a.back:active{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.5em;
}
.float{
	float:none;
}