@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 14px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000;
}
/* ie7 */ *:first-child+html body { font-size: 88%; /* 62.5%; */}
/* ie6Below */ * html body { font-size: 88%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 88%\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;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	table,
	th,
	td {
		border-collapse: separate;
		border-spacing: 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,
.section,
.sectionIn
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after,
.sectionIn:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section,
* html .sectionIn
{
	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 {
	padding: 0px 0px 40px;
	background: url(../img/bg_wrap01.jpg) repeat center top;
	min-width: 956px;
}
* html #wrapper {
	width: expression(document.body.clientWidth < 957? "956px" : "auto");
}
/* !header
---------------------------------------------------------- */
#headerBtm {
	overflow: hidden;
	height: 0;
	margin: 0 auto;
	width: 956px;
	text-align: left;
	background: url(../img/header/bg_header_btm01.png) no-repeat left top;
	padding-bottom: 10px;
	text-indent: -9999px;
}
#headerWrap {
	margin: 0 auto;
	width: 956px;
	text-align: left;
	background: url(../img/header/bg_header_top01.png) no-repeat left top;
	padding-top: 9px;
}
	#header {
		background: url(../img/header/bg_header_mid01.png) repeat-y left top;
		padding: 0 10px 0 6px;
	}
		#headerIn {
		}
			#headerCategoryList {
				background: #ddd;
				padding: 4px 10px 7px 15px;
				display: block;
				min-height: 1%;
			}
			#headerCategoryList:after {
				clear: both;
				content:".";
				display: block;
				height: 0;
				visibility: hidden;
			}
			* html #headerCategoryList {
				height: 1%;
				/*\*//*/
				height: auto;
				overflow: hidden;
				/**/
			}
				#headerCategoryList dl {
					float: left;
					margin-right: 26px;
					font-size: 86%;
					position: relative;
					display: block;
					min-height: 1%;
				}
				#headerCategoryList dl:after {
					clear: both;
					content:".";
					display: block;
					height: 0;
					visibility: hidden;
				}
				* html #headerCategoryList dl {
					height: 1%;
					/*\*//*/
					height: auto;
					overflow: hidden;
					/**/
				}
					#headerCategoryList dl dt {
						font-weight: bold;
						float: left;
					}
					#headerCategoryList dl dd {
						margin-left: 10px;
						float: left;
					}
			#headerStoreWrap {
				padding: 12px 12px 10px 14px;
			}
				#headerStore {
					width: 650px;
					float: left;
				}
					#headerStore .kana {
						font-weight: bold;
						font-size: 86%;
					}
					#headerStore .name {
						font-weight: bold;
						font-size: 257%;
						line-height: 1.2;
					}
					#headerIconList {
						margin-top: 12px;
						overflow: hidden;
					}
						#headerIconList ul {
							margin-top: -2px;
							display: block;
							min-height: 1%;
						}
						#headerIconList ul:after {
							clear: both;
							content:".";
							display: block;
							height: 0;
							visibility: hidden;
						}
						* html #headerIconList ul {
							height: 1%;
							/*\*//*/
							height: auto;
							overflow: hidden;
							/**/
						}
							#headerIconList ul li {
								float: left;
								margin: 2px 2px 0 0;
							}
				#headerStoreContact {
					width: 253px;
					float: right;
				}
					#headerStoreDialWrap {
						background: url(/static/common/img/header/bg_header_dial_mid01.gif) repeat-y left top;
						width: 250px;
					}
						#headerStoreDial {
							background: url(/static/common/img/header/bg_header_dial_btm01.gif) no-repeat left bottom;
							padding: 0 4px 0 8px;
						}
							#headerStoreDial .number {
								background: url(/static/common/img/header/ico_header_dial01.gif) no-repeat left 0.15em;
								padding-left: 18px;
								font-weight: bold;
								font-size: 150%;
								letter-spacing: -0.03em;
							}
							@media screen and (-webkit-min-device-pixel-ratio:0) {
								#headerStoreDial .number {
									letter-spacing: -0.05em;
								}
							}

