@charset "utf-8";
/* CSS Document */

/************** init **************/
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
 pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
li	{
	list-style-type: none;
}

/************** init Font **************/
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px;
	line-height: 150%;
	color:#333333;
}


/************** init A tag **************/
a:link  {  
	text-decoration: none;  
	color: #FFFFFF;  
}  
a:visited   {  
	text-decoration: none;  
	color: #FFFFFF;  
}  
a:hover {  
	text-decoration: underline;  
	color: #FFFFFF;  
}  
a:active    {  
	text-decoration: none;  
	color: #FFFFFF;  
} 

/************** clearfix **************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} 
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */


div.thickboxArea p {
	line-height:300%;
	background-color:#009900;
}


/************** frame **************/
body{
	background-color:#1898c7;
}
div#container{
	width:900px;
	margin:0px auto;
	padding-bottom:40px;
	background-color:#64D4EC;
}
div#header{
	width:860px;
	padding:10px 20px;
}
div#global-navi{
	height:19px;
	padding:3px 20px;
	background:url(../images/navi-back.gif) repeat-x;
}
div#wrapper{
	width:860px;
	padding:20px 20px 10px 20px;
}
div#main{
	width:560px;
	float:left;
}
div#sub{
	width:285px;
	float:right;
}
div#footer-navi{
	height:19px;
	padding:3px 20px;
	background:url(../images/footer-navi-back.gif) repeat-x;
}
div#footer{
	width:860px;
	padding:0px 20px;
	text-align:right;
	font-size:77%;
}


/************** global-navi **************/
div#global-navi a{
	font-weight:bold;
	display:block;
	font-size:93%;
}
div#global-navi a:hover{
	color:#999999;
}
div#global-navi li{
	float:left;
	padding-right:15px;
}


/************** footer-navi **************/
div#footer-navi a{
	font-weight:bold;
	display:block;
	font-size:93%;
}
div#footer-navi a:hover{
	color:#999999;
}
div#footer-navi li{
	float:left;
	padding-right:15px;
}

/************** footer **************/
div#footer a{
	color:#333333;
}


/************** main **************/
div#photo-frame{
	width:560px;
	height:660px;
	background:url(../images/top_degawa_back.gif) no-repeat;
}

/************** sub **************/
div.subbox{
	width:280px;
	padding:2px;
	margin-bottom:10px;
	background-color:#666666;
}
div.subbox p, div.subbox ul{
	width:272px;
	background-color:#b2b2b2;
	font-size:77%;
	line-height: 140%;
	padding:4px;
}

div.subbox p a{
	color:#333333;
	line-height:130%
}
div.subbox li a{
	color:#333333;
	line-height:140%
}
div.subbox a:hover{
	color:#000000;
}

div.subimg{
	margin-bottom:10px;
}


/*
 *	surfboards section
 *
 */
div#category-head{
	margin-top:8px;
}
div#category-title{
	background-color:#FFFFFF;
	height:55px;
	position:relative;
}
div#category-title img{
	margin-top:12px;
	margin-left:20px;
}

div#category-title img#shaper-history{
	position:absolute;
	top:-1px;
	right:20px;
}

div.surfboards #main{
	width:860px;
	background:url(../surfboards/images/type_back.gif) repeat-y;
}
div.surfboards #shape-type{
	width:880px;
	margin-right:-20px;
}
div.surfboards .shape-type{
	float:left;
	width:200px;
	margin-right:20px;
}
div.surfboards .shape-type p{
	padding:0 10px 5px 10px;
}

div.surfboards #sub{
	margin-top:10px;
	width:860px;
}

div.surfboards #option{
	width:880px;
	margin-right:-20px;
}

div#surfboards-main{
	width:640px;
	float:left;
	margin-left:15px;
}
div#surfboards-sub{
	float:left;
	width:185px;
}
div#sub-category{
	position:relative;
	width:185px;
	height:480px;
	background:url(../surfboards/images/category_back.gif) no-repeat bottom;
}
div#sub-category img#sub-category-bottom{
	position:absolute;
	bottom:10px;
}


div.surfboards div.category{
	margin-bottom:2px;
}
div#sub-category ul{
	padding-top:2px;
	margin-left:20px;
}
div#sub-category ul li{
	padding:4px 0;
	_padding:2px 0;
	line-height:0%;
}
div#sub-category ul#production li{
	padding:10px 0;
	_padding:5px 0;
	line-height:0%;
}

div#main-photo{
	background:url(../surfboards/images/main_photo_back.gif) no-repeat;
	width:640px;
	height:480px;
}

