@charset "utf-8";
@import "http://";


/* formatting style
-----------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

body {
	background-image: url(img/bg_stripe_gray.gif);
	background-repeat: repeat;
	color: #333333;
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.6;
}

hr {
	display: none;
}

/* link styles
-----------------------------*/
a img {
	border-style: none;
}



a:link {
	color: #0000FF;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #000099;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* basic layout
-----------------------------*/
#container {
	width: 750px;
	margin: 0px auto;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background-color: #FFFFFF;
}

#topicPath {
	border-bottom: 1px solid #333333;
	background-color: #ffffff;
	padding: 5px 0px 5px 15px;
}

#main {
	float: right;
	width: 460px;
	margin-top: 5px;
	padding: 15px 15px 0px 15px;
}
#sidebar {
	float: left;
	width: 230px;
	margin-top: 5px;
	padding: 10px;
}

#footer {
	clear: both;
	background-color: #FFFFFF;
	color: #333333;
}


/* header styles
-----------------------------*/
#header {
	position: relative;
/*	height: 210px; */
	height: 290px; 
	background-image: url(img/splash_water.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#home #header h1 {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 200%;
	font-weight: bold;
}

#header h1 {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 110%;
	font-weight: bold;
}

/* global navi styles
-----------------------------*/
#header ul#navi {
	position: absolute;
	left: 0px;
/*	top: 122px; */
	top: 202px;
	width: 748px;
	background-color: #FFFFFF;
}

#header ul#navi li {
	list-style: none;
	float: left;
	font-weight: bold;
}
#header ul#navi li a {
	display: block;
	width: 123px;
	height: 2.3em;
	margin-bottom: 2px;
	border-left: 2px solid #FFFFFF;
	border-bottom: 3px double #999999;
	background-image: url(img/btn_blue.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #444444;
	text-decoration: none;
	text-align: center;
	line-height: 2.3em;
}
#header ul#navi li#nHome a,
#header ul#navi li#nCampaign a{
	border-left-style: none;
}

#header ul#navi li a:hover {
	border-bottom: 3px solid #FFCC00;
	background-image: url(img/btn_yellow.gif);
}

#home #header #navi #nHome a,
#course #header #navi #nCourse a,
#fanDive #header #navi #nFanDive a,
#tourReport #header #navi #nTourReport a,
#photoGallery #header #navi #nPhotoGallery a,
#equipment #header #navi #nEquipment a,
#campaign #header #navi #nCampaign a,
#shop #header #navi #nShop a,
#question #header #navi #nQuestion a,
#link #header #navi #nLink a,
#english #header #navi #nEnglish a,
#sitemap #header #navi #nSitemap a {
	border-bottom: 3px double #999999;
	background-image: url(img/btn_navy.gif);
	color: #FFFF00; 
}

/* topic path styles
-----------------------------*/
#topicPath ul {
	font-size: 80%;
}

#topicPath ul li {   
    display:inline;   
    list-style-type:none;   
}

#topicPath ul li a {
    padding-right:20px;   
	background-image: url(img/yaji_black.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #333333;
}  

#topicPath ul li a:hover {
	color: #000099;
	text-decoration: none;
}


/* main styles
-----------------------------*/
#main h2 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0px 10px 50px;
	border-top: 3px solid #FF6600;
	border-bottom: 1px dotted #666666;
	background-image: url(img/fish_kakurekum.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 120%;
	font-weight: bold;
}

#home #main h2 {
	background-image: url(img/fish_kakurekum.gif);
}
#course #main h2 {
	background-image: url(img/fish_nanyhag.gif);
}

#course #main h2.logoPadi {
	background-image: url(img/logo_PADI_small.gif);
}
#course #main h2.logoStars {
	background-image: url(img/logo_Stars_small.gif);
}

#fanDive #main h2 {
	background-image: url(img/fish_hirame.gif);
}
#tourReport #main h2 {
	background-image: url(img/fish_chocho.gif);
}
#photoGallery #main h2 {
	background-image: url(img/fish_emperaf.gif);
}
#equipment #main h2 {
	background-image: url(img/fish_hammerhed.gif);
}
#campaign #main h2 {
	background-image: url(img/fish_napoleon.gif);
}
#shop #main h2 {
	background-image: url(img/fish_jinbe.gif);
}
#question #main h2 {
	background-image: url(img/fish_kuromag.gif);
}
#link #main h2 {
	background-image: url(img/fish_ankou.gif);
}
#english #main h2 {
	background-image: url(img/fish_ryugut.gif);
}
#sitemap #main h2 {
	background-image: url(img/fish_hatatatehz.gif);
}

