@charset "UTF-8";
/* CSS Document */

body{
	font-size: 10pt;
	line-height: 13pt;
	text-align: left;
	background:url(../../img/common/background.gif) repeat-y;
	margin-left:0px;
	margin-top:0px;
	margin-right:auto;
	}

#wrap{
	width:800px;
	clear:both;
	}


/* トップメニュー */

#top_imgback{
	background:#015dcc url(../../img/top/top_back_b.jpg) no-repeat;
	width:800px;
	height:450px;
	}

ul.head_menu li{
	float:right;
	list-style-type:none;
	}

ul.head_menu li a{
	height: 19px;
	text-indent: -2000px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	}

a.head_menu_a{
	background:url(../../img/top/top_head_menu-a.jpg);
	width: 70px;
	}

a.head_menu_b{
	background:url(../../img/top/top_head_menu-e.jpg);
	width: 94px;
	}

a.head_menu_c{
	background:url(../../img/top/top_head_menu-b.jpg);
	width:102px;
	}

a.head_menu_d{
	background:url(../../img/top/top_head_menu-c.jpg);
	width: 74px;
	}


a.head_menu_e{
	background:url(../../img/top/top_head_menu-d.jpg);
	width: 65px;
	}

a.head_menu_f{
	background:url(../../img/top/top_head_menu-f.jpg);
	width: 80px;
	}



#category_menu ul.category_menu{
	width:800px;
	height: 47px;
	margin:0px;
	clear:both;
	}

#category_menu ul.category_menu li{
	float:left;
	list-style-type:none;
	}

#category_menu ul.category_menu li a{
	height: 47px;
	text-indent: -2000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	}

a.category_menu_a{
	background:url(../../img/top/menu_a.jpg);
	width: 114px;
	}

a.category_menu_b{
	background:url(../../img/top/menu_b.jpg);
	width: 115px;
	}

a.category_menu_c{
	background:url(../../img/top/menu_c.jpg);
	width: 112px;
	}

a.category_menu_d{
	background:url(../../img/top/menu_d.jpg);
	width: 113px;
	}

a.category_menu_e{
	background:url(../../img/top/menu_e.jpg);
	width: 115px;
	}

a.category_menu_f{
	background:url(../../img/top/menu_f.jpg);
	width: 112px;
	}



#category ul.category{
	width:800px;
	padding-top:10px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	margin:0px;
	}


#category ul.category li{
	list-style-type:none;
	float:left;
	}

#category ul.category li a{
	height: 18px;
	text-indent: -2000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	}

a.category_a{
	background:url(../../img/top/menu_bike.jpg);
	width: 105px;
	}

a.category_b{
	background:url(../../img/top/menu_outbard.jpg);
	width: 106px;
	}

/* コンテンツ */

#contents_left{
	width: 160px;
	margin-right:18px;
	padding-left:5px;
	float: left;
}

#contents_center{
	width: 428px;
	float: left;
}

#contents_right{
	width: 166px;
	float: right;
	text-align:center;
	margin-right:10px;
}

/* コンテンツ　カラム分け */

.contents_waku_a{
	float:left;
	width: 620px;
	}

.dontents_waku_b{
	float:right;
	width: 166px;
	}

.contents_left_b{
	width: 160px;
	margin-right:15px;
	padding-left:5px;
	float: left;
	}

.contents_center_b{
	width: 428px;
	float: right;
	}

.contents_right_b{
	width: 166px;
	text-align:center;
	margin-right:10px;
	}


.button_cart{
	background:url(../../img/common/background_gray.gif);
	padding-bottom: 10px;
	padding-left: 10px;
}

.background_right{
	margin-left:10px;
	padding-top: 3px;
	padding-bottom: 20px;
	background:#FFFFFF;
}

.toptitle_right_a{
	background:url(../../img/top/table_e.gif) no-repeat;
	padding-bottom:10px;
	text-indent:-2000px;
	}

.toptitle_right_b{
	background:url(../../img/top/table_c.gif) no-repeat;
	padding-bottom:10px;
	margin-top:5px;
	text-indent:-2000px;
	}

.toptitle_right_c{
	background:url(../../img/top/table_d.gif) no-repeat;
	padding-bottom:10px;
	margin-top:5px;
	text-indent:-2000px;
	}

.toptitle_left_a{
	background: url(../../img/top/table_right-e.gif) no-repeat;
	height:29px;
	text-indent:-2000px;}

