@import "block.css";
@import "txt.css";
@import "about_support.css";
@import "products.css";

*  {
 margin: 0px;
 padding: 0px;
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"Osaka" ,"ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif,Verdana,;
 color: #666666; 
}

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }


#wrapper {
 margin: 0 auto 0 auto; width: 938px; background: url(../_img/box_mid.gif) repeat-y 0 0;
 text-align: center;
}

#main:after { content: ".";  display: block;  clear: both; height: 0; visibility: hidden; }
#main { 
 min-height: 1px; 
 padding-bottom: 65px; /* must be same height as the footer */
}
* html #main { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


#footer {position: relative;
	margin-top: -65px; /* negative value of footer height */
	height: 65px;
	clear:both;
} 

body { 
 margin: 0 auto; 
 text-align: center; 
 background: url(../_img/back.jpg) repeat-x center -1px;/**/
 font-size: 12px; 
 line-height: 170%;
}

#content_wrap { min-height: 500px; height: auto !important; height: 500px; }

#header:after { content: ".";  display: block;  clear: both; height: 0; visibility: hidden; }
#header { min-height: 1px; background: url(../_img/h_back.jpg) repeat-x top center; }
* html #header { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.global { 
 width:305px;
 float:right; 
 height: 61px;
}
#header ul {
 list-style: none outside;
}
ul#g_menu {
 width: 156px;
 margin-top:5px;
 float:left;
}
ul#g_menu li {
float: left;
}
ul#g_menu li a {
 display: block;
 width: 78px;
 height: 17px;
 text-indent: -99999px;
 overflow: hidden;
}

ul#g_menu li.contact a { background: url(../_img/g_menu01.jpg) no-repeat top left; }
ul#g_menu li.sitemap  a { background: url(../_img/g_menu02.jpg) no-repeat top left; }

ul#g_menu li.contact a:hover,ul#g_menu li.sitemap a:hover {
 background-position: 0 -17px;
}

/* FONT SIZE ----------- */

#size {
 width: 135px;
 height: 22px;
 margin-left:12px;
 float:left;
 background: url(../_img/font_size.gif) no-repeat top left;/**/
}

ul#font { 
 float:right;
}

ul#font a,ul#font li { display: block; margin:0; padding: 0px; height: 22px;width: 23px; }

ul#font li#small, ul#font li#normal, ul#font li#large  { display:block; float: left; }

ul#font li img { }
/* for mac ie \*/
#font a { overflow: hidden; }
/* */


h1 {
 margin-top: 9px;
 display: block; 
 text-indent: -99999px; 
 background: url(../_img/logo.jpg) top left; 
 width: 134px; 
 height: 40px; 
 float: left; 
} 
h1 a {
 width: 134px; 
 height: 40px;
 display: block;  
 overflow: hidden; 
}

#menu:after { content: ".";  display: block;  clear: both; height: 0; visibility: hidden; }
#menu { 
 min-height: 1px; 
 width: 938px;
 clear:both;
 display: block; 
 background: url(../_img/h_back.jpg) no-repeat bottom center;
}
* html #menu { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


#menu ul {
 margin: 0px auto 6px auto; text-align: center; padding: 0;  
 list-style: none outside; width: 930px;background: url(../_img/menu.jpg) no-repeat top left;height: 34px;
}
#menu ul li { 
 display: block; float: left; 
}
#menu ul li a { 
 display: block; 
 width: 155px; 
 height: 34px; 
 text-indent: -9999px; 
 background: url(../_img/menu.jpg);
 overflow: hidden;
}

/* ( out ) */
#menu li#products a { background-position: 0 0; }
#menu li#enjoy a { background-position: -155px 0; }
#menu li#about a { background-position: -310px 0; }
#menu li#shop a { background-position: -465px 0; }
#menu li#support a { background-position: -620px 0; }
#menu li#contact a { background-position: -775px 0; }

/* ( active ) */
.products    #menu li#products a { background-position:  0 -34px; }
.enjoy #menu li#enjoy a { background-position: -155px -34px; }
.about     #menu li#about a { background-position: -310px -34px; }
.shop    #menu li#shop a { background-position: -465px -34px; }
.support    #menu li#support a { background-position: -620px -34px; }
.contact    #menu li#contact a { background-position: -775px -34px; }


/* ( over ) */
#menu li#products a:hover { background-position: 0 -34px; }
#menu li#enjoy a:hover { background-position: -155px -34px; }
#menu li#about a:hover { background-position: -310px -34px; }
#menu li#shop a:hover { background-position: -465px -34px; }
#menu li#support a:hover { background-position: -620px -34px; }
#menu li#contact a:hover { background-position: -775px -34px; }

#flash {  }
#flash img { display: block; clear: both; }

/* top page box */

#boxA #boxA_top { width: 938px; background-image: url(../_img/box_top2.gif);
    background-position: 0 0; background-repeat: no-repeat;  }
	
