@charset "utf-8";

/***************************************************
	LUNASIA スタイルシート
	shop.css
	ページレイアウトスタイル定義
***************************************************/

/* ショップ紹介共通
------------------------------------------------------------ */
#gnavi li.n04 a {	background-position: 0 -50px;}

#contents h2#title {
	height: 200px;
	text-indent: -9999px;
}

/* main */
#contents #main {	padding: 20px 0 20px 20px;}
#contents #left {
	float: left;
	width: 683px;
}
#contents #main #shop_menu {
	margin-bottom: 13px;
	padding-bottom: 10px;
	background: url(../img/temp/border02.gif) left bottom repeat-x;
}
#contents #main #shop_menu li {
	float: left;
	width: 210px;
	padding-right: 16px;
}
#contents #main #shop_menu li.n02 {	padding-right: 0px;}
#contents #main #shop_menu li a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}
#contents #main .leftColumn {
	float: left;
	width: 228px;
}
#contents #main .leftColumn .intro .text {	padding-bottom: 15px;}
#contents #main .leftColumn ul.bnArea {	padding-top: 15px;}
#contents #main .leftColumn ul.bnArea li.n01 {
	float: left;
	width: 111px;
}
#contents #main .leftColumn ul.bnArea li.n02 {
	float: right;
	width: 111px;
}
#contents #main .leftColumn ul.bnArea li a {}
#contents #main .leftColumn ul.bnArea li a dfn {
	display: block;
	padding-top: 1px;
	padding-left: 10px;
	background: url(../img/temp/ico02.gif) left center no-repeat;
	font-size: 83%;
	color: #505050;
	text-decoration: underline;
}
#contents #main .leftColumn ul.bnArea li a:hover dfn {	color: #be5a5a;}
#contents #main .leftColumn ul.bnArea li a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

#contents #main .rightColumn {
	float: right;
	width: 399px;
	padding: 10px;
	border: 1px solid #d9d9cb;
	background: #f5f5f0 url(../img/shop/contact_ttl.jpg) 0 0 no-repeat;
}
#contents #main .rightColumn .contact_box01 {
	float: left;
	width: 163px;
}
#contents #main .rightColumn .contact_box02 {
	float: left;
	width: 236px;
}
#contents #main .rightColumn .name {	padding-top: 25px;}
#contents #main .rightColumn .reserve {	padding: 5px 2px 15px;}
#contents #main .rightColumn dl {	padding-top: 5px;}
#contents #main .rightColumn dt {
	padding-top: 1px;
	padding-left: 13px;
	font-size: 91%;
	color: #9f2a2a;
	line-height: 1.2;
}
#contents #main .rightColumn .time dt {	background: url(../img/temp/ico03.gif) left center no-repeat;}
#contents #main .rightColumn .address dt {	background: url(../img/temp/ico04.gif) left center no-repeat;}
#contents #main .rightColumn .access dt {	background: url(../img/temp/ico05.gif) left center no-repeat;}
#contents #main .rightColumn .mobile dt {	background: url(../img/temp/ico06.gif) left center no-repeat;}
#contents #main .rightColumn .map p.largemap {	text-align: right;}
#contents #main .rightColumn .map p.largemap a {
	padding-left: 13px;
	background: url(../img/temp/ico07.jpg) left center no-repeat;
	font-size: 83%;
}

#contents #main .rightColumn dd {	font-size: 83%;}
#contents #main .rightColumn .mobile iframe {}
p.access_root{ text-align:left; padding: 0 10px 10px;}
p.access_root .green{ color: #599557;}

/* snavi */
#contents #snavi {
	float: right;
	width: 280px;
	padding-right: 20px;
	padding-bottom: 20px;
}

/* トップページ index.html
------------------------------------------------------------ */
#contents.index h2#title {	background: url(../img/shop/index/main.jpg) no-repeat;}
/*#contents.index #main {	padding-right: 20px;}*/
#contents #main #shoplist { width: 958px;}
#contents #main #shoplist dl {
	float: left;
	width: 187px;
	padding-right: 6px;
}
#contents #main .shopbox{
	float:left;
	width:469px;
	background:url(../img/shop/index/shop_bg.jpg) 0 repeat-y;
	border-bottom:1px solid #C8C8C8;
}
#contents #main #cute {	background:url(../img/shop/index/shop_bg2.jpg) 0 repeat-y;}
#contents #main .fl_r { float: right;}
#contents #main .shopbox h3 img { margin-bottom:10px;}
#contents #main .shopbox .s_image{
	float:left;
	padding-bottom:10px;
	padding-left:11px;
	
}
#contents #main .shopbox .shop_spec{
	float:left;
	padding-left:21px;
	width:170px;
}
#contents #main .shop_cel { margin: 0 0 20px 0;}
#contents #main .shopbox p.shopimage{
	display:block;
	width:257px;
	height:227px;
	border:1px solid #C8C8C8;}
#contents #main .shopbox p.shoptext{ margin-bottom:10px; }	
#contents #main .shopbox p#nagaoka { margin-bottom: 30px;}