#main h3 {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
}

#main p {
	margin-bottom: 1em;
	line-height: 1.8;
}
#main p.clear {
	clear: both;
}
#main p.small {
	clear: both;
	font-size: 80%;
}
#main p.bg_padi {
	padding-left: 70px;
	background-image: url(img/bg_padi.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 400px; 
	padding-top: 15px;
	margin-top: 2em;
}

/* 
#main p.to2daysCourse {
	float: right;
	width: 180px; 
	height: 50px;
}
*/

#main img {
	float: left;
	margin: 0px 10px 10px 0px; 
	padding: 5px;
	border: none;
}

#main img.border {
	border: 1px solid #cccccc;
}

#main img.inline {
	vertical-align: middle;
	float: none;
	margin: 0px;
	padding: 5px;
}

#main em {
	padding-right: 5px;
	padding-left: 5px;
	color: #FF6600;
	font-weight: bold;
	font-size: 140%;
}


#main a {
/* display: inline-block; */
 display: inline; 
/* display: block; */
	padding-top: 2px;
	padding-left: 25px;
	background-image: url(img/maru_ya_sky.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 1em;
}
#main a.no_background_image {
	margin-left: 0px;
	padding-left: 0px;
	background-image: none; 
}

#main a:hover {
	background-image: url(img/sankaku_navy.gif);
}



/* gallery styles
-----------------------------*/
#main div.gallery{
	margin-bottom: 10px;
}

#main div.gallery a{
/* display: inline-block; */
	background-image: none; 
}

/* link contents layout
-----------------------------*/
#main div.contents {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #666666;
}

/* equipment layout
-----------------------------*/
#main div.item {
	float: left;
	width: 128px;
	margin-bottom: 10px;
	padding: 0px;
}


/* staff layout
-----------------------------*/
#main div.staff {
	clear: both;
}

#main div.staff dl dt {
	background-image: none;
	color: #0000cc;
	font-weight: bold;
}
#main div.staff dl dd {
	background-image: none;
}


/* table styles
-----------------------------*/
#main table {
	margin-top: 20px;
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
}
#main table th {
	text-align: right;
	padding: 5px 15px;
	border-bottom: 1px solid #CCCCCC;
}
#main table th.left {
	text-align: left;
}

#main table td {
	padding: 5px 15px;
	border-bottom: 1px solid #CCCCCC;
}
#main table caption {
	text-align: right;
	font-weight: bold;
}
#main table tr.paint {
	background-color: #EFEFEF;
}
#main table th.red {
	color: #FF0033;
}
#main table th.blue {
	color: #0000CC;
}

/* dl dt dd styles
-----------------------------*/
#main dl dt {
	background-image: url(img/leaf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-weight: bold;
}
#main dl dd {
	background-image: url(img/shikaku_blue.gif); 
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	margin-left: 2em;
	line-height: 1.6;
	margin-bottom: 1em;
}

/* ul li styles
-----------------------------*/
#main ul {
	margin-left: 10px;
	list-style-position: inside;
}

/* form
-----------------------------*/
#main form {
	margin-bottom: 25px;
}
#main input[type="text"], 
#main textarea {
	padding: 2px;
	border: 1px solid #999999;
}
#main form em {
	color: #FF0000;
	padding-left: 5px;
	font-size: 100%;
}

#main form input#yourAge {
	width: 30px;
}
#main form input#yourAddress,
#main form input#eMail {
	width: 250px;
}
#main form textarea#schedule,
#main form textarea#question {
	overflow: auto;
	height: 120px;
	width: 250px;
}



/* sitemap styles
-----------------------------*/
#sitemap #main a {
	margin: 0px;
	padding: 0px;
	background-image: none;
	font-size: 85%;
    line-height : 190%;
}

#sitemap #main ul {
   margin-bottom: 1em;
   list-style-image: url("img/ya_black.gif");
   text-indent: 2em;
}

#sitemap #main ul ul {
   list-style-image: url("img/ya_orange.gif");
   text-indent: 4em;
}
#sitemap #main ul ul ul {
   list-style-image: url("img/ya_blue.gif");
   text-indent: 6em;
}
#sitemap #main ul ul ul ul {
   list-style-image: url("img/ya_green.gif");
   text-indent: 8em;
}
#sitemap #main ul ul ul ul ul {
   list-style-image: url("img/ya_red.gif");
   text-indent: 10em;
}


