@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.4
 *  updated --- 2011/07/12
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body {
	/* [disabled]font-size |*\**|: 75%\9; */
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.sectionFirst,
.section,
.sectionSub,
.sectionAlt
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.sectionFirst:after,
.section:after,
.sectionSub:after,
.sectionAlt:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .sectionFirst,
* html .section,
* html .sectionSub,
* html .sectionAlt
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 970px;
	text-align: left;
}
/* !header
---------------------------------------------------------- */
#header {
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 10px;
	width: 970px;
	text-align: left;
}
	#hd_logo {
		float: left;
		/*width: 450px;*/
		width: 370px;
	}
		#hd_logo h1 {
			margin-bottom: 15px;
			font-size: 83.3%;
		}
		#hd_logo p {
			margin-bottom: 10px;
		}
			#hd_logo p a {
				display: block;
			}
				#hd_logo p a img {
					margin-right: 20px;
				}
	#hd_access {
		float: left;
		border: 2px solid #000;
		padding: 10px 8px;
		width: 369px;
	}
		#hd_access p {
			font-weight: bold;
		}
		#hd_access dl {
			font-size: 83.3%;
		}
			#hd_access dl dt {
				clear: both;
				float: left;
				font-weight: bold;
			}
			#hd_access dl dd {
			}
/* ↓20120620 T.Kondow Chg Add */
	#ysLogo-shops {
		float: right;
		padding-top: 2px;
	}
	#ysLogo, #othershops{
		margin: 1px 0;
	}
/* ↑20120620 T.Kondow Chg Add */

/* ↓20121106 T.Kondow Add */
	#shop_face{
		float: left;
		margin: 8px 5px 0;
	}
/* ↑20121106 T.Kondow Add */
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	width: 970px;
	height: 40px;
}
	#gNavi li {
		float: left;
		overflow: hidden;
		width: 138px;
		height: 40px;
	}
	#gNavi li#gNavHome,
	#gNavi li#gNavStock {
		width: 140px;
	}
		#gNavi li a {
			display: block;
		}
		#gNavi li a:hover,
		#gNavi li a:focus {
			margin-top: -40px;
		}
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
	}
	#breadcrumb li.home {
	}
		#breadcrumb li a {
			white-space: nowrap;
		}


/* !mainimg
---------------------------------------------------------- */
.mainimg {
	width: 970px;
	margin-bottom: 20px;
	overflow: hidden;
	/* ↓121030 T.Kondow Add↓ */
	position: relative;
	background: #000000;
	padding: 4px 0 2px 0;
	/* ↑121030 T.Kondow Add↑ */
}
	.mainimg ul {
		width: 972px;
		margin-right: -2px;
		overflow: hidden;
	}
		.mainimg ul li {
			width: 484px;
			float: left;
			margin-right: 2px;
			margin-bottom: 2px;
			background: #021846;

		}
			.mainimg ul li p.img {
				width: 484px !important;
				height: 100px !important;
				text-align: center;
				background: #FFF;
			}
				.mainimg ul li p.img img {
					margin: 0 auto;
					width: 484px !important;
					height: 100px !important;
				}
			.mainimg ul li p.txt {
				text-align: left;
				padding: 5px;
				color: #FFF;
				font-size: 12px;
				font-weight: bold;
			}
				.mainimg ul li a {
					display: block;
					color: #FFF;
				}
/* ↓121030 T.Kondow Add↓ */
#featured4{
	position: absolute;
	margin-left: 440px;
	margin-top: 84px;
	z-index: 255;
	/*
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
	*/
}
#f4_1{
	padding-rignt: 45px;
}
#f4_2{
	padding-left: 45px;
}
/* ↑121030 T.Kondow Add↑ */
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	padding-top: 10px;/* 121030 T.Kondow Add */
	padding-bottom: 80px;
	width: 970px;
	text-align: left;
}
	#main {
		float: right;
		width: 740px;
	}
	

	#side {
		float: left;
		width: 210px;
	}
		#sd_bnr {
		}
			#sd_bnr ul li {
				margin-bottom: 10px;
			}

