@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
color:#343434;
font-size:16px;
margin:0;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
background: url(../image/common/bg.png) no-repeat top center;
}

body > #primary {
height: auto;
}


a:link {color:#0c7494; text-decoration:underline;}
a:visited {color:#0c7494; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.cl:after {
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
	content:" ";
	}
* html .cl             { zoom: 1; } /* IE6 */
*:first-child+html .cl { zoom: 1; } /* IE7 */

.clear { clear:both; }
.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }
.right { float:right; margin-left:20px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:20px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-right { text-align:right; }

.last { margin-bottom:0 !important; padding-bottom:0 !important; }

#lineup-font-size-sampler {
	display:none;
}

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.pc {
	display:inherit;
}

.sp {
	display:none;
}

.tab {
	display:inherit;
}


/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	text-align: left;
}

article {
	width:100%;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#left-window {
	width:700px;
	float:left;
	margin-bottom:50px;
}

#right-window {
	width:260px;
	float:right;
	margin-bottom:50px;
}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header {
	background-image:url(../image/header/back.png);
	background-position:center top;
	background-repeat: repeat-x;
	width:100%;
	height:116px;
	box-sizing:border-box;
}

#header-primary {
	width:1080px;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
}

#header-primary .logo {
	background-image:url(../image/header/logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:389px;
	height:75px;
	position:relative;
	top: 26px;
	float:left;
	transition:0.3s;
}

#header-primary .logo a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#header-primary .header-contents-right {
	width:464px;
	position:relative;
	top: 26px;
	float:right;
	transition:0.3s;
}

#header-primary .header-contents-right h1 {
	width:100%;
	max-width:1080px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	transition:0.3s;
}

#header-primary .header-contents-right .licensenumber {
	background-image: url(../image/header/number.png);
	background-repeat: no-repeat;
	width: 450px;
	height: 40px;
	border-radius: 12px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
	margin-top: 8px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#header-primary .tel a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

nav {
	background-image:url(../image/navi/back.jpg);
	background-position:center;
	background-repeat: repeat-x;
	width:100%;
	height:76px;
	margin:0;
	padding:0;
	box-shadow: 0px 2px 8px 0px rgba(53, 41, 6, 0.37);	
}

nav ul {
	width:1080px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	position:relative;
	text-align:center;
	font-size:0;
}

nav ul li {
	float:left;
	height:76px;
	position:relative;
	margin:0;
	padding:0;
	background-position:center;
	transition:0.3s;
}

nav ul li a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

nav ul li a:after {
	background-color:rgba(255,255,255,0);
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	content:"";
	display:block;
	transition:0.3s;
	z-index:99;
}

nav ul li a:hover:after {
	background-color:rgba(255,255,255,0.2);
}

nav ul li:nth-child(1) { background-image:url(../image/navi/navi01.jpg); width:181px; }
nav ul li:nth-child(2) { background-image:url(../image/navi/navi02.jpg); width:180px; }
nav ul li:nth-child(3) { background-image:url(../image/navi/navi03.jpg); width:180px; }
nav ul li:nth-child(4) { background-image:url(../image/navi/navi04.jpg); width:180px; }
nav ul li:nth-child(5) { background-image:url(../image/navi/navi05.jpg); width:180px; }
nav ul li:nth-child(6) { background-image:url(../image/navi/navi06.jpg); width:179px; }


/*------------------------------------------------------------------------------------------------------------------
　Content
-------------------------------------------------------------------------------------------------------------------*/

.content-wrap {
	width: 1080px;
	margin: 30px auto 50px;
}

/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/

.side {
	float: left;
	width: 280px;
	margin-right: 30px;
}

