﻿@charset "utf-8";

/*ブラウザスタイルの初期化*/

body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,meiryo,Osaka,san-serif;
}

/* seo master */
div.sbox table {
	margin:0 auto;
	width:900px;
}

/*font-size初期化*/

body {
	font-size: 10px;
	_font-size:62.5%;/*IE6*/
	line-height:1.4;
}

/*border初期化*/
/*margin　paddingプロパティ追加*/

img,object {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:bottom;
}

/*table設定*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*テキスト設定*/

p {
	text-align: justify;
	text-justify: distribute;
}

/*clearfix*/
/*height0.1px font-size0.1em追加*/

.clearfix:after, div:after {
    content: "."; 
    display: block; 
	height: 0.1px;  
	font-size: 0.1em;  
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}/*IE7用*/

.clear {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

body {
	color: #333;
	background-color:#FFF;
}

ul,
li,
ol {
	list-style:none;
}

a {
	text-decoration:underline;
	cursor: pointer;
} 

a:link {
	color: #67C4AF;
}

a:visited {
	color: #67C4AF;
}

a:hover {
	color: #38927D;
}

a:active {
	color: #67C4AF;
}
/*		share
-----------------------------------------------------------------*/
.RGHT {
	text-align:right;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
p.txt {
	padding-left:10px;
}
p.top {
	text-align:right;
	clear:both;
}
p.top a {
	color:#5134E1;
	padding:0 0 0px 20px;
	text-decoration:underline;
	line-height:2;
}
p.top a:hover {
	color:#5134E1;
}
p.pankuzu {
	text-align:right;
	font-size:11px;
	color:#666;
	padding:1px 0 10px 0;
}

h2 {
	position:absolute;
	top:6px;
	left:21px;
}
h3 {
	clear:both;
}
h3.bt20 {
	margin-bottom:20px;
}
h4 {
	clear:both;
}

/*		全体構造
-----------------------------------------------------------------*/
div#container {
	font-size:1.2em;
	background:url(../image/bg-y.jpg) repeat-x left top;
}
div#header {
	position:relative;
	width:850px;
	height:91px;
	margin:0 auto;
}
div#header ol {
	position:absolute;
	right:0px;
	top:10px;
	font-size:10px;
}
div#header ol li {
	display:inline;
	border-right:1px solid #838383;
}
div#header ol li.lastChild {
	border-right:none;
}
div#header ol li a {
	color:#838383;
	text-decoration:none;
	padding:0 7px 0 4px;
}
div#header ol li a:hover {
	color:#333;
	text-decoration:underline;
}

div#header ul {
	position:absolute;
	left:21px;
	top:67px;
}
div#header ul li {
	display:block;
	float:left;
	padding-right:44px;
}
div#header ul li.lastChild {
	padding-right:0px;
}
div#header ul li a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}

div#mainimg {
	background:url(../image/mainimg-bg.jpg) no-repeat;
	width:850px;
	margin:0 auto;
	height:178px;
}
div#mainimg img {
	padding:18px 0 0 42px;
}

div#main {
	width:840px;
	padding:0 10px 0 0;
	margin:15px auto 0;
	background:url(../image/main-bg.jpg) repeat-y;
	clear:both;
}
div#side {
	width:200px;
	background:url(../image/side-head.jpg) no-repeat center top;
	padding:25px 15px 0;
	float:left;
}
div#side ul ,div#side ol {
	padding-bottom:10px;
}
div#side ul li ,div#side ol li {
	padding-bottom:10px;
}
div#side ul li a:hover img ,div#side ol li a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div#side p {
	text-align:center;
	padding-bottom:30px;
}
div#side dl {
	border:1px solid #E6E6E6;
	background-color:#FFF;
	color:#838383;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:20px;
}
div#side dl dt {
	font-size:1.1em;
}
div#side ul li ul.sub li {
	padding:4px 4px 4px 15px;
}
div#side ul li ul.sub li a {
	background:url(../image/sub-arr.jpg) no-repeat 5px center;
	padding:0 0 3px 20px;
	display:block;
	color:#3573C8;
	text-decoration:none;
	border-bottom:1px solid #C6D1DF;
}
div#side ul li ul.sub li a:hover {
	background:url(../image/sub-arr-on.jpg) no-repeat 5px center;
	color:#285797;
}


