@charset "utf-8";

/* ****************************************************
Title: base.css
Created: 2010-02-24
Last Modified: 2010-02-24
Editor(s): Yasushi Sakai
Last Editor: Yasushi Sakai
***************************************************** */

/* # Reset 'Browser standard style'
---------------------------------------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,address,pre,
strong,em,caption,cite,code,dfn,var {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

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

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

caption, th { text-align: left; }

fieldset { border: 0; }

hr { display: none; }

ol, ul { list-style: none; } 

ul ul,ol ul,ul ol,ol ol,
dl ul,dl ol,dl dl,td td { 
	font-size: 100%;
}

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

abbr,acronym { border: 0; } 


/* # Redefine
---------------------------------------------------------------------------- */

html {
	overflow-y: scroll;
}

body {
	/*background-color: #000;
	color:#333;*/
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
	background-color: #9CF;
	color: #333;
}

strong { font-weight: bold; }
em     { color: #ff4200; font-style: normal; }

p { margin:0; }

/* # General Elements
---------------------------------------------------------------------------- */

a    { /*color: #ffffff; */ color:#333;	text-decoration: none;}
a:link {
	color: #333;
	text-decoration: none;
	
}
a:visited {  }
a:hover   { color: #CC0000;}
a:active  {  }

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/* # float clear(clearfix)
---------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* #wrapper #header
---------------------------------------------------------------------------- */
#wrapper {
	margin:0px auto;
}

	#wrapper h1 {
		padding:5px 0px 2px 3px;
		width:930px;
		margin:0px auto;
		font-size:16px;
	}
	
	#wrapper div#eventdate {
		padding:0px 0px 2px 3px;
		width:930px;
		margin:0px auto;
	}

#header {
	border-top:#0058BC 2px solid;
	margin:0px auto 0px;
	height:121px;
}

#header #logo_Navi {
	width:930px;
	margin:0px auto;
}
	
	#header #logo_Navi #logoLeft {
		width:290px;
		height:121px;
		float:left;
	}
	
	#header #logo_Navi #logoRight {
		width:330px;
		height:50px;
		float:right;
	}
	
#header #logo_Navi #headNavi {
	float:right;
	text-align:right;
	padding-top:45px;
	width:640px;
}
	
	#header #logo_Navi #headNavi ul {
		list-style:none;
		letter-spacing:2px;
		float:right;
	}
	
	#header #logo_Navi #headNavi ul li {
		float:left;

	}
	
	#header #logo_Navi #headNavi ul li a {
		font-weight:bold;
		font-size:12px;
		padding:0px 3px;
	}
		/* safari modern-browser */
		body:first-of-type #header #logo_Navi #headNavi ul li a {
			font-weight:normal;
			font-size:12px;
		}

	
/* #conent
---------------------------------------------------------------------------- */

#content {
	margin:0 auto;
	padding:0;
	width:930px;
}
	
/* index.html　#visual
---------------------------------------------------------------------------- */
#visual {
	margin:0;
	padding:0;
	border-top:#FFF 2px solid;
	border-bottom:#FFF 2px solid;
	width:930px;
	height:350px;
}
#visualinner {
	margin:0px auto;
	position:relative;
}

#visualNavi {
	background:url(../images/index/side_Navi_bg.png) no-repeat 0 0;
	width:170px;
	height:350px;
	padding:0px 15px;
	position:absolute;
	left:0;
	top:0;
}

#visualNavi ul {
	width:170px;
}
	#visualNavi ul li {
		border-bottom:#FFF 1px dotted;
		padding-top:19px;
		letter-spacing:1px;
	}
	#visualNavi ul li a {
		font-size:14px;
		font-weight:bold;
		background: url(../images/commons/navi_icon.png) no-repeat left center;
		padding-left:20px;
		color:#FFF;
	}
	
		body:first-of-type #visualNavi ul li a {
			font-size:14px;
			font-weight:normal;
		}
	
	#visualNavi ul li a:hover {
		background: url(../images/commons/navi_icon_r.png) no-repeat left center;
		color:#C00;
	}
	
	#visualinner #visuallogo {
		position:absolute;
		right:0;
		bottom:0;
	}

/* index.html　#pagebody
---------------------------------------------------------------------------- */
#pagebody {
	width:930px;
	margin:10px auto 0px;
	clear:both;
}

/* index.html　#index_main
---------------------------------------------------------------------------- */
#index_main {
	width:720px;
	float:right;
}
#index_main h2 {
	border-left:#0058BC 5px solid;
	border-bottom:#FFF 1px solid;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
}
#index_main dl {
	width:700px;
	margin:5px auto;
}
#index_main dl dt {
	float:left;
	margin: 0px 10px;
	width:80px;
	border-bottom:#333 1px dotted;
}
#index_main dl dd {
	margin-left:100px;
	border-bottom:#333 1px dotted;
}