.side .facility_box {
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.side .facility_title {
	background: url(../image/side/title.gif) no-repeat;
	width: 280px;
	height: 46px;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.side .facility {
	background-color: #fff;
	border-bottom: 1px dotted #0068B7;
}

.side .facility:last-child {
	border-bottom: none;
}

.side .facility .facility_link {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 20px;
	padding: 10px 40px 14px;
	background-color: #d9eeff;
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	color: #0068b7;
	text-decoration: none;
	transition: all .2s;
}

.side .facility .facility_link::after {
	position: absolute;
	top: 48%;
	left: 0.8em;
	content: '';
	margin-top: -6px;
	border: 12px solid transparent;
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-left-color: #0068b7;
	transition: all .2s;
}

.side .facility .facility_link:hover {
	background-color: #bce1ff;
}

.side .facility .facility_link:hover::after {
	left: 1em;
}

.side .facility p {
	font-size: 16px;
	margin: 6px 0;
}

.side #facility01 .facilityname { background-image: url(../image/side/facilityname01.png); }
.side #facility02 .facilityname { background-image: url(../image/side/facilityname02.png); }
.side #facility03 .facilityname { background-image: url(../image/side/facilityname03.png); }
.side #facility04 .facilityname { background-image: url(../image/side/facilityname04.png); }
.side #facility05 .facilityname { background-image: url(../image/side/facilityname05.png); }

.side .facility address {
	padding: 0 10px 10px 10px;
	font-style: normal;
}

.side .facility address .tel {
	float: left;
	color: #fff;
	font-size: 16px;
	padding: 0px 6px;
	background-color: #F45A10;
	border-radius: 4px;
	margin-right: 8px;
	letter-spacing: 1px;
}

.side .facility address .phonenumber {
	float: left;
	display: block;
	width: 130px;
	margin: 0;
}

.side .facility .facility_btn {
	float: left;
	position: relative;
	display: inline-block;
	width: 34px;
	padding: 0px 8px 0px 28px;
	border-radius: 4px;
	background: #3880b5; /* Old browsers */
	background: -moz-linear-gradient(top, #3880b5 1%, #0068b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3880b5 1%,#0068b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3880b5 1%,#0068b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3880b5', endColorstr='#0068b7',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	transition: all .5s;
}

.side .facility .facility_btn::after {
	position: absolute;
	top: 50%;
	left: 10px;
	content: '';
	margin-top: -6px;
	border: 10px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #fff;
	transition: all .2s;
}

.side .facility .facility_btn:hover::after {
	left: 13px;
}

.side #firewood {
    margin-bottom: 30px;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.side #firewood a {
    transition: 0.3s;
}

.side #firewood a:hover {
    opacity: 0.82;
}

.side #clean {
    margin-top: 30px;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.side #clean a {
    transition: 0.3s;
}

.side #clean a:hover {
    opacity: 0.82;
}


/*------------------------------------------------------------------------------------------------------------------
　Main
-------------------------------------------------------------------------------------------------------------------*/

.main {
	float: left;
	width: 770px;
}


/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

footer .copy {
	background-color: #0068b7;
	width:100%;
	height:80px;
	box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.41);
}

footer .copy .inner {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}

footer .copy .copyright {
	float:left;
	color:#fff;
	line-height:80px;
	margin: 0;
}

.topback {
	position:absolute;
	top: 4px;
	right:0;
	display:block;
	background-image:url(../image/footer/topback.jpg);
	width:200px;
	height:72px;
	z-index:2;
}

.topback a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.topback a:after {
	background-color:rgba(255,255,255,0);
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	content:"";
	display:block;
	transition:0.3s;
	z-index:99;
}

.topback a:hover:after {
	background-color:rgba(255,255,255,0.2);
}

footer .footer-contents {
	width: 1080px;
	margin: 26px auto;
	position: relative;
}

footer #logo {
	float: left;
	width: 371px;
	height: 116px;
	margin-right: 52px;
	background-image: url(../image/footer/logo.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

footer #link {
	float: right;
	margin-top: 6px;
	width: 650px;
}

footer #link ul {
	width: 650px;
	padding: 0;
	margin: 0 auto 12px;
	list-style: none;
	overflow: hidden;
}

footer #link li {
	float: left;
	margin-right: 10px;
}

footer #link li:last-child {
	margin-right: 0;
}

