/* ************************************************ 
 *	共通設定
 * ************************************************ */
body{ 
 margin: 0;
 padding: 0;
 text-align:center;
 position:relative;
 background: url(http://img06.shop-pro.jp/PA01021/334/etc/temp_bg_header2.jpg) repeat-x left top;
 background-color: #ffffff;
 color:#000000;
 font:12px Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic","Osaka",sans-serif;
 line-height: 135%;
 font-weight:normal;
}

a,a:link,a:visited,a:active {
color: #222222; text-decoration: underline; overflow:hidden; outline:none;
}
a:hover {
 color: #ee0000;text-decoration: underline; overflow:hidden; outline:none;
}

img {border:none;}

a img,a:link img,a:visited img,a:active img{
 border: none;
 overflow: hidden;
 margin-bottom:3px;
}

a:hover img{
 filter:alpha(opacity=80);  /* IE7以下用 */
 -ms-filter: "alpha(opacity=80)"; /* IE8用 */
 -moz-opacity:0.8; /* Firefox 1.5未満, Netscape用 */
 -khtml-opacity: 0.8;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
 opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

form{
 margin: 0;
 padding: 10px 0 10px 0;
}

ul,li,dl,dt,dd,h1,h2,h3,h4{
 padding:0;
 margin:0;
}

select,input,button,textarea,button {
 font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro", Osaka, Verdana,Arial,San-Serif;
 font-size:100%;	
}

#wrapper{
 width:960px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 font-size:100%;
}

#container{
 margin:0 20px 30px 20px;
}



/* ************************************************ 
 *	ヘッダー
 * ************************************************ */

#header{
 width:100%;
 height: 220px;
 background: url(http://img06.shop-pro.jp/PA01021/334/etc/temp_logo.jpg) no-repeat left top;
 text-align: left;
}

#header h1{
 width: 255px;
 height: 75px;
 position: absolute;
 z-index: 0; 
 margin:12px 0 0 25px;
 color: #ffffff;
 font-size: 100%;
 font-weight: normal;
}

#header p{
 margin:12px 0 0 25px;
 padding: 0;
 position: absolute;
 top:0;
 left: 0;
}

#header p a,
#header p a:link,
#header p a:visited,
#header p a:active {
 display: block;
 background: none;
}

#header p a:hover{
 display: block;
 background: url(http://img06.shop-pro.jp/PA01021/334/etc/logo_bg.jpg) no-repeat left top;
}


/*--------------------------------------------------------------------
　ヘッダー　ガイドナビ
-------------------------------------------------------------------- */

#header-navi {
 text-align:right;
 margin-right: 20px;
}

#header-navi ul {
 margin:7px 0 5px 0; 
}

#header-navi ul li{
 list-style: none;
 font-size: 93%;
 float: right;
}

#header-navi ul li a,
#header-navi ul li a:link,
#header-navi ul li a:visited,
#header-navi ul li a:active {
 list-style: none;
 background: url(http://img06.shop-pro.jp/PA01021/334/etc/i_arrow.gif) no-repeat left center;
 padding:2px 0 0 13px;
 margin-left: 12px;
}

#header-navi ul li a:hover {
 list-style: none;
 background: url(http://img06.shop-pro.jp/PA01021/334/etc/i_arrow_over.gif) no-repeat left center;
 padding:2px 0 0 13px;
 margin-left: 12px;
}

#header-navi .guide{
 margin: 0;
 padding:6px 0 0 0;
 clear: right;
}

#header-navi .guidelink{
 margin-left: 6px;
}

#header-navi .guidebotton{
 margin-right: 170px;
 margin-top: 2px;
*margin-right: 172px;
*margin-top: -9px;
}

* html #header-navi .guidebotton{position: absolute;top:88px;right:20px;}
* html #global-navi ul{margin-top: 35px;}

#search{
 float: right;
 width: 183px;
 margin-top: 1px;
 position: absolute;
 right: 30px;
*right: 57px;
 top:65px;
}

#search input{
 width: 130px;
 height: 23px;
 padding-left: 12px;
 padding-right: 35px;
 font-size: 93%;
 line-height: 23px;
 border: none;
 background:url(http://img06.shop-pro.jp/PA01021/334/etc/search.gif) no-repeat top left;
}
		
input[type=text]:focus,
input[type=password]:focus {
 outline: 0 none;
}
 

/*--------------------------------------------------------------------
　ヘッダー　グローバルナビ
-------------------------------------------------------------------- */

#global-navi{
 width:920px;
 margin:0;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 clear: both;
}

#global-navi ul{
 margin-top:18px;
 clear:both;
 font-size:100%;
 text-align:center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #global-navi ul  { margin-top:20px;  }
 #main dl.top dt  { margin-bottom:6px;  }
}

#global-navi li{
 list-style: none;
 display: block;
 float: left;
 text-align:center;
}

