@charset "utf-8";
body {
	font: 90% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFFFFF;
	background: #000000;
	text-align: center;
}
img a {
	border-style: none;
}

#wrapper {
	background: url(../images/bg.png) repeat-x top;
}

#wrapper2 {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 1024px;
}
#header {
	height: 95px;
}

h1 {
	float: left;
}
#header ul {
	float: right;
	padding-top: 50px;
	width: 400px;
}
#header ul a {
	color: #FFFFFF;
	text-decoration: none;
}
#header li {
	line-height: 100%;
	float: left;
	height: 20px;
	margin-left: 25px;
	background: url(../images/eyecatch.png) no-repeat;
	padding-left: 20px;
}
#globalmenu ul {
	height: 28px;
	padding-top: 7px;
	padding-bottom: 25px;
}
#globalmenu a {
	height: 28px;
	width: 90px;
	color: #2A6A80;
	text-decoration: none;
	display: block;
	font-size: 1%;
}
#globalmenu li {
	float: left;
	height: 28px;
	width: 90px;
	font-size: 1%;
	color: #ECE9D8;
	padding-right: 3px;
}
#globalmenu #cat {
	background: url(../images/menu_catalog_ov.png) no-repeat;
}
#globalmenu #eq {
	background: url(../images/menu_eq.png) no-repeat;
}
#globalmenu #colm {
	background: url(../images/menu_column.png) no-repeat;
}
#globalmenu #wind {
	background: url(../images/menu_windsurf.png) no-repeat;
}
#globalmenu #deta {
	background: url(../images/menu_deta.png) no-repeat;
}
#globalmenu #home {
	background: url(../images/menu_home.png) no-repeat;
}
#globalmenu #tec {
	background: url(../images/menu_tec.png) no-repeat;
}
#globalmenu #topic {
	background: url(../images/menu_arc.png) no-repeat;
}
#globalmenu #trip {
	background: url(../images/menu_trip.png) no-repeat;
}

#main {
	height: auto;
	width: 1024px;
	background: url(../images/top_sidebar_bg.png) repeat-y 705px;
}
#howtouse {
	width: 680px;
	margin-bottom: 25px;
}
#left {
	float: left;
	height: auto;
	width: 680px;
}
#left #howtouse h4 {
	font-size: 100%;
	line-height: 200%;
	background: url(../images/eyecatch.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}
#left #howtouse a {
	color: #FFFFFF;
}
#left #howtouse p {
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 150%;
}
#left #howtouse li {
	list-style: square inside;
	line-height: 170%;
	font-size: 85%;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 15px;
}
#main #left h3 {
	background: url(../images/top_bar.png) no-repeat;
	height: 41px;
	font-size: 120%;
	padding-left: 30px;
	padding-top: 5px;
	line-height: 150%;
}
#main  #left  #cat_betu {
	background: url(../images/main_leftbg.png) repeat-y;
	margin-bottom: 25px;
	border-bottom: 1px solid #2F7BA5;
}
#cat_betu ul a {
	color: #FFFFFF;
	font-size: 90%;
	line-height: 160%;
}
#cat_betu ul {
	margin-top: 5px;
	margin-bottom: 10px;
	color: #009999;
}
#cat_betu li {
	height: 20px;
}


#boards {
	margin-right: 25px;
	margin-left: 25px;
	padding-bottom: 15px;
}
#sails {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#masts {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#booms {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#joints {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#fins {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#harness {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#access {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#wet {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#sup {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
	padding-bottom: 15px;
}
#kid {
	margin-right: 25px;
	margin-left: 25px;
	clear: left;
	height: auto;
}
#space {
	width: 20px;
}
#cat_betu tr {
	color: #009999;
	font-size: 90%;
	line-height: 180%;
}
#cat_betu tr a {
	color: #FFFFFF;
}
#end {
	clear: left;
}






#main #sidemenu {
	width: 300px;
	float: left;
	height: auto;
}
#sidemenu h3 {
	font-size: 120%;
	color: #66FFFF;
	height: 27px;
	padding-left: 15px;
	margin-left: 40px;
	line-height: 170%;
	margin-bottom: 5px;
	margin-top: 5px;
	background: url(../images/mt_eyecatch.png) no-repeat;
}
#sidemenu ul {
	margin-left: 45px;
	padding-top: 10px;
}
#sidemenu #brand {
	height: auto;
	margin-bottom: 20px;
}
#sidemenu #category {
	margin-bottom: 20px;
}

#sidemenu a {
	color: #FFFFFF;
}
#sidemenu li {
	margin-bottom: 5px;
}
#sidemenu #seach p {
	padding-left: 50px;
}


#main h5 {
	width: 100px;
	height: 30px;
	padding-left: 850px;
	background: url(../images/eyecatch_g.png) no-repeat 830px;
}
#main h5 a {
	color: #6CA6BF;
}
#main #sidemenu img{
	padding-left: 50px;
}



#footer {
	clear: both;
	height: auto;
	width: 1024px;
}
#footer  p   {
	text-align: center;
	line-height: 150%;
}
#footer img {
	margin-right: 10px;
	margin-top: 15px;
	border-style: none;
	margin-bottom: 15px;
}
#footer  h5 {
	color: #66FFFF;
	background: url(../images/eyectch3.png) no-repeat;
	clear: left;
	width: 150px;
	height: 25px;
	margin-left: 720px;
}
#footer h5 a {
	color: #FFFFFF;
	text-decoration: underline;
	padding-left: 20px;
	line-height: 200%;
}

/* seach */
.class{
margin-left:45px;;
}

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

ul.tree {
    margin: 0!important;
    padding: 0!important;
    font-size: 9px;
    list-style: none!important;
}
ul.tree ul {
    margin: 0!important;
    padding: 0!important;
}
ul.tree li {
    margin: 0!important;
    padding: 0 0 0 16px!important;
    background-image: url(tree_lst.gif);
    background-repeat: no-repeat!important;
    list-style: none!important;
}
ul.tree li.tree_end {
    background-image: url(tree_end.gif);
    list-style: none;
}