@charset "UTF-8";
/*
	株式会社WEBY
	Copyright (C) WEBY Inc. All Rights Reserved

*/

/*------------------------------------------------------------------------------
-GLOBAL
-HEADER
-FOOTER
-CONTENTS
-UNDER PAGES
-JAVASCRIPT
-HI-SPEC-COADING【編集可】
-RESET【編集不可】
 -------------------------------------------------------------------------------*/

/* //////////////////////////////////////////////////
[1 GLOBAL]
////////////////////////////////////////////////// */
.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-trigger {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 148px;
  margin: auto;
  padding: .5em 0;
  border-radius: 2px;
  background: #009e8f;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
  font-size: 14px;
}
.grad-trigger:hover {
  background: #fff;
  color: #009e8f;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide {
  height: 90px; /*隠した後の高さ*/
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}
html{
	height:100%;
}

body{
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-attachment: scroll;
	font-size:16px;
	background-color:#fff !important;
	-webkit-text-size-adjust: none;
	color:#666;
}
a{
	color:#345fad;
}
.service_menu h3.ttl, .foot_nav h3.ttl{
	width:100%;
	height:45px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	box-sizing:border-box;
	margin-bottom:10px;
	padding:5px;
	background:url(../images/global/ttl_bg.jpg) repeat-x left top;
	background-size: 1px 45px;
}
.service_menu h3.ttl:before, .foot_nav h3.ttl:before{
	content:"";
	display:inline-block;
	position:relative;
	width:26px;
	height:26px;
	top:5px;
	left:5px;
	padding-right:10px;
}
.service_menu h3.ttl:before{
	background:url(../images/global/icon01_w.png) no-repeat left center;
	background-size:26px 26px;
}
.under .main_con h3.ttl{
	width:100%;
	height:45px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	box-sizing:border-box;
	margin-bottom:10px;
	padding:10px;
	white-space:nowrap;
	background:url(../images/global/ttl_bg.jpg) repeat-x left top;
	background-size: 1px 45px;
}


.foot_nav h3.ttl:before{
	background:url(../images/global/icon02_w.png) no-repeat left center;
	background-size:26px 26px;
}

.pankuzu{
	position: relative;
}
.pankuzu ul{
	background-color:#004aaa;
	background-repeat: repeat-x;
	background-size:1px 24px;
	-moz-background-size:1px 24px;
	-webkit-background-size:1px 24px;
	-o-background-size:1px 24px;
	-ms-background-size:1px 24px;
	list-style:none;
}

.pankuzu ul li{
	background:url(../images/global/bg_breadcramb.png) ;
	background-repeat: no-repeat;
	background-size:10px 24px;
	-moz-background-size:10px 24px;
	-webkit-background-size:10px 24px;
	-o-background-size:10px 24px;
	-ms-background-size:10px 24px;
	background-position: right top;
	padding: 6px 18px 0 5px;
	height: 18px;
	color:#fff;
}

.pankuzu ul li:last-child{
	background: none;
	padding-right: 0;
}

.pankuzu ul li a{
	text-decoration: underline;
	color:#fff;
}
.inq_bnr{
	width:100%;
	background:#f7f6f3;
	box-sizing:border-box;
	padding:10px 0;
	margin:0 auto;
}
.inq_bnr h3{
	letter-spacing:-1px;
}
.inq_bnr .inq_bnr_inner{
	width:98%;
	background:#fff;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;

}
.line{
	width: 150px;
	margin: 0 auto;
	width: 150px !important;
		background-image: none !important;
}
.inq_bnr .inq_bnr_inner div{
	margin: 0 auto;
	background:url(../images/global/common_img.jpg) no-repeat top right;
	background-size: 120px 140px;
}
.inq_bnr .inq_bnr_inner ul li{
	width:50%;
}
.inq_bnr .inq_bnr_inner img{
	width:100%;
}
.inq_bnr .inq_bnr_inner.gallery-bnr a,
.inq_bnr .inq_bnr_inner.gallery-bnr img {
	display: block;

}
/*.inq_bnr .inq_bnr_inner .common_inq{
	width:50%;
	height:80px;
	background:url(../images/global/common_inq.png) no-repeat;
	background-size: contain;
}
*/
.inq_bnr h3{
	color:#1686ba;
	line-height:1.5;
	font-weight:normal;
	margin-bottom:10px;
}
.inq_bnr p{
	margin-bottom:10px;
	line-height:1.5;
}
.inq_bnr ul{
}
.inq_bnr ul li{
	list-style:none;
}
.service_menu{
	width:100%;
}
.service_menu ul{
	width:95%;
	margin:0 auto;
}
.service_menu ul li{
	box-sizing:border-box;
	background:no-repeat left center #fff;
	background-size:175px 64px;
	border:1px solid #ccc;
	margin-bottom:5px;
	padding:0px;
	position:relative;
	font-size:14px;
	height:64px;
	list-style:none;
}
.service_menu ul li:nth-child(1){
	background-image:url(../images/global/menu01.jpg);
}
.service_menu ul li:nth-child(2){
	background-image:url(../images/global/menu02.jpg);
}

.service_menu ul li:nth-child(3){
	background-image:url(../images/global/menu03.jpg);
}
.service_menu ul li:nth-child(4){
	background-image:url(../images/top/menu04.jpg);
}

