@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------------

shopindex.css
ショップインデックスのみに使用されるスタイルを記述

-------------------------------------------------------*/
/*=======================================================

ショップインデックス

=======================================================*/
h2.h2_title { margin-bottom: 10px; }

.shopConBoxL {
    float: left;
	width: 420px;
}

.shopConBoxR {
    float: right;
	width: 420px;
}

/**** 各ショップの回り込み ****/
.shop_Lbox {
    float: left;
	width: 200px;
	border-bottom: solid 5px #efefef;
	margin-bottom: 15px;
}

.shop_Rbox {
    float: right;
	width: 200px;
	border-bottom: solid 5px #efefef;
	margin-bottom: 15px;
}

.shopThumBox {
    border-bottom: dotted 1px #d4d4d4;
}

/* マウスオーバー透過 */
.shopThumBox a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
}

/* ボックスリンク設定 */
.telBox_fashion,
.telBox_interior,
.telBox_service {
    padding: 5px 0;
}

.telBox_fashion a { background: url(/shopindex/img/arrow_bule.gif) no-repeat 180px center; }
.telBox_interior a { background: url(/shopindex/img/arrow_yellow.gif) no-repeat 180px center; }
.telBox_service a { background: url(/shopindex/img/arrow_green.gif) no-repeat 180px center; }

.telBox_fashion a,
.telBox_interior a,
.telBox_service a {
    width: 194px;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none !important;
	padding: 3px;
	color: #333333 !important;
}

.telBox_fashion a:hover,
.telBox_interior a:hover,
.telBox_service a:hover {
    background-color: #efefef;
	display: block;
	text-decoration: none !important;
	padding: 3px;
	color: #333333 !important;
}

/************** カフェ＆レストラン **************/
#restaurantArea {
    width: 400px;
    background-color: #fbf4ed;
	padding: 10px;
	margin-bottom: 30px;
}

#restaurantArea .restaurantThumBox {
    float: left;
	width: 170px;
}

#restaurantArea .restaurantTxtBox {
    float: right;
	width: 220px;
}

#restaurantArea .telBox_restaurant {
    border-bottom: dotted 1px #d4d4d4;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

/* ロゴ位置調整 */
#restaurantArea .telBox_restaurant img { margin: 0 5px 4px 0; vertical-align: middle; }

/* マウスオーバー透過 */
.restaurantThumBox a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
}

/* ボックスリンク設定 */
.telBox_restaurant a {
    width: 214px;
    background: url(/shopindex/img/arrow_orange.gif) no-repeat 200px center;
	background-color: #fbf4ed;
	display: block;
	text-decoration: none !important;
	padding: 3px;
	color: #333333 !important;
}

.telBox_restaurant a:hover  {
    background-color: #fce5cc;
	display: block;
	text-decoration: none !important;
	padding: 3px;
	color: #333333 !important;
}

/**** ライン ****/
#restaurantArea .separateLine {
    border-top: dotted 1px #d4d4d4;
	margin-top: 15px;
	padding-top: 15px;
}

/*=======================================================

ショップ詳細

=======================================================*/
.detailConBox {
}

/**** ショップロゴ・ネーム ****/
#shopNameBox {
    border-bottom: solid 1px #000000;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#shopNameBox table { width: 100%; }
#shopNameBox table td.logo { vertical-align: top; padding-right: 10px; }
#shopNameBox table td.name { vertical-align: bottom; width: 100%; }
#shopNameBox table td.btnFloor { vertical-align: bottom; text-align: right; }
#shopNameBox table td h3{ font-weight:normal; font-size:96%; line-height:110%;}

/**** ショップインフォ ****/
dl.shopInfo {}

dl.shopInfo dt {
    float: left;
    width: 5em;
	display: block;
	background: url(/shopindex/img/icon_dot.gif) no-repeat 0 2px;
	line-height: 120%;
	padding: 0 0 5px 14px;
	clear: both;
}

dl.shopInfo dd {
	margin-left: 6.5em;
	line-height: 120%;
	display: block;
	padding-bottom: 5px;
}

/**** サムネイルエリア ****/
#shopThumArea {
    background-color: #f8f8f8;
	width: 810px;
	padding: 40px;
}

#shopThumArea .thumBox {
    float: left;
	width: 340px;
}
#shopThumArea .thumBox img { margin-right: 10px; }

#shopThumArea .txtBox {
    float: right;
	width: 455px;
}