@charset "utf-8";
/*----------------------------
basecontrol for Heads
Deegrahics. / Dee Inagaki
Last Modified：09.4.14
-----------------------------*/

.clear {
clear: both;
font: 0px/0px sans-serif ;
}

/* 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 

img{border:0;}
.small{font-size:84%;line-height:1.2;}
.update ,.date{font-size:84%;line-height:1.5;}

/*--------------------------------------------------------
Layout
--------------------------------------------------------*/

#wrap{
width:1020px;
height:auto;
text-align:left;
}

#header{
position:relative;
width:1020px;
height:265px;
background:url(../png/header_bg.png) no-repeat 0px 0px;
behavior: url(../java/iepngfix.htc);
}

#contents{
width:920px;
height:auto;
float:left;
background-image:url(../png/contents_bg.png) ;
background-repeat:repeat-y;
background-position:0px 0px;
behavior: url(../java/iepngfix.htc);
}

#primary{
width:490px;
height:auto;
float:left;
}
#primary .pad{
padding:0 0 0 75px;
}

#secondary{
width:380px;
height:auto;
float:right;
}
#secondary .pad{
padding:0 0 30px 0;
}

#footer{
width:920px;
height:92px;
position:relative;
clear:both;
background:url(../png/footer_bg.png) no-repeat 0px 0px;
text-align:left;
behavior: url(../java/iepngfix.htc);
}
#footer .pad{
padding:2em 0 0 75px;
font-size:83.33%;
}
#footer ul{
width:650px;
border-top:1px solid #777;
}
#footer li{
display:inline;
}

#deginc{
position:absolute;
top:60px;
right:150px;
width:85px;
height:77px;
z-index:999;
}
#deginc img{
behavior: url(../java/iepngfix.htc);
}
/*--------------------------------------------------------
HEADER
--------------------------------------------------------*/
#header h1{
position:absolute;
top:20px;
left:474px;
width:264px;
height:53px;
}
#header h1 img{
behavior: url(../java/iepngfix.htc);
}

#brothers{
position:absolute;
top:40px;
left:772px;
width:230px;
height:220px;
}
#brothers img{
behavior: url(../java/iepngfix.htc);
}

