@charset "utf-8";

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

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

/* !header
---------------------------------------------------------- */
#header {
	padding-top: 15px;
	width: 100%;
	min-width: 980px;
	background-color: #fff;
	color: #333;
	text-align: left;
}
	#headerContent {
		margin: 0 auto;
		width: 1200px;
		text-align: left;
		display: block;
		min-height: 1%;
		/* overflow: hidden; */
	}
	#headerContent:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		#headerLogo {
			float: left;
		}
		#headerLogo a{
			text-decoration: none;
		}
		#headerLogo span{
			color: #000;
			font-weight: 600;
			margin-left: 20px;
			font-size: 14px;
		}
		#headerSearch {
			float: right;
			margin-top: 3px;
			margin-right: 21px;
			width: 230px;
			height: 35px;
			position: relative;
		}
		#headerSearch.sp{
			display: none;
		}
		#headerSearch ::placeholder {
			font-size: 12px;
			color: #000;
		}
			#headerSearch input {
				position: absolute;
				top: 0;
				outline: none;
			}
			#headerSearch input[type=text] {
				padding: 9px 5px 9px 30px;
				width: 215px;
				height: 15px;
				border-radius: 30px;
				line-height: 15px;
				background-color: #e5e5e5;
				border: none;
				left: 0;
			}
			#headerSearch input[type=submit] {
				left: 215px;
				top: 4px;
				width: 22px;
				height: 22px;
				text-indent: -9999px;
				background: url(/products/tire/mc/common/images/header/btn_header_search01.svg) no-repeat left top;
				border: none;
				cursor: pointer;
			}
		#headerLinks {
			float: right;
			width: 530px;
			display: block;
			min-height: 1%;
		}
		#headerLinks:after {
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}
		#headerLinks ul{
			display: flex;
			margin-top: 3px;
		}
			#headerLinks li {
				/* float: right; */
				margin-right: 20px;
				/* background: url(/products/tire/mc/common/images/header/ico_header_arrow01.png) no-repeat left 0.45em; */
				line-height: 1.5;
			}
				#headerLinks li a {
					font-size: 85.71%;
					/* padding: 0 20px 0 15px; */
					text-decoration: none;
					color: #333;
				}
				#headerLinks li a:hover,
				#headerLinks li a:focus {
					text-decoration: underline;
				}
	#headerMenuBtn,
	#dropMenuWrap_sp #headerLinks_sp {
		display: none;	
	}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	margin-top: 29px;
}
	#gNavi ul {
		display: block;
		margin: 0 auto;
		width: 980px;
		height: 49px;
		position: relative;
		z-index: 10001;
	}
		#gNavi li {
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			width: 196px;
			height: 49px;
		}
		#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 a {
				display: block;
				height: 54px;
				background: url(/products/tire/mc/common/images/header/btn_gnav01.gif) no-repeat left top;
				text-indent: -9999px;
			}
			#gNavi li#gNav01 a { background-position: left top;}
			#gNavi li#gNav02 a { background-position: -196px top;}
			#gNavi li#gNav03 a { background-position: -392px top;}
			#gNavi li#gNav04 a { background-position: -588px top;}
			#gNavi li#gNav05 a { background-position: -784px top;}
			#gNavi li#gNav01.current a { background-position: left -98px;}
			#gNavi li#gNav02.current a { background-position: -196px -98px;}
			#gNavi li#gNav03.current a { background-position: -392px -98px;}
			#gNavi li#gNav04.current a { background-position: -588px -98px;}
			#gNavi li#gNav05.current a { background-position: -784px -98px;}
			#gNavi li#gNav01.active a,
			#gNavi li#gNav01 a:hover,
			#gNavi li#gNav01.current a:focus { background-position: left -49px;}
			#gNavi li#gNav02.active a,
			#gNavi li#gNav02 a:hover,
			#gNavi li#gNav02.current a:focus { background-position: -196px -49px;}
			#gNavi li#gNav03.active a,
			#gNavi li#gNav03 a:hover,
			#gNavi li#gNav03.current a:focus { background-position: -392px -49px;}
			#gNavi li#gNav04.active a,
			#gNavi li#gNav04 a:hover,
			#gNavi li#gNav04.current a:focus { background-position: -588px -49px;}
			#gNavi li#gNav05.active a,
			#gNavi li#gNav05 a:hover,
			#gNavi li#gNav05.current a:focus { background-position: -784px -49px;}

/* !dropMenu
---------------------------------------------------------- */
#dropMenuWrap {
	margin-top: -1px;
	width: 100%;
	min-width: 980px;
	background-color: #333;
	border-top: 1px solid #ccc;
	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;
					padding-left: 33px;
					background: url(/products/tire/mc/common/images/header/ico_dropmenu_01.gif) no-repeat left center;
					color: #fff;
					font-size: 142.85%;
					font-weight: bold;
				}
				#dropMenu #menu01 .dropMenuHeader01 .category { background-image: url(/products/tire/mc/common/images/header/ico_dropmenu_01.gif); }
				#dropMenu #menu02 .dropMenuHeader01 .category { background-image: url(/products/tire/mc/common/images/header/ico_dropmenu_02.gif); }
				#dropMenu #menu03 .dropMenuHeader01 .category { background-image: url(/products/tire/mc/common/images/header/ico_dropmenu_03.gif); }
				#dropMenu #menu04 .dropMenuHeader01 .category { background-image: url(/products/tire/mc/common/images/header/ico_dropmenu_04.gif); }
				#dropMenu #menu05 .dropMenuHeader01 .category { background-image: url(/products/tire/mc/common/images/header/ico_dropmenu_05.gif); }
					#dropMenu .dropMenuHeader01 .category a {
						padding-left: 18px;
						background: url(/products/tire/mc/common/images/header/ico_header_arrow02.png) no-repeat left center;
						color: #fff;
						text-decoration: none;
					}
					#dropMenu .dropMenuHeader01 .category a:hover,
					#dropMenu .dropMenuHeader01 .category a:focus {
						text-decoration: underline;
					}
				#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 > 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(/products/tire/mc/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: #e5e5e5;
							font-size: 87.5%;
						}
						#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(/products/tire/mc/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;
					}