/*-------------------------------------------------------
グローバル
-------------------------------------------------------*/

body {
    background:url(http://www.mar-surf.com/image/bg.gif) #ffffff;
    padding:0px;
    margin:0px;
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
    font-size:12px;
    text-align:center;
}


tr{
    vertical-align: top;
}

a{
    color:#0000ff;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

img{
    margin:0px;
    border:0px;
    vertical-align:bottom;
}

h1{ margin:0px; padding:0px; font-size:16px; color:#003399; text-decoration:none; font-weight:normal; }
h2{ margin:0px; padding:0px; font-size:16px; color:#003399; text-decoration:none; font-weight:normal; }
h3{ margin:0px; padding:0px; font-size:16px; color:#003399; text-decoration:none; font-weight:normal; }
p{ margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; }

/* Flashの隙間対策 */
object,embed { vertical-align:top; }

.clear { clear:both; }
p { margin:10px 0px; padding:5px; font-size:12px; color:#333333; line-height:18px; }


/*-------------------------------------------------------
header
-------------------------------------------------------*/
#header { width:920px; height:70px; margin:0px auto; }
#header .logo { float:left; width:120px; }

#header .gnv1 { float:left; width:630px; height:70px; margin:0px; padding:0px;  }
#header .gnv1 ul { float:left; width:630px; height:70px; margin:0px; padding:0px; list-style:none; }
#header .gnv1 li { float:left; width:70px; height:70px; margin:0px; padding:0px; }
#header .gnv1 li a { display:block; width:70px; height:70px; margin:0px; padding:0px; text-indent:-9000px; }

#header .gnv1 li a.l1 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) 0px 0px no-repeat; }
#header .gnv1 li a.l1:hover { background-position:0px -70px; }

#header .gnv1 li a.l2 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -70px 0px no-repeat; }
#header .gnv1 li a.l2:hover { background-position:-70px -70px; }

#header .gnv1 li a.l3 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -140px 0px no-repeat; }
#header .gnv1 li a.l3:hover { background-position:-140px -70px; }

#header .gnv1 li a.l4 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -210px 0px no-repeat; }
#header .gnv1 li a.l4:hover { background-position:-210px -70px; }

#header .gnv1 li a.l5 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -280px 0px no-repeat; }
#header .gnv1 li a.l5:hover { background-position:-280px -70px; }

#header .gnv1 li a.l6 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -350px 0px no-repeat; }
#header .gnv1 li a.l6:hover { background-position:-350px -70px; }

#header .gnv1 li a.l7 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -420px 0px no-repeat; }
#header .gnv1 li a.l7:hover { background-position:-420px -70px; }

#header .gnv1 li a.l8 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -490px 0px no-repeat; }
#header .gnv1 li a.l8:hover { background-position:-490px -70px; }

#header .gnv1 li a.l9 { background:url(http://www.mar-surf.com/image/gnv_01.jpg) -560px 0px no-repeat; }
#header .gnv1 li a.l9:hover { background-position:-560px -70px; }


#header .gnv2 { float:left; width:170px; height:70px; margin:0px; padding:0px;  }
#header .gnv2 ul { width:170px; height:30px; margin:0px; padding:0px; list-style:none; }
#header .gnv2 li { float:left; height:30px; margin:0px; padding:0px; }
#header .gnv2 li a { display:block; height:30px; margin:0px; padding:0px; text-indent:-9000px; }

#header .gnv2 li a.l1 { width:70px; background:url(http://www.mar-surf.com/image/gnv_11.jpg) 0px 0px no-repeat; }
#header .gnv2 li a.l1:hover { background-position:0px -30px; }

#header .gnv2 li a.l2 { width:44px; background:url(http://www.mar-surf.com/image/gnv_11.jpg) -70px 0px no-repeat; }
#header .gnv2 li a.l2:hover { background-position:-70px -30px; }

#header .gnv2 li a.l3 { width:56px; background:url(http://www.mar-surf.com/image/gnv_11.jpg) -114px 0px no-repeat; }
#header .gnv2 li a.l3:hover { background-position:-114px -30px; }

#header .gnv2 a.gnv_12 { display:block; width:170px; height:20px; margin:0px; padding:0px; text-indent:-9000px; background:url(http://www.mar-surf.com/image/gnv_12.jpg) no-repeat; }

#header .gnv2 a.gnv_12:hover { background-position:-0px -20px; }

#header .gnv2 .gnv_13 { width:170px; height:20px; }


/*-------------------------------------------------------
vsl
-------------------------------------------------------*/
#vsl { width:920px; height:450px; margin:0px auto; background:url(http://www.mar-surf.com/image/loading.gif) center no-repeat; }
#vsl #slider { visibility:hidden; }


/*-------------------------------------------------------
main
-------------------------------------------------------*/
#main { width:920px; margin:0px auto; text-align:left; }
#main .contents .banner_goto_shop {  }

/* contents */
#main .contents { float:left; width:721px; margin:30px 0px 0px 0px; }
#main .contents .tuitter_block { }

#main .contents .banner { width:721px; margin:0px; padding:0px; }
#main .contents .banner .wrapper { border:solid 1px #cccccc; border-top:0px; background:#cccccc; }

#main .contents .banner_240 { width:721px; margin:0px; padding:0px; }
#main .contents .banner_240 .bnr { float:left; width:239px; margin:0px 1px 0px 0px; padding:1px 0px 0px 0px; }

#main .contents .banner_360 { width:721px; margin:0px; padding:0px; }
#main .contents .banner_360 .bnr { float:left; width:359px; margin:0px 1px 0px 0px;  padding:1px 0px 0px 0px; }

#main .contents .banner_720 { width:721px; margin:0px; padding:0px; }
#main .contents .banner_720 .bnr { float:left; width:719px; padding:1px 0px 0px 0px; }


/* right */
#main .right { float:right; width:170px; margin:30px 0px 0px 0px; }
#main .right .login {  }
#main .right .login .new { margin:10px 0px 0px 0px; }
#main .right .login .new .note { margin:10px 0px 0px 0px; font-size:11px; color:#666666; line-height:13px; }

#main .right .store { margin:20px 0px 0px 0px; }
#main .right .store .title { margin:0px 0px 2px 0px; font-size:13px; color:#003399; }
#main .right .store .note { margin:0px 0px 5px 0px; font-size:11px; color:#666666; line-height:13px; }
#main .right .store a { display:block; margin:2px 0px 0px 0px; }

#main .right .bcm { margin:10px 0px 0px 0px; }

#main .right .hawaii { margin:10px 0px 0px 0px; }
#main .right .hawaii .order { margin:10px 0px 0px 0px; font-size:11px; }
#main .right .hawaii .order table { font-size:11px; line-height:12px; }
#main .right .hawaii .order table tr {  }
#main .right .hawaii .order table td.td1 { width:12px; padding:5px 0px 0px 0px; }
#main .right .hawaii .order table td.td2 { padding:5px 0px 0px 0px; }

#main .right .banner { margin:15px 0px 0px 0px; }
#main .right .banner a { display:block; margin:5px 0px 0px 0px; }

#main .right .shopinfo { margin:15px 0px 0px 0px; }

#main .right .blog { width:170px; height:663px; margin:15px 0px 0px 0px; background:url(http://www.mar-surf.com/image/right_blog.jpg) no-repeat; }
#main .right .blog .wrapper { width:150px; padding:23px 10px 0px 10px; }
#main .right .blog a.blog_1 { display:block; width:150px; height:150px; margin:0px 0px 0px 0px; }
#main .right .blog a.blog_2 { display:block; width:150px; height:150px; margin:10px 0px 0px 0px; }
#main .right .blog a.blog_3 { display:block; width:150px; height:150px; margin:10px 0px 0px 0px; }
#main .right .blog a.blog_4 { display:block; width:150px; height:150px; margin:10px 0px 0px 0px; }

#main .right .mobile { margin:15px 0px 0px 0px; }

/*-------------------------------------------------------
footer
-------------------------------------------------------*/
#footer { width:920px; height:45px; margin:40px auto 0px auto; text-align:left; }
#footer .left { float:left; width:95px; }

#footer .fnv1 { float:left; width:825px; height:25px; margin:0px; padding:0px; background:url(http://www.mar-surf.com/image/fnv_01.jpg) no-repeat;  }
#footer .fnv1 ul { float:left; width:825px; height:25px; margin:0px; padding:0px; list-style:none; }
#footer .fnv1 li { float:left; width:70px; height:25px; margin:0px; padding:0px; }
#footer .fnv1 li a { display:block; width:70px; height:25px; margin:0px; padding:0px; text-indent:-9000px; }

#footer .fnv1 li a.l1 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) 0px 0px no-repeat; }
#footer .fnv1 li a.l1:hover { background-position:0px -70px; }

#footer .fnv1 li a.l2 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -70px 0px no-repeat; }
#footer .fnv1 li a.l2:hover { background-position:-70px -25px; }

#footer .fnv1 li a.l3 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -140px 0px no-repeat; }
#footer .fnv1 li a.l3:hover { background-position:-140px -25px; }

#footer .fnv1 li a.l4 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -210px 0px no-repeat; }
#footer .fnv1 li a.l4:hover { background-position:-210px -25px; }

#footer .fnv1 li a.l5 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -280px 0px no-repeat; }
#footer .fnv1 li a.l5:hover { background-position:-280px -25px; }

#footer .fnv1 li a.l6 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -350px 0px no-repeat; }
#footer .fnv1 li a.l6:hover { background-position:-350px -25px; }

#footer .fnv1 li a.l7 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -420px 0px no-repeat; }
#footer .fnv1 li a.l7:hover { background-position:-420px -25px; }

#footer .fnv1 li a.l8 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -490px 0px no-repeat; }
#footer .fnv1 li a.l8:hover { background-position:-490px -25px; }

#footer .fnv1 li a.l9 { background:url(http://www.mar-surf.com/image/fnv_01.jpg) -560px 0px no-repeat; }
#footer .fnv1 li a.l9:hover { background-position:-560px -25px; }


#footer .fnv2 { float:left; width:825px; height:20px; margin:0px; padding:0px; background:url(http://www.mar-surf.com/image/fnv_02.jpg) no-repeat;  }
#footer .fnv2 ul { float:left; width:825px; height:20px; margin:0px; padding:0px; list-style:none; }
#footer .fnv2 li { float:left; height:20px; margin:0px; padding:0px; }
#footer .fnv2 li a { display:block; height:20px; margin:0px; padding:0px; text-indent:-9000px; }

#footer .fnv2 li a.l1 { width:70px; background:url(http://www.mar-surf.com/image/fnv_02.jpg) 0px 0px no-repeat; }
#footer .fnv2 li a.l1:hover { background-position:0px -70px; }

#footer .fnv2 li a.l2 { width:70px; background:url(http://www.mar-surf.com/image/fnv_02.jpg) -70px 0px no-repeat; }
#footer .fnv2 li a.l2:hover { background-position:-70px -20px; }

#footer .fnv2 li a.l3 { width:70px; background:url(http://www.mar-surf.com/image/fnv_02.jpg) -140px 0px no-repeat; }
#footer .fnv2 li a.l3:hover { background-position:-140px -20px; }

#footer .fnv2 li a.l4 { width:85px; background:url(http://www.mar-surf.com/image/fnv_02.jpg) -210px 0px no-repeat; }
#footer .fnv2 li a.l4:hover { background-position:-210px -20px; }


#footer .logo { float:right; width:95px; }


/*-------------------------------------------------------
right_link
-------------------------------------------------------*/
#right_link { position:fixed; top:0px; right:0px; width:37px; background:#ffffff; z-index:100; }
#right_link .wrapper { margin:0px; padding:3px; }
#right_link .wrapper a { display:block; margin:0px; padding:2px; }