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

.kansobox li{list-style: circle;list-style-position: inside;font-size: 20px;color: #333; margin-bottom: 20px;}
.moviewrap {position: relative;padding-bottom: 46.25%;padding-top: 30px;height: 0;overflow: hidden;}
.moviewrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (min-width:800px){
#wrapper{
	margin:0 auto;
	width:1260px;
	background-color:#eeeeee;
	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);
}
#top{
	margin:0 auto;
	width:1260px;
	height:711px;
    background-image:url(images/topimage.jpg);
	background-repeat: no-repeat;
}

.contentsbox{
	margin:0 0 30px 25px;
	padding:20px;
	width:1170px;
	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);
}
.contentsbox2{
	margin:0 0 50px 25px;
	padding:20px;
	width:1170px;
}
.innerbox{
	margin:0 auto;
	width:1127px;
}
h1{ 
	text-align:center;
	color:#00a4b3;
	font-size:64px;
	font-weight:bold;
	text-shadow:
	     0 2px 0 #fff,
		 2px 0 0 #fff,
		 0 -2px 0 #fff,
		 -2px 0 0 #fff,
		 -2px -2px 0 #fff,
		 2px -2px 0 #fff,
		 -2px 2px 0 #fff,
		 2px 2px 0 #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:1127px;
	height:84px;
    text-align:center;
	line-height:84px;
	color:#fff;
	font-size:2.3em;
	font-weight:bold;
	background-image:url(images/contentstitle1.jpg);
}
h3{ 
    color:#14788d;
	font-size:2em;
	font-weight:bold;
}
h3.square{
    position: relative;
    padding-left: 60px;
    color: #f333;
    font-size: 2.5em;
	margin: 0 0 30px 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;

}
.photo1{
	float:right;
}

.linkbutton{
	margin-left: auto;
    margin-right: auto;
	width:300px;
	height:25px;
	border:#707070 2px solid;
	border-radius: 5px;
	padding:10px;
	line-height: 25px;
	color:#707070;
	font-size:1.4em;
	font-weigth: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;
	font-weight:bold;
}
a.link1:hover{
	color:#707070;
	text-decoration:none;
    font-weight:bold;	
}
a.link1:visited{
	color:#707070;
	text-decoration:none;
	font-weight:bold;
}
a.link1:active{
	color:#707070;
	text-decoration:none;
	font-weight:bold;
}
.box {clear:both;}
.paddingl{padding-left:10px}
.box10{width: 10%;overflow: hidden;}
.box15{width: 15%;overflow: hidden;box-sizing: border-box;}
.box20{width:24.7%; overflow: hidden;box-sizing: border-box;width: calc(100% / 4);}
.box30{width: 33.3%;overflow: hidden;}
.box40{width: 40%;overflow: hidden;}
.box50{width: 50%;overflow: hidden;}
.box60{width: 60%;overflow: hidden;}
.box65{width: 65%;overflow: hidden;}
.box70{width: 70%;overflow: hidden;}


.linkbutton2{
	display: block;
	margin: 5px;
	height:120px;
	line-height: 60px;
	border:#028B97 1px solid;
	border-radius: 5px;
	padding:60px 20px 60px 20px;
	background-color:#2bc2d0;
	text-align:center;
	transition: background 0.5s linear;	
}
.linkbutton2:hover{
	background-color:#2199A4;
	
	}
.linkbutton3{
	margin: 5px;
	height:120px;
	border:#028B97 1px solid;
	line-height: 60px;
	border-radius: 5px;
	padding:60px 20px 60px 20px;
	background-color:#14788d;
	text-align:center;
	display: block;
	transition: background 0.5s linear;	
}
.linkbutton3:hover{
	background-color:#0E5665;
	
	}




a.link2:link{
	color:#fff;
	font-size:2em;
	font-weight:bold;
	text-decoration:none;
}
a.link2:hover{
	color:#fff;
	font-size:2em;
	font-weight:bold;
	text-decoration:none;
}
a.link2:visited{
	color:#fff;
	font-size:2em;
	font-weight:bold;
	text-decoration:none;
}
a.link2:active{
	color:#fff;
	font-size:2em;
	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:980px;
	min-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:940px;
	padding:30px;
	border:#099 solid 1px;
	background:#fff;
	}

.kenteilink{
	margin: auto;
	width:900px;
	height:45px;
	border:#b87006 1px solid;
	border-radius: 5px;
	padding:7px;
	background-color:#f39700;
	text-align:center;
}
.back{
	position:fixed;
    bottom: 10px;
    right: 10px;
	width:60px;
	height:50px;
	background:#186969;
	border-radius: 5px;
	padding-top:10px;
	text-align:center;
	color:#fff;

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