@charset "UTF-8";

body,div,p,html,ul,li,nav,h1,table,h3,a{
	margin: 0;
	padding: 0;
}

html,body{
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","sans-serif";
}

ul{
	list-style: none;
}

a{
	text-decoration: none;
}

.grspace{
	letter-spacing: -0.5px;
}

.alert{
	width: 1140px;
	height: 64px;
	background-color: #fff;
	margin: 10px auto;
}
.alertleft{
	width: 197px;
	height: 62px;
	float: left;
	background-color: #00a29a;
	display: block;
	text-align: center;
}

.alertleft img{
	width: auto;
	height: 60px;
}
.alertright{
	width: 930px;
	height: 48px;
	background-color: #fff;
	display: block;
	float: left;
	border:solid 2px #00a29a; 
	padding: 5px 0;
}
.alertright b{
	font-size: 20px;
	margin:10px; 
}
.alertright p{
	margin-left: 10px;
}

.container{
	/*width: 1200px;*/
	/*width: 1140px;*/
	height: auto;
	margin: 0 auto;
	background-color: #fff;
}

.headcover{
	width: 100%;
	height: auto;
	background-color: #00a29a;
	margin: 0 auto;
	overflow: visible;
}

.header{
	width: 1140px;
	height: 100px;
	background-color: #00a29a;
	/*padding: 20px 30px;*/
	padding: 20px 0;
	margin: 0 auto;
}

.headerlogo{
	width: 330px;
	/*height: 160px;*/
	display: inline-block;
	/*margin: 10px 25px 8px;*/
}

.headerlogo img{
	width: 330px;
	height: auto;

}

.headerlogo_m{
	width: 450px;
	height: 60px;
	float: right;
	margin: 15px 0 8px;
}

.headerlogo_m img{
	width:450px;
	height: auto;
}

.prelistbox{
	/*width: 400px;*/
	height: 20px;
	float: right;
	margin-top: -24px;
}

.prelistbox a {
	margin: 0 3px;
}

.prelistbox li{
	display: inline-block;
	width: 114px;
	height: 20px;
	/*border: 1px solid #fff;*/
	border-radius: 0 0 5px 5px;
	background-color: #fff;
	color: #00a29a;
	font-size: 11px;
	text-align: center;
}

.prelistbox li:hover{
	background-color:#fff23f;
}

.headerlistbox{
	/*width: 600px;*/
	height: auto;
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: top;
	color: #fff;
	font-size: 12px;
	float: right;
	/*margin-top: -40px;*/
	margin-top:-20px; 

}

.headerlist li{
	display: inline-block;
	border-bottom: 2px solid #fff; 
	padding: 0 7px;
	text-align: center;
}

.headerlist li:hover{
	border-bottom: 2px solid #fff23f; 
	/*color: #fff23f;*/

}
.headerlist a{
	color: #fff;
}

/*.headerlist li:first-child{
	border: none;
}*/

.button{
	text-align:right;
	float:right;
	clear:both;
	width: 300px;
	}
	.fb_iframe_widget > span {
  vertical-align: baseline !important;
}




.wrapper{
	width: 1140px;
	height: auto;
	background-color: #fff;
	margin: 0 auto;
}
.mainmenu{
	width: 1140px;
	height:auto;
	margin: 30px auto;
	color: #00a29a;
	background-color: #fff;
}

.mainmenu li{
	display: inline-block;
	padding: 0 24px;
	/*width: 140px;*/
	width: 138.7px;
	text-align: center;

}

.mainmenu a{
	color: #00a29a;
}

.mainmenu a:visited{
	color: #00a29a;
}

.mainmenu a:hover{
	color: #f8b500;
}

.mainmenu a img:hover{

}

.mainmenu img{
	width: 30px;
	height: auto;
}
.menutitle{
	display: block;
	padding-left: 40px;
}




.line{
	width: 100%;
	height: 5px;
	background-color: #00a29a;
	margin: 0 auto 3px;

}

.line hr{
	color: #00a29a;
}