/* index.html　#index_sideNavi
---------------------------------------------------------------------------- */
#index_sideNavi {
	width:200px;
	float:left;
}
#index_sideNavi h2 {
	border-left:#0058BC 5px solid;
	border-bottom:#FFF 1px solid;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
}



/* under_pages　common　下層ページ　共通設定
---------------------------------------------------------------------------- */

#image_title {
	width:930px;
	margin:0 auto;
	border-top:#FFF 2px solid;
	border-bottom:#FFF 2px solid;
	position:relative;
}

#image_title p {
	margin:0;
	padding:0;
}

#image_title ol#list_path {
	position:absolute;
	right:5px;
	text-align:right;
	top:93px;
	color:#FFF;
}

#image_title ol#list_path li {
	color:#FFF;
	display:inline;
	padding-right:5px;
}
#image_title ol#list_path li a {
	font-weight:bold;
	color:#FFF;
}
#image_title ol#list_path li a:hover {
	color:#C00;
}

#main {
	width:720px;
	float:right;
	margin-top:15px;
}

#main h2 {
	border-left:#0058BC 5px solid;
	border-bottom:#FFF 1px solid;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
}

#main h3.PageTitle {
	background: url(../images/commons/page_title.png) no-repeat 0 0;
	width:655px;
	height:21px;
	margin:5px 0px 15px;
	padding-left:5px;
	padding-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

#main p.descreption {
	color:#EFEFEF;
	margin:25px auto 0px;
	text-align:left;
	width:598px;
	line-height:1.6em;
}

#main p.back {
	width:80px;
	background-color:#CCC;
	border:#FFF 1px solid;
	text-align:center;
	margin:20px 0px 20px auto;
}
#main p.back a {
	text-align:center;
	display:block;
	padding:3px 0px;
}

#main p.dotted {
	background:url(../images/commons/dotted.gif) repeat-y 0 0;
	line-height:191%;
	padding:0px 0px 0px 4px;
}

#main p.center {
	text-align:center;
}

#main a    { color: #0058BC; 	text-decoration: none;}
#main a:link {
	color: #0058BC;
	text-decoration: none;
	
}
#main a:visited {  }
#main a:hover   { color: #F00;}
#main a:active  {  }

span.red {color:#F00;}

/* under_pages side　下層ページ　サイドメニュー
---------------------------------------------------------------------------- */
#side {
	width:200px;
	float:left;
	margin-top:15px;
}

#side h2 {
	border-left:#0058BC 5px solid;
	border-bottom:#FFF 1px solid;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
}
#sideNavi {
	width:168px;
	height:350px;
	padding:0px 15px;
	border:#FFF 1px solid;
	margin-bottom:15px;
	background:#CCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#sideNavi ul {
	width:170px;
}
	#sideNavi ul li {
		border-bottom:#666 1px dotted;
		padding-top:19px;
		letter-spacing:1px;
	}
	#sideNavi ul li a {
		font-size:14px;
		font-weight:bold;
		background: url(../images/commons/navi_icon.png) no-repeat left center;
		padding-left:20px;
	}
	
		body:first-of-type #sideNavi ul li a {
			font-size:14px;
			font-weight:normal;
		}
	
	#sideNavi ul li a:hover {
		background: url(../images/commons/navi_icon_r.png) no-repeat left center;
	}
	
	#sideNavi #visuallogo {
		background:url(../images/commons/logo02_white.png) no-repeat center bottom;
		width:330px;
		height:50px;
		float:right;
		padding-top:300px;
		text-indent:-9999px;
	}

/* #introduction #wakayama #openwater #ccard #gear common-style(menu_btn)
---------------------------------------------------------------------------- */
#introduction,
#wakayama,
#openwater,
#ccard,
#gear {
	width:660px;
	margin:25px auto 30px;
	padding:0px 30px;
}
#introduction ul.main_menu{
	margin:20px auto;
	clear:both;
	width:440px;
}
#introduction ul.main_menu li {
	width:220px;
	float:left;	
}

#wakayama ul.main_menu,
#openwater ul.main_menu,
#ccard ul.main_menu {
	margin:20px auto;
	clear:both;
}
#wakayama ul.main_menu li,
#openwater ul.main_menu li,
#ccard ul.main_menu li {
	width:220px;
	float:left;
}


/* #introduction	(ＴＲＹＳの紹介)
---------------------------------------------------------------------------- */
div#information {
	width:555px;
	margin:0 0 0px 40px;
}

