@charset "utf-8";
/* ===================================================================
style info :  リセット及びbody初期設定
=================================================================== */
/*--- reset ---*/
html {
}
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;
}
li {
	list-style-type: none;
}
/*-------------FONT設定-------------*/
body {
    font:13px "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, clean, sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}

/* ===================================================================
Sticky Footer Solution
=================================================================== */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}
#wrap {min-height: 100%;}
#contents {overflow:auto;
	padding-bottom: 400px;
    }  /* must be same height as the footer */
#footer {
	margin-top: -400px; /* negative value of footer height */
	height: 400px;
	clear:both;
    background:#000000;
    } 
/* ===================================================================
style info :コンテンツエリア関係 他
=================================================================== */
/*----------------------------------------------------
	ADJUST
----------------------------------------------------*/
img{
vertical-align:bottom;
border:0;
}

td.store img{
vertical-align:middle;
}

p{
margin-bottom:1em;
}
p.lastChild{
margin-bottom:0;
}
/*----------------------------------------------------
	BODY
----------------------------------------------------*/
body{
margin:0;
color: #000000;
text-align:center;
}

/*----------------------------------------------------
	LINK COLOR
----------------------------------------------------*/
a:link { color : #5E4707;text-decoration : none;outline:none;} 
a:visited { color :  #5E4707;text-decoration : none;outline:none;} 
a:hover { color :#21443A;text-decoration : none;} 
a:active { color : #21443A;text-decoration : none;outline:none;} 

/*----------------------------------------------------
	CLEAR FIX
----------------------------------------------------*/
.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 */

/*----------------------------------------------------
	#header
----------------------------------------------------*/
div#header {
    position:fixed;
	width:100%;
    height:65px;
    top:0;
    left:0;
    background:url(../images/headerBg.png) repeat-x;
    z-index:100;
}

/*----------------------------------------------------
	#wrap
----------------------------------------------------*/
div#wrap {
	width:960px;
	margin:0 auto;
    padding:50px 0 0 0;
	text-align:left;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
div#contents{
width:960px;
margin:0;
height:auto;
background:url(../images/contentsBg.png) repeat;
}

div#primary{
width:740px;
height:auto;
float:left;
padding:0 0 20px 0;
}

div.main{
width:519px;
margin:20px 0 0 0;
float:right;
border-right:1px solid #847F63;
}
div.main .pad{
margin:0;
padding:0 20px 0 0;
}
div.navi{
width:177px;
margin:0 0 0 20px;
padding:0;
float:left;
background:#000000;
border-left:3px solid #765A0D;
}
div.navi .pad{
margin:20px 20px 0 17px;
}

div#secondary{
width:220px;
height:auto;
margin:20px 0 0 0;
padding:0 0 20px 0;
float:right;
}
div#secondary .pad{
padding:0 19px;
border-left:1px solid #E9D6B7;
}

/*-----------------------------------
footer
--------------------------------------*/
#footer .pad{
position:relative;
width:960px;
margin:0 auto;
text-align:left;
}

.top{
position:absolute;
top:-25px;
right:20px;
width:55px;
height:25px;
}

.feedBurner{
width:626px;
float:left;
}

/*Feed Burner style*/
.feedburnerFeedBlock{
}
.feedburnerFeedBlock ul{
margin:20px 0 0 20px;
padding:30px 20px 0 0;
background:url(../images/blogFeed.gif) 0px 0px no-repeat;
}
.feedburnerFeedBlock li{
margin:0 0 1em 0;
padding:0 0 1em 10px;
background:url(../images/listBgGreen.png) 0px 6px no-repeat;
border-bottom:1px solid #202020;
}
.feedburnerFeedBlock li a{
font-size:85%;
font-weight:bold;
color:#765A0D;
}
.feedburnerFeedBlock li a:hover{
color:#21443A;
}
p.date{
margin-bottom:.5em;
color:#ffffff;
}
.feedburnerFeedBlock div{
color:#ffffff;
font-size:85%;
}
#creditfooter a img{
margin:0 0 0 20px;
background:#fff;
}

.copyRight{
width:319px;
margin:20px 0 0 0;
float:right;
border-left:1px solid #202020;
}
.copyRight ul{
margin:0 0 0 20px;
color:#ffffff;
}
.copyRight ul li{
font-size:85%;
line-height:1.7;
}
.copyRight ul li.introduction,
.copyRight ul li.profile,
.copyRight ul li.copy{
margin:.5em 0 0 0;
padding:.5em 0 0 0;
border-top:1px solid #202020;
}

.copy img{
vertical-align:top;
}

/*----------------------------------------------------
    #header H1
----------------------------------------------------*/
h1{
text-indent:-9999px;
}
h1 a{
top:13px;
right:20px;
width:368px;
height:35px;
display:block;
background:url(../images/heads.gif) no-repeat 0px 0px;
position:absolute;
}
h1 a:hover{
background:url(../images/heads_on.gif) no-repeat 0px 0px;
}
h1 a:focus,
ul#navi li a:focus{
/*\*/
	overflow: hidden;