footer #link li a {
	display: block;
	height: 24px;
	color: #0068b7;
	padding: 0 10px;
	border-bottom: 1px solid #0068b7;
	text-decoration: none;
	position: relative;
	z-index: 2;
	line-height: 24px;
	overflow: hidden;
}

footer #link li a::before {
	background-color: #0068b7 !important;
}

footer #link li a:hover {
	color: #fff;
	top: 0;
}

footer #link .ftfacility h4 {
	color: #3F982D;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 4px;
}

footer #link .ftfacility li a {
	color: #3F982D;
	border-bottom: 1px solid #3F982D;
}

footer #link .ftfacility li a::before {
	background-color: #3F982D !important;
}

footer #link .ftfacility li a:hover {
	color: #fff;
	top: 0;
}

/*
@media screen and (max-width: 870px) {
	#footer #cc {
		max-height:90px;
		height:inherit;
		padding-top:20px;
		padding-bottom:10px;
		padding-left:30px;
		padding-right:30px;
		font-size:17px;
		line-height:normal;
	}
}

@media screen and (max-width: 980px) {
	.topback a {
		top:-70px;
	}
}
*/


/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#mainvisual {
	width:100%;
	height:320px;
	background-color: #fff;
	position:relative;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
	margin-bottom: 30px;
}

#mainvisual .item {
	background-image:url(../image/mainvisual/01.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	height:500px;
}

#mainvisual:before {
	border-top: 1px solid #fff;
	width:100%;
	display:block;
	content:"";
	position:absolute;
	top:16px;
	z-index:99;
}

#mainvisual:after {
	border-top: 1px solid #fff;
	width:100%;
	display:block;
	content:"";
	position:absolute;
	bottom:16px;
	z-index:99;
}

#mainvisual .panel {
	width:100%;
	height:320px;
	background-position:center top;
	background-repeat:no-repeat;
}

#mainvisual .panel01 { background-image:url(../image/mainvisual/01_new.jpg); }
#mainvisual .panel04 { background-image:url(../image/mainvisual/04.jpg); }

/*
@media screen and (max-width: 1100px) {
	#mainvisual {
		height:inherit;	}
	#mainvisual .item {
		background-image:url(../image/mainvisual/01_tab.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:contain;
		width:100%;
		height:0;
		padding-top:45.45%;
	}
}
*/

#facilitydesc {
	border-top: 3px solid #0068b7;
	background-color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 16px 30px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
}

#newstop {
	background-color: #fff;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
	margin-bottom: 30px;
}

#newstop .titlebar {
	background-color: #2aafd8;
	padding: 10px 15px;
}

#newstop .titlebar h2 {
	float: left;
	width: 180px;
	height: 26px;
	background-image: url(../image/contents/top/news_title.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 2px 0;
}

#newstop .titlebar .newstop_button {
	float: right;
	position: relative;
	display: inline-block;
	border: 1px solid #edd953;
	padding: 2px 8px 2px 28px;
	border-radius: 4px;
	background-image: -moz-linear-gradient( 90deg, rgb(252,241,214) 0%, rgb(249,248,204) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(252,241,214) 0%, rgb(249,248,204) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(252,241,214) 0%, rgb(249,248,204) 100%);
	color: #301808;
	font-weight: bold;
	text-decoration: none;
	transition: all .5s;
}

#newstop .titlebar .newstop_button::after {
	position: absolute;
	top: 50%;
	left: 10px;
	content: '';
	margin-top: -6px;
	border: 10px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #301808;
	transition: all .2s;
}

#newstop .titlebar .newstop_button:hover::after {
	left: 13px;
}

#newstop .news_list {
	list-style: none;
	width: 706px;
	padding: 0;
	margin: 0 auto;
}

#newstop .news_list li {
	padding: 1em 0;
	border-bottom: 1px dotted #222;
}

#newstop .news_list li:last-child {
	border-bottom: none;
}

#newstop .news_list .news_list_date {
	margin-right: 12px;
}

#acttop {
	background-color: #fff;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
}