div#surfboards-main div#board-title{
	width:660px;
	height:40px;
	background-color:#f3f3f3;
}
div#surfboards-main div#board-title img{
	margin-top:12px;
	margin-left:10px;	
}

div#surfboards-main div.detail{
	margin-bottom:10px;
}

div#surfboards-main div.detail p{
	width:652px;
	padding:4px;
	background:#f3f3f3;
}

ul#stock-list{
	width:650px;
	background-color:#f3f3f3;
	padding:5px;
}
ul#stock-list li{
	margin-right:8px;
	margin-bottom:2px;
}

ul#gallery-list{
	width:650px;
	background-color:#f3f3f3;
	padding:5px;
}
ul#gallery-list li{
	float:left;
	margin-right:8px;
}

/*
 *	wetsuits section
 *
 */

div.obi{
	background-color:#FFFFFF;
	margin-top:10px;
	height:30px;
	position:relative;
}
div.obi img.obi-title{
	margin:6px 0 0 20px;
}
div.obi img.obi-history{
	position:absolute;
	right:20px;
	top:8px;
}

div.wet-wrapper{
	width:860px;
	padding: 0 20px;
}
div.wet-wrapper div.main{
	float:left;
	width:515px;
	padding-top:15px;
	padding-left:10px;
}
div.wet-wrapper div.main div.model {
	margin-bottom:25px;
}
div.wet-wrapper div.main div.model ul{
	width:450px;
	padding-left:10px;
}
div.wet-wrapper div.main div.model li{
	float:left;
	width:220px;
	line-height:180%;
}
div.wet-wrapper div.main div.model li a{
	color:#333333;
	font-weight:bold;
	font-size:100%;
}

div.wet-wrapper div.subnavi{
	float:left;
	width:170px;
	padding-top:15px;
	padding-left:10px;
}
div.wet-wrapper div.subnavi li{
	margin-bottom:5px;
}

div#wet-gallery{
	width:125px;
	float:left;
	background-color:#FFFFFF;
	height:300px;
	margin:0px;
	padding:0px;
}
div#wet-gallery ul{
	margin:10px 10px;
}
div#wet-gallery ul li{
	margin-bottom:8px;
}

div.wet-wrapper div.nobrand-main{
	margin-top:-10px;
}
div.wet-wrapper div.nobrand-subnavi{
	margin-top:-10px;
	margin-bottom:20px;
}



/*
 *	rider section
 *
 */
div.rider-main {
	padding:10px 20px 10px 20px;
}
 
p.rider-title{
	margin:0px 0px 10px 0;
}
div.rider{
	float:left;
	width:170px;
	height:200px;
	margin-right:2px;
	background:url(../rider/images/rider_back.gif);
}
div.rider img{
	float:left;
}
div.rider p{
	padding:5px 10px 5px 4px;
	font-size:80%;
	font-weight:bold;
	line-height:120%;
}



/*
 *	goods section
 *
 */
div#goods-area{
	background:url(../goods/images/back.gif);
	width:860px;
}
div#goods-area p.goods-title{
	width:425px;
	height:35px;
	background-color:#62d5ea;
	margin-bottom:5px;
}
div#goods-left{
	float:left;
	width:425px;
}
div#goods-right{
	float:right;
	width:425px;
}
div.goods-main p{
	font-weight:bold;
	padding:5px 10px;
}
div.goods-main ul{
	float:left;
	width:140px;
	text-align:center;
	padding:10px 0;
}
div.goods-main ul li{
	margin-bottom:30px;
}


/*
 *	link section
 *
 */

div#link-main{
	background:url(../link/images/main-back.gif) repeat-y;
	padding-top:20px;
}

div#link-main ul {
	margin:auto;
	margin-bottom:40px;
}
div#link-main ul li{
	float:left;
	height:60px;
	width:160px;
	text-align:center;
}

div#concept p{
	margin-bottom:15px;
	line-height:150%;
}

div.sticker img{
	margin-top:10px;
}





/*
 *	company section
 *
 */
div#company h6 {
	font-weight:bold;
	font-size:120%;
	padding-left:10px;
	border-left:solid 5px #666666;
	margin-bottom:5px;
} 
div#company table {
	width:500px;
}
div#company table th {
	text-align:right;
	border-bottom:solid 1px #999999;
	padding:5px;
	padding-right:10px;
}
div#company table td {
	text-align:left;
	border-bottom:solid 1px #999999;
	padding:5px;
}