/* !gNavi
---------------------------------------------------------- */
#gNaviWrap {
	margin: 0 0 20px;
	width: 100%;
	_position: relative;
	_z-index: 2;
}
	#gNavi {
		width: 100%;
		_position: absolute;
		_top: 0;
		_left: 0;
		z-index: 1000;
	}
	#gNaviWrap .fixed {
		position: fixed;
		top: 0;
		left: 0;
	}
		#gNaviIn {
			margin: 0 auto;
			width: 940px;
			padding: 0 10px 0 6px;
		}
			#gNavi ul {
				display: block;
				position: relative;
				height: 45px;
				border-bottom: 3px solid #f80;
				z-index: 999;
			}
				#gNavi li {
					position: absolute;
					left: 0;
					top: 0;
					width: 130px;
					height: 45px;
					padding-bottom: 3px;
					z-index: 999;
				}
				#gNavi li#gNav01 { left: 0;}
				#gNavi li#gNav02 { left: 131px;}
				#gNavi li#gNav03 { left: 262px;}
				#gNavi li#gNav04 { left: 393px;}
				#gNavi li#gNav05 { left: 524px;}
				#gNavi li#gNav06 { left: 655px;}
				#gNavi li#gNav07 { left: 786px;}
					#gNavi li a {
						display: block;
						text-align: center;
						width: 130px;
						height: 36px;
						background: url(../img/bg_gnavi01.png) no-repeat left top;
						font-size: 115%;
						color: #777;
						padding-top: 12px;
						font-weight: bold;
						text-decoration: none;
					}
					#gNavi li a:hover,
					#gNavi li a:focus {
						background-position: -130px top;
					}
					#g01 #gNavi li#gNav01 a,
					#g02 #gNavi li#gNav02 a,
					#g03 #gNavi li#gNav03 a,
					#g04 #gNavi li#gNav04 a,
					#g05 #gNavi li#gNav05 a,
					#g06 #gNavi li#gNav06 a,
					#g07 #gNavi li#gNav07 a {
						color: #fff;
						background-position: -260px top;
					}
					#gNavi li ul {
						display: none;
						margin: 0;
						padding: 0 1px;
						position: relative;
						left: 0;
						top: 0;
						width: 128px;
						height: auto;
						border-bottom: none;
						z-index: 999;
					}
						#gNavi li ul li {
							padding: 0;
							position: relative;
							left: 0;
							top: 0;
							width: 128px;
							height: auto;
							z-index: 999;
						}
							#gNavi li ul li a {
								border-bottom: 1px solid #999;
								width: 124px;
								height: auto;
								background: url(../img/bg_gnavi02.png) repeat left top;
								font-size: 86%;
								padding: 6px 2px;
								xfont-weight: bold;
								text-decoration: none;
								z-index: 999;
							}
							#gNavi li ul li.last a {
								border-bottom: none;
							}
							#gNavi li ul li a:hover {
								background: none #f80;
								color: #fff;
							}
#gNavi #gNav02Child {
	height: auto;
	background: url(../img/bg_gnavi03.gif) repeat-x left top #fead0b;
	display: none;
	min-height: 1%;
}
#gNavi #gNav02Child:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html #gNavi #gNav02Child {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*
#g02 #gNavi #gNav02Child {
	display: block;
}
*/
	#gNavi #gNav02Child ul {
		height: auto;
		background: url(../img/bg_gnavi04.png) repeat left top;
		float: left;
		border: none;
		display: block;
		min-height: 1%;
	}
	#gNavi #gNav02Child ul:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	* html #gNavi #gNav02Child ul {
		height: 1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
		#gNavi #gNav02Child ul li {
			float: left;
			padding: 0 2px 0 0;
			width: 129px;
			height: auto;
			position: relative;
		}
			#gNavi #gNav02Child ul li a {
				display: block;
				background: none;
				padding: 0;
				text-align: center;
				width: auto;
				height: auto;
				font-size: 115%;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
				#gNavi #gNav02Child ul li a span {
					display: block;
					padding: 9px 0;
					cursor: pointer;
					_zoom: 1;
				}
			.g02_01 #gNavi #gNav02Child ul li#gNav02_01 a,
			.g02_02 #gNavi #gNav02Child ul li#gNav02_02 a,
			.g02_03 #gNavi #gNav02Child ul li#gNav02_03 a,
			.g02_04 #gNavi #gNav02Child ul li#gNav02_04 a,
			#gNavi #gNav02Child ul li a:hover { background: url(../img/bg_gnavi_cr_btm01.gif) no-repeat left bottom;}
				.g02_01 #gNavi #gNav02Child ul li#gNav02_01 a span,
				.g02_02 #gNavi #gNav02Child ul li#gNav02_02 a span,
				.g02_03 #gNavi #gNav02Child ul li#gNav02_03 a span,
				.g02_04 #gNavi #gNav02Child ul li#gNav02_04 a span,
				#gNavi #gNav02Child ul li a:hover span { background: url(../img/bg_gnavi_cr_top01.gif) no-repeat left top;}