#acttop .titlebar {
	background-color: #89c11c;
	padding: 10px 15px;
}

#acttop .titlebar h2 {
	float: left;
	width: 236px;
	height: 26px;
	background-image: url(../image/contents/top/activities_title.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 2px 0;
}

#acttop .titlebar .acttop_button {
	float: right;
	position: relative;
	display: inline-block;
	border: 1px solid #edd953;
	padding: 2px 8px 2px 28px;
	border-radius: 4px;
	background-image: -moz-linear-gradient( 90deg, rgb(252,241,214) 0%, rgb(249,248,204) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(252,241,214) 0%, rgb(249,248,204) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(252,241,214) 0%, rgb(249,248,204) 100%);
	color: #301808;
	font-weight: bold;
	text-decoration: none;
	transition: all .5s;
}


#acttop .titlebar .acttop_button::after {
	position: absolute;
	top: 50%;
	left: 10px;
	content: '';
	margin-top: -6px;
	border: 10px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #301808;
	transition: all .2s;
}

#acttop .titlebar .acttop_button:hover::after {
	left: 13px;
}

#acttop .acttop_list {
	list-style: none;
	width: 770px;
	padding: 30px 30px 0;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}

#acttop .acttop_list li {
	float: left;
	width: 220px;
	margin-right: 25px;
	margin-bottom: 30px;
}

#acttop .acttop_list li:nth-child(3n) {
	margin-right: 0;
	border-bottom: none;
}

#acttop .acttop_list li a {
	text-decoration: none;
	transition: 0.2s;
}

#acttop .acttop_list li .acttop_img {
	border: 4px solid #fff;
	box-sizing: border-box;
	width: 220px;
	height: 167px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
	box-shadow: 0px 0px 7px rgba(188, 188, 188, 0.67);
    -moz-box-shadow: 0px 0px 7px rgba(188, 188, 188, 0.67);
    -webkit-box-shadow: 0px 0px 7px rgba(188, 188, 188, 0.67);
	transition: 0.2s;
}

#acttop .acttop_list li a:hover .acttop_img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#acttop .acttop_list li .acttop_contents .ic {
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 8px;
	padding: 0 6px;
	color: #fff;
	font-size: 13px;
}

#acttop .acttop_list li .acttop_contents .ic_none { background-color: #aaa; }
#acttop .acttop_list li .acttop_contents .ic_dream { background-color: #2BA5AD; }
#acttop .acttop_list li .acttop_contents .ic_ravolo { background-color: #89D200; }
#acttop .acttop_list li .acttop_contents .ic_cassiopeia { background-color: #D95B89; }
#acttop .acttop_list li .acttop_contents .ic_sirius { background-color: #0E376F; }
#acttop .acttop_list li .acttop_contents .ic_esperanza { background-color: #943134; }

#acttop .acttop_list li a .acttop_contents .title {
	color: #333;
	transition: 0.2s;
	font-weight: bold;
}

#acttop .acttop_list li a:hover .acttop_contents .title {
	color: #E60012;
	text-decoration: underline;
}


/*----------------------------------------------------------------------------
   Subpage
------------------------------------------------------------------------------*/

.subpage {
	width: 770px;
	background-color: #fff;
	margin-bottom: 30px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.41);
}

.pagetitle {
	width: 722px;
	background: url(../image/subpage/pagetitle_bg.jpg) #fff no-repeat top;
	padding: 30px 24px;
}

.contents {
	padding: 0 24px 24px;
}

.contents h3 {
	position: relative;
	padding: 0 0.5em 0 2em;
	font-size: 22px;
	margin-bottom: 16px;
	margin-top: 22px;
}

.contents h3::before,
.contents h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}

.contents h3::before {
	top: 0.2em;
	left: 0.2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(192, 244, 94, 0.5);
}

.contents h3::after {
	top: 0.7em;
	left: 0.7em;
	width: 13px;
	height: 13px;
	background: rgba(115, 200, 31, 0.5);
}