div#information .left_colum {
	width:430px;
	float:left;
	padding-top:18px;
}
div#information .left_colum p {
	padding-left:5px;
}
div#information .right_colum {
	width:115px;
	float:left;
	margin-left:5px;
}

/*#introduction		(staff.html プロダイバーの紹介)
---------------------------------------------------------------------------- */

#staff {
	margin:0px auto 20px;
	padding-top:20px;
	
}

#staff table.staff {
	width:660px;
	border:#FFF 1px solid;
	color:#333;
	border-collapse:collapse;
}
	table.staff th.title {
		background-color:#CCC;
		font-size:14px;
		font-weight:bold;
		border:#FFF 1px solid;
		text-align:center;
	}
	table.staff th.img {
		background-color:#CCC;
		width:130px;
		padding:5px;
		text-align:center;
		vertical-align:middle;
		border:#FFF 1px solid;
	}
	table.staff td {
		background-color:#CCC;
		width:508px;
		border:#FFF 1px solid;
		padding:5px;
		font-size:11px;
		vertical-align:middle;
	}
	table.staff td ul li.item {
		width:118px;
		text-align:right;
		float:left;
	}
	table.staff td ul li.detail {
		width:388px;
		float:left;
	}

/* history　ダイブ履歴
---------------------------------------------------------------------------- */
#history {
	width:630px;
	margin:10px auto;
}
#history h1 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:#999 1px dotted;
	margin:20px auto;
	width:150px;
}

#history table.history {
	width:630px;
	border:#FFF 1px solid;
	color:#333;
	border-collapse:collapse;
}
	table.history th {
		background-color:#CCC;
		width:10%;
		padding:5px;
		text-align:center;
		vertical-align:middle;
		border:#FFF 1px solid;
	}
	table.history td {
		background-color:#CCC;
		width:90%;
		border:#FFF 1px solid;
		padding:5px;
		font-size:12px;
		vertical-align:middle;
	}

#history p.close {
	width:80px;
	background-color:#CCC;
	border:#FFF 1px solid;
	text-align:center;
	margin:20px auto;
}
#history p.close a {
	text-align:center;
	display:block;
}

/* shop.html　店舗案内
---------------------------------------------------------------------------- */
#shop {
	margin:0px auto 20px;
	padding-top:20px;
	
}
#shop .section #shoplogo {
	padding:0px;
	background:none;
	border:none;
	margin:0px auto 10px;
	width:400px;
}
#shop .section {
	margin:20px auto 15px;
	clear:both;
	padding:9px;
	border:#FFF 1px solid;
	background:#CCC;
}
#shop .section_in {
	margin:0px 0px 10px;
	clear:both;
}
#shop .section .left_box {
	width:310px;
	float:left;
}
#shop .section .right_box {
	width:310px;
	float:right;
}
#shop .section img {
	text-align:center;
	padding:4px;
	background:#FFF;
	border:#FFF 1px solid;
}
#shop .section img.none {
	padding:0px;
	background:none;
	border:none;
}


/* #wakayama index.html 和歌山の海とは？
---------------------------------------------------------------------------- */
#sea {
	margin:0px auto 20px;
	padding-top:20px;
	
}
#sea table.season {
	width:600px;
	margin:20px auto;
}
#sea table.season th,
#sea table.season td {
	padding:2px 0px 0px;
	vertical-align:middle;
	text-align:center;
}
#sea table.season th.month00 {
	background:none;
}
#sea table.season th.month01 {
	background:#f5e297;
	color:#666;
}
#sea table.season th.month02 {
	background:#c6d589;
	color:#666;
}
#sea table.season th.month03 {
	background:#f6b354;
	color:#666;
}
#sea table.season th.degree,
#sea table.season td.degree {
	background:#FFF;
}
#sea table.season th.suite {
	background: #CCC;
}
#sea table.season td.dry {
	background:#CCC;
	color:#C00;
	font-weight:700;
}
#sea table.season td.wet {
	background:#CCC;
	color:#09F;
	font-weight:700;
}


/* #wakayama dive_area.html ダイブエリア紹介
---------------------------------------------------------------------------- */
#dive_area {
	margin:0px auto 20px;
	padding-top:20px;
	
}

#dive_area h4 {
	font-size:16px;
	font-weight:bold;
	background:#0058BC;
	border:#FFF 1px solid;
	border-bottom:none;
	color:#FFF;
	text-align:center;
	margin:10px auto 0px;
	padding:2px 0px 0px;
}
	
#dive_area .section {
	margin:0px auto 15px;
	clear:both;
	padding:9px;
	border:#FFF 1px solid;
	/*background:#CCC;*/
}

#dive_area .section .photo_box {
	margin:15px auto;
}