.btnho{
    background: #fff;
    background: url(../images/hoicon.png) no-repeat;*/
    padding: 10px 20px;/*ボタン背景の大きさを指定*/
    background-size: 30px;
    background-position: 20px;
    /*padding: 12px 0;*/
    /*padding: 27px 0 20px;*/
    padding: 20px 0;
    /*border-left: 1px solid #666;
    border-right: 1px dotted #666;*/
    border-right: 2px dotted #ddd;
    border-left: 2px solid #ddd;

    
}
.btnho:hover{
    background: #fff;
    background: url(../images/hoicon_o.png) no-repeat;*/
    text-decoration: none;
    color: #f8b500;
    background-size: 30px;
    background-position: 20px;
}

.btnab{
    background: #fff;
    background: url(../images/abicon.jpg) no-repeat;*/
    padding: 10px 20px;/*ボタン背景の大きさを指定*/
    background-size: 30px;
    background-position: 20px;
    /*padding: 12px 0;*/
    /*padding: 27px 0 20px;*/
    padding: 20px 0;
    /*border-right: 1px dotted #666;*/
    border-right: 2px dotted #ddd;
}
.btnab:hover{
    background: #fff;
    background: url(../images/abicon_o.jpg) no-repeat;*/
    text-decoration: none;
    color: #f8b500;
    background-size: 30px;
    background-position: 20px;
}

.btnki{
    background: #fff;
    background: url(../images/kiicon.jpg) no-repeat;*/
    padding: 10px 20px;/*ボタン背景の大きさを指定*/
    background-size: 30px;
    background-position: 20px;
    /*padding: 12px 0;*/
    /*padding: 27px 0 20px;*/
    padding: 20px 0;
    /*border-right: 1px dotted #666;*/
    border-right: 2px dotted #ddd;
}
.btnki:hover{
    background: #fff;
    background: url(../images/kiicon_o.jpg) no-repeat;*/
    text-decoration: none;
    color: #f8b500;
    background-size: 30px;
    background-position: 20px;
}

.btnsp{
    background: #fff;
    background: url(../images/spicon.jpg) no-repeat;*/
    padding: 10px 20px;/*ボタン背景の大きさを指定*/
    background-size: 30px;
    background-position: 20px;
    /*padding: 12px 0;*/
    /*padding: 27px 0 20px;*/
    padding: 20px 0;
    /*border-right: 1px dotted #666;*/
    border-right: 2px dotted #ddd;
}
.btnsp:hover{
    background: #fff;
    background: url(../images/spicon_o.jpg) no-repeat;*/
    text-decoration: none;
    color: #f8b500;
    background-size: 30px;
    background-position: 20px;
}

.btnac{
    background: #fff;
    background: url(../images/acicon.jpg) no-repeat;*/
    padding: 10px 20px;/*ボタン背景の大きさを指定*/
    background-size: 30px;
    background-position: 20px;
    /*padding: 12px 0;*/
    /*padding: 27px 0 20px;*/
    padding: 20px 0;
    /*border-right: 1px solid #666;*/
    border-right: 2px solid #ddd;

}
.btnac:hover{
    background: #fff;
    background: url(../images/acicon_o.jpg) no-repeat;*/
    text-decoration: none;
    color: #f8b500;
    background-size: 30px;
    background-position: 20px;
}

.btnef{
    background: #fff;
    background: url(../images/eficon.jpg) no-repeat;*/
    padding: 10px 20px;/*ボタン背景の大きさを指定*/
    background-size: 30px;
    background-position: 20px;
    /*padding: 12px 0;*/
    /*padding: 27px 0 20px;*/
    padding: 20px 0;
    border-right: 2px dotted #ddd;
}
.btnef:hover{
    background: #fff;
    background: url(../images/eficon_o.jpg) no-repeat;*/
    text-decoration: none;
    color: #f8b500;
    background-size: 30px;
    background-position: 20px;
}




li.mch{
	background-image: url(../images/icon.jpg);
	background-repeat:no-repeat;
	background-position:37px;
	background-size: 12px;
}