.contents .line {
	padding-bottom: 30px;
	border-bottom: 1px dotted #32882c;
}

.contents .facimg {
	overflow: hidden;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.contents .facimg li {
	width: 350px;
	float: left;
	margin-right: 22px;
}

.contents .facimg li:nth-child(even) {
	margin-right: 0;
}

.contents .facimg li a {
	transition: 0.2s;
}

.contents .facimg li a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.contents .infolist_btn {
	width: 128px;
	margin: 24px auto 0;
}

.contents .infolist_btn .square_btn {
    display: inline-block;
	background: #8cbf2b;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    border-bottom: solid 3px #5f8910;
    border-radius: 4px;
	transition: 0.2s;
}

.contents .infolist_btn .square_btn:hover {
	background-color: #a5d647;
	border-bottom: solid 3px #7fb715;
}

.contents .infolist_btn .square_btn:active {
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	margin-bottom: 3px;
}

.contents .profile table {
	border-collapse: collapse;
	border-top: 1px solid #8cbf2b;
	margin-top: 6px;
}

.contents .profile th {
	width: 120px;
	padding: 6px 18px;
	background-color: #f6fbee;
	border-bottom: 1px solid #8cbf2b;
	vertical-align: top;
}

.contents .profile td {
	width: 530px;
	padding: 6px 18px;
	margin: 0;
	border-bottom: 1px solid #8cbf2b;
}

.contents .profile .name {
	color: #0068b7;
	font-size: 20px;
}

.contents .profile #gmap {
	width:100%;
	max-width: 1080px;
	height:400px;
	margin-top: 1em;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.contents #infoWindow h1 {
	font-size: 18px;
	margin: 0;
	color: #0068b7;
}

.contents #infoWindow p {
	margin: 0;
}

.contents .info_slide {
	position: relative;
	margin-bottom: 20px;
}

.contents .info_slide ul {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}

.contents .info_slide li {
	width: 200px;
}

.contents .info_slide li:nth-child(3n) {
	margin-right: 0;
}

.contents .info_slide li a {
	text-decoration: none;
	color: #333;
}

.contents .info_slide li a .info_img {
	width: 200px;
	height: 151px;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.2s;
}

.contents .info_slide li a:hover .info_img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.contents .info_slide .catename {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding: 0 6px;
	margin-top: 12px;
}

.contents .info_slide .ic_news { background-color:#27A2E9; }
.contents .info_slide .ic_activities { background-color:#F07F34; }
.contents .info_slide .ic_travel { background-color:#99D167; }

.contents .info_slide li a .title {
	font-weight: bold;
	margin-top: 6px;
	transition: 0.2s;	
}

.contents .info_slide li a:hover .title {
	color: #E60012;
	text-decoration: underline;
}


.bx-prev {
	background-image: url(../image/subpage/prevbtn.png);
	width: 24px !important;
	height: 24px !important;
	position: absolute;
	left: -40px;
	z-index: 99 !important;
}

.bx-next {
	background-image: url(../image/subpage/nextbtn.png);
	width: 24px !important;
	height: 24px !important;
	position: absolute;
	right: -40px;
	z-index: 99 !important;
}

/*
@media screen and (max-width: 1120px) {
	.pagetitle h2 {
		margin-left: 30px !important;
	}
	.subpage-left {
		width:100%;
		float:none;
		padding-left:30px;
		padding-right:30px;
		box-sizing:border-box;
	}
	#subpage-right {
		float:none;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media screen and (max-width: 1000px) {
	.subpage-content-rightbg {
		display: none
	}
}
*/

/*----------------------------------------------------------------------------
   About
------------------------------------------------------------------------------*/

#about .pagetitle h2 {
	background: url(../image/contents/about/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#about .greeting .mailbtn {
	width: 338px;
	margin: 0 auto;
}

#about .greeting .square_btn {
    display: inline-block;
	background: url(../image/contents/about/mail_icon.png) no-repeat 1em #8cbf2b;
    padding: 0.5em 1em 0.5em 50px;
    text-decoration: none;
    color: #FFF;
    border-bottom: solid 3px #5f8910;
    border-radius: 4px;
	transition: 0.2s;
}

#about .greeting .square_btn:hover {
	background-color: #a5d647;
	border-bottom: solid 3px #7fb715;
}

#about .greeting .square_btn:active {
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	margin-bottom: 3px;
}