#dive_area .section .photo01{
	width:200px;
	text-align:center;
	padding:4px;
	background:#000;
	border:#FFF 1px solid;
	margin:0;
	float:left;
}
#dive_area .section .photo_txt {
	float:left;
	width:425px;
	margin-left:5px;
}


#dive_area .section h5 {
	background:#0058BC;
	padding:3px 3px 0 5px;
	margin:0;
	font-size:14px;
	text-align:center;
	color:#FFF;
}

#dive_area .section p.dotted span {
	font-weight:bold;
	color:#FF0;
}

#dive_area .section p.subtitle {
	width:300px;
	margin:5px auto;
	text-align:center;
	color:#FF0;
}

#dive_area .section p.center {
	text-align:center;
}
#dive_area .section p.center img {
	padding:4px;
	background-color:#000;
	border:#FFF 1px solid;
}


/* #openwater	(これから始める方へ)
---------------------------------------------------------------------------- */
/*index.html （top）*/
#openwater #index_box {
	background:#FFF;
	padding:10px;
	border:#CCC 3px solid;
	border-radius:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:15px 0;
	width:634px;
	color:#333;
	text-align:center;
}
#openwater #index_box .style01 {
	font-size:32px;
	}
#openwater #index_box .style02 {
	font-size:26px;
	}
#openwater #index_box .style03 {
	font-size:22px;
	font-weight:800;
	}
#openwater #index_box span.green {
	color:#060;
	}
#openwater #index_box span.red {
	color:#C00;
	}
#openwater #index_box span.blue {
	color: #0033CC;
	}
#openwater #index_box span.pink {
	color: #FF6699;
	}
	
/*lisence.html （ライセンスとは？）*/

#about_ow {
	margin:0px auto 20px;
	padding-top:20px;
	
}

	#about_ow table.openwater {
		width:660px;
		border:#FFF 1px solid;
		color:#333;
		border-collapse:collapse;
		margin-bottom:15px;
	}
	table.openwater th.title {
		background-color:#CCC;
		font-size:14px;
		font-weight:bold;
		border:#FFF 1px solid;
		text-align:center;
	}
	table.openwater th.img {
		background-color:#CCC;
		padding:5px;
		text-align:center;
		vertical-align:middle;
		border:#FFF 1px solid;
	}
	table.openwater td {
		background-color:#CCC;
		width:508px;
		border:#FFF 1px solid;
		padding:5px;
		vertical-align:middle;
	}
	
	table.openwater span.yellow {
		color:#0058BC;
	}
	
/* flow.html　（スクーバダイバーコースの流れ）*/

#course_flow {
	margin:0px auto 20px;
	padding-top:20px;
	
}

	#course_flow .flow {
		width:660px;
		padding:10px 0px;
		margin:0;
	}
	
	#course_flow .flow .flow_leftbox {
		width:220px;
		float:left;
		margin-right:10px;
	}
	
	#course_flow .flow .flow_rightbox {
		float:right;
		width:430px;
	}
	
	#course_flow .flow .flow_rightbox h4.title {
		background:#0058BC;
		font-weight:bold;
		padding:2px;
		width:9em;
		margin-bottom:5px;
		font-size:14px;
		text-align:center;
		float:left;
		margin-top:3px;
		color:#FFF;
	}
	
	#course_flow .flow .flow_rightbox p.checkpoint {
		font-weight:bold;
		font-size:14px;
		color:#F00;
		float:left;
		padding:0px 0px 0px 10px;
	}
	
	#course_flow .flow .flow_rightbox p.dotted {
		clear:both;
	}
	
	#course_flow .flow .flow_rightbox span.orange {
		color:;
		background:#8FC86A;
		display:inline-block;
		padding: 0px 5px;
		margin-right:10px;
		
	}
	
#course_flow p.center span {
	color:#F00;
}
	
#before_course {
	margin:0px auto 20px;
	padding-top:20px;
	/**/
}

	#before_course h4 {
		text-align:center;
		/*color:#CC0;*/
		color:#0058BC;
		font-weight:bold;
	}
	#before_course p.dotted {
		text-indent:-1em;
		padding-left:1em;
	}
	
	#before_course p.dotted span {
		/*color:#FF0;*/
		color:#0058BC;
		font-size:13px;
		font-weight:bold;
	}
	
	#before_course p.center {
		margin:10px auto 20px;
	}
	
	#before_course p.center img {
		margin:0px 10px;
	}
	
	#before_course .outbox {
		clear:both;
		margin-bottom:15px;
	}
	
	#before_course .before_leftbox {
		width:200px;
		margin-right:10px;
		float:left;
	}
	
	#before_course .before_rightbox {
		float:left;
		width:450px;
	}
	
/* faq.html （よくある質問）*/
#faq {
	margin:0px auto 20px;
	padding-top:20px;
	
}