/**/
}


/*----------------------------------------------------
    Navigation [left]
----------------------------------------------------*/
ul#navi{
background:url(../images/regularContents.gif) no-repeat 0px 0px;
padding:22px 0 0 0;
width:140px;
z-index:10;
}
ul#navi li{
text-indent:-9999px;
width:140px;
margin:0 0 13px 0;
}
ul#navi li a{
display:block;
}
ul#navi li.introduction a{
height:13px;
background:url(../images/introduction.gif) no-repeat 0px 0px;
}
ul#navi li.introduction a:hover{
background:url(../images/introduction_on.gif) no-repeat 0px 0px;
}
ul#navi li.introduction{
background:url(../images/introduction_cnt.gif) no-repeat 0px 13px;
padding:13px 0 0 0;
}
ul#navi li.ownersessay a{
height:15px;
background:url(../images/ownersessay.gif) no-repeat 0px 0px;
}
ul#navi li.ownersessay a.cnt{
background:url(../images/ownersessay_cnt.gif) no-repeat 0px 0px;
}
ul#navi li.ownersessay a:hover{
background:url(../images/ownersessay_on.gif) no-repeat 0px 0px;
}
ul#navi li.ownersessay{
background:url(../images/ownersessay_cnt.gif) no-repeat 0px 0px;
}
ul#navi li.surfboardslab a{
height:13px;
background:url(../images/surfboardslab.gif) no-repeat 0px 0px;
}
ul#navi li.surfboardslab a.cnt{
background:url(../images/surfboardslab_cnt.gif) no-repeat 0px 0px;
}
ul#navi li.surfboardslab a:hover{
background:url(../images/surfboardslab_on.gif) no-repeat 0px 0px;
}
ul#navi li.surfboardslab{
background:url(../images/surfboardslab_cnt.gif) no-repeat 0px 0px;
}
ul#navi li.surftripreport a{
height:15px;
background:url(../images/surftripreport.gif) no-repeat 0px 0px;
}
ul#navi li.surftripreport a:hover{
background:url(../images/surftripreport_on.gif) no-repeat 0px 0px;
}
ul#navi li.surftripreport{
background:url(../images/surftripreport_cnt.gif) no-repeat 0px 0px;
}
ul#navi li.link a{
height:11px;
background:url(../images/link.gif) no-repeat 0px 0px;
}
ul#navi li.link a:hover{
background:url(../images/link_on.gif) no-repeat 0px 0px;
}
ul#navi li.link{
background:url(../images/link_cnt.gif) no-repeat 0px 0px;
}
ul#navi li.home a{
height:13px;
background:url(../images/home.gif) no-repeat 0px 0px;
}
ul#navi li.home a:hover{
background:url(../images/home_on.gif) no-repeat 0px 0px;
}
ul#navi li.home{
background:url(../images/home_cnt.gif) no-repeat 0px 0px;
border-bottom:1px solid #363636;
padding:0 0 13px 0;
}

ul#navi li.dealerList a{
height:11px;
background:url(../images/dealerlist.gif) no-repeat 0px 0px;
}
ul#navi li.dealerList a:hover{
background:url(../images/dealerlist_on.gif) no-repeat 0px 0px;
}
ul#navi li.dealerList{
background:url(../images/dealerlist_cnt.gif) no-repeat 0px 0px;
}

ul#navi li.profile a{
height:16px;
background:url(../images/profile.gif) no-repeat 0px 0px;
}
ul#navi li.profile a:hover{
background:url(../images/profile_on.gif) no-repeat 0px 0px;
}
ul#navi li.profile{
background:url(../images/profile_cnt.gif) no-repeat 0px 0px;
}

ul#navi li.contact a{
height:12px;
background:url(../images/contact.gif) no-repeat 0px 0px;
}
ul#navi li.contact a:hover{
background:url(../images/contact_on.gif) no-repeat 0px 0px;
}
ul#navi li.contact{
background:url(../images/contact_cnt.gif) no-repeat 0px 0px;
}

ul#navi li.blog a{
height:15px;
background:url(../images/blog.gif) no-repeat 0px 0px;
}
ul#navi li.blog a:hover{
background:url(../images/blog_on.gif) no-repeat 0px 0px;
}
ul#navi li.blog{
background:url(../images/blog_cnt.gif) no-repeat 0px 0px;
border-bottom:1px solid #363636;
padding:0 0 13px 0;
}

div.GoldenState{
text-align:center;
margin:0 auto;
}

/*----------------------------------------------------
    Navigation [right]
----------------------------------------------------*/
ul#season{
border-bottom:1px solid #847F63;
}
li.feature{
margin:0 0 25px 0;
font-weight:bold;
font-family:Verdana;
font-size:85%;
}
li.feature a{
color:#21443A;
}
li.feature a:hover{
color:#5E4707;
}
li.cnt{
padding:0 0 1.5em 0;
border-bottom:1px solid #847F63;
}