.linkArrowTxt { padding-top: 15px;}
	.linkArrowTxt a {
		background: url(../../common/img/ico_arrow_right_type01.png) left top no-repeat;
		padding-left: 22px;
		display: block;
		line-height: 19px;
		font-weight: bold;
	}


/* --------------------------------------------------------- ?????? */
#sd_search {
	margin-bottom: 10px;
	padding: 5px;
	background: url(../../common/img/side/side_bg01.gif) repeat left top;
}
	#sd_search input {
		vertical-align: top;
	}
	#search {
		margin: 0;
		border: none;
		padding: 0 0 0 30px;
		width: 121px;
		height: 30px;
		background: url(../../common/img/side/search/side_search_bg01.gif) no-repeat left top;
		overflow: hidden;
		line-height: 30px;
	}
	#sd_searchTxt {
		margin: 0;
		border: none;
		padding: 0 0 0 30px;
		width: 125px;
		height: 30px;
		background: url(../../common/img/side/search/side_search_bg01.gif) no-repeat left top;
		overflow: hidden;
		line-height: 30px;
	}
	#sd_searchBtn {
	}
				

/* --------------------------------------------------------- LOCAL NAVI */
#lNavi {
}
	#lNavi ul {
		*zoom: 1;
	}
		#lNavi ul li {
			*zoom: 1;
			margin-bottom: 10px;
			background: url(../../common/img/side/side_bg01.gif) repeat left top;
		}
			#lNavi ul li a,
			#lNavi ul li em {
				display: inline-block;
				*display: inline;
				*zoom: 1;
				padding: 12px 10px 12px 35px;
				background: url(../../common/img/ico_arrow_right_type01.png) no-repeat 10px 12px;
				font-weight: bold;
				color: #fff;
			}
			#lNavi ul li p {
				padding: 15px 15px;
				border-right : 3px solid #000;
				border-left  : 3px solid #000;
				background: #fff url(../../common/img/bg_dotx_2x1_type01.gif) repeat-x left bottom;
			}
				#lNavi ul li p a {
					/*padding: 0 0 0 9px;*//*20120526 T.Kondow CHG*/
					padding: 0 0 0 18px;
					background: url(../../common/img/ico_arrow_right_type03.gif) no-repeat left 0.5em;
					font-weight: normal;
					color: #0089c3;
				}
			#lNavi ul li h4 {
				padding: 15px 15px 0;
				border-right : 3px solid #000;
				border-left  : 3px solid #000;
				background: #fff url(../../common/img/bg_dotx_2x1_type01.gif) repeat-x left top;
			}
			#lNavi ul li h4.first {
				background: #fff;
			}
			#lNavi ul li ul {
				border-right: 3px solid #000;
				border-left : 3px solid #000;
				padding-bottom: 10px;
				background: #fff;
				padding-top: 10px;
			}
			#lNavi ul li ul.last {
				border-bottom: 3px solid #000;
			}
				#lNavi ul li ul li {
					background: none;
					margin: 0 20px;
					padding: 3px 0;
				}
					#lNavi ul li ul li a {
						/*padding: 0 0 0 9px;*//*20120526 T.Kondow CHG*/
						padding: 0 0 0 18px;
						background: url(../../common/img/ico_arrow_right_type03.gif) no-repeat left 0.5em;
						font-weight: normal;
						color: #0089c3;
					}
						#lNavi ul li ul li ul {
							padding: 0px;
							border-right: none !important;
							border-left: none !important;
							border-bottom: none !important;
						}
							#lNavi ul li ul li ul li {
								background: none;
								margin: 0 20px;
								padding: 3px 0;
							}


