/* common
--------------------------------------------*/
body{margin:0px;padding:0px 0px 0px 0px;text-align:left;letter-spacing:0;}
form,input,p,a,table,img,ul,ol,li,dt,dd,dl,input,h1,h2,h3,h4,h5,h6,q{margin:0;padding:0;}
form{background:none;border:none;}
.mg20l {margin-left:20px;}
img{border:0;}
hr{display:none;}
li {list-style:none;}
p {text-align:left;}
strong {font-weight:400;}
a {
color:#008d82;
text-decoration:none;
}
.clear {
clear:both;
}

a:hover img{
       filter:alpha(opacity=60);
       -moz-opacity:0.6;
       opacity:0.6;
}

.title a:hover img{
       filter:alpha(opacity=100);
       -moz-opacity:1.0;
       opacity:1.0;
}

a:hover {
color:#eb5432;
}


/* margin
--------------------------------------------*/
.mg0a {margin:0px;}.mg3a{margin:3px;}.mg5a{margin:5px;}.mg7a{margin:7px;}.mg10a{margin:10px;}
.mg15a{margin:15px;}.mg20a{margin:20px;}.mg30a{margin:30px;}
.mg50a{margin:50px;}

.mg0v {margin-top:0px; margin-bottom:0px;}.mg3v {margin-top:3px; margin-bottom:3px;}.mg5v {margin-top:5px; margin-bottom:5px;}
.mg7v{margin-top:7px; margin-bottom:7px;}.mg10v{margin-top:10px; margin-bottom:10px;}.mg15v{margin-top:15px; margin-bottom:15px;}
.mg20v{margin-top:20px; margin-bottom:20px;}.mg30v{margin-top:30px; margin-bottom:30px;}
.mg50v{margin-top:50px; margin-bottom:50px;}

.mg0h {margin-right:0px; margin-left:0px;}.mg3h {margin-right:3px; margin-left:3px;}.mg5h {margin-right:5px; margin-left:5px;}
.mg7h{margin-right:7px; margin-left:7px;}.mg10h{margin-right:10px; margin-left:10px;}.mg15h{margin-right:15px; margin-left:15px;}
.mg20h{margin-right:20px; margin-left:20px;}.mg30h{margin-right:30px; margin-left:30px;}
.mg50h{margin-right:50px; margin-left:50px;}

.mg0t {margin-top:0px;}.mg3t {margin-top:3px;}.mg5t {margin-top:5px;}.mg7t{margin-top:7px;}.mg10t{margin-top:10px;}
.mg15t{margin-top:15px;}.mg20t{margin-top:20px;}.mg30t{margin-top:30px;}
.mg50t{margin-top:50px;}

.mg0r {margin-right:0px;}.mg3r {margin-right:3px;}.mg5r {margin-right:5px;}.mg7r{margin-right:7px;}.mg10r{margin-right:10px;}
.mg15r{margin-right:15px;}.mg20r{margin-right:20px;}.mg30r{margin-right:30px;}
.mg50r{margin-right:50px;}

.mg0b {margin-bottom:0px;}.mg3b {margin-bottom:3px;}.mg5b {margin-bottom:5px;}.mg7b{margin-bottom:7px;}.mg10b{margin-bottom:10px;}
.mg15b{margin-bottom:15px;}.mg20b{margin-bottom:20px;}.mg30b{margin-bottom:30px;}
.mg50b{margin-bottom:50px;}

.mg0l {margin-left:0px;}.mg3l{margin-left:3px;}.mg5l {margin-left:5px;}.mg7l{margin-left:7px;}.mg10l{margin-left:10px;}
.mg15l{margin-left:15px;}.mg20l{margin-left:20px;}.mg30l{margin-left:30px;}
.mg50l{margin-left:50px;}

/* padding
--------------------------------------------*/
.pd0a {padding:0px;}.pd3a{padding:3px;}.pd5a {padding:5px;}.pd7a{padding:7px;}.pd10a{padding:10px;}
.pd15a{padding:15px;}.pd30a{padding:20px;}.pd30a{padding:30px;}
.pd50a{padding:50px;}

