@charset "EUC-JP";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,700');

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯';
	background: url(https://www.fusion-boats.com/webshop/image/bg_head.png) repeat-x top;
	line-height: 140%;
	color: #222222;
	}
	
.highlight a:hover *{  
  filter: alpha(opacity=75);  
  -moz-opacity:0.75;  
  opacity:0.75;  
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
	}

ul {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
li {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
a:link {
	color: #0079ac;
	text-decoration: none;
}

a:visited {
	color: #0079ac;
	text-decoration: none;
}

a:hover {
	color: #75accc;
	text-decoration: underline;
}

a:active {
	color: #0079ac;
	text-decoration: none;
}

.bottom5 {
	margin-bottom: 5px;
}

.bottom10 {
	margin-bottom: 10px;
}

.text_right {
	text-align: right;
}

.text14 {
	font-size: 14px;
}

/* ²èÁü */
.alignleft	{float: left;
	margin-right: 20px;
	margin-bottom: 20px;}

.alignright	{float: right;
	margin-left: 20px;
	margin-bottom: 20px;}

.aligncenter	{clear: both;
	display: block;
	margin: 25px auto;}

#header {
	width: 1180px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#header_logo {
	width: 230px;
	float: left;
}

#head_navi {
	width: 316px;
	height: 60px;
	background:url(https://www.fusion-boats.com/webshop/image/head_navi.png) top no-repeat;
	float: left;
	margin-left:202px;
}

#head_navi ul {  
	padding:0px;
	margin:0px;
 }
 
#head_navi li {  
	display:inline;  
	list-style-type:none;  
	} 

#head_navi li a {  
	height:60px;  
	display:block;  
	float:left;  
	text-indent:-9877em;  
	text-decoration:none;  
	overflow:hidden;  
	}

/*------off*/

#head_navi li.navi_home a {
	background:url(https://www.fusion-boats.com/webshop/image/head_navi.png) no-repeat 0px 0px;
	width: 100px;
	}
	
#head_navi li.navi_blog a {
	background:url(https://www.fusion-boats.com/webshop/image/head_navi.png) no-repeat -100px 0px;
	width: 118px;
	}
	
#head_navi li.navi_contact a {
	background:url(https://www.fusion-boats.com/webshop/image/head_navi.png) no-repeat -218px 0px;
	width: 98px;
	}
	
/*------hover*/

#head_navi li.navi_home a:hover {
	background:url(https://www.fusion-boats.com/webshop/image/head_navi.png) no-repeat 0px -60px;
	}
	
#head_navi li.navi_blog a:hover {
	background:url(https://www.fusion-boats.com/webshop/image/head_navi.png) no-repeat -100px -60px;
	}
	
#head_navi li.navi_contact a:hover {
	background:url(https://www.fusion-boats.com/webshop/image/head_navi.png) no-repeat -218px -60px;
	}
	
#search_area {
	float: left;
	background: #222222 url(https://www.fusion-boats.com/webshop/image/search.png) left no-repeat;
	padding: 5px 10px 5px 60px;
	margin-left:1px;
	width: 180px;
	height: 50px;
}

#cartview_button {
	float: left;
}
	
#main {
	height: 550px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	clear: both;
	position: absolute;
	z-index: 1;
	top: 60px;
}

#contents_area {
	width: 1180px;
	margin: 0px auto 30px auto;
	position: relative;
	z-index: 3;
}

#contetns_left {
	width: 230px;
	background: #222222;
	float: left;
	color: #FFFFFF;
	margin: 200px 0 10px 0;
}

#contetns_left a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#contetns_left a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#contetns_left a:hover {
	color: #75accc;
	text-decoration: none;
}

#contetns_left a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#contents_right {
	width: 930px;
	float: right;
}

.navi_midashi {
	clear: both;
}