#faq .faq_box {
	margin:20px auto 15px;
	clear:both;
	padding:9px;
	/*border:#FFF 1px solid;
	background:#666;*/
}
#faq .faq_box h4:first-letter {
	font-size:18px;
	color:#FF0;
	font-weight:bold;
}

#faq .faq_box h4 {
	border-bottom:#FFF 1px solid;
	border-left:#0058BC 3px solid;
	font-size:14px;
	font-weight:bold;
	padding-left:8px;
	margin-bottom:5px;
}

#faq .faq_box .img {
	width:200px;
	float:right;
}

#faq .faq_box .text {
	width:430px;
	float:left;
	margin-right:10px;
}
/* voice.html （お客様の感想）*/
#voice {
	margin:0px auto 20px;
	padding-top:20px;
	
}

/*
#voice dl {
	margin:20px auto 15px;
	clear:both;
	padding:9px;
	border:#FFF 1px solid;
	background:#666;
}

#voice dl dt {
	padding:4px;
	background:#666;
	width:100px;
	float:left
}

#voice dl dd {
	background:url(../images/commons/dotted.gif) repeat-y 0 0;
	line-height:191%;
	padding:0px 0px 0px 4px;
}

#voice p.customer_name {
	margin:5px 0px 0px;
	text-align:right;
}
*/

/* choice.html （コーススケジュールと料金）*/

#choice {
	margin:0px auto 20px;
	padding-top:20px;
	
}

#choice h3 {
	background:none repeat scroll 0 0 #0058BC;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:3px;
	padding:3px;
	width:16em;
	color:#FFF;
}

#choice p {
	margin:15px 0;
}
#choice .stay table {
	letter-spacing:1px;
}
#choice .stay table img {
	padding:5px;
}

#choice table.table1 {
	background:#FFF;
	border:1px #666 solid;
	margin-bottom:20px;
	color:#333;
}

	#choice table.table1 th {
		text-align:center;
		padding:10px;
		background:#CCC;
		font-weight:bold;
		border:1px #666 solid;
	}
	#choice table.table1 td {
		text-align:center;
		padding:10px;
		border:1px #666 solid;
	}

#choice table.table3 {
	background:#FFF;
	border:1px #666 solid;
	margin-bottom:20px;
	color:#333;
}

	#choice table.table3 th {
		text-align:center;
		padding:5px;
		background:#CCC;
		font-weight:bold;
		border:1px #666 solid;
	}
	
	#choice table.table3 td {
		text-align:left;
		padding:5px;
		vertical-align:top;
		border:1px #666 solid;
	}
	
	#choice table.table3 td.middle {
		vertical-align:middle;
	}
	
/*table内span フォント設定*/
	#choice table span.big {
		font-size:14px;
		font-weight:bold;
	}
	#choice table span.center {
		text-align:center;
		display:block;
	}
	#choice table span.bold {
		font-weight:bold;
	}
	#choice table span.red {
		color:#F00;
	}
	#choice table span.green {
		color:#390;
	}
	#choice table span.blue {
		color:#06F;
	}
	#choice table span.orange {
		color:#F60;
	}

#choice table.table3 dl {
	margin-bottom:10px;
}

#choice table.table3 dl dt {
	width:4em;
	float:left;
}
#choice table.table3 dl dd {
	margin-left:4em;
}

#choice .stay {
	background:#CCC;
	border:#FFF;
	padding:10px;
	border:#FFF 3px solid;
	border-radius:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:15px;
	width:634px;
}

#choice marquee {
	font-size:18px;
	font-weight:bold;
	padding:5px;
	border-top:#FFF 2px solid;
	border-bottom:#FFF 2px solid;
	margin-bottom:20px;
	background:#191919;
	display:block;
}

#choice .btn_box {
	clear:both;
	border-bottom:#FFF 1px dotted;
	padding:0px 0px 10px;
	margin:20px 5px 20px;
}
#choice .btn_box p.btn01 {
	text-align:center;
	height:50px;
	pading:0px 10px;
	margin:0px auto;
}
#choice .btn_box p.btn01 img {
	padding:0px 10px;
}
#choice .btn_box p.reserve_txt {
	text-align:center;
	pading:10px;
	margin:15px auto 0;
	font-size:16px;
	font-weight:bold;
}



/* check.html （ここが違う！）*/

#check {
	margin:0px auto 20px;
	padding-top:20px;
	
}


#check .check {
	width:640px;
	padding:10px;
	margin:10px auto 5px;
}

#check .check .check_rightbox1 {
	width:200px;
	float:right;
	margin-left:10px;
	_margin-left:5px
	text-align:center;
}