.pd0v {padding-top:0px; padding-bottom:0px;}.pd3v {padding-top:3px; padding-bottom:3px;}.pd5v {padding-top:5px; padding-bottom:5px;}
.pd7v{padding-top:7px; padding-bottom:7px;}.pd10v{padding-top:10px; padding-bottom:10px;}.pd15v{padding-top:15px; padding-bottom:15px;}
.pd20v{padding-top:20px; padding-bottom:20px;}.pd30v{padding-top:30px; padding-bottom:30px;}
.pd50v{padding-top:50px; padding-bottom:50px;}

.pd0h {padding-right:0px; padding-left:0px;}.pd3h {padding-right:3px; padding-left:3px;}.pd5h {padding-right:5px; padding-left:5px;}
.pd7h{padding-right:7px; padding-left:7px;}.pd10h{padding-right:10px; padding-left:10px;}.pd15h{padding-right:15px; padding-left:15px;}
.pd20h{padding-right:20px; padding-left:20px;}.pd30h{padding-right:30px; padding-left:30px;}
.pd50h{padding-right:50px; padding-left:50px;}

.pd0t {padding-top:0px;}.pd3t {padding-top:3px;}.pd5t {padding-top:5px;}.pd7t{padding-top:7px;}.pd10t{padding-top:10px;}
.pd15t{padding-top:15px;}.pd20t{padding-top:20px;}.pd30t{padding-top:30px;}
.pd50t{padding-top:50px;}

.pd0r {padding-right:0px;}.pd3r {padding-right:3px;}.pd5r {padding-right:5px;}.pd7r{padding-right:7px;}.pd10r{padding-right:10px;}
.pd15r{padding-right:15px;}.pd20r{padding-right:20px;}.pd30r{padding-right:30px;}
.pd50r{padding-right:50px;}

.pd0b {padding-bottom:0px;}.pd3b {padding-bottom:3px;}.pd5b {padding-bottom:5px;}.pd7b{padding-bottom:7px;}.pd10b{padding-bottom:10px;}
.pd15b{padding-bottom:15px;}.pd20b{padding-bottom:20px;}.pd30b{padding-bottom:30px;}
.pd50b{padding-bottom:50px;}

.pd0l {padding-left:0px;}.pd3l {padding-left:3px;}.pd5l {padding-left:5px;}.pd7l{padding-left:7px;}.pd10l{padding-left:10px;}
.pd15l{padding-left:15px;}.pd20l{padding-left:20px;}.pd30l{padding-left:30px;}
.pd50l{padding-left:50px;}



/* 共通パーツ
--------------------------------------------*/

body {
font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
line-height:150%;
border-top:5px solid #008d82; 


}
div.ContentsBody {
	width:980px;
	margin:0 auto;
}

.f700 {
font-weight:700;
}

.att {
font-weight:700;
color:#FF0000;
}
.ic {
background-image: url(../images/ic_01.png);
background-repeat: no-repeat;
margin: 0px;
background-position: 1px 8px;
padding-left:10px;
line-height:120%;
}

.ic2{
background-image: url(../images/ic_01.png);
background-repeat: no-repeat;
margin: 0px;
background-position: 0px 4px;
padding-left:11px;
line-height:120%;
}
.ic3 a{
background-image: url(../images/ic_01.png);
background-repeat: no-repeat;
margin: 0px;
background-position: 0px 4px;
padding-left:11px;
line-height:120%;
}

.right {
text-align:right;
}


.f-left {
float:left;
}
.f-right {
float:right;
}

.center {
text-align:center;
}
.r20{-webkit-border-radius:20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px;  
border-radius:20px 20px 20px 20px;
}

.r15{-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;  
border-radius:15px 15px 15px 15px;
}

.r10{-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;  
border-radius:10px 10px 10px 10px;
}

.r8{-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;  
border-radius:8px 8px 8px 8px;
}
.r5{-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;  
border-radius:5px 5px 5px 5px;
}
.r3{-webkit-border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;  
border-radius:3px 3px 3px 3px;
}

.f90 {
	font-size:90%;
}

.f80 {
	font-size:80%;
}
.f110 {
	font-size:110%;
}
.f130 {
	font-size:130%;
}