/* --------------------------------------------------------- PANKUZU */
ul#topicsPath {
	display: block;
	min-height: 1%;
	padding: 5px;
	margin-bottom: 20px;
	background: url(../../common/img/main/main_bg01.gif) left top repeat;
	color: #fff;
}
ul#topicsPath:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html ul#topicsPath {
	height: 1%;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	ul#topicsPath li {
		background: url(../../common/img/cmn_topicsPath.gif) left center no-repeat;
		float: left;
		padding-left: 8px;
		margin-right: 5px;
		white-space: nowrap;
	}
	/* HOME */
	ul#topicsPath li:first-child,
	ul#topicsPath li.first-child {/*IE-expression (first-child) */
		background: none;
		padding-left: 3px;
	}
	
	ul#topicsPath li {/* IE-expression (first-child) */
		behavior: expression(
		this.className += (this.previousSibling == null) ? " first-child" : "",
		this.style.behavior = "none"
		);
	}
			ul#topicsPath a {
				text-decoration: underline;
				color: #FFF;
			}
				ul#topicsPath a:hover {
					text-decoration: none;
				}


/* --------------------------------------------------------- ENTRY */
p.topiclist_hit {
    background: url("../../common/img/main/main_topiclist_bg02.png") no-repeat scroll left top transparent;
    color: #0089C3;
    font-size: 20px;
    font-weight: bold;
    height: 42px;
    line-height: 40px;
    overflow: hidden;
    text-align: right;
    width: 73px;
    float: right;
    padding-right: 72px;
    margin-top: -10px;
		position: relative;
}
.entryDate {
	font-size: 13px;
	margin-bottom: 5px;
	line-height: 25px;
	float: left;
}
.entryStaff {
	clear: both;
	float: left;
	width: 80px;
	text-align: center;
}
	.entryStaff span {
		display: block;
		margin-bottom: 2px;
		padding: 3px;
		width: 50px;
		height: 50px;
		background: #fff;
		text-align: center;
		margin: 0 auto;
	}
		.entryStaff span img {
			height: 50px;
		}
	.entryStaff em {
		width: 80px;
		display: block;
		text-align: center;
		font-size: 10px;
		padding-top: 5px;
	}
.entryCategory {
	float: left;
	padding-left: 15px;
	margin-right: 15px;
}
.entryTitle {
	clear: both;
	margin: 5px 0 10px 15px;
	border-left: 8px solid #e3e42c;
	padding: 3px 0 3px 11px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}
	.entryTitle span {
		display: block;
	}
.entryDetail {
	overflow: hidden;
	padding: 15px 15px 30px;
	margin-bottom: 20px;
	clear: both;
	background: url(../../common/img/bg_dotx_2x1_type01.gif) left bottom repeat-x;
}
	.entryDetail .thumImg {
		text-align: center;
		padding-bottom: 10px;
	}
		.entryDetail .thumImg img {
			margin: 0 auto;
		}
		
.entry_prev {
	float: left;
}
.entry_next {
	float: right;
}

.pageTop {
	clear: both;
	margin-top: 5px;
	font-size: 10px;
	text-align: right;
}
	.pageTop a {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 1px 0 1px 26px;
		background: url(../../common/img/ico_arrow_top_type01.png) no-repeat left top;
	}


