@charset "Shift_JIS";

/*ブラウザスタイルの初期化*/

*{
	margin:0;
	padding:0;
	color:#333;
	font-family:Verdana,Arial,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",san-serif;
}

/*IE6など一部のブラウザ向け*/

th,td,form{
	margin:0;
	padding:0;
	color:#000;
	font-family:Verdana,Arial,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",san-serif;
}

/*font-size初期化*/

body{
	font-size:10px;
	_font-size:62.5%;/*IE6向け*/
}
/**/

img,object{border:0;}

p{
	text-align:justify;
	text-justify:distribute;
}

ul {list-style:none;}

.floatL {float:left;}
.floatR {float:right;}
.center {text-align:center;}

.mB20 { margin-bottom:20px;}
.mB10 { margin-bottom:10px;}
.mB40 { margin-bottom:40px;}

.mT225 {margin-top:225px;}
.mT473 {margin-top:473px;}
.clear {clear:both;}
.right {text-align:right;}
.blue { color:#006699;}
.p10 {padding:10px;}
.mL10 {margin-left:10px;}

.gray {background-color:#D9D9D9;}
.red {color:#CC0000;}
.bold {font-weight:bold;}

/*
*****************************/
body {
	font-size:12px;
	line-height:140%;
}

#container {
	width:900px;
	margin:0 auto;
}

#header_logo {
	background:url(img/contents_header_logo2.jpg) right top no-repeat;
	height:115px;
}

#global_navi ul {
	width:887px;
	padding-left:8px;
	padding-right:5px;
	background-color:#391C00;
	margin-top:1px;
	overflow:hidden;
	_height:1%;}

#global_navi ul li {
	float:left;
}

#global_navi ul li a {
	width:100%;
	display:block;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}

#contents_m1 {
	width:84px;
	height:30px;
	background:url(img/contents_m1.jpg) left top no-repeat;
}

#contents_m2 {
	width:122px;
	height:30px;
	background:url(img/contents_m2.jpg) left top no-repeat;
}

#contents_m3 {
	width:118px;
	height:30px;
	background:url(img/contents_m3.jpg) left top no-repeat;
}

#contents_m4 {
	width:98px;
	height:30px;
	background:url(img/contents_m4.jpg) left top no-repeat;
}

#contents_m5 {
	width:103px;
	height:30px;
	background:url(img/contents_m5.jpg) left top no-repeat;
}

#contents_m6 {
	width:104px;
	height:30px;
	background:url(img/contents_m6.jpg) left top no-repeat;
}

#contents_m7 {
	width:112px;
	height:30px;
	background:url(img/contents_m7.jpg) left top no-repeat;
}

#contents_m8 {
	width:146px;
	height:30px;
	background:url(img/contents_m8.jpg) left top no-repeat;
}

#contents_m1 a:hover {background:url(img/contents_m1_over.jpg) left top no-repeat;}
#contents_m2 a:hover {background:url(img/contents_m2_over.jpg) left top no-repeat;}
#contents_m3 a:hover {background:url(img/contents_m3_over.jpg) left top no-repeat;}
#contents_m4 a:hover {background:url(img/contents_m4_over.jpg) left top no-repeat;}
#contents_m5 a:hover {background:url(img/contents_m5_over.jpg) left top no-repeat;}
#contents_m6 a:hover {background:url(img/contents_m6_over.jpg) left top no-repeat;}
#contents_m7 a:hover {background:url(img/contents_m7_over.jpg) left top no-repeat;}
#contents_m8 a:hover {background:url(img/contents_m8_over.jpg) left top no-repeat;}

#contents_m1 a.stay {background:url(img/contents_m1_over.jpg) left top no-repeat;}
#contents_m2 a.stay {background:url(img/contents_m2_over.jpg) left top no-repeat;}
#contents_m3 a.stay {background:url(img/contents_m3_over.jpg) left top no-repeat;}
#contents_m4 a.stay {background:url(img/contents_m4_over.jpg) left top no-repeat;}
#contents_m5 a.stay {background:url(img/contents_m5_over.jpg) left top no-repeat;}
#contents_m6 a.stay {background:url(img/contents_m6_over.jpg) left top no-repeat;}
#contents_m7 a.stay {background:url(img/contents_m7_over.jpg) left top no-repeat;}
#contents_m8 a.stay {background:url(img/contents_m8_over.jpg) left top no-repeat;}



/*
*****************************/
#content {
	width:900px;
	background:url(img/line01.jpg) 270px top repeat-y;
	overflow:hidden;
	_height:1%;
}

#secondary {
	float:left;
	width:270px;
}

#secondary_box01 {/*トップでのみ使用 アクセスでも　detailedでも*/
	margin-left:10px;
	margin-right:20px;
	margin-top:25px;}

.secondary_box02 {
	margin-left:10px;
	margin-right:20px;
	margin-top:25px;
	border-left:5px solid #A48967;
	padding:5px 0 0 12px;
}

.secondary_box02 p {
	width:210px;
}

#primary {
	float:right;
	width:610px;
	/*padding-left:20px;*/
}

#primary_box01 {
	margin-left:30px;
	margin-top:15px;
}
/*
*****************************/
h2.v2 {
	font-size:16px;
	font-weight:bold;
	color:#663300;
	border-left:5px solid #A48967;
	padding:5px 0 5px 12px;
	margin-bottom:10px;
}

h3.v2 {
	font-size:12px;
	font-weight:bold;
}

/*footer
*******************************/	
#footer {
	width:900px;
	border-top:5px solid #A48967;
	background:url(img/footer_logo.jpg) 750px top no-repeat;
	height:84px;
	margin-top:20px;
	clear:both;
}

#footer p {
	text-align:center;
	margin:20px 0;
}

#footer a {text-decoration:none;}



















/*サーフボード　board.html
**************************/
ul.board {
	margin-left:20px;
	margin-bottom:30px;
}

ul.board li {
	font-size:14px;
	line-height:160%;
}

ul.board li a {text-decoration:none;}


.cms_box01 {
	width:240px;
	padding:0 0 30px 40px;
}

dl.explanation dt {
	border-left:5px solid #A48967;
	padding:5px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}

dl.explanation dd {
	line-height:140%;
}

/*サーフボード　詳細　detailed.html
***********************************/
.box590 {
	width:590px;
	margin:0 auto;
}


dl.detailed {
	width:589px;
	margin-bottom:20px;
}

dl.detailed dt {
	float:left;
	width:15px;
	clear:both;
	font-weight:bold;
}

dl.detailed dd {
	margin-left:20x;
	margin-bottom:5px;
}


.tb_detailed {
	border-collapse:collapse;
}

.tb_detailed th,.tb_detailed td {
	padding:10px;
	border:1px solid #666666;
	text-align:center;
}

.tb_detailed th {
	background-color:#B7D6EA;
}

/**/
table.tb_form {
	border:1px solid #006699;
	background-color:#F5F5F5;
}

.tb_form th {
	padding:10px;
	text-align:left;
	font-weight:normal;
	width:110px;
}

	
.tb_form td {
	padding:10px;
}


/*商品詳細　detailedページのサイドの　ボードデータ
**************************************************/
.tb_boardData {
	xborder-collapse:collapse;
	width:250px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}

.tb_boardData th {
	font-weight:normal;
	text-align:left;
	background-color:#CCCCCC;
}

.tb_boardData td,.tb_boardData th {
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding:5px;
}

.black {
	background-color:#000;
	color:#fff;
	text-align:center;
}