.c1 {
	color:#eb5432;
}
.indent1 {
	text-indent:1em;
	padding-left:-1em;
	
}
.indent2 {
	text-indent:-1em;
	padding-left:1em;
	
}

/* 個別 TOP
--------------------------------------------*/

.logo {
	float:left;
}

.subnavi {
	font-size:90%;
	float:right;
}

.subnavi a {
	color:#333;
}

.subnavi ul {
	float:left;
	margin-top:4px;
	margin-right:10px;
}
.subnavi li {
	float:left;
	margin-left:15px;
}

.subnavi li a {
transition: 0.5s ;
background-image: url(../images/ic_01.png);
background-repeat: no-repeat;
margin: 0px;
background-position: 1px 8px;
line-height:120%;
}

.subnavi li a:hover {
	text-decoration:underline;
	color:#008d82;

}

.subnavi .form {
	background-color:#eb5432;
	color:#FFF;
	font-weight:700;
	padding:3px 10px 3px 10px;
	float:left;
	margin-right:10px;
}

i {
	padding-right:3px;
}

.subnavi .apply {
	background-color:#c00;
	color:#FFF;
	font-weight:700;
	padding:3px 10px 3px 10px;
	float:left;
}

.subnavi .apply:hover ,.form:hover {
	   filter:alpha(opacity=60);
       -moz-opacity:0.6;
       opacity:0.6;
}

.menu {
	margin-top:20px;
	margin-bottom:20px;
	font-size:95%;
	
}
.menu li{
	float:left;
/*	border-left:1px solid #dddddd;*/
	padding:2px 0 2px 0;
}

.menu .last {
/*	border-right:1px solid #dddddd;	*/
}

.menu a{
transition: 0.5s ;
	display:block;	
	margin:0px 4px 0px 4px;
	padding:3px 5px 3px 5px;
	color:#000;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;  
border-radius:5px 5px 5px 5px;
}

.menu a:hover {
	color:#FFF;
	background-color:#038e83
}


.banner{
background:url(../images/banner3.jpg)no-repeat;
margin:0 auto;
max-width: 100%; /* 最大幅 */
min-width:1100px;
-moz-background-size:100% auto;
background-size:100% auto; 
padding:1em 0;
height:500px;

}
.banner-top{
	padding:2em;
	line-height:150%;
}
.banner-top h1{
	font-weight:700;
	font-size:2.7em;
	margin-bottom:15px;
	color:#fff;
}
.banner-top .text{
	font-weight:700;
	font-size:20px;
	color: #fff;
	line-height:130%;
	padding-bottom:40px;
}
.banner-top .btn{
	display:block;
	width:390px;
	float:left;
	border:0;
	background:#008d82;
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
	padding: 0.3em 1.5em;
	font-weight: 700;
	font-size: 24px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height:120%;
}
.banner-top .btn span{
	font-size: 16px;
	font-weight:400;
}
.banner-top .btn:hover{
	background:#02a195;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.saibokudo {
	color:#FFF;
	font-weight:400;
	font-size:90%;
	margin-top:5px;
}
.saibokudo a{
	color:#FFF;
}
.container {
	width:980px;
	margin:0 auto;
}

.date {
	background-color:#6bc7de;
	margin-top:50px;
	margin-bottom:50px;
	height:300px;
}


.waku {
	background-color:#fff;
	padding:20px;
}
.waku2 {
	border:1px dotted #ddd;
	background-color:#fafafa;
	padding:10px;
}


.title {
	border-bottom:1px solid #eeeeee;
	font-weight:700;
	font-size:120%;
}

.bg1 {
	background-color:#f6f3e9;
}


.news dl{
	margin-top:15px;
}

.news dt{
float:left;
clear:both;
margin-bottom: 0.8em;
width:5.5em;
}
.news dd{
margin-left:75px;
margin-bottom: 0.8em;
}


.news a {
	transition: 0.5s ;
	border-bottom:1px solid #fff;
}

.news a:hover {
	border-bottom:1px solid #eb5432;
}