#about .profile .chairman {
	font-size: 18px;
}

#about .profile ul {
	list-style: none;
	padding-left: 0;
	margin-top: 6px;
	margin-bottom: 0;
}

/*
#about .profile li {
	padding: 6px 18px;
	border-bottom: 1px solid #ccc;
}
*/

#about .profile .name {
	color: #0068b7;
	font-size: 20px;
}

#about .profile #gmap {
	width:100%;
	max-width: 1080px;
	height:400px;
	margin-top: 1em;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#about #infoWindow h1 {
	font-size: 18px;
	margin: 0;
	color: #0068b7;
}

#about #infoWindow p {
	margin: 0;
}

/*----------------------------------------------------------------------------
   Dream
------------------------------------------------------------------------------*/

#dream .pagetitle h2 {
	background: url(../image/contents/dream/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*----------------------------------------------------------------------------
   Lavoro
------------------------------------------------------------------------------*/

#lavoro .pagetitle h2 {
	background: url(../image/contents/lavoro/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#lavoro .facimg li:nth-child(1) {
	margin-bottom: 22px;
}

#lavoro .facimg li:nth-child(3) {
	float: none;
	margin: 0 auto;
}

#lavoro .hr {
	display: block;
	width: 234px;
	height: 30px;
	margin: 0 auto;
	background-image: url(../image/contents/lavoro/hr.png);
	background-repeat: no-repeat;
	background-position: center;
}


/*----------------------------------------------------------------------------
   Esperanza
------------------------------------------------------------------------------*/

#esperanza .pagetitle h2 {
	background: url(../image/contents/esperanza/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*----------------------------------------------------------------------------
   Cassiopeia
------------------------------------------------------------------------------*/

#cassiopeia .pagetitle h2 {
	background: url(../image/contents/cassiopeia/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


#cassiopeia .facimg li:nth-child(1),
#cassiopeia .facimg li:nth-child(2) {
	margin-bottom: 22px;
}

/*----------------------------------------------------------------------------
   Sirius
------------------------------------------------------------------------------*/

#sirius .pagetitle h2 {
	background: url(../image/contents/sirius/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*----------------------------------------------------------------------------
   Orion
------------------------------------------------------------------------------*/

#orion .pagetitle h2 {
	background: url("../image/contents/orion/pagetitle.png") no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*----------------------------------------------------------------------------
   Contact
------------------------------------------------------------------------------*/

#contact .pagetitle h2 {
	background: url(../image/contents/contact/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#contact .facilitymail {
	list-style-type: none;
	overflow: hidden;
	padding-left: 0;
	margin-bottom: -20px;
}

#contact .facilitymail li {
	display: inline-block;
	width: 227px;
	height: 112px;
	margin-right: 14px;
	margin-bottom: 20px;
	text-align: center;
}

#contact .facilitymail li:nth-child(3n) {
	margin-right: 0px;
}

#contact .facilitymail li a {
    display: inline-block;
	background: url(../image/contents/contact/ic_mail.png) no-repeat center 20px #8cbf2b;
    width: 100%;
	height: 100%;
	padding: 70px 20px 20px;
	box-sizing: border-box;
    text-decoration: none;
	font-size: 15px;
	font-weight: bold;
    color: #FFF;
    border-bottom: solid 3px #5f8910;
    border-radius: 4px;
	transition: 0.2s;
}

#contact .facilitymail li a:hover {
	background-color: #a5d647;
	border-bottom: solid 3px #7fb715;
}

#contact .facilitymail li a:active {
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	margin-bottom: 3px;
}


/*----------------------------------------------------------------------------
   Info
------------------------------------------------------------------------------*/