.toptitle_left_b{
	background: url(../../img/top/table_right-a.gif) no-repeat;
	height:29px;
	text-indent:-2000px;}


.toptitle_left_c{
	background: url(../../img/top/table_right-c.gif) no-repeat;
	height:29px;
	text-indent:-2000px;}

.toptitle_left_d{
	background: url(../../img/top/table_right-g.gif) no-repeat;
	height:29px;
	text-indent:-2000px;}

.left_back{
	background:#F0F0F0 url(../../img/top/table_right-b.gif);
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	}

.left_back_b{
	background:#F0F0F0 url(../../img/top/table_right-b.gif);
	padding-left:3px;
	padding-right:3px;
	}

.toptitle_center_a{
	background:url(../../img/top/copy.gif) no-repeat;
	text-indent:-2000px;
	height:20px;
	}

.toptitle_center_b{
	background:url(../../img/top/title_bike.gif) no-repeat;
	text-indent:-2000px;
	height:20px;
	}

.toptitle_center_c{
	background:url(../../img/top/title_outboard.gif) no-repeat;
	text-indent:-2000px;
	height:20px;
	margin-top:10px;
	}

.toptitle_center_d{
	background:url(../../img/top/title_fwd.gif) no-repeat;
	text-indent:-2000px;
	height:20px;
	margin-top:10px;
	}

.footer_copy{
	background:url(../../img/common/footer_top.jpg) no-repeat;
	width:800px;
	text-align:left;
	margin-bottom:5px;
	}

.s_gray{
	color: #666666;
	font-size:10px;
	line-height:13px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	}


/* カレンダー */

.c_holiday{
	text-align:center;
	background:#FDDDD2;
	color: #CA2638;
	}

.c_text{
	background: #ffffff;
	text-align: center;
	}

/* トップ専用スペース*/

.t_2{
	padding-top: 2px;
	}

.l_2{
	padding-left: 2px;
	}


/* フラッシュ動画 */
.movie_jp{
	padding-left:20px;
	padding-bottom:5px;
	}

.back_limitation{
	background:url(../../img/top/limitation_banner_c.jpg) no-repeat;
	width:270px;
	padding-top:5px;
	padding-left:3px;
	padding-right:3px;
	font-size:12px;
	height:150px;
	}

.t_7{
	padding-top: 2px;
	}


/* 告知 */
.waku_kokuchi{
	background:url(../../img/top/banner_info_b.jpg) no-repeat;
	width:550px;
	font-size:12px;
	line-height:19px;
	}

.waku_kokuchi p{
	margin:0px;
	padding:0px;
	}

.top_midashi{
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
	}

/* TOP変更 */

.top_back_img{
	background:url(../../img/top/top_back.jpg) no-repeat;
	width: 800px;
	height:396px;
	}

.top_head_waku{
	margin-bottom: 5px;
	clear:both;
	}

.head_l{
	padding: 5px 0px 0px 10px;
	width:250px;
	float:left;
	}

.head_r{
	width: 535px;
	float:right;
	text-align:right;
	}

.top_menu_list li{
	float:left;
	padding-right: 5px;
	}


.head_list_f li{
	float:left;
	margin-right: 5px;
	}

.head_menu_list li{
	float:left;
	margin-right: 3px;
	}

.top_gentei{
	width: 270px;
	margin: 0px 0px 0px 20px;
	}

#head_menu_logo{
	margin-bottom:10px;
	}


.kokuchi{
	margin-left: 20px;
	}

.menu_right{
	float:right;
	}

/* TOPコンテンツ変更 */

.contents_l{
	float:left;
	width: 600px;
	}

.contents_r{
	float:right;
	width: 200px;
	}






/* リニューアル時追加したCSS */

#wrap_b {
	width:1030px;
	margin: 0 auto;
	text-align:left;
	background:#FFFFFF;
	clear:both;
}

#contents_wrap {
	background:#000000;
}

header {
	background:#000000;
	padding-bottom:6px;
	color:#FFFFFF;
}

.head_top {
	width:100%;
	padding-top:10px;
}

.head_left {
	width:842px;
	padding-left:10px;
}

.head_right {
	width:168px;
	padding-right:10px;
}

.main_img_left {
	width:260px;
	padding-left:9px;
	text-align:left;
	vertical-align: top;
}

.shopping_info {
	width:215px;
	height:153px;
}