/* !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:100%;
	margin: 20px 0 28px;
	text-align: center;
}

#mainimgIn{
	width:820px;
	height:180px;
	margin:0 auto;
}

#mainimg #mainimgIn .mainimg_logo{
	width:570px;
	height:120px;
	margin:30px 0 0 30px;
	padding:0;
	text-align:left;
	position:absolute;
}

/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 956px;
	text-align: left;
	_position: relative;
	_z-index: 1;
}
	#main {
	}
	#sub {
	}
/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: absolute;
	right: 9px;
	top: -40px;
}
/* !footer
---------------------------------------------------------- */
#footer {
	min-width: 956px;
}
* html #footer {
	width: expression(document.body.clientWidth < 957? "956px" : "auto");
}
	#footerTop {
		background: #666;
		padding: 15px 0;
		position: relative;
	}
		#footerTopIn {
			position: relative;
			width: 956px;
			margin: 0 auto;
		}
			#footerTopLink {
				position: relative;
				overflow: hidden;
				_zoom: 1;
			}
				#footerTopLink ul {
					position: relative;
					left: 50%;
					float: left;
				}
					#footerTopLink ul li {
						background: url(../img/footer/bg_footer_border01.gif) no-repeat right center;
						padding-right: 7px;
						margin-right: 6px;
						position: relative;
						left: -50%;
						float: left;
					}
					#footerTopLink ul li.last {
						background: none;
						padding-right: 0;
						margin-right: 0;
						position: relative;
						left: -50%;
						float: left;
					}
						#footerTopLink ul li a {
							color: #fff;
						}
			#footerCopy {
				margin-top: 5px;
				color: #fff;
			}
	#footerBtm {
		background: url(../img/footer/bg_footer_btm01.jpg) repeat center top;
	}
		#footerBtmIn {
			width: 868px;
			margin: 0 auto;
			text-align: left;
			padding: 10px 44px 48px 44px;
		}
			#footerBtmIn dl {
				font-size: 80%;
				margin-top: 8px;
				display: block;
				min-height: 1%;
			}
			#footerBtmIn dl:after {
				clear: both;
				content:".";
				display: block;
				height: 0;
				visibility: hidden;
			}
			* html #footerBtmIn dl {
				height: 1%;
				/*\*//*/
				height: auto;
				overflow: hidden;
				/**/
			}
			#footerBtmIn dl a {
				padding-bottom: 1px;
			}
				#footerBtmIn dl dt {
					font-weight: bold;
				}
				#footerBtmIn dl dd {
					float: left;
					margin-right: 10px;
					white-space: nowrap;
				}

#footerCopy a {
	color: #fff;
/*	text-decoration: none;*/
}


/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {}
.h2_basic01 {}
.h2WrapBtm {
	margin: 0 0 10px;
	padding-bottom: 9px;
	background: url(../img/bg_h2_btm01.gif) no-repeat left bottom;
	_zoom: 1;
}
	.h2WrapTop {
		padding-top: 15px;
		background: url(../img/bg_h2_top01.gif) no-repeat left 7px;
	}
		.h2WrapMid {
			padding: 0 12px 2px;
			background: url(../img/bg_h2_mid01.gif) repeat-y left top;
		}
			.h2WrapMid h2 {
				font-size: 129%;
				font-weight: bold;
				color: #666;
			}
			.h2WrapMid h2 span {
				font-weight: normal;
			}
.h3_basic01 {
	font-size: 120%;
	font-weight: bold;
	color: #666;
	margin-bottom: 8px;
	border-bottom: 1px solid #666;
	padding: 0 10px 5px;
}
.h4_basic01 {}
.h5_basic01 {}
.h6_basic01 {}
/* !Listing
---------------------------------------------------------- */
.ul_basic01 {
}
	.ul_basic01 li {
	}

.ol_basic01 {
}
	.ol_basic01 li {
	}

.dl_basic01 {
}
	.dl_basic01 dt {
	}
	.dl_basic01 dd {
	}
/* !Table
---------------------------------------------------------- */
.table_basic01 {
}
	.table_basic01 th,
	.table_basic01 td {
	}
	.table_basic01 th {
	}
	.table_basic01 td {
	}
		.table_basic01 th div,
		.table_basic01 td div {
		}