/* !footer
---------------------------------------------------------- */
#footer {
	border-top: 5px solid #000;
	width: 100%;
	background: url(../../common/img/foot/foot_bg01.gif) repeat left top;
	font-size: 83.3%;
	color: #fff;
	clear: both;
}
	#ft_inner {
		position: relative;
		margin: 0 auto;
		padding: 30px 0 0;
		width: 970px;
		height: 290px;
		text-align: left;
	}
		#ft_inner .pageTop {
			position: absolute;
			right: 0;
			top: -30px;
			text-align: right;
		}
			#ft_inner .pageTop a {
				display: inline-block;
				*display: inline;
				*zoom: 1;
				padding: 1px 0 1px 26px;
				background: url(../../common/img/ico_arrow_top_type01.png) no-repeat left top;
			}
		#ft_shopInfo {
			float: left;
			width: 260px;
		}
			#ft_logo {
				margin-bottom: 10px;
			}
				#ft_logo img {
					margin-right: 15px;
					vertical-align: bottom;
				}
			#ft_shopInfo p {
				font-weight: bold;
			}
			#ft_shopInfo dl {
				margin-top: 3px;
			}
				#ft_shopInfo dl dt {
					clear: both;
					float: left;
					font-weight: bold;
				}
				#ft_shopInfo dl dd {
				}
		#ft_shopMap {
			float: left;
			width: 370px;
		}
		#ft_links {
			float: left;
		}
			#ft_links ul {
				float: left;
				width: 280px;
				font-size: 12px;
			}
				#ft_links ul li {
					padding-left: 30px;
					width: 110px;
					float: left;
				}
					#ft_links ul li a {
						display: inline-block;
						*display: inline;
						*zoom: 1;
						background: url(../../common/img/ico_arrow_right_type02.gif) no-repeat left 0.5em;
						padding: 0 0 0 9px;
						color: #fff;
						text-decoration: none;
					}
					#ft_links ul li a:hover {
						text-decoration: underline;
					}

/* !Main Area
---------------------------------------------------------- */
.main_bnr {
	overflow: hidden;
	width: 740px;
/* ?121030 T.Kondow Add? */
	padding: 0 0 15px 0;
	margin:  0 0 5px 0;
	background: #FFFFFF;
/* ?121030 T.Kondow Add? */
}
	.main_bnr ul {
		width: 760px;
	}
		.main_bnr ul li {
			float: left;
			margin: 0 10px 10px 0;
		}
.mainTit_type01 {
	padding-bottom: 10px;/* 121030 T.Kondow Add */
	background: #dde5f7;/* 121030 T.Kondow Add */
}

/* --------------------------------------------------------- ???? */
#main_search {
	margin: 0;
	width: 740px;
	background: url(../../common/img/main/search/main_search_bg01.gif) repeat left top;
}
	#main_search ul {
	}
		#main_search ul li {
			float: left;
			padding: 8px 0 8px 7px;
		}
		#main_search ul li#main_search01 {
		}
			#main_search ul li#main_search01 dl {
			}
				#main_search ul li#main_search01 dl dt,
				#main_search ul li#main_search01 dl dd {
					float: left;
				}
				#main_search ul li#main_search01 dl dt {
					width: 122px;
				}
				#main_search ul li#main_search01 dl dd {
					width: 170px;
					max-width: 170px;
				}
					#main_search ul li#main_search01 dl dd select {
						visibility: inherit !important;
						top: 3px !important;
						left: 5px !important;
					}
				
		#main_search ul li#main_search02 {
		}
			#main_search ul li#main_search02 dl {
			}
				#main_search ul li#main_search02 dl dt,
				#main_search ul li#main_search02 dl dd {
					float: left;
				}
				#main_search ul li#main_search02 dl dt {
					margin-right: 5px;
				}
				#main_search ul li#main_search02 dl dd {
					width: 170px;
					max-width: 170px;
				}
		#main_search ul li#main_search03 {
			border-right: none;
			margin-right: 30px;
			float: right;
			display: inline;
		}
				#main_search ul li#main_search03 dl dt,
				#main_search ul li#main_search03 dl dd {
					float: left;
				}
				#main_search ul li#main_search03 dl dt {
					margin-right: 5px;
				}
				#main_search ul li#main_search03 dl dd {
					padding-top: 3px;
				}
					#main_search ul li#main_search03 dl dd ul {
					}
						#main_search ul li#main_search03 dl dd ul li {
							float: left;
							overflow: hidden;
							margin: 0;
							border: none;
							padding: 0;
							width: 30px;
							height: 21px;
						}
							#main_search ul li#main_search03 dl dd ul li a {
								display: block;
							}
							#main_search ul li#main_search03 dl dd ul li.sort01 a { margin-left: 0;}
							#main_search ul li#main_search03 dl dd ul li.sort02 a { margin-left: -30px;}
							#main_search ul li#main_search03 dl dd ul li a:hover,
							#main_search ul li#main_search03 dl dd ul li a.current {
								margin-top: -21px;
							}	