h3 {
	border-left:5px solid #008d82;
	border-bottom:1px solid #008d82;
	font-size:150%;
	padding:10px;
	margin-bottom:10px;
	font-weight:700;
	position:relative;
}
h3:after{
	position:absolute;
	bottom:0;
	left:-5px;
	width:100%;
	height:6px;
	content:'';
	background:#fff;
	}

h4 {
	background-color:#efefef;
	font-size:130%;
	padding:5px 5px 5px 10px;
	font-weight:400;
	
	
}

h5 {
	border-left:4px solid #999;
	font-size:110%;
	padding-left:5px;
	font-weight:700;
	margin-bottom:15px;
	
}

.footer .copyrights{
background-color:#008d82;
padding:5px;
/*background-image: url(../images/ph_01.png);*/

}

.footer .link {
	padding:0px 0 20px 0;
	margin-top:0px;
	font-size:90%;
}

.footer .link a{
background-image: url(../images/ic_01.png);
background-repeat: no-repeat;
margin: 0px;
background-position: 1px 8px;
padding-left:10px;
line-height:150%;
margin-right:10px;
}


.footer {
	background-color:#f6f6f8;
	padding-top:20px;
	margin-top:50px;
}
.topbnr {
	margin-top:50px;
	margin-bottom:50px;
}
.topbnr a{
	float:left;
	padding-right:30px;
	
}
.topbnr .last {
	padding-right:0px;
}

/* 個別 ボトム
--------------------------------------------*/
.bottom_title {
	background-image: url(../images/bg.jpg);
	color:#333;
	font-size:120%;
}

.bottom_title .ContentsBody {
	padding:40px 0 40px 0;

}

.topicpath {
	background-color:#f6f6f8;
	font-size:90%;
	padding:5px 0 5px 0;
}

.topicpath a {
	color:#999;
}
.topicpath a:hover {
	text-decoration:underline;
	color:#333;
}
.topicpath i {
	color:#999;
}

.topicpath a:hover i{
	color:#333;
}

.btn {
	background-color:#eb5432;
	color:#FFF;
	font-weight:700;
	padding:8px 15px 8px 15px;
}

.btn2 {
	background-color:#c00;
	color:#FFF;
	font-weight:700;
	padding:8px 15px 8px 15px;
}



.sidemenu {
    width: 228px;
    margin-right: -230px;
    float: left;
box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.main {
	width:730px;
	float:right;
	
}

.sidemenu {
	border:1px solid #dddddd;
	background-color:#fff;
	margin-top:20px;
	padding-top:4px;
	padding-bottom:4px;
}
.sidemenu li {
	background-color:#f9f9f9;
	padding:12px 8px;
	margin:0px 4px;
	font-size:90%;
	border-bottom:1px dotted #ddd;
}
.sidemenu a{
	display:block;
	color:#000;
}
.sidemenu i {
	color:#038e83;
}
.sidemenu li:hover{
	background-color:#e3f6ee;
}
.sidemenu a:hover{
	text-decoration:underline;
}

li.list_title {
	background-color:#086ace;
	color:#FFF;
	font-weight:700;
	text-align:center;
	font-size:120%;
	padding:10px 0 10px 0;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;  
border-radius:5px 5px 0px 0px;

}

.box {
    padding: 10px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
}

.youtube iframe{
	margin:0 auto;
	display:block;
	padding-top:30px;

}

.table {
    width: 100%;
    margin: 5px 0px 10px;
    border-collapse: collapse;
}
 
.table th {
    text-align: left;
    padding: 10px 5px 5px 25px;
    border: 1px solid #e3e3e3;
    font-weight: normal;
    vertical-align: middle;
    background-color: #f6f6f6;
}
 
.table td {
    vertical-align: middle;
    background: #FFF;
    padding: 10px 5px 5px 25px;
    border: 1px solid #e3e3e3;
}
.must {
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding:0px 4px 0px 4px;
    color:#fff;
    background-color:#ff0000;
    border-radius:5px;
	margin-left:10px;
}
table input {
border:0;
padding:5px;
font-size:1.1em;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
}
table select {
border:0;
padding:5px;
font-size:1.1em;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
}
input:focus {
    border:solid 1px #EEA34A;
}
.button {
border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
}