#check .check .check_leftbox1 {
	float:left;
	width:430px;
}

#check .check .check_rightbox2 {
	float:right;
	width:430px;
}

#check .check .check_leftbox2 {
	width:200px;
	float:left;
	margin-right:10px;
	text-align:center;
}

#check .check h4.check_title {
	background:#0058BC;
	font-weight:bold;
	padding:2px;
	margin-bottom:5px;
	font-size:14px;
	text-align:center;
	color:#FFF;
}

#check .check span.orange {
	color:;
	background:#8FC86A;
	display:inline-block;
	padding: 0px 5px;
	margin-right:10px;
	
}

#check .check span.check_txt {
	color:#F60;
	font-weight:bold;
}

#check p.center img.side_space {
	margin:0px 15px;
}

/* padi_pdf.html （コーススケジュールと料金）*/
#download {
	width:630px;
	margin:40px auto;
	padding-bottom:5px;
	background:#FFF;
	color:#666;
	border-radius:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;

}
#download h1 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:#999 1px dotted;
	margin:20px auto;
	padding-top:15px;
}

#download p.dotted {
	margin-left:15px;
	background:url(../images/commons/dotted_black.gif) repeat-y 0 0;
	line-height:191%;
	padding:0px 0px 0px 4px;
}

#download table.download {
	width:630px;
	border:#CCC 1px solid;
	color:#333;
	border-collapse:collapse;
	margin:10px auto 20px;
}
	table.download td {
		padding:5px;
		font-size:12px;
		vertical-align:middle;
	}

#download ul {
	width:500px;
	margin:0px auto;
}
#download ul li {
	text-indent:-1em;
	padding-left:1em;
}

/* padi_cehck.html （コーススケジュールと料金）*/
#padi_check {
	width:660px;
	margin:40px auto;
	padding-bottom:5px;
	background:#FFF;
	color:#666;
	border-radius:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;

}
#padi_check h1 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:#999 1px dotted;
	margin:20px auto;
	padding-top:15px;
}

#padi_check p.title {
	margin-left:15px;
	font-weight:bold;
	color:#09F;
	margin-top:20px;
	font-size:14px;
}

#padi_check p.dotted {
	margin: 0px 15px;
	background:url(../images/commons/dotted_black.gif) repeat-y 0 0;
	line-height:191%;
	padding:0px 0px 0px 4px;
}

#padi_check p.dotted span {
	font-weight:bold;
}

#download p.close,
#padi_check p.close {
	width:80px;
	background-color:#333;
	border:#CCC 1px solid;
	text-align:center;
	margin:20px auto;
}
#download p.close a,
#padi_check p.close a{
	text-align:center;
	display:block;
}

/* #ccard	index.html(ステップアップ)
---------------------------------------------------------------------------- */
#stepup {
	margin:0px auto 20px;
	padding-top:20px;
	
}

#stepup .step {
	width:640px;
	padding:10px;
	margin:0;
}

#stepup .step .step_leftbox {
	width:100px;
	float:left;
	margin-right:10px;
}

#stepup .step .step_rightbox {
	float:right;
	width:530px;
}

#stepup .step .step_rightbox h4.step_title {
	background:#0058BC;
	font-weight:bold;
	padding:2px;
	width:14em;
	margin-bottom:5px;
	font-size:14px;
	text-align:center;
	color:#FFF;
}

#stepup .step .step_rightbox span.orange {
	color:;
	background:#8FC86A;
	display:inline-block;
	padding: 0px 5px;
	margin-right:10px;
	
}

#stepup .step .step_rightbox span.step_txt {
	color:#F60;
	font-weight:bold;
}

/* beginner2011.html （ビギナー＆ブランク）*/

#biginner {
	margin:0px auto 20px;
	padding-top:20px;
	
}

#biginner h4 {
	font-weight:bold;
	font-size:14px;
	background:#0058BC;
	padding:2px 0px;
	width:14em;
	margin:10px 0px;
	text-align:center;
	color:#FFF;
}

#biginner .img_box {
	text-align:center;
	margin:10px auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:#CCC 3px solid;
	background:#FFF;
	padding: 8px 0px;
}

#biginner img {
	margin:0 5px;
}

#biginner span.price {
	font-size:20px;
	font-weight:bold;
	color:#F00;
}

#biginner table {
	margin:10px 0;
	background:#FFF;
}

#biginner td,
#biginner th {
	padding:10px;
}

#biginner td.white,
#biginner th.white {
	background-color:#CCC;
	color:#000;
	text-align:center;
}

/* sitemap.html	(サイトマップ)
---------------------------------------------------------------------------- */
div.sitemap {
	margin:30px auto 0px;
	padding:0 30px;
	width:620px;
	color:#333;
}