.main_img_center {
	/*width:482px;*/
	text-align:center;
	margin-top:-15px;
	padding-bottom:15px;
}

.main_img_right {
	width:260px;
	padding-right:10px;
	text-align:right;
	vertical-align: top;
}

.product_search {
	padding-top:12px;
	padding-right:3px;
}

.menu {
	width:100%;
}

.flex-list {
	display: flex;
	align-items: center;
}
.flex-1 {
	flex: 1;
}

.menu .flex-list {
	margin-right: 4px;
}

#side_left {
	width:220px;
	height:1078px;
	background:#000000;
	color:#FFFFFF;
}

.calendar {
	height:415px;
}

.company_info {
	line-height:19px;
}

.company_info a:link { color: #FFFF00; }
.company_info a:visited { color: #FFFF00; }
.company_info a:hover { color: #FFFF00; }
.company_info a:active { color: #FFFF00; }

#contents_b {
	width:590px;
	height:1078px;
	margin-bottom:20px;
	background:#FFFFFF;
}

.top_koukoku {
	width:100%;
	height:120px;
	margin-bottom:13px;
	overflow: auto;
	vertical-align: bottom;
}

.top_gentei_title,
.top_kokuchi_title,
.top_news_title  {
	width:291px;
	height:35px;
	margin-bottom:10px;
	margin-left: 3px;
	color:#FFFF00;
	text-align:center;
	line-height:35px;
	font-size:16px;
	font-weight:bold;
	background:no-repeat;
	background-image:url("../../img/top_b/title_black_b.png");
}

.top_gentei_title.inline {
	display:inline-block;
}

.top-bnr-ig {
    display:inline-block;
    padding-top:1px;
    margin-left:15px;
    vertical-align:top;
}

.top-bnr-ig a {
    display:block;
}

.top_gentei_b {
	width:580px;
	margin-left:4px;
	border:1px solid #000000;
	height:185px;
	margin-bottom:20px;
	overflow: auto;
	vertical-align: bottom;
}
.top_kokuchi {
	width:580px;
	margin-left:4px;
	border:1px solid #000000;
	height:155px;
	margin-bottom:20px;
	overflow: auto;
	vertical-align: bottom;
}
.top_news {
	width:580px;
	margin-left:4px;
	border:1px solid #000000;
	height:450px;
	overflow: auto;
	vertical-align: bottom;
}

#side_right {
	width:218px;
	height:1078px;
	margin-left:2px;
	background:#000000;
	color:#FFFFFF;
}

footer{
	text-align:center;
	background:#000000;
	color:#FFFFFF;
}

.footer_menu {
	width:100%;
}

.footer_menu a { text-decoration:none; }
.footer_menu a:link { color: #FFFFFF; }
.footer_menu a:visited { color: #FFFFFF; }
.footer_menu a:hover { color: #FFFFFF; }
.footer_menu a:active { color: #FFFFFF; }


.mb_10 li {
	margin-bottom:10px;
}

.head_logo{
	width:1030px;
	text-align:center;
}

.product-menu-button {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 51px;
	padding: 4px 5px 1px;
	margin: 0 1.5px;
	color: white;
	text-align: center;
	font-family: "Meiryo", "Noto Sans JP", sans-serif;
	font-size: 10px;
	line-height: 1.4;
	box-sizing: border-box;
	box-shadow:
		inset 1px 1px 2px rgba(0, 0, 0, 1),
		inset 0 0 0 rgba(255, 255, 255, 0.9),
		0 0 0 2px #2e7d32;
}

/* テーマ別（背景色違い） */
.product-menu-button--green {
	background-color: #339900;
	box-shadow: 
		inset 1px 1px 2px rgba(0, 0, 0, 1),
		inset 0 0 0 rgba(255, 255, 255, 0.9),
		0 0 0 2px #388e3c;
}
.product-menu-button--brown {
	background-color: #602322;
	box-shadow: 
		inset 1px 1px 2px rgba(0, 0, 0, 0.8),
		inset 0 0 0 rgba(255, 255, 255, 0.4),
		0 0 0 2px #44201a;
}

.product-menu-button__jp {
	font-weight: normal;
}
.product-menu-button__en {
	font-weight: bold;
}
.product-menu-button--brown .product-menu-button__jp,
.product-menu-button--brown .product-menu-button__en {
	letter-spacing: 0.15em;
	font-size: 11px;
}