#lower_search {
	margin: 0;
	width: 120px;
	float: right;
	background: url(../../common/img/main/search/main_search_bg01.gif) repeat left top;
}
	#lower_search ul {
	}
		#lower_search ul li {
			float: left;
			border-right: 1px solid #fff;
			padding: 8px 0 8px 7px;
		}

		#lower_search ul li#lower_search03 {
			border-right: none;
		}
				#lower_search ul li#lower_search03 dl dt,
				#lower_search ul li#lower_search03 dl dd {
					float: left;
				}
				#lower_search ul li#lower_search03 dl dt {
					margin-right: 5px;
				}
				#lower_search ul li#lower_search03 dl dd {
					padding-top: 3px;
				}
					#lower_search ul li#lower_search03 dl dd ul {
					}
						#lower_search ul li#lower_search03 dl dd ul li {
							float: left;
							overflow: hidden;
							margin: 0;
							border: none;
							padding: 0;
							width: 30px;
							height: 21px;
						}
							#lower_search ul li#lower_search03 dl dd ul li a {
								display: block;
							}
							#lower_search ul li#lower_search03 dl dd ul li.sort01 a { margin-left: 0;}
							#lower_search ul li#lower_search03 dl dd ul li.sort02 a { margin-left: -30px;}
							#lower_search ul li#lower_search03 dl dd ul li a:hover,
							#lower_search ul li#lower_search03 dl dd ul li a.current {
								margin-top: -21px;
							}	

/* --------------------------------------------------------- PORTAL */
#main_various01 {
	position: relative;
	width: 740px;
}
* html #main_various01 {
	overflow-x: hidden;
}
	#main_various01 ul {
		width: 770px;
	}
		#main_various01 ul li {
			position: relative;
			float: left;
			margin: 0 19px 20px 0;
			border: 5px solid #000;
			padding-bottom: 48px;
			width: 224px;
			background: url(../../common/img/portal/main_various_bg01.gif) no-repeat center top;
		}
			#main_various01 ul li h4 {
			}
			#main_various01 ul li h5 {
				margin: -13px 10px 10px;
				padding: 20px 0 0;
				height: 22px;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
			}
			#main_various01 ul li h5.item {
				background: url(../../common/img/portal/main_various_bg_item.png) no-repeat left top;
			}
			#main_various01 ul li h5.bike {
				background: url(../../common/img/portal/main_various_bg_bike.png) no-repeat left top;
			}
			#main_various01 ul li dl {
				overflow: hidden;
				*zoom: 1;
				padding: 0 10px;
			}
				#main_various01 ul li dl dt {
					float: left;
					background: #000;
					padding: 1px;
					width: 78px;
					height: 78px;
				}
				#main_various01 ul li dl dd {
					float: right;
					overflow: hidden;
					*zoom: 1;
				}
					#main_various01 ul li dl dd h6 {
						margin-bottom: 10px;
					}
			#main_various01 ul li .point {
				clear: both;
				position: absolute;
				left: 7px;
				bottom: -11px;
				padding-top: 20px;
				width: 84px;
				height: 40px;
				background: url(../../common/img/portal/main_various_bg_post.png);
				text-align: center;
				font-size: 14px;
				font-weight: bold;
				color: #0089c3;
			}
			#main_various01 ul li .btnmore105 {
				position: absolute;
				right: -5px;
				bottom: -4px;
			}
			#main_various01 ul li ul.twitter_name {
				overflow: hidden;
				*zoom: 1;
				margin-left: 24px;
				width: 200px;
			}
				#main_various01 ul li ul.twitter_name li {
					float: left;
					margin: 0 10px 10px 0;
					border: none;
					padding: 2px 0 0;
					width: 87px;
					height: 18px;
					background: url(../../common/img/portal/main_various_bg03.gif) no-repeat left top;
					font-size: 10px;
					color: #fff;
					text-align: center;
				}
				#main_various01 ul li ul.twitter_name li.twitter_name_YsRoad_ROAD {
					background: url(../../common/img/portal/main_various_bg02.gif) no-repeat left top;
				}
			.twitter_comment {
				margin-left: 24px;
				padding: 10px 10px 0;
				width: 160px;
				height: 48px;
				background: url(../../common/img/portal/main_various_bg04.gif) no-repeat left top;
				font-size: 10px;
				line-height: 1.3;
			}
			