div.sitemap .leftside {
	width:300px;
	float:left;
}

div.sitemap .rightside {
	width:300px;
	float:right;
}

div.sitemap a {
	color:#333 !important;
}

div.sitemap a:hover {
	color:#F00 !important;
}

div.sitemap p.page {
	font-size:14px;
	font-weight:bold;
	border-bottom:#0058BC 1px solid;
	margin-bottom:5px;
	width:300px;
}

div.sitemap p.catname {
	font-size:14px;
	font-weight:bold;
	border-bottom:#FFF 1px dotted;
	margin-bottom:5px;
	width:300px;
}

div.sitemap ul.list {
	clear:both;
	border-bottom:#333 1px dotted;
	padding:3px 20px;
	list-style:outside circle;
	width:260px;
}

/* gear.html	(ダイビング器材)
---------------------------------------------------------------------------- */
.gear_center {
	text-align:center;
	width:660px;
	margin:30px auto 20px;
	position: relative;
	color:#666;
	text-align:left;
}
/*
.gear_center p a {
	color:#09F !important;
}

.gear_center p a:hover {
	color:#F00 !important;
}
*/

.gear_center p.text01 {
	background:#FFF;
	position:absolute;
	left: 42px;
	top: 26px;
}
.gear_center p.text02 {
	background:#FFF;
	position:absolute;
	left: 11px;
	top: 166px;
}
.gear_center p.text03 {
	background:#FFF;
	position:absolute;
	left: 14px;
	top: 286px;
}
.gear_center p.text04 {
	background:#FFF;
	position:absolute;
	left: 23px;
	top: 363px;
}
.gear_center p.text05 {
	background:#FFF;
	position:absolute;
	left: 17px;
	top: 495px;
}
.gear_center p.text06 {
	background:#FFF;
	position:absolute;
	left: 24px;
	top: 642px;
}
.gear_center p.text07 {
	background:#FFF;
	position:absolute;
	left: 500px;
	top: 61px;
}
.gear_center p.text08 {
	background:#FFF;
	position:absolute;
	left: 518px;
	top: 230px;
}
.gear_center p.text09 {
	background:#FFF;
	position:absolute;
	left: 505px;
	top: 340px;
}
.gear_center p.text10 {
	background:#FFF;
	position:absolute;
	left: 456px;
	top: 448px;
}
.gear_center p.text11 {
	background:#FFF;
	position:absolute;
	left: 457px;
	top: 561px;
}
.gear_center p.text12 {
	background:#FFF;
	position:absolute;
	left: 441px;
	top: 637px;
}

#gear .under_txt {
	background:#CCC;
	border:#666;
	padding:10px;
	border:#FFF 3px solid;
	border-radius:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:15px 0;
	width:634px;
	color:#F00;
}

#gear .under_txt span {
	text-align:center;
	display:block;
	color:#1a971a;
	font-weight:bold;
	margin:10px 0;
	font-size:14px;
}


/* #reserve_menu (reserve_menu.html)　フォーム
---------------------------------------------------------------------------- */
#reserve_menu {
	width:600px;
	margin:10px auto;
}

#reserve_menu p.red_center {
	text-align:center;
	color:#C00;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
}

#reserve_menu .btn_box {
	clear:both;
	border-bottom:#FFF 1px dotted;
	padding:0px 0px 20px;
	margin:20px 5px 50px;
}

#reserve_menu .btn_box h3 {
	margin:0px auto 20px;
	text-align:center;
	font-size:14px;
	border-bottom:#FFF 1px dotted;
}

#reserve_menu .btn_box p.btn01 {
	width:250px;
	height:50px;
	float:left;
	margin-left:10px;
}

#reserve_menu .btn_box p.btn02 {
	width:250px;
	height:50px;
	float:right;
	margin-right:10px;
}

#reserve_menu p.pdf {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
}
	

/* #form-style　(contact.html／reserve.html／reserve_rpt.html)
---------------------------------------------------------------------------- */

dl.formstyle {
	width:598px;
	margin:10px auto;
	background:none;
	border-left:#666 1px dotted;
	border-right:#666 1px dotted;
	border-bottom:#666 1px dotted;
		_border-left:#666 1px solid;
		_border-right:#666 1px solid;
		_border-bottom:#666 1px solid;
}

dl.formstyle dt:first-child,
dl.formstyle dd:first- {
	padding:10px 5px 10px;
}

dl.formstyle dt,
dl.formstyle dd {
	padding:10px 5px 10px;
	border-top:#666 1px dotted;
		_border-top:#666 1px solid;
}
dl.formstyle dt {
	margin:0;
	width:100px;
	float:left;
	text-align:center;
}
dl.formstyle dd {
	margin-left:110px;
	background:none;
	text-align:left;
	border-left:#666 1px dotted;
		_border-left:#666 1px solid;
}
dl.formstyle dd p {
	padding-left:5px;
	margin:0;
}