/*--------------------------------------------------------
SECONDARY NAVIGATION
--------------------------------------------------------*/
ul#topnavi{
width:179px;
margin:0 0 20px 0;
background:url(../gif/indexheader.gif) no-repeat 0px 0px;
}
ul#topnavi li{
float:left;
text-indent:-9999px;
background-color:#9FD9D7;
}
ul#topnavi li.firstChild{
margin:25px 0 0 0;
}
/*---bosport---*/
ul#topnavi li.bosport a{
width:179px;
height:21px;
display:block;
background:url(../gif/bosport.gif) 0px 0px no-repeat;
}
ul#topnavi li.bosport a:hover{
width:179px;
height:21px;
display:block;
background:url(../gif/bosport_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.bosport a.cnt{
width:179px;
height:21px;
display:block;
background:url(../gif/bosport_cnt.gif) 0px 0px no-repeat;
}
/*---boddhisattava---*/
ul#topnavi li.boddhisattava a{
width:179px;
height:26px;
display:block;
background:url(../gif/boddhisattava.gif) 0px 0px no-repeat;
}
ul#topnavi li.boddhisattava a:hover{
width:179px;
height:26px;
display:block;
background:url(../gif/boddhisattava_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boddhisattava a.cnt{
width:179px;
height:26px;
display:block;
background:url(../gif/boddhisattava_cnt.gif) 0px 0px no-repeat;
}
/*---imported---*/
ul#topnavi li.imported a{
width:179px;
height:22px;
display:block;
background:url(../gif/imported.gif) 0px 0px no-repeat;
}
ul#topnavi li.imported a:hover{
width:179px;
height:22px;
display:block;
background:url(../gif/imported_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.imported a.cnt{
width:179px;
height:22px;
display:block;
background:url(../gif/imported_cnt.gif) 0px 0px no-repeat;
}
/*---rainbowsandals---*/
ul#topnavi li.rainbowsandals a{
width:179px;
height:25px;
display:block;
background:url(../gif/rainbowsandals.gif) 0px 0px no-repeat;
}
ul#topnavi li.rainbowsandals a:hover{
width:179px;
height:25px;
display:block;
background:url(../gif/rainbowsandals_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.rainbowsandals a.cnt{
width:179px;
height:25px;
display:block;
background:url(../gif/rainbowsandals_cnt.gif) 0px 0px no-repeat;
}
/*---boardscatalog---*/
ul#topnavi li.boardscatalog a{
width:179px;
height:24px;
display:block;
background:url(../gif/surfboards.gif) 0px 0px no-repeat;
}
ul#topnavi li.boardscatalog a:hover{
width:179px;
height:24px;
display:block;
background:url(../gif/surfboards_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boardscatalogs a.cnt{
width:179px;
height:24px;
display:block;
background:url(../gif/surfboards_cnt.gif) 0px 0px no-repeat;
}
/*---wetsuits---*/
ul#topnavi li.wetsuits a{
width:179px;
height:24px;
display:block;
background:url(../gif/wetsuits.gif) 0px 0px no-repeat;
}
ul#topnavi li.wetsuits a:hover{
width:179px;
height:24px;
display:block;
background:url(../gif/wetsuits_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.wetsuits a.cnt{
width:179px;
height:24px;
display:block;
background:url(../gif/wetsuits_cnt.gif) 0px 0px no-repeat;
}
/*---index footer---*/
ul#topnavi li.lastChild{
width:179px;
height:10px;
background:url(../gif/indexfooter.gif) 0px 0px no-repeat;
}
ul#topnavi li a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*------Bo Sport Childs------*/
ul#topnavi li.boTshirts a{
width:179px;
height:19px;
display:block;
background:url(../bosport/gif/tshirts.gif) 0px 0px no-repeat;
}
ul#topnavi li.boTshirts a:hover{
width:179px;
height:19px;
display:block;
background:url(../bosport/gif/tshirts_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boTshirts a.cnt{
width:179px;
height:19px;
display:block;
background:url(../bosport/gif/tshirts_on.gif) 0px 0px no-repeat;
}

ul#topnavi li.boPoloshirts a{
width:179px;
height:17px;
display:block;
background:url(../bosport/gif/poloshirts.gif) 0px 0px no-repeat;
}
ul#topnavi li.boPoloshirts a:hover{
width:179px;
height:17px;
display:block;
background:url(../bosport/gif/poloshirts_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boPoloshirts a.cnt{
width:179px;
height:17px;
display:block;
background:url(../bosport/gif/poloshirts_on.gif) 0px 0px no-repeat;
}

ul#topnavi li.boShirts a{
width:179px;
height:17px;
display:block;
background:url(../bosport/gif/shirts.gif) 0px 0px no-repeat;
}
ul#topnavi li.boShirts a:hover{
width:179px;
height:17px;
display:block;
background:url(../bosport/gif/shirts_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boShirts a.cnt{
width:179px;
height:17px;
display:block;
background:url(../bosport/gif/shirts_on.gif) 0px 0px no-repeat;
}

ul#topnavi li.boShorts a{
width:179px;
height:16px;
display:block;
background:url(../bosport/gif/shorts.gif) 0px 0px no-repeat;
}
ul#topnavi li.boShorts a:hover{
width:179px;
height:16px;
display:block;
background:url(../bosport/gif/shorts_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boShorts a.cnt{
width:179px;
height:16px;
display:block;
background:url(../bosport/gif/shorts_on.gif) 0px 0px no-repeat;
}

ul#topnavi li.boCap a{
width:179px;
height:16px;
display:block;
background:url(../bosport/gif/cap.gif) 0px 0px no-repeat;
}
ul#topnavi li.boCap a:hover{
width:179px;
height:16px;
display:block;
background:url(../bosport/gif/cap_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boCap a.cnt{
width:179px;
height:16px;
display:block;
background:url(../bosport/gif/cap_on.gif) 0px 0px no-repeat;
}

ul#topnavi li.boBag a{
width:179px;
height:21px;
display:block;
background:url(../bosport/gif/bag.gif) 0px 0px no-repeat;
}
ul#topnavi li.boBag a:hover{
width:179px;
height:21px;
display:block;
background:url(../bosport/gif/bag_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.boBag a.cnt{
width:179px;
height:21px;
display:block;
background:url(../bosport/gif/bag_on.gif) 0px 0px no-repeat;
}

/*------Boddhi Sattava Childs------*/
ul#topnavi li.sattaLineup a{
width:179px;
height:19px;
display:block;
background:url(../boddhisattava/gif/satta.gif) 0px 0px no-repeat;
}
ul#topnavi li.sattaLineup a:hover{
width:179px;
height:19px;
display:block;
background:url(../boddhisattava/gif/satta_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.sattaLineup a.cnt{
width:179px;
height:19px;
display:block;
background:url(../boddhisattava/gif/satta_on.gif) 0px 0px no-repeat;
}

/*------imported Childs------*/
ul#topnavi li.importselect a{
width:179px;
height:19px;
display:block;
background:url(../imported/gif/import.gif) 0px 0px no-repeat;
}
ul#topnavi li.importselect a:hover{
width:179px;
height:19px;
display:block;
background:url(../imported/gif/import_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.importselect a.cnt{
width:179px;
height:19px;
display:block;
background:url(../imported/gif/import_on.gif) 0px 0px no-repeat;
}

ul#topnavi li.dave a{
width:179px;
height:17px;
display:block;
background:url(../imported/gif/davesweet.gif) 0px 0px no-repeat;
}
ul#topnavi li.dave a:hover{
width:179px;
height:17px;
display:block;
background:url(../imported/gif/davesweet_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.dave a.cnt{
width:179px;
height:17px;
display:block;
background:url(../imported/gif/davesweet_on.gif) 0px 0px no-repeat;
}

ul#topnavi li.barefoot a{
width:179px;
height:17px;
display:block;
background:url(../imported/gif/barefoot.gif) 0px 0px no-repeat;
}
ul#topnavi li.barefoot a:hover{
width:179px;
height:17px;
display:block;
background:url(../imported/gif/barefoot_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.barefoot a.cnt{
width:179px;
height:17px;
display:block;
background:url(../imported/gif/barefoot_on.gif) 0px 0px no-repeat;
}

div.Barefoot{
padding:1em 0 0 0;
}

/*--- rainbow sandals child---*/
ul#topnavi li.rainbowcatalog a{
width:179px;
height:19px;
display:block;
background:url(../rainbowsandals2010ss/gif/rainbowcatalog.gif) 0px 0px no-repeat;
}
ul#topnavi li.rainbowcatalog a:hover{
width:179px;
height:19px;
display:block;
background:url(../rainbowsandals2010ss/gif/rainbowcatalog_on.gif) 0px 0px no-repeat;
}
ul#topnavi li.rainbowcatalog a.cnt{
width:179px;
height:19px;
display:block;
background:url(../rainbowsandals2010ss/gif/rainbowcatalog_on.gif) 0px 0px no-repeat;
}


