@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;
		}
		#headerSearch {
			float: right;
			margin-top: 3px;
			width: 230px;
			height: 35px;
			position: relative;
		}
			#headerSearch input {
				position: absolute;
				top: 0;
				outline: none;
			}
			#headerSearch input[type=text] {
				padding: 10px 5px;
				width: 195px;
				height: 15px;
				line-height: 15px;
				background-color: #e5e5e5;
				border: none;
				left: 0;
			}
			#headerSearch input[type=submit] {
				left: 195px;
				width: 35px;
				height: 35px;
				text-indent: -9999px;
				background: url(/common/images/header/btn_header_search01.gif) no-repeat left top;
				border: none;
				cursor: pointer;
			}
			#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 20px 0 15px;
				background: url(/common/images/header/ico_header_arrow01.png) no-repeat left 0.45em;
				line-height: 1.5;
			}
				#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 */
		}
			#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(/common/images/header/bg_gNavi.jpg);*/
	background: url(/common/images/footer/bg_footer01.jpg) repeat left 50%;
	background-repeat:repeat-x;	
}
	#gNavi ul {
		display: block;
		margin: 0 auto;
		width: 980px;
		padding: 0 ;
		height: 49px;
		position: relative;
		z-index: 10001;
	}
/* !gNavi old
		#gNavi li {
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			width: 196px;
			height: 49px;
			text-align:center;
			font-weight:bold;
		}
		#gNavi li#gNav01 { left: 0;}
		#gNavi li#gNav02 { left: 196px;}
		#gNavi li#gNav03 { left: 392px;}
		#gNavi li#gNav04 { left: 588px;}
		#gNavi li#gNav05 { left: 784px;}
		#gNavi li#gNav01:before {
			position: absolute;
			content:"";
			top:6px;
			left: 0px;
			height:37px;
			width:1px;
			background:#666;
		}
		#gNavi li:after {
			position: absolute;
			content:"";
			top:6px;
			left: 195px;
			height:37px;
			width:1px;
			background:#666;
		}
		#gNavi li#gNav01:hover:before,
		#gNavi li#gNav01.current:before,
		#gNavi li.current:after,
		#gNavi li.active:after,
		#gNavi li:hover:after {
			background:none;
		}
			#gNavi li a {
				display: table-cell;
				height: 49px;
				color:#fff;
				width: 196px;
				vertical-align: middle;
				font-size:80%;
				border-right:#CCC;
			}
 */
		#gNavi li {
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			width: 162px;
			height: 49px;
			text-align:center;
			font-weight:bold;
		}
		#gNavi li#gNav01a { left: 0;width: 170px;}
		#gNavi li#gNav01 { left: 170px;}
		#gNavi li#gNav02 { left: 332px;}
		#gNavi li#gNav03 { left: 494px;}
		#gNavi li#gNav04 { left: 656px;}
		#gNavi li#gNav05 { left: 818px;}
		#gNavi li#gNav01a:before {
			position: absolute;
			content:"";
			top:6px;
			left: 0px;
			height:37px;
			width:1px;
			background:#666;
		}
		#gNavi li:after {
			position: absolute;
			content:"";
			top:6px;
			left: 161px;
			height:37px;
			width:1px;
			background:#666;
		}
		#gNavi li#gNav01a:after {
			left: 169px;
		}
		#gNavi li#gNav01a:hover:before,
		#gNavi li#gNav01a.current:before,
		#gNavi li.current:after,
		#gNavi li.active:after,
		#gNavi li:hover:after {
			background:none;
		}
			#gNavi li a {
				display: table-cell;
				height: 49px;
				color:#fff;
				width: 162px;
				vertical-align: middle;
				font-size:80%;
				border-right:#CCC;
			}
			#gNavi li#gNav01a a {
				width: 170px;
			}

			#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
---------------------------------------------------------- */
#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;
					text-decoration: underline;
				}
				#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(/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(/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;
					}