div#content {
	width:600px;
	float:right;
}
div#content p {
	padding:10px 10px 20px 10px;
}

div#footbar {
	clear:both;
	background:url(../image/footer-bg.jpg) repeat-x;
	height:61px;
}
div#footer {
	background:url(../image/footer-bg.jpg) repeat-x;
	width:850px;
	margin:0 auto;
	font-size:10px;
	position:relative;
}
div#footer p {
	position:absolute;
	left:10px;
	bottom:0px;
}
div#footer p a {
	color:#333;
}
div#footer p a:hover {
	color:#666;
	text-decoration:none;
}
div#footer address {
	clear:both;
	text-align:right;
	font-style:normal;
}
div#footer ul {
	text-align:center;
	padding:10px;
}
div#footer ul li {
	display:inline;
	border-right:1px solid #666;
}
div#footer ul li.lastChild {
	border:none;
}
div#footer ul li a {
	padding:0 10px 0 8px;
	color:#666;
	text-decoration:none;
}
div#footer ul li a:hover {
	color:#CCC;
}

/*				インデックス
-----------------------------------------------------------------*/
div.caption {
	background:url(../image/welcome-logo.jpg) no-repeat right bottom #F1F7FC;
	padding:8px 10px 35px;
	margin:10px 10px 20px;
	line-height:2;
}

div#content iframe {
	width:580px;
	height:180px;
	margin:10px 10px 30px;
}

div#content div#indexDl dl {
	position:relative;
	margin:10px 0 0 0;
}
div#content div#indexDl dl.hi {
	height:120px;
}
div#content div#indexDl dl.bt {
	height:120px;
	margin-bottom:20px;
}

div#content div#indexDl dl dt {
	color:#2D71BB;
	font-weight:bold;
	width:430px;
	padding:0 0 5px 170px;
}
div#content div#indexDl dl dd {
	width:430px;
	padding:0 0 10px 170px;
}
div#content div#indexDl dl dd img {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
}

/*				新着情報
-----------------------------------------------------------------*/
table#news {
	font-size:12px;
}

table#news tr.even {
	background-color:#F3F3F3;
}
table#news td {
	padding:8px 10px;
}
table#news td a {
	color:#006699;
	text-decoration:none;
}
table#news td a:hover {
	color:#0099CC;
	text-decoration:underline;
}
/*				ライセンス
-----------------------------------------------------------------*/
div.open  {
	margin-bottom:10px;
}
div.open img {
	float:right;
	padding:10px 0 10px 20px;
}

dl.licence {
	padding:10px 10px 20px;
}
dl.licence dt {
	color:#2D71BB;
	font-weight:bold;
}
dl.licence dd {
	padding-bottom:10px;
}

div#licenceDl dl {
	position:relative;
	margin:10px 0 0 0;
}
div#licenceDl dl.hi {
	height:120px;
}

div#licenceDl dl.hi dt {
	color:#2D71BB;
	font-weight:bold;
	width:430px;
	padding:0 0 5px 170px;
}
div#licenceDl dl.hi dd {
	width:430px;
	padding:0 0 10px 170px;
}
div#licenceDl dl.hi dd img {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
}

div#licenceDl dl.hir dt {
	color:#2D71BB;
	font-weight:bold;
	width:420px;
	padding:0 0 5px 0px;
}
div#licenceDl dl.hir dd {
	width:420px;
	padding:0 0 10px 0px;
}
div#licenceDl dl.hir dd img {
	position:absolute;
	right:0px;
	top:0px;
	display:block;
}

div#licenceDl dl.h {
	height:120px;
}
div#licenceDl dl.hb {
	height:120px;
	margin-bottom:30px;
}

