@charset "utf-8";

/* !background
---------------------------------------------------------- */
#header + div {
	/*background-color: #fff; */
}

/* !common
---------------------------------------------------------- */
#header .ico {
	margin-left: 5px;
	vertical-align: baseline;
}

/* !header
---------------------------------------------------------- */
#header {
	padding-top: 20px;
	width: 100%;
	min-width: 980px;
	background-color: #fff;
	color: #333;
	text-align: left;
	border-top:4px solid #0065b4;
}
/* COCKPIT STYLE */
.cpStyleBody #header { border-top:4px solid #0065b4 !important; }
.cpSportsBody #header { border-top:4px solid #c3244a !important; }
.cpImportBody #header { border-top:4px solid #016972 !important; }

	#header a {
		color: #333;
	}
	#headerContent {
		margin: 0 auto;
		width: 980px;
		text-align: left;
		display: block;
		min-height: 1%;
	}
	#headerContent:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		#headerLogo {
			float: left;
			line-height:60px;
		}
			#headerLogo .shopName{
				margin-left:1em;
			}
		#headerBlandLogo {
			float: right;
			width: 493px;
		}/* original width 523px edit@170323 */
			#headerBlandLogo p{
				float: right;
				margin-top: 12px;
				width: 173px;
				height: 35px;
			}
			#headerLinks {
				float: right;
				width: 320px;
				display: block;
				min-height: 1%;
				margin-top: 19px;
			}/* original width 350px edit@170323 */
		#headerLinks:after {
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}
			#headerLinks li {
				float: right;
				padding: 0 12px 0 10px;
				background: url(/shop/common/images/header/ico_header_arrow01.png) no-repeat left 0.45em;
				line-height: 1.5;
			}/* original padding 0 20px 0 15px edit@170323 */
				#headerLinks li a {
					font-size: 85.71%;
					text-decoration: none;
				}
				#headerLinks li a:hover,
				#headerLinks li a:focus {
					text-decoration: underline;
				}
	#headerMenuBtn,
	#dropMenuWrap_sp #headerLinks_sp {
		display: none;
	}
	#headerLogo{
		line-height:110%;
	}
		#headerLogo a{
			float:left;
			/*width:219px;*//* original width 144px edit@170323 */
            text-decoration: none;
		}
			#headerLogo .shopName{
				float:right;
				width:240px;/* original width 290px edit@170323*/
			}
			#headerLogo .shopName p{
				line-height:110%;
				display:table-cell;
				vertical-align: middle;
				height: 60px;
				width:240px;/* original width 290px edit@170323*/
			}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	margin-top: 19px;
	/* background-image: url(/shop/common/images/header/bg_gNavi.jpg);*/
	background: url(/shop/common/images/footer/bg_footer01.jpg) repeat left 50%;
	background-repeat:repeat-x;
}
	#gNavi ul {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: 980px;
		padding: 0 ;
		height: 49px;
		position: relative;
		z-index: 10001;
	}
		#gNavi li {
			position: relative;
			flex: 1;
			height: 49px;
			overflow: hidden;
			text-align:center;
			font-weight:bold;
		}
		#gNavi li:first-child:before {
			position: absolute;
			content:"";
			top:6px;
			bottom: 6px;
			left: 0px;
			width:1px;
			background:#666;
		}
		#gNavi li:after {
			position: absolute;
			content:"";
			top:6px;
			bottom: 6px;
			right: 0;
			width:1px;
			background:#666;
		}
		#gNavi li:first-child:hover:before,
		#gNavi li:first-child.current:before,
		#gNavi li.current:after,
		#gNavi li.active:after,
		#gNavi li:hover:after {
			background:none;
		}
			#gNavi li a {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 49px;
				color:#fff;
				vertical-align: middle;
				font-size:80%;
				border-right:#CCC;
			}
			#gNavi li.current a { color:#fff; background-color:#0066cc; border-radius:0;}
			.cpStyleBody #gNavi li.current a { background-color:#0066cc !important; }
			.cpSportsBody #gNavi li.current a { background-color:#cc3333 !important; }
			.cpImportBody #gNavi li.current a { background-color:#006666 !important; }

			#gNavi li.active a,
			#gNavi li.active a:hover { color:#fff; background-color:#333333; border-radius:7px 7px 0 0;}
			#gNavi li a:hover,
			#gNavi li.current a:focus { color:#fff; background-color:#999999; border-radius:7px;}

			#dropMenu .dropMenuContent01.column2 > li { width: 480px !important; }
			#dropMenu .dropMenuContent01 > li { margin-bottom: 20px; }