/*----------- SECOND NAVI (MENPITA INDEX) -----------*/
ul#secondnavi{
width:179px;
height:186px;
margin:0 0 1em 0;
background:url(../gif/indexBg.gif) no-repeat 0px 0px;
}
ul#secondnavi li{
float:left;
text-indent:-9999px;
margin:0 0 0 30px;
border-bottom:1px solid #F5EFE2;
}
ul#secondnavi li.lastChild{
border:none;
}
/*---introduction---*/
ul#secondnavi li.introduction a{
width:149px;
height:18px;
display:block;
background:url(../gif/introduction.gif) 0px 0px no-repeat;
}
ul#secondnavi li.introduction a:hover{
width:149px;
height:18px;
display:block;
background:url(../gif/introduction_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.introduction a.cnt{
width:149px;
height:18px;
display:block;
background:url(../gif/introduction_on.gif) 0px 0px no-repeat;
}
/*---newsflash---*/
ul#secondnavi li.newsflash a{
width:149px;
height:17px;
display:block;
background:url(../gif/newsflash.gif) 0px 0px no-repeat;
}
ul#secondnavi li.newsflash a:hover{
width:149px;
height:17px;
display:block;
background:url(../gif/newsflash_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.newsflash a.cnt{
width:149px;
height:17px;
display:block;
background:url(../gif/newsflash_on.gif) 0px 0px no-repeat;
}
/*---ownersessay---*/
ul#secondnavi li.ownersessay a{
width:149px;
height:18px;
display:block;
background:url(../gif/ownersessay.gif) 0px 0px no-repeat;
}
ul#secondnavi li.ownersessay a:hover{
width:149px;
height:18px;
display:block;
background:url(../gif/ownersessay_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.ownersessay a.cnt{
width:149px;
height:18px;
display:block;
background:url(../gif/ownersessay_on.gif) 0px 0px no-repeat;
}
/*---surfboardslab---*/
ul#secondnavi li.surfboardslab a{
width:149px;
height:17px;
display:block;
background:url(../gif/surfboardslab.gif) 0px 0px no-repeat;
}
ul#secondnavi li.surfboardslab a:hover{
width:149px;
height:17px;
display:block;
background:url(../gif/surfboardslab_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.surfboardslab a.cnt{
width:149px;
height:17px;
display:block;
background:url(../gif/surfboardslab_on.gif) 0px 0px no-repeat;
}
/*---surftripreport---*/
ul#secondnavi li.surftripreport a{
width:149px;
height:17px;
display:block;
background:url(../gif/surftripreport.gif) 0px 0px no-repeat;
}
ul#secondnavi li.surftripreport a:hover{
width:149px;
height:17px;
display:block;
background:url(../gif/surftripreport_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.surftripreport a.cnt{
width:149px;
height:17px;
display:block;
background:url(../gif/surftripreport_on.gif) 0px 0px no-repeat;
}
/*---menpitablog---*/
ul#secondnavi li.blog a{
width:149px;
height:17px;
display:block;
background:url(../gif/blog.gif) 0px 0px no-repeat;
}
ul#secondnavi li.blog a:hover{
width:149px;
height:17px;
display:block;
background:url(../gif/blog_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.blog a.cnt{
width:149px;
height:17px;
display:block;
background:url(../gif/blog_on.gif) 0px 0px no-repeat;
}
/*---profile---*/
ul#secondnavi li.profile a{
width:149px;
height:18px;
display:block;
background:url(../gif/profile.gif) 0px 0px no-repeat;
}
ul#secondnavi li.profile a:hover{
width:149px;
height:18px;
display:block;
background:url(../gif/profile_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.profile a.cnt{
width:149px;
height:18px;
display:block;
background:url(../gif/profile_on.gif) 0px 0px no-repeat;
}
/*---contact---*/
ul#secondnavi li.contact a{
width:149px;
height:18px;
display:block;
background:url(../gif/contact.gif) 0px 0px no-repeat;
}
ul#secondnavi li.contact a:hover{
width:149px;
height:18px;
display:block;
background:url(../gif/contact_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.contact a.cnt{
width:149px;
height:18px;
display:block;
background:url(../gif/contact_on.gif) 0px 0px no-repeat;
}
/*---link---*/
ul#secondnavi li.link a{
width:149px;
height:17px;
display:block;
background:url(../gif/link.gif) 0px 0px no-repeat;
}
ul#secondnavi li.link a:hover{
width:149px;
height:17px;
display:block;
background:url(../gif/link_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.link a.cnt{
width:149px;
height:17px;
display:block;
background:url(../gif/link_on.gif) 0px 0px no-repeat;
}
/*---home---*/
ul#secondnavi li.home a{
width:149px;
height:17px;
display:block;
background:url(../gif/home.gif) 0px 0px no-repeat;
}
ul#secondnavi li.home a:hover{
width:149px;
height:17px;
display:block;
background:url(../gif/home_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li.home a.cnt{
width:149px;
height:17px;
display:block;
background:url(../gif/home_on.gif) 0px 0px no-repeat;
}
ul#secondnavi li a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*----- third navi -----*/
ul#thirdnavi{
padding:40px 0 0 0;
margin-bottom:15px;
background:url(../png/profile_bg.png) no-repeat 0px 0px;
}
ul#thirdnavi li{
padding:0 0 0 25px;
}
ul#thirdnavi li.firstChild{
margin:5px 0 0 0;
}