#contents #main .shopbox p.info_btn,#contents #main .shopbox p.reserve_btn{
	width:170px;
	text-indent:-9999px;
}
#contents #main .shopbox p.info_btn a,#contents #main .shopbox p.reserve_btn a{
	display:block;
	width:170px;
	height:25px;
	margin-bottom:5px;
}
#contents #main .shopbox p.info_btn a{ background:url(../img/shop/index/info_btn.jpg) 0 0 no-repeat;}
#contents #main .shopbox p.reserve_btn a{ 	background:url(../img/shop/index/reserve_btn.jpg) 0 0 no-repeat; }

#contents #main .shopbox p.info_btn a:hover,#contents #main .shopbox p.reserve_btn a:hover{ background-position: 0 -25px;}

		
#contents #main #shoplist dl.n02 {	padding-right: 5px;}
#contents #main #shoplist dl.n05 {	padding-right: 0;}

/* 烏丸店 karasuma.html
------------------------------------------------------------ */
#contents.karasuma h2#title {	background: url(../img/shop/karasuma/main.jpg) no-repeat;}
#contents.karasuma #main .rightColumn .map p.largemap {	padding-bottom: 13px;}

/* 三条店 sanjyo.html
------------------------------------------------------------ */
#contents.sanjyo h2#title {	background: url(../img/shop/sanjyo/main.jpg) no-repeat;}
#contents.sanjyo #main .rightColumn .map p.largemap {	padding-bottom: 0;}
#contents.sanjyo #main #swfcontent-wrap {	height: 205px;	margin-top: -10px;	padding-left: 5px;}

/* 長岡天神本店 nagaokatenjin.html
------------------------------------------------------------ */
#contents.nagaokatenjin h2#title {	background: url(../img/shop/nagaokatenjin/main.jpg) no-repeat;}
#contents.nagaokatenjin #main .rightColumn .map p.largemap {	padding-bottom: 0;}

/* 西梅田店 nishiumeda.html
------------------------------------------------------------ */
#contents.nishiumeda h2#title {	background: url(../img/shop/nishiumeda/main.jpg) no-repeat;}
#contents.nishiumeda #main .rightColumn .map p.largemap {	padding-bottom: 0;}

/* 心斎橋店 shinsaibashi.html
------------------------------------------------------------ */
#contents.shinsaibashi h2#title {	background: url(../img/shop/shinsaibashi/main.jpg) no-repeat;}
#contents.shinsaibashi #main .rightColumn .map p.largemap {	padding-bottom: 13px;}

/* cute店 cute.html
------------------------------------------------------------ */
#contents.cute h2#title {	background: url(../img/shop/cute/main.jpg) no-repeat;}
#contents.cute #main .rightColumn .map p.largemap {	padding-bottom: 13px;}


/* modalpopup
------------------------------------------------------------ */
/* 店舗別 */
#modal_reco {
	width: 450px;
	padding: 20px 15px;
	background-color: #f5f5f0;
	text-align:left;
}
#modal_reco h1 {	padding: 0 0 15px 0;}
#modal_reco h2 {	padding: 0 0 15px 0;	color:	#f58c41;}
#modal_reco h2 span {	font-size: 120%; font-weight: bold;}
#modal_reco p.photo {
	float: left;
	width: 100px;
	padding-right: 5px;
}
#modal_reco p.text {
	float: right;
	width: 330px;
	padding-left: 10px;
	color: #333333;
}
#modal_reco p.text span.red {	color: #eb1e41;}

/* 店長メッセージ */
#modal_message {	width: 451px;	padding: 20px 15px;	background-color: #f5f5f0;}
#modal_message h1 {	padding: 0 0 15px 0;}
#modal_message h2 {	padding: 0 0 15px 0;	color: #0a5a82;	font-size: 12px; font-weight: bold;}
#modal_message img {	border: none;	vertical-align: bottom;}
#modal_message p.manager {
	margin: 0 8px 10px;
	padding: 3px;
	color: #3c91be;
	text-align: center;
	background: #dce6eb;
	border: #c8dceb solid 1px;
}
#modal_message p.text {
	padding: 0 10px;
	color: #333333;
	text-align: left;
	line-height: 1.6;
}

/* アクセス＆ローケーション */
#modal_accsess {
	width: 450px;
	padding: 20px 15px;
	background-color: #ebf0e6;
}
#modal_accsess h1 {	padding: 0 0 15px 0;	color: #96c396;	font-weight: bold;}
#modal_accsess h2 {
	margin: 0 8px 10px;
	padding: 3px;
	color: #599557;
	text-align: center;
	background: #d7e1c8;
	border: #c8dcc3 solid 1px;
}
#modal_accsess table {	width: 430px; margin: 20px 0 0 10px;}
#modal_accsess table th {
	margin: 0 8px 10px;
	padding: 3px;
	color: #599557;
	text-align: center;
	background: #d7e1c8;
	border: #c8dcc3 solid 1px;
	font-weight: 100;
}
#modal_accsess table td img {	margin-top: 10px;}