ul#dealer{
border-top:1px solid #E9D6B7;
border-bottom:1px solid #847F63;
padding:25px 0;
}

ul#surf{
border-top:1px solid #E9D6B7;
border-bottom:1px solid #847F63;
padding:25px 0;
}

ul#surf li.firstChild{
margin:0 0 15px 0;
}

ul#adspace{
border-top:1px solid #E9D6B7;
padding:25px 0;
}
ul#adspace li{
margin:0 0 15px 0;
}

div.photoBox{
width:180px;
height:94px;
margin:0 0 .5em 0;
overflow:hidden;
}

div#pickUp{
width:180px;
border-top:1px solid #E9D6B7;
border-bottom:1px solid #847F63;
padding:25px 0;
}
.puPhoto{
width:180px;
height:193px;
overflow:hidden;
}
/*----------------------------------------------------
    Text Style
----------------------------------------------------*/
h2.context{
font-size:85%;
text-align:right;
border-bottom:1px solid #847F63;
color:#5E4707;
}
h3{
margin:0 0 1.5em 0;
padding:1em 0 0 1em;
border-top:1px solid #E9D6B7;
font-size:123.1%;
font-weight:bold;
line-height:1.5;
background:url(../images/h3Bg.gif) no-repeat 0px 20px;
}
h3 span.date{
font-size:11px;
font-weight:normal;
}
h4{
font-size:120%;
margin:.5em 0;
}

.main p{
font-size:93%;
text-align:justify;
text-justify: inter-ideograph;
line-height:1.6;
}
.main ul,
.main dl{
font-size:93%;
margin:0 0 1em 0;
}

/*----------------------------------------------------
    Image style
----------------------------------------------------*/
#photoSlide{
width:499px;
height:331px;
margin:0 0 2em 0;
overflow:hidden;
}

div.inImg img{
margin:0 5px 5px 0;
background:#fff;
}
div.thumbs{
margin:0 0 0 -17px;
}
div.thumbs img{
margin:0 0 17px 17px;
}

/*----------------------------------------------------
    contents style
----------------------------------------------------*/
ul.pointer li{
background:url(../images/listBgGreen.png) no-repeat left center;
padding:0 0 0 1em;
margin:0 0 .5em 0;
}

.link ul.pointer li img{
vertical-align:top;
padding-top:3px;
}

.section{
padding:0 0 40px 0;
border-bottom:1px solid #847F63;
}

dl.indent dt {
	float: left;
	width: 5em;
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.5;
}

dl.indent  dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 1.5em 5em;
	padding: 0;
	line-height: 1.5;
}

/*------------------
dealer list
---------------------*/
.main ul.shortCut{
padding:1em 0 0 0;
border-top:1px solid #E9D6B7;
}
.shortCut li{
font-size:12px;
padding:0 1em 0 0;
display:inline;
border-right:1px solid  #726739;
}
.section table{
font-size:85%;
width:498px;
}
thead{
border-top:1px solid  #726739;
}
thead tr th,
tbody tr td{
padding:.5em;
border-bottom:1px solid #726739;
}
th.place{
width:40px;
}
th.store{
width:200px;
}
th.phone{
width:90px;
}
th.website{
width:153px;
}

/*====================================================================
Droppy Style
==================================================================== */
/* Basic code - don't modify */
 
#navi { display: block; margin: 0; padding: 0; position: relative; }
#navi li { display: block; list-style: none; margin: 0; padding: 0; /*float: left; */position: relative; }
#navi a { display: block; }
#navi ul.droppy {
display: none;
position: absolute;
top:-10px;
left: 0;
margin: 0;
padding: 0;
    }
* html #navi ul { line-height: 0; } /* IE6 "fix" */
#navi ull.droppy a { zoom: 1; } /* IE6/7 fix */
#navi ul.droppyl li { float: none; }
#navi ul.droppyl ul { top: 0; }
    
/* Essentials - configure this */

#navi ul.droppy {
left:90px;
padding:0;
background:url(../images/droppyBg.png) no-repeat 0px 0px;
}
#navi li.ownersessay ul.droppy {
left:80px;
}

/* Everything else is theming */
 
#navi ul.droppy li{
width:240px; 
text-indent:0px;
margin:0 10px 0 20px;
padding:.5em 0 .5em 0;
font-size:85%;
border-bottom:1px solid #2C2309;
}
#navi ul.droppy li.cnt{
font-weight:bold;
}
#navi ul.droppy li.lastChild{
border-bottom:none;
}
#navi *:hover { background-color: none; }
#navi ul.droppy li a {
background:none;
color :#000000;
height:auto;
}
#navi ul.droppy li a:hover {
background:none;
color:#ffffff;
height:auto;
}
#navi ull.droppy a {opacity: 0.9; filter: alpha(opacity=90); }
/* #navi ull.droppy a { border-bottom: none; } - I also needed this for IE6/7 */