* {
	margin: 0px;
	padding: 0px;
}
::selection {
	background: #EC6500;
	color: #FFFFFF;
}
::-moz-selection {
 background: #EC6500;
 color: #FFFFFF;
}
html {
	font-size:62.5%;
	display:table;
	width:100%;
	height:100%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

body {
	font-family:'Oswald', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.0;
	color:#FFFFFF;
	word-wrap:break-word;
	overflow-wrap:break-word;
	background-color: #00011d;
	display:table-cell;
	vertical-align:middle;
}
h2 {
	font-size: 2.0rem;
	font-weight: 400;
	line-height: 2.0;
	display: block;
}
h3 {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.0;
	display: block;
}
p {
	font-size: 1.4rem;
	line-height: 2.0;
}
.small {
	font-size: 1.1rem;
	line-height: 1.2;
}
.fa_icon {
	margin: 0 0 0 5px;
}
a {
	text-decoration: none;
	color: rgba(236,101,0,1);
	display: block;
}
a:hover {
	color: #FFF;
	background: rgba(236,101,0,1);
	transition-property: all;
	transition: 0.7s;
}
.wrapper {
	width: 1000px;
	margin: 0 auto;
}
header {
	height: 60px;
	display: block;
}
header h1 {
	float: left;
	margin-top: 5px;
}
header h1 a {
	display: block;
}
header h1 img {
	display: block;
}
header nav {
	float: right;
	margin-top: 20px;
	height: 35px;
	overflow: hidden;
}
header nav ul {
	vertical-align: bottom;
	overflow: auto;
	border-radius:5px;
	background: #fff;
}
header nav ul li {
	line-height: 2.0;
	display: block;
	text-align: center;
	vertical-align: bottom;
	background: #fff;
	list-style-type: none;
	float: left;
	border-right: 1px dotted #00011d;
}
/*最後の角丸（ブログリンク）*/
header nav ul li:last-child {
	color: #FFF;
	background: #EC6500;
	border-right: none;
}
header nav ul li a {
	color: #00011d;
	display:block;
	padding: 0 10px;
}
header nav ul li a:hover {
	color: #EC6500;
	background: #FFFFFF;
}
header nav ul li:last-child a {
	color: #FFF;
	background: #EC6500;
}
header nav ul li:last-child a:hover {
	color: #EC6500;
	background: #FFF;
}
header nav ul li.slide.pager-active a {
	color: #EC6500;
}
#branding {
	width: 1000px;
	height: 450px;
	overflow: hidden;
	background: #f1f1f1;
	margin: 10px auto;
}
#branding ul li {
	list-style-type: none;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#branding ul li .intro {
	height: 450px;
	width: 1000px;
	background-image: url(../images/branding.jpg);
	color: #FFF;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
#branding ul li .intro .store_intro {
	height: 400px;
	width: 450px;
	background: rgba(0,0,0,0.6);
	float: right;
	margin: 15px 15px 0 0;
	padding: 10px;
}
#branding ul li .intro .store_intro p {
	text-align: center;
}
#branding ul li .intro .store_intro img {
	display: block;
	margin: 75px auto 50px;
}
#branding ul li .price {
	height: 450px;
	width: 1000px;
	background-image: url(../images/price_back.jpg);
	color: #FFF;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
#branding ul li .price p {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 2.0;
}
#branding ul li .price h2 {
	text-align: center;
	display: block;
}
#branding ul li .price .chart {
	height: 360px;
	width: 480px;
	background: rgba(0,0,0,0.6);
	display: block;
	margin: 15px auto 10px;
	padding: 0 5px 0 5px;
}
#branding ul li .price .chart .course_sec {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	text-align: center;
	width:480px;
	height: 62px;
}
#branding ul li .price .chart .course_sec:last-child {
	border-bottom: none;
}
#branding ul li p.course {
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.5;
	width: 200px;
	height: 70px;
	text-align: center;
	display: table-cell; /* IE8から使用可能 */
	vertical-align: middle;
}
#branding ul li p.course_price {
	font-size: 1.8rem;
	line-height: 1.0;
	width: 280px;
	height: 70px;
	display: table-cell; /* IE8から使用可能 */
	vertical-align: middle;
}
#branding ul li .access {
	height: 450px;
	width: 1000px;
	background-image: url(../images/access_map_bg.jpg);
	color: #FFF;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