/*----- Golden State Banner -----*/
ul.leftArea{
width:179px;
height:auto;
padding:1em 0;
text-align:center;
background:url(../gif/borderbg.gif) repeat-x 0px 0px;
}
ul.leftArea li{
background:url(../gif/borderbgbtm.gif) repeat-x left bottom;
text-align:center;
font-size:11px;
line-height:1.6;
padding:0 0 1em 0;
}

ul#adspace{
width:179px;
height:auto;
padding:1em 0;
background:url(../gif/borderbg.gif) repeat-x 0px 0px;
}
ul#adspace li{
line-height:0;
text-align:center;
}
ul#adspace li img{
margin:0 0 .5em 0;
}
ul#adspace li.lastChild{
background:url(../gif/borderbgbtm.gif) repeat-x left bottom;
padding:0 0 1em 0;
}

/*--------------------------------------------------------
PRIMARY CONTENTS
--------------------------------------------------------*/
h3{
font-size:133.33%;
font-weight:bold;
margin:0 0 1em 0;
padding:.2em 0 .2em 13px;
background:url(../gif/h3_bg.gif) no-repeat left center;
color:#001e43;
border-top:1px solid #4682b4;
border-bottom:1px solid #4682b4;
}
h4{
font-weight:bold;
margin:1em 0 .3em 0;
padding:0 0 0 13px;
line-height:1.0;
background:url(../gif/h4_bg.gif) no-repeat 0px 0px;
}