#global-navi li.left{
 background:url(http://img06.shop-pro.jp/PA01021/334/etc/head_navi_bgline.gif) repeat-y left top;
}

#global-navi li a,
#global-navi li a:link,
#global-navi li a:visited,
#global-navi li a:active {
 list-style:none;
 background:url(http://img06.shop-pro.jp/PA01021/334/etc/head_navi_bgline.gif) repeat-y right top;
 margin:0;
 padding:4px 19px 4px 19px;
 padding:4px 22px 4px 22px\9;
 font-size:108%;
*font-size:110%;
 font-weight: bolder;
 display:block;
 text-decoration: none;
}

#global-navi li a:hover {
 list-style:none;
 background:url(http://img06.shop-pro.jp/PA01021/334/etc/head_navi_bgline.gif) repeat-y right top #111111;
 margin:0;
 padding:4px 19px 4px 19px;
 padding:4px 22px 4px 22px\9;
 font-size:108%;
*font-size:110%;
 font-weight: bolder;
 display:block;
 color: #ffffff;
 text-decoration: none;
}


/*--------------------------------------------------------------------
　ヘッダー　ばんくず
-------------------------------------------------------------------- */

#pankuzu{
 color:#ffffff;
 font-size:85%;
 text-align:left;
 margin: -47px 0 28px 0;
 height:25px;
}

#pankuzu a,
#pankuzu a:link,
#pankuzu a:visited,
#pankuzu a:active{
 color:#ffffff;text-decoration: underline;
}

#pankuzu a:hover {
 color: #bbbbbb;text-decoration: underline;
}



/*--メインメニュー--*/
.menulist {
height:41px;
padding:0px;
margin:0px;
margin:0px;
clear:both;
background:url(http://waterjump.tv/sendai/img/bg_mainmenu.gif);
}

.menulist ul{
width:920px;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
clear:both;
}

.menulist ul li {
float:left;
list-style:none;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.menulist ul li.home{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.home a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_home.png) no-repeat;
display:block;
}

.menulist ul li.home a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_home_hover.png) no-repeat;
display:block;
}

.menulist ul li.wetsuits{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.wetsuits a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_wetsuits.png) no-repeat;
display:block;
}

.menulist ul li.wetsuits a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_wetsuits_hover.png) no-repeat;
display:block;
}

.menulist ul li.lifebest{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.lifebest a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_lifebest.png) no-repeat;
display:block;
}

.menulist ul li.lifebest a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_lifebest_hover.png) no-repeat;
display:block;
}

.menulist ul li.rashguard{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.rashguard a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_rashguard.png) no-repeat;
display:block;
}

.menulist ul li.rashguard a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_rashguard_hover.png) no-repeat;
display:block;
}

.menulist ul li.surfpants{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.surfpants a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_surfpants.png) no-repeat;
display:block;
}

.menulist ul li.surfpants a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_surfpants_hover.png) no-repeat;
display:block;
}

.menulist ul li.helmet{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.helmet a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_helmet.png) no-repeat;
display:block;
}

.menulist ul li.helmet a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_helmet_hover.png) no-repeat;
display:block;
}

.menulist ul li.sonota{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.sonota a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_sonota.png) no-repeat;
display:block;
}

.menulist ul li.sonota a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_sonota_hover.png) no-repeat;
display:block;
}

.menulist ul li.ticket{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
text-indent:-4000em;
}

.menulist ul li.ticket a{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_ticket.png) no-repeat;
display:block;
}