#boxA { margin: 0 auto; width: 938px;  background-image: url(../_img/box_mid.gif);
    background-position: 0 0; background-repeat: repeat-y;  }

*:first-child+html #boxA { /*position: relative;	left: 0px;*/ }
#boxA, x:-moz-broken {/* margin-left: 5px;*/ /* Fx 3.0 以降に適用される */ }

#boxA #boxA_inside { padding-top: 15px; padding: 15px 10px 0 0; }

#boxA .mid:after { content: ".";  display: block;  clear: both; height: 0; visibility: hidden; }
#boxA .mid { min-height: 1px; background:url(../_img/box_top2.gif) no-repeat 0px -13px; padding-left: 10px; }
* html #boxA .mid { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


/* lower page box */

#boxB #boxB_top { width: 938px; background-image: url(../_img/box_top3.gif);
    background-position: 0 0; background-repeat: no-repeat;  }
	
#boxB { margin: 0 auto; width: 938px;  background-image: url(../_img/box_mid.gif);
    background-position: 0 0; background-repeat: repeat-y;  }

#boxB #boxB_inside { padding-top: 15px; padding: 11px 10px 0 0; }

#boxB .mid:after { content: ".";  display: block;  clear: both; height: 0; visibility: hidden; }
#boxB .mid { min-height: 1px; background:url(../_img/box_top3.gif) no-repeat 0px -11px; padding: 0 0 0 12px; text-align: left; }
* html #boxB .mid { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

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

#recommend { width: 260px; float: left; }
#recommend h2 { background:url(../../_img/contents.gif) no-repeat 0 0; width: 260px; height: 30px; text-indent: -99999px; margin-bottom: 5px;}

#recommend li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#recommend li { min-height: 1px; margin-bottom: 5px; width: 250px; }
* html #recommend li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

#recommend li strong { float: left; display: block; width:170px; text-align: left; margin-left: 5px; }
#recommend li strong img { float:none; position:relative; top: 2px; left:3px; }

a.pic { float:left;width:65px;margin: 0 0 0 5px; } 


#information { width: 414px; float: left; margin-left: 15px; }
#information h2 { background:url(../../_img/information.gif) no-repeat 0 0; width: 414px; height: 30px; margin-bottom: 5px; text-align: right;  }
#information h2 img { margin: 7px 7px 0 0; }
#information dl { text-align: left; }
#information dl a { color: #666; }
#information dl a:hover { color: #3FC6D6; }
#information dt a { color: #113069; font-weight: bold; }
#information dt.new { background: url(../../_img/new.gif) no-repeat center left; padding-left: 50px; }
#information dd { background: url(../_img/dot.gif) repeat-x bottom left; margin-bottom: 3px; padding-bottom: 7px;}

dl.news { text-align: left; margin: 10px; }
dl.news dt { color: #113069; font-weight: bold; }
dl.news dt.new { background: url(../../_img/new.gif) no-repeat center left; padding-left: 50px; }
dl.news dd { background: url(../_img/dot.gif) repeat-x bottom left; margin-bottom: 3px; padding-bottom: 7px;}

#pickup { float:right; width:215px; }
#pickup h2 { background:url(../../_img/pickup.gif) no-repeat 0 0; width: 215px; height: 30px; text-indent: -99999px; margin-bottom: 5px; }
#pickup li { margin-bottom: 10px; }

/* lower page */

#content_wrap { margin:15px 0 0 0; }

#pankuzu { margin:10px 0 0 3px; }
#pankuzu a { background: url(../_img/arrow.gif) no-repeat right 0.2em; padding: 0 15px 0 0; }
#pankuzu ul li { display: inline; }


#submenu { width:150px; float:left; display: block; }

#submenu ul li { margin-bottom: 2px; }

#submenu ul li a { overflow: hidden; }

a#racing { background:url(../../products/_img/menu01.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#racing_fitness { background:url(../../products/_img/menu02.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#fitness { background:url(../../products/_img/menu03.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#opti { background:url(../../products/_img/menu04.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#kids { background:url(../../products/_img/menu05.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#swimmingcaps { background:url(../../products/_img/menu06.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#accessories { background:url(../../products/_img/menu07.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }

a#news { background:url(../../_img/news/menu01.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }

a#swim { background:url(../../_img/enjoy/menu01.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#pool { background:url(../../_img/enjoy/menu02.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#omoikomi { background:url(../../_img/enjoy/menu03.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#question { background:url(../../_img/enjoy/menu04.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#gogglenavi { background:url(../../_img/enjoy/menu05.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }
a#contest { background:url(../../_img/enjoy/menu06.gif) no-repeat top left; text-indent:-99999px; display:block; height:30px; }

/* ( active ) */
.racing  #submenu a#racing,.racing_fitness #submenu a#racing_fitness,.fitness #submenu a#fitness,.opti #submenu a#opti,.kids #submenu a#kids,.swimmingcaps #submenu a#swimmingcaps,.accessories #submenu a#accessories { background-position:  0 -30px; }

.swim #submenu a#swim,.pool #submenu a#pool,.omoikomi #submenu a#omoikomi,.question #submenu a#question,.gogglenavi #submenu a#gogglenavi,.contest #submenu a#contest { background-position: 0 -30px; }

.news  #submenu a#news { background-position:  0 -30px; }

/* ( hover ) */
a#racing:hover,a#racing_fitness:hover,a#fitness:hover,a#opti:hover,a#kids:hover,a#swimmingcaps:hover,a#accessories:hover,a#news:hover { background-position: 0 -30px; }

a#swim:hover,a#pool:hover,a#omoikomi:hover,a#question:hover,a#gogglenavi:hover,a#contest:hover { background-position: 0 -30px; }


#submenu ul.sub { margin:0; padding:0; list-style:none outside; }
#submenu ul.sub li { height:24px; background:url(../_img/sub_menu.gif) no-repeat top left; display:block; margin:0; }
#submenu ul.sub li a { position:relative; top:2px; left: 15px; }


.content{ width:754px; float:right; padding-bottom: 30px; }

.wide .content { width:915px; float:left; }



/* FOOTER ------------------------------------------------------------------------------- */

#footer {
 /*margin: 0px auto; ------- don't use it */ 
 text-align: center;
 background: url(../_img/f_back.gif) repeat-x; 
}
.f_box { background:url(../_img/box_btm2.gif) no-repeat 0px 0px;margin:0 auto;height:65px; width: 938px; text-align: left; }
.f_box img.top { position: relative; top: 10px; left: 836px; }
a.top { background:url(../_img/top.gif) no-repeat 0px 0px; width:98px; height:18px; display: block; overflow: hidden;position: relative; top: 10px; left: 836px; text-indent: -99999px; }