#info .pagetitle h2 {
	background: url(../image/contents/info/pagetitle.png) no-repeat left top;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#info .pan {
	margin-top: 1em;
	font-size: 14px;
}

#info .cate {
	font-size: 13px;
	color: #fff;
	padding: 2px 4px;
}

#info .mem {
	font-size: 13px;
	color: #fff;
	padding: 2px 4px;
}

#info .date {
	font-size: 13px;
	color: #777;
}

#info .ic_none { background-color: #aaa; }
#info .ic_dream { background-color: #2BA5AD; }
#info .ic_ravolo { background-color: #89D200; }
#info .ic_cassiopeia { background-color: #D95B89; }
#info .ic_sirius { background-color: #0E376F; }
#info .ic_esperanza { background-color: #943134; }
#info .ic_orion { background-color: #7229CC; }

#info .kiji-list ul {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}
	
#info .kiji-list li {
	overflow: hidden;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px dotted #32882c;
}

#info .kiji-list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

#info .kiji-list li a {
	text-decoration: none;
}

#info .kiji-list .listimg {
	float: left;
	margin-right: 24px;
	transition: 0.3s;
}

#info .kiji-list a:hover .listimg {	
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#info .kiji-list .title {
	color: #333;
	margin-top: 0.5em;
	transition: 0.3s;
}

#info .kiji-list a:hover .title {
	color: #E60012;
	text-decoration: underline;
}

#info .kiji-list .kpage {
	display: table;
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
}

#info .kiji-list .kpage li {
	display: table-cell;
	border:2px solid #328c2b;
	padding-bottom: 0;
	font-size: 13px;
}

#info .kiji-list .kpage li.now {
	margin-bottom: 0;
	padding: 8px 12px 6px;
	background-color: #caeec8;
	color: #333;
}

#info .kiji-list .kpage li a {
	display: block;
	padding: 8px 12px 6px;
	color: #333;
	font-weight: bold;
	transition: 0.3s;
}

#info .kiji-list .kpage li a:hover {
	background-color: #caeec8;
}

#info .kiji-title {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #32882c;
}

#info .kiji-box {
	margin-bottom: 30px;
}

#info .kiji-box:last-child {
	margin-bottom: 0px;
}

#info .kiji-box .photo-l { float: left; margin-right: 1em; margin-bottom: 1em; }
#info .kiji-box .photo-c { margin: 0 auto 1em; }
#info .kiji-box .photo-r { float: right; margin-left: 1em; margin-bottom: 1em; }

#info .pmove {
	list-style: none;
	padding-left: 0;
	margin-top: 24px;
	margin-bottom: 0;
}

#info .pmove li {
	display: inline-block;
    width: 240px;
    text-align: center;
}

#info .pmove li:last-child {
	margin-right: 0;
}

#info .pmove li a {
	display: inline-block;
	width: 200px;
	height: 20px;
	padding: 10px 19px 14px;
	border: 1px solid #328c2b;
	background-color: #e3f6e2;
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	color: #328c2b;
	text-decoration: none;
	transition: all .2s;
}

#info .pmove li a:hover {
	background-color: #caeec8;
}

#info .pmove li a.pmove-af {
	position: relative;
	border-right: none;
	padding-right: 20px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#info .pmove li a.pmove-af::after {
	position: absolute;
	top: 48%;
	left: 0.4em;
	content: '';
	margin-top: -6px;
	border: 12px solid transparent;
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-right-color: #328c2b;
	transition: all .2s;
}

#info .pmove li a.pmove-af:hover::after {
	left: 0.2em;
}

#info .pmove li a.pmove-bf {
	position: relative;
	border-left: none;
	padding-left: 20px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

#info .pmove li a.pmove-bf::after {
	position: absolute;
	top: 48%;
	right: 0.4em;
	content: '';
	margin-top: -6px;
	border: 12px solid transparent;
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-left-color: #328c2b;
	transition: all .2s;
}

#info .pmove li a.pmove-bf:hover::after {
	right: 0.2em;
}