.maintitlebox{
	width: 1140px;
	height: 250px;
	margin: 0 auto;
}

.maintitle{
	/*width: 340px;*/
	width: 285px;
	height: auto;
	background-color: #00a29a;
	color: #fff;
	padding: 100px 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	text-shadow: 1px 1px 3px #000;
	font-weight: bold;
}
.maintitlepic{
	width: 8px;
	height: 248px;
	display: inline-block;
}

.slider{
	width: 1140px;
	height:auto;
	margin: 0 auto;
}

.slidecover{
	width: 1140px;
	height: 430px;
	margin: 0 auto;
}

.topcontent{
	width: 1140px;
	height: 400px;
	margin: 10px auto 0;
}

.subcontent{
	width: 500px;
	height: auto;
	display: inline-block;
	margin-left: 30px; 
	margin-top:30px;
}

.topcontent table{
	width: 511px;
	height: 40px;
	margin-top:18px;
	table-layout: fixed;
	margin-left: -3px;
}

.youtube{
	width: 600px;
	height: 340px;
	/*margin: 50px 25px 50px 75px ;*/
	display: inline-block;
	_display: inline; 
	color: #fff;
	text-align: center;
	vertical-align: top;
	margin-top:30px;
}

.youtube img{
	width: 600px;
	height: auto;
}

.youtube2{
	width: 600px;
	height: 340px;
	/*margin: 50px 25px 50px 75px ;*/
	display: inline-block;
	_display: inline; 
	color: #fff;
	text-align: center;
	vertical-align: top;
	margin-top:30px;
	margin-left:32px;
}


.subbanar{
	display: inline-block;
	_display: inline; 
	width: 500px;
	height: 270px;
	/*margin: 50px 25px;*/	
}

.sns img{
	width: 160px;
	height: auto;
}

.sns a img:hover{
	opacity: 0.6;
}

.subbanar a img:hover{
	opacity: 0.6;
}

.submenu{
	width: 950px;
	height: auto;
	margin: 50px auto;
	text-align: center;
}

.submenubox{
	width: 150px;
	height: auto;
	display: inline-block;
	margin: 0 5px;
	border-right: 1px #999 solid;
}



.submenutitle{
	padding: 5px 35px;
	text-align: center;
	font-weight: bold;
	color: #333333;
}

.submenulogo img{
	width: 100px;
	height: 100px;
}

.article{
	width: 1140px;
	height: auto;
	margin: 30px auto 0;
}

.sublist{
	/*width: 250px;*/
	width: 285px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	/*padding: 0 20px;*/
	padding: 0 20px 0 0;

}

.firstlist{
	border: none !important;
	color: #fff !important;
	text-shadow: 1px 1px 3px #000;
	font-weight: bold;
	background-color: #00a29a !important;
	font-size: 19px !important;
	/*border-radius: 7px 7px 0 0; */

}
li.lastlist{
	background-color: #fff !important;
	border-bottom: 1px solid #ddd !important;
	/*width: 246px;*/
	height: 30px;
	padding: 0 !important;

}



.sublist li{
	border-left: 3px solid #ddd;
	padding: 20px 30px;
	border-bottom: 1px dotted #ddd;
	color: #555;
	background-color: #fff;
	border-right:1px solid #ddd; 

}

.sublist li:hover{
	/*background:rgba(0,162,154,0.9);
	color: #fff;*/
	border-left: 3px solid #00a29a;
	background-color: rgba(180,180,180,0.2)
}
.lastlist:hover{
	background-color: #fff;
	border-left: 3px solid #ddd !important; 
}

.sublist a{
	color: #666;
}
.sublist a:visited{
	color: #666;
}

.subch{
	border-left: 3px solid #00a29a !important;
	background-color: rgba(180,180,180,0.2) !important;
}




.overlist:hover{
	background-color: #00a29a;
	color: #fff;
}

.firstc{

	border-radius: 20px 20px 0 0;

}

.lastc{

	border-radius: 0 0 20px 20px;

}