/* !Section
---------------------------------------------------------- */
.sectionWrap {
	position: relative;
	z-index: 1;
	background: url(../img/bg_section_top01.png) no-repeat left top;
	padding-top: 16px;
}
	.section {
		background: url(../img/bg_section_mid01.png) repeat-y left top;
		padding: 0 24px 0;
	}
		.sectionIn {
			padding: 0 14px;
		}
.sectionBtm {
	overflow: hidden;
	height: 0;
	position: relative;
	z-index: 1;
	background: url(../img/bg_section_btm01.png) no-repeat left top;
	padding-bottom: 20px;
	margin-bottom: 15px;
	text-indent: -9999px;
}

.sectionWrapNoImage {
	position: relative;
	z-index: 1;
/*	background: url(../img/bg_section_top01.png) no-repeat left top; */
	padding-top: 16px;
}
	.section {
/*		background: url(../img/bg_section_mid01.png) repeat-y left top;*/
		padding: 0 24px 0;
	}
		.sectionIn {
			padding: 0 14px;
		}
.sectionBtmNoImage  {
	overflow: hidden;
	height: 0;
	position: relative;
	z-index: 1;
/*	background: url(../img/bg_section_btm01.png) no-repeat left top;*/
	padding-bottom: 20px;
	margin-bottom: 15px;
	text-indent: -9999px;
}

/* !Contents
---------------------------------------------------------- */
.youtubeMovie01 {
	position: relative;
	z-index: 1;
}
.onlineReserveWrap {
}
.onlineReserveH201 {
	padding-top: 12px;
	color: #666;
	font-weight: bold;
	font-size: 170%;
}
.onlineReserveDial01 {
	float: left;
	padding:0px 0 0 35px;
	background: url(../img/ico_dial02.gif) no-repeat left 0.3em;
	font-weight: bold;
	font-size: 300%;
}

/* 画像詳細 */
#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.75;
	filter: alpha( opacity=75 );
	-ms-filter: "alpha( opacity=75 )";
	z-index: 1010;
}
#pDetail {
	display: none;
	width: 644px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1015;
}
#pDetailInner {
	width: 640px;
	padding: 10px;
	margin: 0 auto;
	border: 1px solid #727272;
	background-color: #fff;
}
.pInfo {
	color: #070707;
	font-size: 12px;
}
.pClose p, #pControl p {
	color: #262626;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.pClose {
	margin-bottom: 5px;
	text-align: right;
}
.pClose p {
	display: inline;
	padding-right: 15px;
	background: url(../img/ico_close01.png) right 3px no-repeat;
}
.pContainer {
	margin-bottom: 10px;
}
.pImg {
	margin-bottom: 10px;
	text-align: center;
}
.pImg img {
	max-width: 512px;
	max-height: 640px;
}
.pInfo {
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dotted;
}
#pControl #pPrev {
	float: left;
}
#pControl #pNext {
	float: right;
}
.printBtn01 {
	text-align: center;
	margin: 30px 0px 0px;
}

#headerStore .name a {
	text-decoration:none;
	color:#000;
}

#email_div {
	margin:0px;
	padding:5px;
	width:240px;
	height:24px;
	background-color:#eee;
	display:none;
}

#email_addr {
	margin:1px 0px 0px 0px;
}

#email_send {
	margin:2px 5px 0px 0px;
}

.share_box {
	width:250px;
	height:34px;
	background-color:#eee;
/*background:#d5d5d5;*/
/*	url(/static/common/img/header/bnr_header_dummy01.gif)no-repeattopleft;*/
	clear:both;
}

.share_text {
	width:55px;
	height:34px;
	line-height:34px;
	margin: 0px 10px;
	padding: 0px ;
}

.share_button {
	list-style:none;
	width:174px;
	margin:0px;
	padding:5px 0px 0px 0px;
}

/* 20141031 append */
.SisterArea {
    overflow: hidden;
    clear: both;
    padding:10px 0px 10px 5px;
    margin: 0px 0px 0px 50px;
}

.SisterList,.ChainList {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px -6px;
	clear: left;
}
.SisterList {
	padding-top:20px;
}
.SisterList dt,.ChainList dt {
	text-align: left;
	padding: 0px;
	margin: 0px 0px 6px 1px;
	font-weight: bold;
}

.SisterList dd,.ChainList dd {
	text-align: center;
	float: left;
	/* height: 19px; */
	padding: 0px 10px;
	margin: 0px auto 5px;
	border-left: #C7C3C3 1px solid;
}