/* sidebar contents layout
-----------------------------*/
#sidebar div.sideContents {
	width: 220px;
	height:300px;
	margin: 10px 0px 30px;

	padding-top: 10px;

	background-image: url(img/fusen.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#sidebar div.sideContents h2 {
	width: 185px;
	height: 40px;
	margin: 30px 0px 10px 15px;
	border-bottom: 3px solid #0066cc;
	background-image: url(img/fish_hatadai.gif); 
 	background-repeat: no-repeat;
	background-position: left center;
	font-size: 100%;
	font-weight: bold;
 	text-indent: 40px;
	line-height: 40px;
}

#home #sidebar div.sideContents h2 {
	background-image: url(img/fish_hatadai.gif); 
}
#course #sidebar div.sideContents h2 {
	background-image: url(img/fish_tatu.gif); 
}
#fanDive #sidebar div.sideContents h2 {
	background-image: url(img/fish_harisen.gif);
}
#tourReport #sidebar div.sideContents h2 {
	background-image: url(img/fish_manta.gif);
}
#photoGallery #sidebar div.sideContents h2 {
	background-image: url(img/fish_misujiryu.gif);
}
#equipment #sidebar div.sideContents h2 {
	background-image: url(img/fish_nekoshark.gif);
}
#campaign #sidebar div.sideContents h2 {
	background-image: url(img/fish_izari.gif);
}
#shop #sidebar div.sideContents h2 {
	background-image: url(img/fish_reefstg.gif);
}
#question #sidebar div.sideContents h2 {
	background-image: url(img/fish_nejrin.gif);
}
#link #sidebar div.sideContents h2 {
	background-image: url(img/fish_feyaco.gif);
}
#english #sidebar div.sideContents h2 {
	background-image: url(img/fish_leafysd.gif);
}
#sitemap #sidebar div.sideContents h2 {
	background-image: url(img/fish_sunfish.gif);
}


#sidebar dl#news dt {
	padding-left: 20px;
}

#sidebar dl#news dd {
	margin-bottom: 6px;
	padding-left: 30px;
	font-size: 80%;
}

#sidebar div.sideContents ul {
	margin: 0px;
	font-size: 90%;
}

#sidebar div.sideContents ul.leftSide {
	float: left;
	width: 100px;
}
#sidebar div.sideContents ul.rightSide {
	float: right;
	width: 100px;
	margin-right: 5px;
}

#sidebar div.sideContents ul li {
	list-style: none;
	margin-bottom: 5px;
	margin-left: 15px;
}

#sidebar div.sideContents ul li a {
	padding-left: 18px;
	background-image: url(img/arrow_maru_black.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #0000FF;
	text-decoration: underline;
}

#sidebar div.sideContents ul li a:visited {
	color: #999999;
	text-decoration: underline;
}

#sidebar div.sideContents ul li a:hover {
	background-image: url(img/arrow_black.gif);
	color: #000099;
	text-decoration: none;
}
#sidebar div.sideContents ul li a:active {
	text-decoration: none;
}


#sidebar p {
	margin-bottom: 2em;
	line-height: 1.2;
}

#sidebar img {
	margin: 10px;
	padding: 5px;
	border: none;
}

#sidebar img.border {
	border: 1px solid #333333;
}



/* footer styles
-----------------------------*/
#footer #totop{
	margin: 20px 30px;
	text-align: right;
}

#footer #outsideLinkFooter {
	padding: 2px;
	border-top: 1px solid #333333; 
	color: #333333;
	background-color: #f4f4f4;
}
#footer #shopFooter {
	padding: 10px 15px 15px;
	color: #FFFFFF;
	background-color: #333333;
}

/* outside link footer styles
-----------------------------*/
#footer #outsideLinkFooter ul li a {
	color: #333333;
}

#footer #outsideLinkFooter ul li a:hover {
	color: #000099;
	text-decoration: none;
}

#footer #outsideLinkFooter ul {
	clear: both;
	margin: 5px;
	text-align: center;
}

#footer #outsideLinkFooter ul li {
	display: inline;
	list-style: none;
	margin-right: 20px;
}


/* shop footer styles
-----------------------------*/
#footer #shopFooter ul li a {
	color: #CCCCCC;
}

#footer #shopFooter ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footer #shopFooter ul {
	clear: both;
}

#footer #shopFooter ul li {
	display: inline;
	margin-right: 10px;
	list-style: none;
}

#footer #shopFooter address#shopAddress {
	float: right;
}

#footer #shopFooter address#copylight {
	clear: both;
	text-align: center;
}