.service_menu ul li span{
	color:#1686ba;
	font-size:16px;
	margin-top:10px;
	margin-bottom:5px;
	display:inline-block;
}
.service_menu ul li:after{
	content:" ";
	position: absolute;
	display: block;
	top:40%;
	right:1%;
	width: 7px;
	height: 14px;
	background:url(../images/global/arrow02.png) no-repeat left center #fff;
	background-size:7px 14px;
}
.service_menu ul li a{
	display:block;
	width:100%;
	height:64px;
	text-decoration:none;
	color:#666;
	padding-left:130px;
	box-sizing:border-box;
}
.info{
	width:95%;
	margin:0 auto;
	border:1px solid #ccc;
	border-radius:5px;
}
.info h3{
	font-weight:normal;
	background:#ccc;
	text-align:center;
	padding:10px;
}
.info div{
	padding:10px;
	border-bottom:1px dashed #ccc;
}
.info div:last-child{
	border-bottom: none;
}
.info div .date{
	display:block;
	color:#1686ba;
	font-size:14px;
	margin-bottom:10px;

}
.info #feed {
	margin: 0;
	padding: 0;
	list-style: none;
}
.info #feed li {
	padding:10px 10px 0;
	border-bottom:1px dashed #ccc;
	line-height: 1.5em;
	font-size: 16px;
}
.info #feed li:last-child {
	border-bottom: none;
}
.info #feed li h4 {
	color: #3665ad;
	font-weight: bold;
}
.info #feed li p {
	margin: 0;
	padding-bottom: 10px;
}

.slide_gallery{
	overflow:hidden;
	box-sizing:border-box;
}
.gmap{
}

/*-----------------------------------------------------------------------  contents*/

/*-----------------------------------------------------------------------  global*/
/* //////////////////////////////////////////////////
[1 CAPTION]
////////////////////////////////////////////////// */
/*-----------------------------------------------------------------------  CAPTION*/
/* //////////////////////////////////////////////////
[1 FONT]
////////////////////////////////////////////////// */
/*-----------------------------------------------------------------------  FONT*/

/* //////////////////////////////////////////////////
[2 HEADER]
////////////////////////////////////////////////// */
.head{
	background:url(../images/global/bg_head.png) repeat left top #fff;
	height:60px;
	overflow: hidden;
	background: -moz-linear-gradient(top,  #ffffff 50%, #e0ecf3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#e0ecf3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 50%,#e0ecf3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow:rgba(204, 204, 204, 0.8) 0px -4px 4px -4px inset;
	-webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px -4px 4px -4px inset;
	-moz-box-shadow:rgba(204, 204, 204, 0.8) 0px -4px 4px -4px inset;
}
.head .logo{
	padding:10px;
	float: left;
}
.head .head_btn{
	padding:10px 10px 15px 0;
}
/*-----------------------------------------------------------------------  header*/

/* //////////////////////////////////////////////////
[3 FOOTER]
////////////////////////////////////////////////// */
.controle{
	width:100%;
	padding:10px 0;
}
.controle ul{
	width: 300px;
	margin: 0px auto;
}
.controle ul li{
	list-style:none;
	float:left;
	box-sizing:border-box;
	width:100px;
	border-right:1px solid #ccc;
	font-size:12px;
	background-repeat:no-repeat;
	background-size:12px 11px;
	text-align:center;
}
.controle ul li:last-child{
	border-right:none;
}
.controle ul li:nth-child(1){
	background-image:url(../images/global/cont1.png);
	background-position: 16px 5px;
}
.controle ul li:nth-child(2){
	background-image:url(../images/global/cont2.png);
	background-position: 18px 6px;
}
.controle ul li:nth-child(3){
	background-image:url(../images/global/cont3.png);
	background-position: 6px 5px;
	padding-left:10px;
	padding-right:0;
	letter-spacing:-0.1em;
}
.controle ul a{
	display:block;
	padding:5px 0;
	text-decoration:none;
	color:#666;
}

.view-switch {
	padding: 10px 10px 20px;
}
.view-switch ul {
	list-style: none;
}
.view-switch ul:before,
.view-switch ul:after {
	content: "";
	display: table;
}
.view-switch ul:after {clear: both;}
.view-switch ul li {
	float: left;
	width: 50%;
	text-align: right;
}
.view-switch ul li a,
.view-switch ul li span {
	display: block;
	padding: 0 20px;
	font-size: 12px;
}
.view-switch ul li:nth-child(2){
	text-align: left;
}
.view-switch ul li:nth-child(1) a,
.view-switch ul li:nth-child(1) span {
	border-right:1px solid #ccc;
}
.view-switch ul li a {
	color: #333;
	text-decoration: none;
}
.view-switch ul li span {
	color: #999;
}
.view-switch ul li i {
	margin-right: 5px;
}
.view-switch ul li #viewSP i {
	font-size: 14px;
}

.foot_nav{
	margin-bottom:20px;
}
.under .foot_nav{
	margin-bottom:0;
}

.foot_nav ul li{
	position:relative;
	text-indent:25px;
}
.foot_nav ul li:before{
	content:"";
	display:inline-block;
	width:26px;
	height:26px;
	background:no-repeat left center;
	position: absolute;
	top:16px;
	left:20px;
}
.foot_nav ul li:after{
	content:" ";
	position: absolute;
	display: block;
	top:40%;
	right:5%;
	width: 8px;
	height: 14px;
	background:url(../images/global/arrow01.png) no-repeat left center #fff;
	background-size:8px 14px;
}