#branding ul li .access .address {
	height: 355px;
	width: 480px;
	background: rgba(0,0,0,0.6);
	float: right;
	margin: 60px 15px 0 0;
	padding: 10px;
}
#branding ul li .access .address h2 {
	text-align: center;
}
#branding ul li .access .address h3 {
	line-height: 1.5;
	margin: 10px 0;
	display: block;
}
#branding ul li .access .address p {
	margin: 0 0 20px 0;
}
#branding ul li .access .address dl {
	display: block;
	width: 100%;
	overflow: hidden;
}
#branding ul li .access .address dl dt {
	font-size: 1.4rem;
	line-height: 2.0;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
#branding ul li .access .address dl dd {
	font-size: 1.4rem;
	line-height: 2.0;
	display: block;
	margin: 0 0 5px 0;
	text-align: right;
}
#branding ul li .access .address dl dd:last-child {
	margin: unset;
}
#branding ul li .aqualock {
	height: 450px;
	width: 1000px;
	background-image: url(../images/aqualock_back.jpg);
	color: #FFF;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
#branding ul li .aqualock .aqualock_intro {
	height: 400px;
	width: 480px;
	background: rgba(0,0,0,0.6);
	float: right;
	margin: 15px 15px 0 0;
	padding: 10px;
}
#branding ul li .aqualock .aqualock_intro h2 {
	text-align: center;
}
#branding ul li .aqualock .aqualock_intro p {
	margin: 20px 0;
	display: block;
}
#branding ul li .aqualock .aqualock_intro .aqualock_menu {
	width: 250px;
	margin: 0 0 0 15px;
	float: left;
	display: block;
	overflow: hidden;
}
#branding ul li .aqualock .aqualock_intro .aqualock_menu .aqualock_name {
	font-size: 1.4rem;
	line-height: 2.0;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
#branding ul li .aqualock .aqualock_intro .aqualock_menu .aqualock_price {
	display: block;
	text-align: right;
	font-size: 2.0rem;
	line-height: 2.0;
}
#branding ul li .aqualock .aqualock_intro .aqualock_photo {
	width: 140px;
	height: 130px;
	margin: 0 20px 0 0;
	float: right;
	display: block;
}
#main {
	width: 1000px;
	overflow: auto;
	margin: 10px auto;
	padding: 5px 0;
}
#main #notice {
	width: 350px;
	height: auto;
	vertical-align:middle;
	overflow: hidden;
	float: left;
	margin-right: 25px;
}
#main #notice .notice_img {
	width: 190px;
	height: 138px;
	margin: 0px auto;
	display: block;
}
#main #rssfeed {
	width: 625px;
	clear: right;
	float: left;
}
#main #rssfeed h2 {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.0;
	color: rgba(236,101,0,1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(236,101,0,1);
}
#main #rssfeed #feed ul li {
	display: block;
	font-size: 1.2rem;
	line-height: 3.0;
	color: #fff;
	clear: both;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	list-style-type: none;
	border-bottom: 1px dotted #999;
	height: auto;
	width: 100%;
}
#main #rssfeed #feed ul li:last-child {
	border-bottom: none;
}
#main #rssfeed #feed ul li a {
	display: block;
	color: #FFF;
	overflow: hidden;
}
#main #rssfeed #feed ul li a:hover {
	color: #FFF;
	background: rgba(236,101,0,0.6);
	transition-property: all;
	transition: 0.7s;
}
#main #rssfeed #feed ul li .blog_day {
	font-weight: 300;
	height: auto;
	float: left;
	display: block;
	margin-right: 1%;
	overflow: hidden;
	width: 19%;
}
#main #rssfeed #feed ul li .blog_title {
	font-weight: 300;
	height: auto;
	float: left;
	display: block;
	width: 80%;
}
footer {
	clear: right;
	display: block;
	margin: 10px 0 0 0;
}
footer p {
	font-weight: 300;
	color: #999;
	font-size: 1.0rem;
	line-height: 2.0;
	text-align: right;
}