.submit {
	text-align:center;
	margin:10px auto;
	padding:0px 10px;
}

/* #form-style inside
---------------------------------------------------------------------------- */
dl.formstyle span.red {
	color:#CC0000;	
}

dl.formstyle input.text {
	margin :0 5px;
	font-size : 12px;
	color : #333 !important;
	background:none !important;
	border:#09F 1px solid;
	background:#FFF !important;
}

dl.formstyle input.price {
	margin :10px 5px 0px;
	_margin :0 5px;
	font-size : 12px;
	color : #333 !important;
	background:#FFF !important;
	border:#09F 1px solid;
}

dl.formstyle input.radio {
	margin:0 5px;
}

dl.formstyle textarea {
	width:400px;
	height:150px;
	color : #333 !important;
	background:#FFF !important;
	border:#09F 1px solid;
	margin :0 5px;
}
dl.formstyle select {
	color : #333 !important;
	background:#FFF !important;
	border:#09F 1px solid;
	margin :0 5px;
}

dl.formstyle ul {
display : block;
}
dl.formstyle ul li {
padding : 5px;
}
dl.formstyle ul li.leftside {
float : left;
width : 270px;
}
dl.formstyle ul li.rightside {
float : left;
width : 210px;
}

/* thanks.html
---------------------------------------------------------------------------- */
#main #thanks_box {
	width:350px;
	margin:20px auto 0px;
	padding:10px;
	/*border:#FFF 1px solid;
	background:#333;*/
}
#main p.thanks {
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#main p.thanks_txt {
	color:#333;
	line-height:1.6em;
	text-align:center;
	margin:0px auto;
}

/* #footer
---------------------------------------------------------------------------- */
#footer {
	text-align:center;
	margin-top:40px;
}

#footer ul.footerlink {
	border-top:#FFF 1px solid;
	list-style:none;
	font-size:11px;
	text-align:center;
	width:930px;
	margin:0px auto 5px;
	padding-top:8px;
}

	#footer ul.footerlink li {
		display:inline;
		text-align:center;
	}
	
	#footer ul.footerlink li a {
		padding:0px 2px;
	}
	
#copyright {
	border-top:#0058BC 2px solid;
	text-align:center;
	font-size:12px;
	padding-top:5px;
}

#map {
	width:660px;
	height:400px;
	margin:20px auto;
	color:#333;
}


/* 隠れページ用(追加：2010/07/01)
-------------------------------------------------------------------*/
#main_hide {
	width:660px;
	margin:20px auto;
}
#main_hide h3.PageTitle {
	background: url(../images/commons/page_title.png) no-repeat 0 0;
	width:655px;
	height:21px;
	margin:5px 0px 15px;
	padding-left:5px;
	padding-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
#main_hide #choice {
	margin:0px auto 20px;
	padding-top:20px;
	border:none;
}

#main_hide p.close {
	width:80px;
	background-color:#333;
	border:#CCC 1px solid;
	text-align:center;
	margin:10px auto 30px;
}
#main_hide p.close a{
	text-align:center;
	display:block;
}


/* キャンペーンページ追加用(追加：2011/08/08)
-------------------------------------------------------------------*/
#main2011 {
	width:720px;
	float:none;
	margin:0 auto;
}
#main2011 h2 {
	border-left:#0058BC 5px solid;
	border-bottom:#FFF 1px solid;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
}

#main2011 h3.PageTitle {
	background: url(../images/commons/page_title.png) no-repeat 0 0;
	width:655px;
	height:21px;
	margin:5px 0px 15px;
	padding-left:5px;
	padding-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

#main2011 p.descreption {
	color:#EFEFEF;
	margin:25px auto 0px;
	text-align:left;
	width:598px;
	line-height:1.6em;
}

#main2011 p.back {
	width:80px;
	background-color:#CCC;
	border:#FFF 1px solid;
	text-align:center;
	margin:20px 0px 20px auto;
}
#main2011 p.back a {
	text-align:center;
	display:block;
	padding:3px 0px;
}

#main2011 p.dotted {
	background:url(../images/commons/dotted.gif) repeat-y 0 0;
	line-height:191%;
	padding:0px 0px 0px 4px;
}

#main2011 p.center {
	text-align:center;
}

#main2011 a    { color: #0058BC; 	text-decoration: none;}
#main2011 a:link {
	color: #0058BC;
	text-decoration: none;
	
}
#main2011 a:visited {  }
#main2011 a:hover   { color: #F00;}
#main2011 a:active  {  }