@charset "utf-8";

/* hos.css：Smartphone・PC
 * ======================================
 * HOS
 * ======================================
 */

  /* HOS
------------------------------------------------------------------ */
/* Header */
#globalHeader {
	border-bottom:4px solid #00A496;
}

/* MENU */
#globalHeader .menuBtn a {
	background-color: #00A496;
}
#globalHeader .menuBtn a.active {
	background-color: #787878;
}

/* Global navigation */
#globalNavi .nav li li.hover {
	background-color: #00A496;
}
#globalNavi .nav li li.hover a {
	color:#ffffff;
}

/* Side */
#side #localNavi {
	border-top:4px solid #00A496;
}
#side #localNavi p {
	color:#00A496;
}
#side #localNavi li.active a {
	color:#00A496;
}

/* Common Element */
#subPage #main h2,
#subPage #main h3,
#subPage #main h4 {
	color:#00A496;
}
#subPage #main h1:first-letter {
	color:#00A496;
}

/* Btn */
#subPage #main .pageLinkBtn {
	background-color: #66C8C0;
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px;  
	border-radius: 4px;
	-moz-box-shadow: 0 2px 0 0 #00A496;
	-webkit-box-shadow: 0 2px 0 0 0 #00A496;
	box-shadow: 0 2px 0 0 #00A496;
}
#subPage #main .pageLinkBtn:hover {
	background-color: #00A496;
}

 /* リンク */
a:hover, a:active {
	color:#00A496;
	text-decoration: none;
}

/* 折りたたみボタン */
#subPage #main .nameBtnBg {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DBE6F7));
	background: -webkit-linear-gradient(#FFFFFF, #DBE6F7);
	background: -o-linear-gradient(#FFFFFF, #DBE6F7);
	background: -moz-linear-gradient(#FFFFFF, #DBE6F7);
	background: -ms-linear-gradient(#FFFFFF, #DBE6F7);
	background: linear-gradient(#FFFFFF, #DBE6F7);
	-pie-background: linear-gradient(#FFFFFF, #DBE6F7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DBE6F7',GradientType=0 ); 
	border: 1px solid #00A496;
	display: block;
	cursor: pointer;
}
#subPage #main .nameBtnBg:hover {
	background: #FFFFFF;
}
#subPage #main .nameBtnBg {
	margin: 0 0 -1px 0;
}
	
/* テーブル：ヘッダーあり */
#subPage #main table thead {
	background-color: #00A496;
	border: 1px solid #B2E4DF;
}
#subPage #main table thead tr th {
	border-left: 1px solid #FFFFFF;
	padding: 10px 15px;
	vertical-align: middle;
}
#subPage #main table tbody {
	border: 1px solid #B2E4DF;
}
#subPage #main table tr td {
	border-top: 1px solid #B2E4DF;
	border-left: 1px solid #B2E4DF;
}
#subPage #main table tr:nth-child(even) {
	background-color: #F7FCFC;
}
#subPage #main table tr td.bg {
	background-color: #F7FCFC;
}

/* テーブル：ヘッダー無し */
#subPage #main table tr th {
	background-color: #99DBD5;
}

/* 施設案内：フロアマップ */
#subPage .floar .legend dl dd span {
	background-color: #00A496;
}

/* 料金案内：入会金・事務手数料 */
#subPage #main dl.entrance dd {
	color: #00A496;
}

/* プログラム */
#subPage #main .class dl dt {	
	color: #00A496;
}
#subPage #main .class dl dd span {	
	color: #00A496;
}

/* お問い合わせ */
#subPage #content .inner .telNum {
	color: #00A496;
}

/* 入会方法：入会申込フロー */
#subPage #main ul.threeColumn li dl dt p {
	background-color: #00A496;
}
#subPage #main ul.threeColumn li dl dt span.step {
	color: #00A496;
}
#subPage #main ul.threeColumn li dl dt span {
	background-color: #B5B5B6;
}

/* 入会方法：必要なもの */
#subPage #main ul.things li {
	border: 1px solid #00A496;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F3F7FC));
	background: -webkit-linear-gradient(#FFFFFF, #F3F7FC);
	background: -o-linear-gradient(#FFFFFF, #F3F7FC);
	background: -moz-linear-gradient(#FFFFFF, #F3F7FC);
	background: -ms-linear-gradient(#FFFFFF, #F3F7FC);
	background: linear-gradient(#FFFFFF, #F3F7FC);
	-pie-background: linear-gradient(#FFFFFF, #F3F7FC);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F3F7FC',GradientType=0 ); 
}
#subPage #main ul.things li dl dt {
	background-color: #00A496;
}
#subPage #main ul.things li dl dd {
	color: #00A496;
}

/* サイトマップ */
#subPage #content #main ul p.ttl {
	color: #00A496;
}	
#subPage #content #main ul p.ttl a {
	color: #00A496;
}

/* 採用情報 */
#subPage #content .result .resulTtitle {
	color: #00A496;
}

/* 新着情報popup */
#pop .ttl {	
	color: #00A496;
}