.navi_cat li {
	background: url(https://www.fusion-boats.com/webshop/image/navi_cate-bg.png) no-repeat;
	line-height: 38px;
	padding-bottom: 2px;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.navi_cat a {
	display:block;
	padding: 0 20px;
}

.navi_cat a:hover {
	background: url(https://www.fusion-boats.com/webshop/image/navi_cate-bg.png) no-repeat #000000;
}

.navi_list img {
	float:left;
}

.navi_user {
	padding: 10px 20px;
}

.navi_user p {
	line-height: 30px;
	border-bottom: 1px dotted #444444;
}

#footer {background: #222; padding: 40px 0; color: #FFF; width: 100%;}
@media screen and (max-width: 1180px) {
	#footer {width: 1180px;}
}
#footer .EN {font-family: 'Barlow', sans-serif; font-weight: 400;}
#footer h2 {line-height: 1.5; padding: 0; margin: 0; font-weight: 700;}
#footer .txt16 {font-size: 16px;}
#footer .txt700 {font-weight: 700;}
#footer .mb5 {margin-bottom: 5px;}
#footer .mb15 {margin-bottom: 15px;}
#footer .mb10 {margin-bottom: 10px;}
#footer .mb20 {margin-bottom: 20px;}
#footer .logo {width: 160px;}
#footer .logo img {width: 100%;}
#footer .container {width: 100%; max-width: 1212px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;}
#footer .mlr {margin-left: auto; margin-right: auto;}
#footer .col6 {width: calc(100% - 40px); margin: 0 auto;}
#footer .w100 {width: 100%;}
#footer ul {list-style: none; font-weight: 500;}
#footer a:link {color: #FFFFFF!important;	text-decoration: none;}
#footer a:visited {	color: #FFFFFF!important;	text-decoration: none;}
#footer a:hover {color: #FFF!important;text-decoration: none;}
#footer a:active {color: #FFFFFF!important;text-decoration: none;}
#footer .flex {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
#footer .jcSb {justify-content: space-between;}
#footer .fNav {max-width: 655px;}
#footer .fNav li {margin: 0 30px 10px 0;}
#footer .fNav li a {display: block; padding-left: 10px; border-left: 5px solid #0079AE;}
.footCopy {text-align: right;}
.footCopy small {font-size: 14px;}
#pageTop {float: right; margin-bottom: 165px; width: 80px;}
@media screen and (max-width: 1024px) {
    footer {background: #444444; padding: 30px 0;}
    #pageTop {margin: 0 auto 10px; width: 80px;}
}
@media screen and (max-width: 896px) {
	#footer .EN {font-weight: 400;}
	#footer .txt16 {font-size: 14px;}
	#footer .logo {width: 80px;}
	#footer .col6 {width: calc(100% - 30px); margin: 0 auto;}
	#footer ul {list-style: none; line-height: 1.7;}
}

#main_contents {
	padding-top: 40px;
}

#main_contents2 {
	padding-top: 40px;
	margin-top: 370px;
}

#top_catch {
	margin-top: 300px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: right;
}

#top_recommend {
	margin-left: 20px;
	background: #666666;
	padding: 0 20px 20px 20px;
	margin-bottom:30px;
}

#top_recommend-midashi {
	float: left;
	width:194px;
	overflow: hidden;
}

.top_recommend-photo {
	width:173px;
	height: 210px;
	float:left;
	background:#FFFFFF;
	border-left: 1px solid #666666;
}

.contents_title {
	margin:0 0 20px 20px;
	clear:both;
}

.brandlist {
	width: 290px;
	float: left;
	margin:0 0 20px 20px;
}

#contents-photo {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	clear: both;
	position: absolute;
	z-index: 1;
	top:60px;
}

#contents_desc {
	margin-right: 0;
	margin-left: 440px;
	margin-bottom: 30px;
	padding: 20px;
	background: url(https://www.fusion-boats.com/webshop/image/bg_brand.png) repeat-y;
	color: #FFFFFF;
}

#contents_desc2 {
	margin-right: 0;
	margin-left: 440px;
	height: 371px;
	margin-bottom:px;
	color: #FFFFFF;
}

#contents_desc p {
	line-height:20px;
}

#brand_catch {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	 line-height: 30px;
}

.sort {
	line-height: 20px;
	margin: 0 0 15px 20px;
	text-align: center;
	}
	
#pankuzu {
	line-height: 20px;
	margin: 0 0 15px 20px;
	text-align: center;
	}
	
.pager-top {
	line-height: 20px;
	margin: 0 0 15px 20px;
	text-align: center;
	}
	