/* --------------------------------------------------------- STORE SERVICE */
.main_service_type01 {
	overflow: hidden;
	width: 740px;
}
	.main_service_type01 li {
		float: left;
		margin: 0 20px 15px 0;
		width: 360px;
	}
	
#serviceList {
	width: 700px;
	height: 100px;
	padding: 0 20px;
	position: relative;
	background: url(../../common/img/main/service/main_service_bg01.gif) repeat left top;	
}
.main_service_type02 {
}
	.main_service_type02 li {
		width: 175px;
		float: left;
		margin: 10px 0;
	}
		.main_service_type02 li a {
			width: 148px;
			margin: 0 auto;
			display: block;
		}
		
#servicePrev,
#serviceNext {
	position: absolute;
	top: 40px;
}
#servicePrev { left: 0;}
#serviceNext { right: 0;}
#servicePrev a,
#serviceNext a {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#servicePrev a { background-position: left top; background-image: url(../../common/img/slider_ico_prev02.gif);}
#serviceNext a { background-position: right top; background-image: url(../../common/img/slider_ico_next02.gif);}
#servicePrev a:hover { background-position: left bottom;}
#serviceNext a:hover { background-position: right bottom;}


/* !Section
---------------------------------------------------------- */
.section.first { /* First Section */ }
.section       { margin: 0 0 40px;}
.section.last  { margin: 0;}
	.sectionSub { /* Sub Section including .sectionFirst and .section */ }
	.sectionAlt { /* Alternative Section including .sectionFirst and .section */ }


/* !Lower
---------------------------------------------------------- */
.lower_section {
	padding: 10px;
	background: #0089c3;
	color: #fff;
}
.tit_lower h3 {
	margin-bottom: 10px;
	border-left: 8px solid #e3e42c;
	padding-left: 11px;
	font-size: 233.3%;
	font-weight: bold;
	line-height: 1.3;
}
h4.tit_sub {
	margin: 20px 0 20px;
	border-left: 8px solid #e3e42c;
	padding-left: 11px;
	font-size: 233.3%;
	font-weight: bold;
	line-height: 1.3;
}
.dl_lower {
	overflow: hidden;
	*zoom: 1;
}
	.dl_lower dt {
		clear: both;
		float: left;
		margin-right: 20px;
	}
	.dl_lower dd {
		float: left;
		width: 500px;
		line-height: 1.8;
	}
		.dl_lower dd h4 {
			margin-bottom: 10px;
			font-size: 116.6%;
			font-weight: bold;
		}

.linkArrowLower {
	clear: both;
	padding: 10px 0;
	float: right;
}
	.linkArrowLower a {
		display: block;
	}

/* --------------------------------------------------------- RECOMMEND */
.lower_service {
	border: 3px solid #000;
	padding: 6px;
	width: 722px;
	overflow: hidden;
	clear: both;
	margin-top: 50px;
}
	.lower_service h4 {
		margin-bottom: 5px;
		font-size: 166.6%;
		font-weight: bold;
	}
	.lower_service ul {
		width: 760px;
	}
		.lower_service ul li {
			float: left;
			margin: 0 10px 10px 0;
			padding: 7px;
			width: 220px;
			background: #e7e7e7;
		}
			.lower_service ul li dl {
				overflow: hidden;
				*zoom: 1;
			}
				.lower_service ul li dl dt {
					float: left;
				}
					.lower_service ul li dl dt a {
						display: block;
						border: 1px solid #fff;
					}
					.lower_service ul li dl dt a:hover {
						border: 1px solid #0089c3;
					}
				.lower_service ul li dl dd {
					float: right;
					width: 125px;
				}
					.lower_service ul li dl dd h5 {
						margin-bottom: 5px;
						font-size: 116.6%;
						font-weight: bold;
					}
					.lower_service ul li dl dd p {
					}