.textbox{
	/*width: 700px;*/
	width: 808px;
	height:auto;
	background-color: #fff;
	display: inline-block;
	box-shadow: 2px 2px 3px #666;
	line-height: 170%;
	margin-left: 20px;
	margin-bottom: 100px;
	/*padding-left: 50px;*/
	color: #555;
	padding-bottom: 50px;
}

.textbox h3{
	font-size: 18px;
	font-weight: normal;
	color: #00a29a;
	width: 789px;
	margin-bottom: 15px;
	padding-left: 12px;
	padding-top: 12px;
	background-color: #F9FDFB;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00a29a;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6F1E3;
	padding-bottom: 9px;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
}

.textbox strong{
	margin-left: 10px;
}

.textbox p{
	margin-left: 30px;
}

.textbox table{
	margin-left: 30px;
	border-collapse:separate;
	border-spacing:10px;
}
.textbox table img{
	width: 340px;
	height:auto;
}

.textbox img{
	width: 400px;
}

.kikakuimg{
	width: 700px !important;
	height: auto;
}

.textbox a img:hover{
	opacity: 0.6;
}

.wall{
	border: solid 1px #ccc;
background: rgb(255,255,255);
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
text-decoration: none;
}

.ayato{
	font-size: 48px;
	font-weight: bold;
	/*color: #fff;
	text-shadow: 2px 2px 2px #00a29a , -2px -2px 2px #00a29a;*/
}

.focus table img{
	width: 220px;
	height: auto;
}

.koyu img{
	width: 700px;
	height: auto;
	text-align: center;
	border:1px solid #000;
	margin-bottom: 1em;
}

.koyu a{
	text-align: center;
}

.koyuimg{
	text-align: center;
}

.time table{
	border-spacing: 2px !important;
}

.enjoy table{
	border-collapse: collapse;
    border:2px solid #fff;
}

.enjoy td{
	border-collapse: collapse;
    border:2px solid #fff;
    padding: 12px 13px;
}

.ofocus strong{
	margin-left: 30px !important;
}


.mtour table{
	border-spacing: 2px !important;
}
.tour table{
	border-collapse: collapse;
    border:2px solid #fff;
}
.tour td{
	border-collapse: collapse;
    border:2px solid #fff;
    padding: 12px 13px;
}

.mfp table{
	border-collapse: collapse;
    border:2px solid #fff;
}

.tabletitle{
	background-color: #00a29a;
	font-weight:bold;
	color: #fff;
}

.subtabletitle{
	text-align:center; 
	font-weight:bold;
}

.mfp td{
	border-collapse: collapse;
    border:2px solid #fff;
    padding: 12px 13px;
}

.obog table{
	border-spacing: 2px;
}
.clossline{
	background-color: #555;
}

.ml strong{
	margin-left:0px !important; 
}

.fc{
	text-align: center;
	background-color: #fff1f1;
}

.gto strong{
	margin-left: 40px;
}

.pstn p strong{
	margin-left: 0px;
}

.data a{
	margin-left: 20px;
}

.efimg{
	width: 340px !important;
	height: auto;
	margin-left: 30px;
	margin-top: 1em;
	margin-bottom: 1em;

}

.ofimg{
	width: 643px !important;
	height: auto;
	margin-left: 30px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.koyu1st{
	width: 700px !important;
	height: auto;
	margin-left: 30px;
	margin-top: 1em;
	margin-bottom: 1em;
}


.efimgsp{
	width: 340px !important;
	height: auto;
	margin-left: 30px;
	margin-top: 1em;

}


.ecotray{
	margin-left: 30px;
}

.maimg{
	margin:1em 0;
}

.maimg2{
	margin:1em 0;
	width: auto  !important;
	height:225px !important;
}

.climg{
	margin:1em 0 0;
	width: 340px !important;
	height: auto;
	margin-left: 30px;
	
}

.snimg{
	width: 200px !important;
	height: auto;
	margin-bottom: 1em;
}
.kiimg{
	width: 340px !important;
	height: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

.eflink{
	color: #0000ff;
	border-bottom: 1px solid #0000ff;
}

.ink img{
	width: 700px;
}

#osirase{
	width: 720px;
	height: auto;
	padding-bottom: 10px;
	border-spacing: 0;
	margin-top: 10px;
	border-collapse: collapse;
	background-color: #fff;
	color: #333;
}
#osirase .zaq{
	background-color: #555;
	color: #fff;
	font-weight: bold;
}
#osirase td{
border: 2px #999 solid;
padding: 10px;
}