h4.catalogNavi{
font-weight:bold;
margin-bottom:.5em;
background:url(../gif/point.gif) no-repeat 0px 1px;
padding-left:16px;
}

div .section{
margin-bottom:50px;
}
div#primary p{
padding-bottom:2em;
background:url(../gif/pageline.gif) repeat-y 0px 0px;
line-height:2em;
}

div#primary p.update{
padding-bottom:.5em;
font-size:91.66%;
background:none;
}
div#primary div.Noline p{
background:none;
}

div.inImg{
margin:1em 0;
}
div.inImg img{
margin:0 0 .5em 0;
}

p.right img{
margin:0 5px 0 0;
}

div.backnumber{
font-size:84%;
font-weight:bold;
}

div.backNumber{
margin:30px 0 0 0;
font-size:84%;
}
div.backNumber li{
background:url(../gif/list_bg_small.gif) no-repeat 0px 6px;
padding:0 0 0 12px;
}

#primary ul, dl{
margin:0 0 2em 0;
}

ul.pointer li{
background:url(../gif/list_bg_small.gif) no-repeat 0px 6px;
padding:0 0 0 12px;
}

dl.indent dt{
background:url(../gif/list_bg_small.gif) no-repeat 0px 6px;
padding:0 0 0 12px;
}
dl.indent dd{
text-indent:1em;
padding:0 0 0 0;
}

/*---- box caption ----*/
.boxgrid    {   
    width: 405px;
    height:276px;   
    overflow: hidden;
    position: relative;
    border:5px solid  #EFF6F7;  
    margin:0 0 2em 0;
}  
.boxgrid img{   
    position: absolute;   
    top: 0px;   
    left: 0px;  
    cursor:pointer;
    cursor:hand;
}  
.boxgrid p{   
    padding: 10px;   
    color: #000000;   
}  
      
.boxcaption{   
    float: left;   
    position: absolute;   
    background: #777777;  
    height: 60px;   
    width: 405px;   
    opacity: .8;   
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}  
.captionfull .boxcaption {  
    top: 300px;  
    left: 0;  
}  
div#primary div.boxcaption p{
background:none;
}
img.pborder{
 border:5px solid  #EFF6F7;
}

/*Thumbs*/
div.Thumbs{
margin:0 0 8px 0;
}
div.Thumbs img.middle{
margin:0 8px;
}

/*feed*/
ul.feedArea{
width:179px;
margin:0 0 1em 0;
background:url(../gif/feedAreatitle.gif) repeat-x 0px 0px;
}
ul.feedArea li.feed{
font-size:108.33%;
font-weight:bold;
color:#FFFFFF;
background:#5F4F4F;
text-align:center;
margin:1em 0 0 0;
}
ul.feedArea ul li.firstChild{
padding-top:2.5em;
}
ul.feedArea ul li{
font-size:83.33%;
margin:0 0 1em 0;
padding:0 0 1em 0;
border-bottom:1px dotted #5F4F4F;
}

ul.feedArea  ul li span.headline{
font-size:100%;
font-weight:bold;
border-left:5px solid #5F4F4F;
padding:0 0 0 5px;
}
ul.feedArea li p{
font-size:83.33%;
}
ul.feedArea ul li p{
font-size:91.66%;
margin:.5em 0 0 0;
}