/* --------------------------------------------------------- CAT. DESCRIPTION *//*20120925 T.Kondow Add*/
div.catdscBox{
	margin: 0px;
	padding:30px 160px 5px 10px;
	background: url('../../common/img/bg_kodawari.png') no-repeat #000000;
	border:none;
	color: #FFFFFF;
	min-height:140px;
}
.catdscBox h4{
	margin-top:8px;
	padding: 0 0 0 40px ;
	font-size: 140%;
	font-weight: bold;
	color: #ff3600;
	line-height: 26px;
	background: url('../../common/img/ysicon.png') no-repeat;
	
}
.catdscBox p{
	margin: 0 10px 0 20px;
	font-weight: normal;
	font-size: 90%;
}
.catdscHead{
	background: url('../../common/img/bgblk_kodawari_01.png');
	height: 51px;
}
.catdscFoot{
	background: url('../../common/img/bgblk_kodawari_03.png');
	height: 17px;
}
/* --------------------------------------------------------- GLOBAL BNNR AREA *//*20120925 T.Kondow Add*/
iframe.main_bnnr{
	width: 740px;
	height: 300px;	
	border: none;
}
#if_sdbnr{
	border:		none;
	width:		210px;
	scrolling:	none;
}
/* --------------------------------------------------------- KODAWARI Web Pages *//*20121024 T.Kondow Add*/
#koda_top{
	background: url('../../common/img/bg_top.png') #8c8e79 repeat-x;
	border: 1px solid #000000;
	color: #FFFFFF;
	padding: 15px;
}
#koda_top img{
	margin: 0 15px 0 0;
}

#koda_brands,
#koda_genre{
	background: url('../../common/img/bg_top2.png') #8c8e79 repeat;
	clear: both;
	padding: 0 0 10px 0;
}
#koda_brands ul li,
#koda_genre ul li{
	float: left;
	width: 175px;
	margin: 4px;
}
.koda_prdct{
	background: #1B1B1B;
	border: 1px solid #000000;
	padding: 0 10px 0 10px;
	margin: 5px;
	color: #FFFFFF;
}
#btn_gotonews{
	text-align: right;
	height: auto;
}

/* --------------------------------------------------------- 「当店の特長」linkage*/
.feature,
.feature:hover{
	color: cyan;
}

/* --------------------------------------------------------- 「店舗情報] */
iframe.main_bnnr{
	height: 430px;
}
#shoplist ul{
	clear: both;
}
#shoplist li{
	width:10%;
	background: #021846;
	color: #FFFFFF;
}
#me{
	background: #004C96;
}


/* --------------------------------------------------------- 「オンライン 通販リンク] */
.ec-lead-box{
	border: 3px solid #f6f6f6;
	display: flex;
	padding: 20px;
	margin-bottom: 20px;
}
.ec-lead-text{
	font-size: 15px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.ec-btn {
	display: inline-block;
	background: #e60114;
	color: white;
	padding: .5rem;
	border-radius: 4px;
	margin-left: 20px;
}

@media screen and (max-width:480px) { 
  .ec-lead-box{
	flex-direction:column;
	text-align: center;
	padding: 8vw 16vw;
  }
  .ec-lead-box img{
	width: 100%;
	margin: 0 auto 20px;
  }
  .ec-lead-text{
	font-size: 22px;
	margin: 0 0 20px;
	text-align: left;
  }
  .ec-btn {
	font-size: 26px;
	font-weight: bold;
	display: block;
	background: #e60114;
	padding: 1.4rem 10px;
	margin: 0;
	width: 100%;
  }
}