.itemlist_area_head {
	margin-left: 21px;
}
	
.itemlist_area_foot {
	margin-left: 21px;
	height:20px;
	background: url(https://www.fusion-boats.com/webshop/image/bg_itemlist.png) top no-repeat;
	margin-bottom:20px;
}

.itemlist_area {
	margin-left: 21px;
	background: url(https://www.fusion-boats.com/webshop/image/bg_itemlist.png) repeat-y;
}

.shop-triple {
	width: 263px;
	float: left;
	padding: 20px;
	overflow: hidden;
	height: 445px;
}

.item-photo {
	height:325px;
	width: 263px;
	text-align: center;
	overflow: hidden;
}

.itme-name-list {
	line-height: 20px;
	font-size: 14px;
	padding-bottom: 10px;
	overflow: hidden;
	max-height:60px;
}

.item-price-list {
	text-align: center;
	line-height: 20px;
	padding-bottom:10px;
	overflow: hidden;
	max-height:60px;
}

#itemdetail {
	margin-left: 20px;
}

.shop-item-title h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0;
	margin: 0 0 20px 0;
	text-align:center;
	border: 1px #222222 solid;
}

#item-main {
	text-align: center;
	width: 710px;
	height: 550px;
	overflow: hidden;
	float:left;
	}
	
#item-photo img {
	cursor: pointer;
	}

#item-photo {
	float: right;
	width: 200px;
	}

#item-photo ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#item-photo li {
	list-style: none;
	margin: 0 0 2px 0;
	padding: 0;
	}
	
.detail-text {
	padding: 20px 0;
	clear: both;
	line-height: 140%;
	width: 620px;
	float: left;
}

.product_detail_area {
	padding: 20px 0;
	width: 250px;
	float: right;
}

table.add_cart_table {
width: 100%;
border-top: 1px solid #ccc;
margin-bottom: 10px;
}
table.add_cart_table th {
border-bottom: 1px solid #ccc;
padding: 10px 5px;
font-size: 11px;
}
table.add_cart_table td {
border-bottom: 1px solid #ccc;
padding: 10px 5px;
}
table.add_cart_table td input {
width: 30px;
font-size: 14px;
}
table.add_cart_table td strong.price {
font-size: 14px;
}

table#option_tbl {
width: 100%;
margin-bottom: 20px;
}
table#option_tbl th,
table#option_tbl td.none {
background: whiteSmoke;
}
table#option_tbl th,
table#option_tbl td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
table#option_tbl th {
background: whiteSmoke;		
}
table#option_tbl td div input {
margin-bottom: 5px;
}

ul.option_price {
margin: 0 0 20px 0px;
}
ul.option_price li {
list-style-type: none;
}

div.button_area {
}
div.button_area input {
width: 100%;
}

.guide_navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.guide_navi li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666666;
	line-height: 30px;
	}

.detail_contact {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	line-height: 20px;
	background: url(https://www.fusion-boats.com/webshop/detail_icon1.gif) left no-repeat;
	}

.detail_freind {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	line-height: 20px;
	background: url(https://www.fusion-boats.com/webshop/detail_icon2.gif) left no-repeat;
	}

.detail_cont {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	line-height: 20px;
	background: url(https://www.fusion-boats.com/webshop/detail_icon3.gif) left no-repeat;
	}

.detail_tokutei {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	line-height: 20px;
	background: url(https://www.fusion-boats.com/webshop/detail_icon4.gif) left no-repeat;
	}

.privacy_midashi {
	font-size: 14px;
	border-bottom: 1px solid #222222;
	margin-bottom: 10px;
}

.terms  table {
	width: 100%;
}

.terms th {
	width: 30%;
	background: #C3DDFB;
}

.terms td {
	width: 70%;
	background: #EEEEEE;
}

.product_list {
	margin: 0 50px 20px 50px;
	line-height: 30px;
	padding: 0 5px;
	border: 1px solid #000000;
}

.sub_name {
	float: left;
	font-weight:bold;
	font-size: 14px;
	border-right: 1px solid #000000;
	padding: 5px 15px;
	line-height: 30px;
}
