@charset "euc-jp";
@import "block.css";
@import "txt.css";


* { margin: 0; }
html {/*overflow-x: hidden; */background:url(http://snorkeling.jp/_common/_img/back.jpg)  repeat-y top center;/**/ }
html, body { height: 100%; }

#container { margin: 0 auto 0 auto;  text-align: center; height:100%; width: 1100px;
background: url(http://snorkeling.jp/_common/_img/c_back.jpg) repeat-y top center;/**/ } 

#wrapper { margin: 0 auto 0 auto;  text-align: center;  width: 1100px; height:100%; 
 
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.wrapper {
	position: relative;
	width: 1100px;
	font-size: 0.9em;
	margin: 0 auto -142px;
	text-align: left;
	/*background: url(http://snorkeling.jp/_common/_img/c_back.jpg) repeat-y top center; */
	background:url(http://snorkeling.jp/_common/_img/h_back.jpg)  no-repeat top center; 
}

.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}
.push { width: 1100px; }
.footer {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	/*background: url(footer.jpg) no-repeat;*/
	background:url(http://snorkeling.jp/_common/_img/f_back2.jpg)  no-repeat bottom center;
}


.footer p,.footer .f_navi {
	position: absolute;
	left: 120px;
	bottom: 4px;
	width: 542px;
	padding: 0;
	text-align: left;
}

.footer .f_navi { 
 width:542px; height: 15px; 
 background: url(http://snorkeling.jp/_common/_img/f_navi_back.gif) no-repeat 0px 3px;
 _background: url(http://snorkeling.jp/_common/_img/f_navi_back.gif) no-repeat 0px 0px;
}

.f_navi ol{ margin:0;padding:0;list-style:none; }
.f_navi ol li { display: inline; margin-right: 7px;_margin-right: 6px; }

/*---------------------------------------------------------------------*/

#header {
 width: 805px;
 margin: 0 auto 0 auto;
 text-align: center;
 display: block; clear: both;
 position: relative;
 top: 3px;/**/
 /*filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;*/
}
#header img.logo { float: left; }

#header ul {
 width: 380px;
 float: right;
 margin-right: 3px;
}
#header ul li {
 float: right;
 margin-left: 10px;_margin-left: 8px;
}

/* menu */
#menu     { overflow: hidden; height: 41px; display: block; clear: both; margin: 0 auto; text-align: center; 
width: 885px;_width: 804px; position: relative; top: 10px;/**/ left: 0; }

*:first-child+html #menu { margin-left: 150px; }

#menu li { display: inline; float: left; }
#menu li a { width: 134px; height: 41px; text-indent: -9999px; float: left; background: url(../../_common/_img/menu.gif); }

/* ( out ) */
#menu li#concept a { background-position: 0 0; }
#menu li#products a { background-position: -134px 0; }
#menu li#guide a { background-position: -268px 0; }
#menu li#shop a { background-position: -402px 0; }
#menu li#seminar a { background-position: -536px 0; }
#menu li#fun a { background-position: -669px 0; }

/* ( active ) */
.concept    #menu li#concept a { background-position: 0 -41px; }
.products #menu li#products a { background-position: -134px -41px; }
.guide     #menu li#guide a { background-position: -268px -41px; }
.shop    #menu li#shop a { background-position: -402px -41px; }
.seminar    #menu li#seminar a { background-position: -536px -41px; }
.fun    #menu li#fun a { background-position: -669px -41px; }

/* ( over ) */
#menu li#concept a:hover { background-position: 0 -41px; }
#menu li#products a:hover { background-position: -134px -41px; }
#menu li#guide a:hover { background-position: -268px -41px; }
#menu li#shop a:hover { background-position: -402px -41px; }
#menu li#seminar a:hover { background-position: -536px -41px; }
#menu li#fun a:hover { background-position: -669px -41px; }

/**/

#main {
 margin: 0 auto 0px auto; 
 text-align: center; 
 padding-bottom: 0px;
 width: 804px;
 display: block;
 clear: both;
 position: relative; top: 30px;/**/
 /*padding-top: 0px; margin-top: 15px;*/
}

#pankuzu {
 text-align: left;
 width: 804px;
 padding: 10px 0 0 5px;font-size: 10px;
}
#pankuzu ol {
 list-style: none outside; margin:0; padding:0; font-size: 10px;
}
#pankuzu ol li {
 display: inline;font-size: 10px;
}
#pankuzu a { font-size: 10px; }

.main_box {
 display: block; clear: both; padding: 20px 0 0 0; margin: 0; }
#submenu { float:left; width:133px; }

#contents { 
 float:right; width:652px; text-align:left;
 }

body#wide #contents {
 float:left; width:802px; text-align:left;
}

/* txt */
body.products h2 { background: url(http://snorkeling.jp/products/_img/header.gif) no-repeat top left; width: 804px; height: 28px; }

h3 { margin-bottom: 5px; }

a.page_top { margin: 20px 0;_margin: 0; text-indent: -99999px; display: block; overflow: hidden;
	background-image: url(http://snorkeling.jp/_common/_img/pagetop.gif); width: 137px; height: 33px ; float: right; }

a.p_btn { margin: 20px 0; text-indent: -99999px; display: block; overflow: hidden;
	background-image: url(http://snorkeling.jp/products/_img/product_btn.gif); width: 201px; height: 24px ; }

h3.accessory { background: url(http://snorkeling.jp/products/accessory/_img/headline.gif) no-repeat top left; width: 651px; height: 28px; text-indent: -9999px; }
h3.mask { background: url(http://snorkeling.jp/products/mask/_img/headline.gif) no-repeat top left; width: 651px; height: 28px; text-indent: -9999px; }
h3.fin { background: url(http://snorkeling.jp/products/fin/_img/headline.gif) no-repeat top left; width: 651px; height: 28px; text-indent: -9999px; }
h3.snorkel { background: url(http://snorkeling.jp/products/snorkel/_img/headline.gif) no-repeat top left; width: 651px; height: 28px; text-indent: -9999px; }
h3.snorkeling-set { background: url(http://snorkeling.jp/products/snorkeling-set/_img/headline.gif) no-repeat top left; width: 651px; height: 28px; text-indent: -9999px; }
h3.parts { background: url(http://snorkeling.jp/products/parts/_img/headline.gif) no-repeat top left; width: 651px; height: 28px; text-indent: -9999px; }

.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

.pagetop { display:block; width:800px;clear:both;background:url(http://snorkeling.jp/_common/_img/line4.gif) no-repeat top left; padding:10px 0 0 0; }

.pagetop2 { display:block; width:650px;clear:both;background:url(http://snorkeling.jp/_common/_img/line2.gif) no-repeat top left; padding:10px 0 0 0; margin-top:10px; }

body.news .pagetop2,body.products .pagetop2 { background: none; }

.pagetop a,.pagetop2 a { float:right; width: 137px; height: 72px; clear:both;text-indent: -99999px; display: block; overflow: hidden; background: url(http://snorkeling.jp/_common/_img/pagetop.gif) no-repeat top left; }