.menulist ul li.ticket a:hover{
width:102px;
height:33px;
margin:0px;
padding:4px 0px 0px 0px;
background: url(http://waterjump.tv/store/img/menu/menu_ticket_hover.png) no-repeat;
display:block;
}

/*--下メニュー--*/
.menulist_bottom{
height:32px;
margin:0px;
padding:0px;
clear:both;
background: url(http://waterjump.tv/store/img/bg/bg_pan.gif) ;
}

.menulist_bottom ul{
width:920px;
color:#000;
text-align:left;
font-size:10px;
margin-left: auto;
margin-right: auto;
margin-bottom:0px;
margin-top:0px;
padding:7px 0px 0px 0px;
}

.menulist_bottom ul li{
float:right;
list-style:none;
color:#000;
font-size:10px;
margin:0px;
padding:0px 20px 0px 15px;
background: url(http://waterjump.tv/store/img/icon/yajirusi_bk.gif) 0% 50% no-repeat;
}


.menulist_bottom ul li.use{
float:right;
list-style:none;
color:#000;
font-size:10px;
margin:0px;
padding:0px 20px 0px 15px;
background: url(http://waterjump.tv/store/img/icon/biginer.png) 0% 50% no-repeat;
}

.menulist_bottom ul li.myaccount{
float:right;
list-style:none;
color:#000;
font-size:10px;
margin:0px;
padding:0px 20px 0px 18px;
background: url(http://waterjump.tv/store/img/icon/hito.png) 0% 50% no-repeat;
}

.menulist_bottom ul li.cart{
float:right;
list-style:none;
color:#000;
font-size:10px;
margin:0px;
padding:0px 20px 0px 25px;
background: url(http://waterjump.tv/store/img/icon/cart.png) 0% 50% no-repeat;
}

.menulist_bottom ul li a{
color:#000;
}

.menulist_bottom ul li a:hover{
color:#000;
}

.menulist_bottom img{
padding:0px 5px 0px 10px;
}


/*　広告　*/
.ad{
width:750px;
height:90px;
margin:20px auto;
padding:0px;
}

.ad img{
border:0px;
}

/*--ページタイトル横RSS--*/
.rss{
float:right;
width:73px;
height:14px;
text-indent:-4000em;
margin:0px;
padding:20px 0px 0px 0px;
}

.rss a{
float:right;
width:73px;
height:14px;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
background:url(http://waterjump.tv/sendai/image/icon/rss.png) no-repeat;
display:block;
}


/*--ナビゲーション--*/
.php_hako{
width:920px;
height:70px;
margin:0px;
padding:0px;
border-bottom:1px solid #CCC;
clear:both;
}

.sidebar_back {
clear:both;
width:270px;
height:50px;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 15px;
font-size:11px;
background:url(http://waterjump.tv/sendai/image/icon/yajirusi_dot.gif) no-repeat 0% 35%;
float:left;
}

.php{
width:650px;
height:50px;
font-size:11px;
text-align:center;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
float:right;
}

.php_preview{
width:35px;
height:34px;
text-indent:-4000em;
margin:0px;
padding:0px 20px 0px 0px;
float:right;
}

.php_preview a{
width:35px;
height:34px;
margin:0px;
padding:0px 20px 0px 0px;
background: url(http://waterjump.tv/sendai/image/icon/preview.gif) no-repeat;
display:block;
float:right;
}

.php_preview a:hover{
width:35px;
height:34px;
margin:0px;
padding:0px 20px 0px 0px;
background: url(http://waterjump.tv/sendai/image/icon/preview_hover.gif) no-repeat;
display:block;
float:right;
}

.php_next{
width:35px;
height:34px;
text-indent:-4000em;
margin:0px;
padding:0px 0px 0px 0px;
float:right;
}

.php_next a{
width:35px;
height:34px;
margin:0px;
padding:0px 0px 0px 0px;
background: url(http://waterjump.tv/sendai/image/icon/next.gif) no-repeat;
display:block;
float:right;
}

.php_next a:hover{
width:35px;
height:34px;
margin:0px;
padding:0px 0px 0px 0px;
background: url(http://waterjump.tv/sendai/image/icon/next_hover.gif) no-repeat;
display:block;
float:right;
}

/* ************************************************ 
 *	フッター
 * ************************************************ */

.pagetop{
 position: fixed;
 z-index: 100;
 bottom:-3px;
 right:0;
}

* html .pagetop{ margin-top: -35px; float: right;}




/*--------------------------------------------------------------------
　フッター
-------------------------------------------------------------------- */

#footer{
 width:100%;
 background:url(http://img06.shop-pro.jp/PA01021/334/etc/foot_bg2.jpg) repeat-x top center;
 clear:both;
 text-align: center;
 line-height: 125%;
}

#footer2{
 width: 960px;
 height: 430px;
 margin:0;
 margin-left:auto;
 margin-right:auto;
 color:#999999;
 background:url(http://img06.shop-pro.jp/PA01021/334/etc/foot_bg.jpg) no-repeat top center;
 clear:both;
 text-align: left;
}

#footer2 dl{
 width:275px;
 height:auto;
 float:left;
 margin:125px 20px 0px 20px;
}

* html #footer2 dl{margin-right:10px;}
* html #footer2 ul{margin-left:20px;}

#footer2 dt{
 font-weight:bolder;
 background:url(http://img06.shop-pro.jp/PA01021/334/etc/foot_icon.gif) no-repeat left center;
 padding:1px 0 0 17px;
 margin-top: 10px
}

#footer2 dd{
 padding:3px 0 20px 0;
 font-size:93%;
}

#footer2 dd a{
 color: #999999;
}

#footer2 ul{
 margin:12px 0 0 30px;
 float:left;
}

#footer2 li{
 list-style: none;
 border-left:#666666 solid 1px;
 padding:0px 10px 0 10px;
 float:left;
 font-size:93%;
}

.side{
 border-left:solid #666666 1px;
 border-right:solid #666666 1px;
 padding:0px 5px;
} 

#footer2 li a,
#footer2 li a:link,
#footer2 li a:visited,
#footer2 li a:active{
 color:#777777;
}

#footer2 li a:hover{
 color:#ffffff;
}


#copy{
 padding:15px 40px 0 0;
 color:#777777;
 font-size:85%;
 float: right;
}