.foot_nav ul li:nth-child(1):before{
	background:url(../images/global/icon01.png) no-repeat;
	background-size:25px 25px;
}
.foot_nav ul li:nth-child(2):before{
	background:url(../images/global/icon03.png) no-repeat;
	background-size:25px 25px;
}
.foot_nav ul li:nth-child(3):before{
	background:url(../images/global/icon04.png) no-repeat;
	background-size:25px 25px;
}
.foot_nav ul li:nth-child(4):before{
	background:url(../images/global/icon05.png) no-repeat;
	background-size:25px 25px;
}
.foot_nav ul li:nth-child(5):before{
	background:url(../images/global/icon07.png) no-repeat;
	background-size:25px 25px;
}
.foot_nav ul li:nth-child(6):before{
	background:url(../images/global/icon06.png) no-repeat;
	background-size:25px 25px;
}
.foot_nav ul li a{
	display:block;
	box-sizing:border-box;
	width:95%;
	margin:0 auto;
	padding:20px;
	color:#666;
	text-decoration:none;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.foot_nav ul li:first-child a{
	border-radius:5px 5px 0 0;
}
.foot_nav ul li:last-child a{
	border-bottom:1px solid #ccc;
	border-radius:0 0 5px 5px;
}
.foot{
	width:100%;
	background-color:#004aaa;
	color:#fff;
	box-sizing:border-box;
}
.foot_info{
	width:300px;
	box-sizing:border-box;
	margin:0 auto;
	padding:20px 0;
}
.foot_info a{
	color:#fff;
}
.copyright{
	background-color:#21a3e0;
	font-size: 10px;
	color:#fff;
	padding:5px 0;
	text-align: center;
	text-decoration: none;
}
/*-----------------------------------------------------------------------  footer*/

/* //////////////////////////////////////////////////
[4 CONTENTS]
////////////////////////////////////////////////// */
.top-visual{
	width:100%;
}

.top-visual img{
	width:100%;
}

.merit{
	width:100%;
	margin-bottom:20px;
}
.merit h3{
	text-align:center;
	padding:10px;
	background: #bed8f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #bed8f5 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bed8f5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bed8f5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.merit ul{
	width:95%;
	box-sizing:border-box;
	margin:0 auto;
	padding:5px;
	background:#f5efe1;
	border-radius:5px;
	box-shadow:rgba(190, 216, 245, 0.8) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(190, 216, 245, 0.8) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(190, 216, 245, 0.8) 0px 0px 6px 3px;
}

.merit ul li{
	position: relative;
	width:100%;
	list-style:none;
	box-sizing:border-box;
	padding:5px 5px 10px 26px;
	margin-bottom:5px;
	background:url(../images/global/icon_star.png) no-repeat left 2px;
	background-size:20px 20px;
	border-bottom:1px dashed #ccc;
}
.merit ul li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
.merit ul li span{
	display: block;
	margin-bottom: 5px;
	color:#f19613;
}
.merit ul li span.pic {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	margin-bottom: 0;
	border-radius: 50%;
	overflow: hidden;
}
.merit ul li span.pic img {
	display: block;
	width: 100%;
	height: auto;
}
.omoi{
	background:url(../images/top/bg01.jpg) no-repeat left top;
	background-size: cover;
	padding:10px 0;
}
.omoi div{
	width:95%;
	margin:0 auto;
	box-sizing:border-box;
	background:#fff;
	background-color: rgba(255,255,255,0.8);
	padding:10px;
	line-height:1.5;
	border-radius:5px;
}
.omoi h4{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#37a5eb;
	font-style:italic;
	font-size:20px;
	font-weight: bold;
	margin-bottom:10px;
	text-align:center;
	white-space:nowrap;
}
.omoi h4 span{
	font-size:16px;
}
/* //////////////////////////////////////////////////
[5 UNDER PAGES]
////////////////////////////////////////////////// */
.main_con{
	width:100%;
	font-size:16px;
	color:#666;
	margin-bottom:10px;
}
.main_con_inner{
	padding:10px;
	box-sizing:border-box;
}
.main_con p{
	font-size:16px;
	color:#666;
	line-height:1.5;
}
.main_con:after{
	content: "";
	clear: both;
	display: block;
}

.under .ttl2{
	width:100%;
	position: relative;
	height:80px;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}
.under .ttl2 h2{
	position:absolute;
	color: #004aaa;
	width: 100%;
	padding: 10px 0 10px 10px;
	text-align:left;
	bottom:20px;
	font-size:20px;
	box-sizing:border-box;
	font-weight:bold;
}
.under .ttl2_fundiving{
	background-image:url(../images/contents/fundiving/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_taikendiving{
	background-image:url(../images/contents/taikendiving/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_about{
	background-image:url(../images/contents/about/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_contact{
	background-image:url(../images/contents/contact/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_divingpoint{
	background-image:url(../images/contents/divingpoint/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_license{
	background-image:url(../images/contents/license/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_menu{
	background-image:url(../images/contents/menu/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_price{
	background-image:url(../images/contents/price/head.jpg);
	border-bottom:1px #eee solid;
}
.under .ttl2_snorkeling{
	background-image:url(../images/contents/snorkeling/head.jpg);
	border-bottom:1px #eee solid;
}
.photo{
	box-sizing:border-box;
	border: solid 4px #fff;
	-webkit-box-shadow: #999 0px 0px 1px 0px;
	-moz-box-shadow: #999 0px 0px 1px 0px;
	box-shadow: #999 0px 0px 1px 0px;
}
.message{
	width:95%;
	margin:0 auto;
	background-color:#fff;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-shadow: #999 0px 0px 5px 1px;
	-moz-box-shadow: #999 0px 0px 5px 1px;
	box-shadow: #999 1px 1px 4px 0px;
}
.message h4{
	line-height:1.5;
	margin-bottom:10px;
}
.wmax img{ width:100%; }
.under .btn a{
	display:block;
	background:#004aaa;
	text-decoration:none;
	color:#fff;
	padding:10px;
	border-radius:3px;
}

.under h4.ttl3 {
	position: relative;
	padding: 0.5em 0.5em 0.5em 2em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom:16px;
	line-height:1.7;
	font-size:16px;
	font-weight:bold;
}
.under h4.ttl3::before,
.under h4.ttl3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.under h4.ttl3::before {
	top:0.6em;
	left:0.2em;
	z-index:02;
	width:18px;
	height:18px;
	background: rgba(40, 131, 100, 0.8);
}
.under h4.ttl3::after {
	top:1.2em;
	left:0.7em;
	width:13px;
	height:13px;
	background: rgba(203, 223, 161, 0.8);
}
.under h5.ttl4 {
	border-left:5px solid #5e8212;
	padding-left:8px;
	margin-bottom:10px;
	font-weight:normal;
}
.under .ttl5 {
	border-left:5px solid #004aaa;
	padding-left:8px;
	margin-bottom:10px;
	font-weight:bold;
}
.linkbtn ul li{
	margin-bottom:10px;
	padding:5px 10px;
	background:#fff;
	border-left:5px solid #004aaa;
	-webkit-box-shadow: #999 0px 0px 5px 1px;
	-moz-box-shadow: #999 0px 0px 5px 1px;
	box-shadow: #999 1px 1px 4px 0px;
	list-style:none;
}
.linkbtn ul li span{
	line-height:1.5;
}
.linkbtn a{
	display:inline-block;
	float:right;
	font-size:14px;
	padding:5px;
	background:#004aaa;
	color:#fff;
	text-decoration:none;
	border-radius:3px;
}
.linkbtn ul li:after {
	content: "";
	clear: both;
	display: block;
}
.bubble {
	display:inline-block;
	position: relative;
	width:100%;
}
.bubble:before {
	position: absolute;
	content: " ";
	height: 20px;
	width: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.bubble-inner {
	padding:1em;
	background:#fff;
	border-radius:5px;
	/* transform z-index hack */
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
.shadow, .shadow:before {
	-webkit-box-shadow: #999 1px 1px 4px 0px;
	-moz-box-shadow: #999 1px 1px 4px 0px;
	box-shadow: #999 1px 1px 4px 0px;
	background:#fff;
}
.bubble-bottom:before {
	bottom: -7px;
	left: 50%;
	margin-left: -10px;
}
.shadow2, .shadow2:before {
	-webkit-box-shadow: #999 1px 1px 4px 0px;
	-moz-box-shadow: #999 1px 1px 4px 0px;
	box-shadow: #999 1px 1px 4px 0px;
	background:#fff;
}
.common_table{
	margin-bottom:10px;
	width:100%;
	border:solid 1px #004aaa;
	font-size:14px;
	line-height:1.4;
	background:#fff;
}

.common_table th{
	background-color:#21a3e0;
	vertical-align:middle;
	padding:5px;
	color:#fff;
	border:solid 1px #004aaa;
	text-align:center;
	font-weight:normal;
}

.common_table td{
	vertical-align: middle;
	padding: 5px;
	border:solid 1px #004aaa;
}
.checklist li{
	position:relative;
	padding: 0 0 10px 16px;
	margin-bottom:10px;
	box-sizing:border-box;
	border-bottom: 2px dashed #ccc;
	line-height:1.0;
	list-style:none;
}
.checklist li:after {
	display: block;
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 8px;
	height: 3px;
	border-left: 2px solid #ec9401;
	border-bottom: 2px solid #ec9401;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checklist li:last-child {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
.checklist2{
	width:98%;
	box-sizing:border-box;
	margin:0 auto;
	padding:5px;
	background:#f5efe1;
	border-radius:5px;
	box-shadow:#999 0px 0px 6px -1px;
	-webkit-box-shadow:#999 0px 0px 6px -1px;
	-moz-box-shadow:#999 0px 0px 6px -1px;
}

.checklist2 li{
	width:100%;
	list-style:none;
	box-sizing:border-box;
	padding:5px 5px 10px 26px;
	margin-bottom:5px;
	background:url(../images/global/icon_star.png) no-repeat left 2px;
	background-size:20px 20px;
	border-bottom:1px dashed #ccc;
}
.checklist2 li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
.checklist2 li span{
	color:#f19613;
}
.pagenav ul li{
	position: relative;
	margin-bottom:10px;
	font-size:12px;
	text-indent:20px;
}
.pagenav ul li::after,
.pagenav ul li::before {
	display: block;
	content: '';
	position: absolute;
}
.pagenav ul li::after {
	top:0;
	left:0;
	width: 14px;
	height: 14px;
	background-color: #37a5eb;
	border-radius: 100%;
}
.pagenav ul li::before {
	z-index: 2;
	top: 4px;
	left: 3px;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.service_price{
	margin-bottom:10px;
	border:1px solid #ccc;
	line-height:1.5;
	background:url(../images/global/icon_yen.png) no-repeat 10px 10px;
	background-size:26px 26px;
	padding-left: 44px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	-webkit-box-shadow: #999 0px 0px 1px 0px;
	-moz-box-shadow: #999 0px 0px 1px 0px;
	box-shadow: #999 0px 0px 1px 0px;
}
.service_price span{
	color:#f19613;
	font-weight:bold;
}
.photoarea{
	width:100%;
	padding:10px 0;
	background:#bed8f5;
	margin-top:-10px;
	text-align:center;
}
/* diving menu page */
ul.page-nav {
	padding: 15px 0;
	list-style: none;
}
ul.page-nav:before,
ul.page-nav:after {
	display: table;
	content: "";
}
ul.page-nav:after {clear: both;}
ul.page-nav li {
	box-sizing: border-box;
	float: left;
	width: 50%;
	margin: 0;
	padding: 0 2px 4px;
}
ul.page-nav li a {
	position: relative;
	display: block;
	padding: 10px 0 15px;
	background: #51bfdb;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
}
ul.page-nav li a:before {
	content: "";
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -2px;
	width: 0;
	height: 0;
	border-top: 4px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
.menu .diving-list .item {
	margin: 0 0 20px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.menu .diving-list .item .txt {
	padding: 10px;
}
.menu .diving-list .item h3 {
	border-left: 5px solid #004aaa;
	padding-left: 8px;
	margin-bottom: 10px;
	font-weight: bold;
}
.menu .diving-list .item .pic img {
	display: block;
	width: 100%;
	height: auto;
}
.menu .diving-list .item .txt p {
	padding: 0 0 10px;
	font-size: 14px;
}
.menu .diving-list .item .txt .fll.mr20 {
	float: left;
	margin-right: 20px;
}
.menu .diving-list .item .txt .flr.ml20 {
	float: right;
	margin-left: 20px;
}
.btn {
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	line-height: 1.2em;
	text-decoration: none;
}
.btn.btn-orange {
	border: 1px solid #a16221;
	background: rgb(251,199,117);
background: -moz-linear-gradient(top, rgba(251,199,117,1) 0%, rgba(224,126,31,1) 100%);
background: -webkit-linear-gradient(top, rgba(251,199,117,1) 0%,rgba(224,126,31,1) 100%);
background: linear-gradient(to bottom, rgba(251,199,117,1) 0%,rgba(224,126,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc775', endColorstr='#e07e1f',GradientType=0 );
	color: #fff;
	text-shadow: 0 1px 0 #e28527;
	box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
}
.btn.btn-blue {
	background: #51bfdb;
	border-radius: 4px;
	color: #fff;
}
html.no-touchevents .btn.btn-blue {
	transition: all .5s ease-in-out;
}
html.no-touchevents .btn.btn-blue:hover {
	background-color: #16abd0;
}
.more-btn .btn.btn-blue {
	display: block;
	text-align: center;
	padding: 10px 0;
}

/*//////fundiving taikendiving//////*/
.schedule li{
	margin-bottom:20px;
}
.schedule li span:first-child{
	display:inline-block;
	background:#f19613;
	border-radius:3px;
	padding:3px;
	font-size:14px;

}
.schedule li h5{
	background:#004aaa;
	padding:10px;
	color:#fff;
	box-shadow:#999 1px 1px 4px 0px;
}
/*//////flow//////*/
.flow ul li{
	position:relative;
	margin-bottom:20px;
}
.flow ul li h4{
	padding:10px;
	color:#fff;
	background:#5e8212;
	-webkit-box-shadow: #999 1px 1px 4px 0px;
	-moz-box-shadow: #999 1px 1px 4px 0px;
	box-shadow: #999 1px 1px 4px 0px;
}
.flow ul li h4 span:first-child{
	display:inline-block;
	background:#fff;
	padding:5px;
	color:#5e8212;
	font-size:14px;
	font-weight:normal;
	border-radius:3px;
}
.flow h4.accordion_head{
	background-repeat:no-repeat;
	background-position:97% center;
	background-size:16px;
	background-image:url(../images/global/icon_close2.png);
}
.flow h4.open{
	background-image:url(../images/global/icon_open2.png);
}
/*//////price//////*/
.comment{
	width:98%;
	box-sizing:border-box;
	margin:0 auto;
	padding:5px;
	background:#f5efe1;
	border-radius:5px;
	box-shadow:#999 0px 0px 6px -1px;
	-webkit-box-shadow:#999 0px 0px 6px -1px;
	-moz-box-shadow:#999 0px 0px 6px -1px;
}

.comment p{
	width:100%;
	list-style:none;
	box-sizing:border-box;
	padding:5px 5px 10px 22px;
	background:url(../images/global/icon_star.png) no-repeat left 5px;
	background-size:20px 20px;
}
.price .common_table td:last-child{
	text-align:right;
}
.cancel ul li{
	margin-bottom:10px;
	line-height:1.5;
	list-style: disc;
	list-style-position:inside;
	text-indent:-1em;
	padding-left:1em;
}
.cancel ul li:last-child{
	margin-bottom:0;
}

/*//////staff//////*/

/*//////faq//////*/
.qa dl{
	line-height:1.5;
	font-size:16px;
	_zoom: 1;
	margin-bottom:10px;
}
.qa dl dt{
	display:block;
	background-image:url(../images/global/icon_close.png);
	background-color:#fff;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:98% center;
	line-height:1.5;
	text-indent: -22px;
	font-weight:normal;
	padding: 6px 24px 6px 30px;
	-webkit-box-shadow: #999 1px 1px 4px 0px;
	-moz-box-shadow: #999 1px 1px 4px 0px;
	box-shadow: #999 1px 1px 4px 0px;
}
.qa dl dt:first-letter,
.qa dl dd:first-letter{
	font-size:18px;
	margin-right:6px;
	font-weight: bold;
}

.qa dl dd{
	padding: 10px 10px 10px 30px;
	text-indent: -22px;
	line-height:1.5;
	background-color:#fff;
	box-sizing:border-box;
	-webkit-box-shadow: #999 1px 1px 4px 0px;
	-moz-box-shadow: #999 1px 1px 4px 0px;
	box-shadow: #999 1px 1px 4px 0px;
}
.qa dl dt:first-letter{
	color: #5e8212;
}
.qa dl dd:first-letter{
	color: #ec9401;
}
.qa dl dt.open{
	display:block;
	background-image:url(../images/global/icon_open.png);
	background-color:#cbdfa1;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:98% center;
}
/*//////about//////*/
.about .message{
	background:url(../images/contents/about/bg01.jpg) no-repeat #fff right bottom;
	background-size:150px 150px;
	text-align:center;
}
.about .common_table{
	white-space: nowrap;
}
/*//////voice//////*/
.voice_inner{
	width:300px;
	margin:0 auto;
}
.voice h4{
	font-weight:normal;
	line-height:1.5;
	padding:10px 0;
	margin-bottom:20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.voice h4.first{
	padding-top:0px;
	border-top:none;
}
.voice h4 span{
	display:inline-block;
	font-size:14px;
	padding:5px;
	background:#ec9401;
	color:#fff;
	line-height:1.0;
	margin-bottom:5px;
	border-radius:3px;
}
.voice figure{
	text-align:center;
	margin-bottom:30px;
}
.voice figcaption{
	margin-top:10px;
	text-align:center;
}
.voice ul li h4 span:first-child{
	display:inline-block;
	background:#fff;
	padding:5px;
	color:#5e8212;
	font-size:14px;
	font-weight:normal;
	border-radius:3px;
}
.voice .enqbtn{
	padding:10px;
	color:#fff;
	background:#5e8212;
	-webkit-box-shadow: #999 1px 1px 4px 0px;
	-moz-box-shadow: #999 1px 1px 4px 0px;
	box-shadow: #999 1px 1px 4px 0px;
	background-repeat:no-repeat;
	background-position:97% center;
	background-size:16px;
	background-image:url(../images/global/icon_close2.png);
}
.voice .open{
	background-image:url(../images/global/icon_open2.png);
}
.voice .accordion_menu dl {
	background:#fff;
	padding:10px;
	line-height:1.5;
	-webkit-box-shadow: #999 1px 1px 4px 0px;
	-moz-box-shadow: #999 1px 1px 4px 0px;
	box-shadow: #999 1px 1px 4px 0px;
}
.voice .accordion_menu dl dt{
	color:#5e8212;
	font-weight:bold;
}
.voice .accordion_menu dl dd{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
}
.voice .accordion_menu dl dd:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}
/*//////voice2//////*/
.voice2 .message{
	background:url(../images/contents/voice2/bg01.jpg) no-repeat #fff right bottom;
	background-size:150px 150px;
}
.voice2 .common_table th{
	width:40%;
}
.voice2 .v_price {
	box-sizing:border-box;
	position: relative;
	display: inline-block;
	padding:10px;
	width:100%;
	line-height: 40px;
	text-align: center;
	background: #cbdfa1;
	z-index: 0;
}
.voice2 .v_price :after {
	content: "";
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #cbdfa1 transparent;
}

/* diving point */
.divingpoint .main_con_inner > h2 {
	border-left: 5px solid #004aaa;
	padding-left: 8px;
	margin-bottom: 10px;
	font-weight: bold;
}
.divingpoint .diving-info {
	margin: 0 0 40px;
}
.divingpoint .diving-info h3 {
	margin: 0 0 10px;
	color: #37a5eb;
}


/* gallery */
.gallery {
	padding: 20px 0 0 0;
}
.gallery-title {
	padding: 0 10px;
}
.gallery-item-single {
	margin: 0;
	padding: 0 62px 40px;
	text-align: center;
}
.gallery-item-single ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery-item-single a,
.gallery-item-single img {
	display: block;
	width: 100%;
	height: auto;
}
.side-slider2,
.gallery-item-list {
	position: relative;
	margin-bottom: 40px;
}
.side-slider2 img,
.gallery-item-list img {
	display: block;
	width: 100%;
	height: auto;
}
.side-slider2 .slick-slide,
.gallery-item-list .slick-slide {
	opacity: .3;
	transition: opacity .5s ease-in-out;
}
.side-slider2 .slick-slide a,
.gallery-item-list .slick-slide a {
	display: block;
	box-sizing: border-box;
	padding: 0 2px;
	text-decoration: none;
}
.gallery-item-list .slick-slide a span {
	display: block;
	padding: 5px 0;
	text-align: center;
	font-size: 12px;
	color: #666;
}
.side-slider2 .slick-slide.slick-current,
.gallery-item-list .slick-slide.slick-current {
	opacity: 1;
}
.side-slider2 .slick-arrow,
.gallery-item-list .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: url(../images/global/icn_arrow_gallery_left.png) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 900;
	outline: none;
}
.gallery-item-list .slick-arrow.slick-prev {
	left: 5px;
}
.side-slider2 .slick-arrow.slick-prev {
	left: 0;
}
.gallery-item-list .slick-arrow.slick-next {
	right: 5px;
	background-image: url(../images/global/icn_arrow_gallery_right.png);
}
.side-slider2 .slick-arrow.slick-next {
	right: 0;
	background-image: url(../images/global/icn_arrow_gallery_right.png);
}
.side-slider2 ul.slick-dots,
.gallery-item-list ul.slick-dots {
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.side-slider2 ul.slick-dots li,
.gallery-item-list ul.slick-dots li {
	display: inline-block;
	margin: 0;
	padding: 0 2px;
}
.side-slider2 ul.slick-dots li button,
.gallery-item-list ul.slick-dots li button {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ccc;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.side-slider2 ul.slick-dots li.slick-active button,
.gallery-item-list ul.slick-dots li.slick-active button {
	background: #333;
}

/*//////smell//////*/
.smell

/*//////search//////*/

.sea_list {
	padding-left: 0;
}
.sea_list li{
	line-height:1.5;
	margin-bottom:20px;
	list-style:none;
}
.sea_list li span.list{
	border-radius:50%;
	width:20px;
	height:20px;
	background:#ec9401;
	color:#fff;
	line-height:1.2;
	text-align:center;
	vertical-align:bottom;
	float:left;
	margin-right:5px;
}
.sea_list li span{
	display:block;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	font-weight:bold;
}
.sea_list{
}

/*//////support//////*/
.contact dl{
	margin-bottom:30px;
}
.contact dl dt{
	margin-bottom:5px;
	border-left:5px solid #004aaa;
	padding-left:8px;
}
.contact dl dd{
	margin-bottom:20px;
}
.contact dl dd input{
	width:100%;
	padding:1em;
	box-sizing:border-box;
	font-size:16px;
	line-height:1.5;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.contact dl dd select{
	width:100%;
	box-sizing:border-box;
	font-size:16px;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #fff;
	background: url(../images/contents/contact/arrow01.png) right 50% no-repeat;
	background: url(../images/contents/contact/arrow01.png) right 50% no-repeat;
	background-size: contain;
}

.contact textarea{
	width:100%;
	height:10em;
	padding:1em;
	box-sizing:border-box;
	font-size:16px;
}
.contact dl dd input:focus, .contact dl dd select:focus, .contact textarea:focus{
	background-color:#fffcc5;
}
.contact .btn input.btn_submit{
	clear:both;
	border-radius:5px;
	background-color:#004aaa;
	margin-bottom:10px;
	display:block;
	height:50px;
	width:50%;
	color:#fff;
	font-size:16px;
	font-weight:normal !important;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	padding: 6px;
	border:0;
}
.contact .req{
	margin-left:5px;
	vertical-align: 2px;
}
.contact input[type="radio"]{
	display:inline;
	width:auto;
	margin-right:5px;
	line-height:1.0;
	padding:0;

}
/*-----------------------------------------------------------------------  UNDER PAGES*/

/* //////////////////////////////////////////////////
[6 JAVASCRIPT]
////////////////////////////////////////////////// */


/* スライダー */
.swiper-container, .swiper-container2, .swiper-container3, .swiper-container4, .swiper-container5, .swiper-container6, .swiper-container7, .swiper-container8, .swiper-container9, .swiper-container10, .swiper-container11, .swiper-container12, .swiper-container15 {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
	height:200px;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;

	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;

	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);

	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;

	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}
.swiper-wrapper figure,ul.swiper-slide li:first-child{
	text-align: center;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.device{
	width:100%;
	padding:10px 0;
	background:#bed8f5;
	margin-top:-10px;
}

.content-slide {
  padding: 20px;
  color: #fff;
}


.swiper-active-switch {
  background: #fff;
}
.page {
	text-align: center;
	padding: 5px 0 0;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background-color: #000;
	border: 1px solid #004aaa;
	cursor: pointer;
	transition: all .25s linear;
}

.swiper-active-switch {
	background-color: #004aaa;
}

/*ACCORDION*/
.accordion_menu{
	display:none;
}
.open{
	display:block;
}

/*TAB*/

/*GO TO PAGETOP*/

/* .viewer*/
.mv{
	background:url(../images/global/mv_bord.png) repeat-x left bottom;
	background-size:320px 2px;
	-moz-background-size:320px 2px;
	-ms-background-size:320px 2px;
	-o-background-size:320px 2px;
	-webkit-background-size:320px 2px;
	padding-bottom:2px;
}
.mv{
	clear:both;
	display: -webkit-box;
　	/* Safari,Google Chrome用 */
 	display: -moz-box;
　	/* Firefox用 */
 	display:block;
 	position: relative;
}


.mv .box {
	width:100%;
	height:100%;
	position: relative;
	top:0;
	left:0;
	display:block;
	position: relative;
}
.box .cf {
	width:100%;
	height:100%;
	position: relative;
	top:0;
	left:0;
}
div#cf1 {
	background: url('../images/top/TOP.JPG');
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-o-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:cover;
	background-size:cover;
}
#cf2 {
	background: url('../images/top/TOP3.JPG');
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-o-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:cover;
	background-size:cover;
}
#cf3 {
	background: url('../images/top/mv3.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% auto;
	-moz-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-o-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:cover;
	background-size:cover;
}
#cf4 {
	background: url('../images/top/TOP2.JPG');
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% auto;
	-moz-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-o-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:cover;
	background-size:cover;
}

/*----------------------------------------------------------------------- JAVA SCRIPT*/

/* //////////////////////////////////////////////////
[7 HI-SPEC-COADING]
////////////////////////////////////////////////// */

/*WIDTH */
.w10{ width:10px; } .w20{ width:20px; } .w30{ width:30px; } .w60{ width:60px; } .w80{ width:80px; } .w100{ width:100px; } .w200{ width:200px; } .w300{ width:300px; } .w320{ width:320px; }

/*HEIGHT */
.h10{ height:10px; }

/* MARGIN */
.m0a		{  margin:0px auto 0px !important; }
.m10a		{  margin:10px auto 0px !important; }
.m20a		{  margin:20px auto 0px !important; }
.mt0		{ margin-top: 0px !important; }
.mt3		{ margin-top: 3px !important; }
.mt5		{ margin-top: 5px !important; }
.mt8		{ margin-top: 8px !important; }
.mt10		{ margin-top: 10px !important; }
.mt20		{ margin-top: 20px !important; }
.mt30		{ margin-top: 30px !important; }
.mt40		{ margin-top: 40px !important; }
.mr5		{ margin-right: 5px !important; }
.mr10		{ margin-right: 10px !important; }
.mr15		{ margin-right: 10px !important; }
.mr20		{ margin-right: 20px !important; }
.mr30		{ margin-right: 30px !important; }
.mb0		{ margin-bottom: 0 !important; }
.mb5		{ margin-bottom: 5px !important; }
.mb10		{ margin-bottom: 10px !important; }
.mb15		{ margin-bottom: 15px !important; }
.mb20		{ margin-bottom: 20px !important; }
.mb30		{ margin-bottom: 30px !important; }
.mb40		{ margin-bottom: 40px !important; }
.mb50		{ margin-bottom: 50px !important; }
.ml5		{ margin-left: 5px !important; }
.ml10		{ margin-left: 10px !important; }
.ml15		{ margin-left: 15px !important; }
.ml20		{ margin-left: 20px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }

/* PADDING */
.pt5		{ padding-top: 5px !important; }
.pt10		{ padding-top: 10px !important; }
.pt20		{ padding-top: 20px !important; }
.pt30		{ padding-top: 30px !important; }
.pt40		{ padding-top: 40px !important; }
.pt50		{ padding-top: 50px !important; }
.pr10		{ padding-right: 10px !important; }
.pr20		{ padding-right: 20px !important; }
.pr30		{ padding-right: 30px !important; }
.pr40		{ padding-right: 40px !important; }
.pr50		{ padding-right: 50px !important; }
.pb10		{ padding-bottom: 10px !important; }
.pb15		{ padding-bottom: 15px !important; }
.pb20		{ padding-bottom: 20px !important; }
.pb30		{ padding-bottom: 30px !important; }
.pb40		{ padding-bottom: 40px !important; }
.pb50		{ padding-bottom: 50px !important; }
.pl10		{ padding-left: 10px !important; }
.pl20		{ padding-left: 20px !important; }
.pl30		{ padding-left: 30px !important; }
.pl40		{ padding-left: 40px !important; }
.pl50		{ padding-left: 50px !important; }

/* OVERFLOW */
.ofh{ overflow: hidden !important; } .ofa{ overflow: auto !important; } .ofs{ overflow: scroll !important; } .ofxs{ overflow-x: scroll !important; } .ofys{ overflow-y: scroll !important; }

/* FONT-WEIGHT */
.b{ font-weight: bold !important; } .n{ font-weight: normal !important; }

/* FONT-SIZE */
.fs8		{ font-size: 8px !important; }
.fs9		{ font-size: 9px !important; }
.fs10		{ font-size: 10px !important; }
.fs12		{ font-size: 12px !important; }
.fs13		{ font-size: 13px !important; }
.fs14		{ font-size: 14px !important; }
.fs15		{ font-size: 15px !important; }
.fs16		{ font-size: 16px !important; }
.fs18		{ font-size: 18px !important; }
.fs20		{ font-size: 20px !important; }
.fs22		{ font-size: 22px !important; }
.fs24		{ font-size: 24px !important; }
.fs25		{ font-size: 25px !important; }
.fs26		{ font-size: 26px !important; }
.fs27		{ font-size: 27px !important; }
.fs28		{ font-size: 28px !important; }
.fs29		{ font-size: 29px !important; }

/* TEXT-ALIGN */
.tac			{text-align: center;}
.tar			{text-align: right;}
.tal			{text-align: left;}

/* FLOAT */
.fl		{  float:left; !important; }
.fr		{  float:right; !important; }

/* DISPLAY */
.dpi{ display:inline;}
.dpb{ display:block;}

/* DECORATION */
.tdn {	text-decoration: none;}

/* COLOR */
.color1{	color:#1686ba;}
.color2{	color:#37a5eb;}
.color3{	color:#f19613;}
.color4{	color:#;}

/* CLEAR */
.clf{ clear:fixed;}
.cl:after {
	content: "";
	clear: both;
	display: block;
}
.lh15{
	line-height:1.5;
}
.ls1{
	letter-spacing:-1px;
}
.ls2{
	letter-spacing:-2px;
}

/*-----------------------------------------------------------------------  Hi Spec Coding*/

/* //////////////////////////////////////////////////
[8 RESET]
////////////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

img{
	vertical-align:bottom;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.print_next {
page-break-before: always;
}
/*----------------------------------------------------------------------- RESET*/