/* !dropMenu
---------------------------------------------------------- */
#dropMenuWrap {
	margin-top: -1px;
	width: 100%;
	min-width: 980px;
	background-color: #333;
	border-top: none;
	position: absolute;
	z-index: 10000;
	overflow: hidden;
}
	#dropMenu {
		display: none;
		margin: 0 auto;
		width: 980px;
	}
		#dropMenu > li {
			display: none;
			padding: 32px 0 40px;
			min-height: 1%;
		}
		#dropMenu > li:after {
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}
			#dropMenu .dropMenuHeader01 {
				margin-bottom: 35px;
				display: block;
				min-height: 1%;
			}
			#dropMenu .dropMenuHeader01:after {
				clear: both;
				content:".";
				display: block;
				height: 0;
				visibility: hidden;
			}
				#dropMenu .dropMenuHeader01 .category {
					float: left;
				}
				#dropMenu .dropMenuHeader01 .category a {
					color: #fff;
					font-size: 142.85%;
					font-weight: bold;
					padding-left: 18px;
					background: url(/shop/common/images/header/ico_header_arrow02.png) no-repeat left center;
				}
				#dropMenu .dropMenuHeader01 .category a:hover {
					text-decoration: none;
				}
				#dropMenu .dropMenuHeader01 .close {
					float: right;
					cursor: pointer;
				}
					#dropMenu .dropMenuHeader01 .close img {
						width: 31px;
						height: 32px;
					}
			#dropMenu .dropMenuContent01 {
				margin-right: -23px;
				display: block;
				min-height: 1%;
			}
			#dropMenu .dropMenuContent01:after {
				clear: both;
				content:".";
				display: block;
				height: 0;
				visibility: hidden;
			}
				#dropMenu .dropMenuContent01 > li {
					float: left;
					margin-right: 20px;
					width: 230px !important;
				}
				#dropMenu .dropMenuContent01.column3 > li {
					width: 314px !important;
				}
				#dropMenu .dropMenuContent01 > li.colspan2 { width: 480px !important; }
				#dropMenu .dropMenuContent01 > li.colspan3 { width: 730px !important; }
			#dropMenu .btnBox01 {
				display: block;
				text-decoration: none;
			}
			#dropMenu .btnBox01 img {
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				opacity: 1;
			}
			#dropMenu .btnBox01:hover img {
				filter: alpha(opacity=85);
				-moz-opacity: 0.85;
				opacity: 0.85;
			}
				#dropMenu .btnBox01 .txtBox {
					display: table;
					width: 100%;
					background-color: #222;
					color: #fff;
				}
				#dropMenu .btnBox01:hover .txtBox {	background-color: #444;	}
					#dropMenu .btnBox01 .txtBox .inner {
						display: table-cell;
						padding: 0 0 0 14px;
						vertical-align: middle;
					}
						#dropMenu .btnBox01 .inner .tit {
							padding: 2px 0 0 15px;
							background: url(/shop/common/images/header/ico_header_arrow02.png) no-repeat left 54%;
							font-size: 114.28%;
						}
						#dropMenu .btnBox01 .inner .titM  { font-size: 100%;}
						#dropMenu .btnBox01 .inner .titM  span { font-size: 80%;}
						#dropMenu .btnBox01 .inner .titM  .ico { margin-left: 0;}
						#dropMenu .btnBox01 .inner .txt {
							font-size: 85.71%;
							margin: 16px 0 0 16px;
						}
				#dropMenu .btnBox01.type01 {
				}
					#dropMenu .btnBox01.type01 .inner {
						height: 55px;
					}
				#dropMenu .btnBox01.type02 {
					margin-top: 20px;
					position:relative;
				}
				#dropMenu .btnBox01.type02:first-child {
					margin-top: 0;
				}
					#dropMenu .btnBox01.type02 .img {
						position: absolute;
						left: 0;
						top: 0;
					}
					#dropMenu .btnBox01.type02 .inner {
						padding-left: 98px;
						height: 90px;
					}
					#dropMenu .colspan3 .btnBox01.type02 .inner {
						padding-left: 312px;
						height: 200px;
					}
						#dropMenu .btnBox01.type02 .inner .tit {
							color: #ffffff;
							font-size: 100%;
						}
						#dropMenu #menu04 .btnBox01.type02 .inner .tit {
							font-size: 114.28%;
						}
						#dropMenu li.colspan3 .btnBox01.type02 .inner .tit {
							color: #fff;
						}
			#dropMenu .list01 {
			}
				#dropMenu .list01 li {
					display: table;
					padding: 10px 0 8px 31px;
					width: 100%;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-bottom: 1px solid #666;
					background: url(/shop/common/images/header/ico_header_arrow02.png) no-repeat 10px 53%;
					font-weight: bold;
				}
				#dropMenu .list01 li:first-child {
					border-top: 1px solid #666;
				}
					#dropMenu .list01 li a {
						display: table-cell;
						vertical-align: middle;
						color: #fff;
						text-decoration:none;
					}
					#dropMenu .list01 li:hover {
						background-color: #444;
					}