.f_box ul { background: url(../_img/f_navi_back.gif) no-repeat top left; width: 330px; height: 11px; position: relative; top: 26px; /*left: 8px;*/ margin-left: 98px;_margin-left: 94px; }
.f_box li a,.f_box li { display: block; float: left; text-indent: -99999px; overflow: hidden; height: 11px; background-repeat: no-repeat; }

.f_box li.home,.f_box li.home a  { background: url(../_img/f_navi01.gif); width:32px; margin: 0 7px 0 2px;_margin: 0 7px 0 1px; }
.f_box li.sitemap,.f_box li.sitemap a { background: url(../_img/f_navi02.gif); width:58px; margin: 0 10px 0 0;_margin: 0 10px 0 0; }
.f_box li.contact,.f_box li.contact a { background: url(../_img/f_navi03.gif); width:60px; margin: 0 10px 0 0;_margin: 0 10px 0 0; }
.f_box li.exemption,.f_box li.exemption a { background: url(../_img/f_navi04.gif); width:41px; margin: 0 10px 0 0;_margin: 0 10px 0 0; }
.f_box li.privacy,.f_box li.privacy a { background: url(../_img/f_navi05.gif); width:94px; }

a.tabata { background: url(../_img/tabata.gif) no-repeat top left; width:79px; height:30px; float: left; margin: 12px 0 0 4px;_margin: 12px 0 0 2px; overflow: hidden; text-indent: -99999px; display: block; } 

#top a.tabata { background: url(../_img/tabata.gif) no-repeat top left; width:79px; height:30px; float: left; margin: 30px 0 0 4px;_margin: 30px 0 0 2px; overflow: hidden; text-indent: -99999px; display: block; } 

/* top page */
#top .f_box { background:url(../_img/box_btm.gif) no-repeat 0px 0px;margin:0 auto;height:65px; width: 938px; text-align: left; }

#top .f_box ul { background: url(../_img/f_navi_back.gif) no-repeat top left; width: 330px; height: 11px; position: relative; top: 44px; /*left: 8px;*/ margin-left: 98px;_margin-left: 94px; }
#top .f_box li a,.f_box li { display: block; float: left; text-indent: -99999px; overflow: hidden; height: 11px; background-repeat: no-repeat; }

#top .f_box li.home,.f_box li.home a  { background: url(../_img/f_navi01.gif); width:32px; margin: 0 7px 0 2px;_margin: 0 7px 0 1px; }
#top .f_box li.sitemap,.f_box li.sitemap a { background: url(../_img/f_navi02.gif); width:58px; margin: 0 10px 0 0;_margin: 0 10px 0 0; }
#top .f_box li.contact,.f_box li.contact a { background: url(../_img/f_navi03.gif); width:60px; margin: 0 10px 0 0;_margin: 0 10px 0 0; }
#top .f_box li.exemption,.f_box li.exemption a { background: url(../_img/f_navi04.gif); width:41px; margin: 0 10px 0 0;_margin: 0 10px 0 0; }
#top .f_box li.privacy,.f_box li.privacy a { background: url(../_img/f_navi05.gif); width:94px; }