/*				ショップ
-----------------------------------------------------------------*/
table.shop {
	margin:0 0 20px 40px;
}
table.shop th {
	padding:0 0 10px 20px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
table.shop td {
	padding-left:20px;
	padding-bottom:5px;
	width:230px;
	vertical-align:top;
}

div.mt {
	border-bottom:1px dotted #333;
	margin-bottom:10px;
	padding:10px 0 ;
	clear:both;
}
div.mt img {
	border:1px solid #999;
	padding:5px;
	float:left;
}
div.mt ul {
	float:right;
	width:370px;
}
div.mt ul li {
	font-weight:bold;
}
div.mt ul li.com {
	font-weight:normal;
	padding:5px 0 0 2px;
}
div.mt ul li p {
	font-weight:normal;
	padding:0;
}

/*				料金表
-----------------------------------------------------------------*/
table.price {
	margin:10px 0 5px;
}
table.price th {
	text-align:left;
	font-weight:normal;
	padding:4px 10px;
	vertical-align:top;
}
table.price th.h {
	padding:8px 10px;
}
table.price td.h {
	padding:8px 0;
}
table.price td.lefth {
	text-align:left;
	padding:8px 10px;	
}
table.price td {
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	line-height:1.6;
}
table.price td span {
	color:#333;
}
table.price td img {
	padding-left:20px;
}
p.price span {
	color:#FF0000;
}
table.price td.left {
	text-align:left;
	padding:0 10px;	
}

table.price02 {
	margin:0 0 30px;
}
table.price02 th {
	text-align:left;
	font-weight:normal;
	padding:2px 10px;
	width:300px;
}
table.price02 td {
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}
table.price02 td span {
	color:#333;
}
table.price02 td img {
	padding-left:20px;
}
table.price02 td.center {
	text-align:center;
	padding:10px 0 0 20px;
}

/*				ギャラリー
-----------------------------------------------------------------*/

div.photoMt {
	clear:both;
	margin-bottom:20px;
}
div.photoMt dl {
	float:left;
	width:187px;
	padding:0 0 10px 10px;
}
div.photoMt dl dt {
	padding-bottom:4px;
	text-align:center;
}
div.photoMt dl dd {
}

/*				リンク
-----------------------------------------------------------------*/

div.link {
	padding:10px 0 10px 10px;
}
div.link img {
	float:left;
	padding-right:10px;
}
div.link div {
	float:left;
	width:390px;
}
div.links {
	padding:10px 0 10px 10px;
}
div.links img {
	float:left;
	padding:0 30px 20px 0;
}

/*				会社案内
-----------------------------------------------------------------*/
table.company {
	margin:0 0 20px 10px;
}
table.company th {
	text-align:left;
	font-weight:normal;
	padding:4px 20px;
}
table.company td {
	text-align:left;
	padding:2px 10px;
}
dl.company {
	padding:10px 0 10px 10px;
}
dl.company dt {
	color:#2D71BB;
	font-weight:bold;
}
dl.company dd {
	padding:10px 0 10px 10px;
}
div.maps {
	margin-bottom:30px;
}
div.maps img {
	float:right;
}
div.maps dl {
	width:190px;
	padding-left:10px;
}
div.maps dl dt {
	color:#2D71BB;
	font-weight:bold;
}
div.maps dl dd {
	padding:10px 0 10px 0;
}
/*				お問い合わせ
-----------------------------------------------------------------*/
p.contact span {
	color:#2D71BB;
	font-weight:bold;
	font-size:14px;
}

dl.contact {
	padding:0 0 10px 10px;
}
dl.contact dt {
	color:#2D71BB;
	font-weight:bold;
}
dl.contact dd {
	padding:10px 0 10px 0;
}

table.contact {
	margin:0 0 40px 30px;
}
table.contact th {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding:4px 20px;
}
table.contact td {
	padding:2px 10px;
}
table.contact td.top {
	padding:8px 20px;
}
/*　　流れ　*/
table.flow {
	margin:20px 0 30px 20px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
table.flow th {
	text-align:left;
	font-weight:normal;
	padding:4px 10px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#F0FFFF;
}
table.flow td {
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	line-height:1.6;
	padding:4px 20px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	width:430px;
}

/*    追加CSS　ダイビング    */
div.dive img {
	float:right;
	padding:10px 0 10px 20px;
}

/*　　追加CSS　新着情報 　*/
div#newsD {
	padding:10px;
	position:relative;
}
div#newsD h4 {
	color:#FF6600;
	padding-bottom:10px;
}
div#newsD h4 span {
	color:#666666;
	text-align:right;
	font-weight:normal;
	position:absolute;
	right:10px;
	top:10px;
}
div#newsD div {
	padding:10px;
}

/*  2009/10/15  new  */
div#new {
	width:580px;
	height:180px;
	margin:10px 10px 30px;
	overflow:scroll;
	overflow-x:hidden;
}