.return_rice{
	margin-left: -1em;
}

.partner table img{
	border:1px #666 solid;

}

.alt{
	vertical-align: top;
	background-color: #555;
	width: 20%;
	color: #fff;
}

.bg{
	background-color: #555;
	color: #fff;
}

.sitemap{
	/*width: 700px;*/
	width: 1140px;
	height:auto;
	background-color: #fff;
	box-shadow: 2px 2px 3px #666;
	line-height: 170%;
	color: #555;
	margin:0 auto 100px;
	padding-bottom: 50px;
}

.sitemap h3{
	font-size: 18px;
	font-weight: normal;
	color: #00a29a;
	width: 1100px;
	margin-bottom: 15px;
	padding-left: 12px;
	padding-top: 12px;
	background-color: #F9FDFB;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00a29a;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6F1E3;
	padding-bottom: 9px;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
}

.sitemap strong{
	margin-left: 10px;
	color: #00a29a;
	font-size: 110%;
}

.sitemap p{
	margin-left: 30px;
}

.sitemap table{
	margin-left: 15px;
	width: 100%;
}
.sitemap td{
	width: 20%;
}
.sitemap table img{
	width: 340px;
	height:auto;
}
.sitemap a{
	color: #666;
}
.sitemap a:visited{
	color: #666;
}

.sitemap a:hover{
	color: #00a29a;
}

.bgt{
	background-color: #00a29a;
	color: #fff;
	padding:12px 13px;
}

.bgc{
	background-color: #fff1f1;
	color: #000;
	padding:10px 5px;

}

.point{
	margin-left: -1em;
}


.alr{
	text-align: right;
}

.txtDropcap01{
	overflow: hidden;
	zoom:1;
}

.txtDropcap01:first-letter{
	float: left;
	font-size: 300%;
	padding: 10px 10px 5px 0;
}



.ficopy{
	width: 700px;
	height: 100px;
	background-image: url(../images/ficopy.png);
	background-size: 548px 50px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center;
}

.filogo{
	width: 700px;
	height: 250px;
	background-image: url(../images/logo.png);
	background-size: 200px 200px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;


}

.campusicon{
	width: 80%;
}

.campusicon img{
	width: 30px !important;
	height: auto;
	vertical-align: bottom;
}

.footer{
	width: 1140px;
	height: auto;
	color: #fff;
	margin: 0 auto;
	border-top: 1px solid #00a29a;
	background-color: #00a29a;
}



.footer li{
	padding: 0 14px;
	display: inline-block;
}

.footer a{
	color: #fff;
}

.footer a:visited{
	color: #fff;
}
.footer a:hover{
	color: #fff23f;
}

/*.footer li:first-child{
	padding-left: 20px;
}*/

.footer li:last-child{
	float: right;
	padding: 0 7px !important;
}

.footbox{
	width: 100%;
	background-color: #00a29a;
}


.copyright{
	padding-left: 100px;
}

.leftNav,
.rightNav {
	background: url(bg.png);
	outline: none;
}

.leftNav:before,
.rightNav:before {
	content:"";
	width:100%;
	height:100%;
	display: block;

}

.leftNav:hover {
	background: url(leftNav.png) right center no-repeat  /*rgba(204,204,204,0.4);*/
}


.rightNav:hover {
	background: url(rightNav.png) left center no-repeat  /*rgba(204,204,204,0.4);*/
}

.leftNav:hover:before,
.rightNav:hover:before {
	background: url(bg2.png)
}


/*

	テーマカラー(緑):#00a29a
					rgb(0,162,154)
	アクセントカラー(黄):#fff23f
	アクセントカラー(橙):#f8b500
	コミカラ:#090059;

*/