/*
Theme Name: MYLORD SHOP
Theme URI: http://www.shinjuku-mylord.com/
Description: 新宿ミロード： ショップ
Version: 0.2
Author: ESUPPORT
Author URI: http://www.esupport.co.jp/
Tags: MYLORD
*/

@import url(../mylord_top/common.css);



div.menu_shops h2.floor,
div.menu_shops h2.shop,
div.menu_shops h2.cafe,
div.menu_shops h2.blog {
	overflow: hidden;
	height: 0;
	margin-bottom: 16px;
	padding-top: 20px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_shops h2.floor    { background-image: url(images/h_floor.gif); }
div.menu_shops h2.shop     { background-image: url(images/h_shop.gif); }
div.menu_shops h2.cafe     { background-image: url(images/h_cafe.gif); }
div.menu_shops h2.blog     { background-image: url(images/h_blog.gif); }
div.menu_shop h2.cafe, div.menu_shop ul.tabCafe { display: none; }
div.menu_cafe h2.shop, div.menu_cafe ul.tabShop { display: none; }


/* -- フロアガイド -- */
div.menu_shops ul.tabFloor, div.menu_shops ul.tabShop, div.menu_shops ul.tabCafe {
	overflow: hidden;
	zoom: 1;
	background: url(images/tab_bar.gif) left bottom no-repeat;
}
div.menu_shops ul.tabFloor li, div.menu_shops ul.tabShop li, div.menu_shops ul.tabCafe li {
	float: left;
}
div.menu_shops ul.tabFloor li a, div.menu_shops ul.tabShop li a, div.menu_shops ul.tabCafe li a {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 22px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_shops ul.tabFloor li a { width: 50px; margin-right: 19px; }
div.menu_shops ul.tabShop li a { width: 175px; margin-right: 10px; }
div.menu_shops ul.tabCafe li a { width: 138px; margin-right: 10px; }

div.menu_shops ul.tabFloor li a:hover, div.menu_shops ul.tabShop li a:hover, div.menu_shops ul.tabCafe li a:hover
	{ background-position: left -22px; }
div.menu_shops ul.tabFloor li.mosaicstreet a { background-image: url(images/tab_floor/tab1.gif); width: 90px; }
div.menu_shops ul.tabFloor li.mall2f a { background-image: url(images/tab_floor/tab2.gif); width: 70px; }
div.menu_shops ul.tabFloor li.f2 a { background-image: url(images/tab_floor/tab4.gif); }
div.menu_shops ul.tabFloor li.f3 a { background-image: url(images/tab_floor/tab5.gif); }
div.menu_shops ul.tabFloor li.f4 a { background-image: url(images/tab_floor/tab6.gif); }
div.menu_shops ul.tabFloor li.f5 a { background-image: url(images/tab_floor/tab7.gif); }
div.menu_shops ul.tabFloor li.f6 a { background-image: url(images/tab_floor/tab8.gif); }
div.menu_shops ul.tabFloor li.f7 a { background-image: url(images/tab_floor/tab9.gif); }
div.menu_shops ul.tabFloor li.f8 a { background-image: url(images/tab_floor/tab10.gif); }
div.menu_shops ul.tabFloor li.f9 a { background-image: url(images/tab_floor/tab11.gif); margin-right: 0; }
div.menu_shops ul.tabShop li.fashion a { background-image: url(images/tab_shop/tab1.gif); }
div.menu_shops ul.tabShop li.fashionGoods a { background-image: url(images/tab_shop/tab2.gif); }
div.menu_shops ul.tabShop li.giftGoods a { background-image: url(images/tab_shop/tab3.gif); }
div.menu_shops ul.tabShop li.lifeBeauty a { background-image: url(images/tab_shop/tab4.gif); margin-right: 0; }
div.menu_shops ul.tabCafe li.Japanese a { background-image: url(images/tab_cafe/tab1.gif); }
div.menu_shops ul.tabCafe li.restaurant a { background-image: url(images/tab_cafe/tab2.gif); }
div.menu_shops ul.tabCafe li.Chinese a { background-image: url(images/tab_cafe/tab3.gif); }
div.menu_shops ul.tabCafe li.ethnic a { background-image: url(images/tab_cafe/tab4.gif); }
div.menu_shops ul.tabCafe li.cafeDeli a { background-image: url(images/tab_cafe/tab5.gif); margin-right: 0; }

div.menu_shops div.mosaicstreet ul.tabFloor li.mosaicstreet a,
div.menu_shops div.mall2f ul.tabFloor li.mall2f a,
div.menu_shops div.f2 ul.tabFloor li.f2 a,
div.menu_shops div.f3 ul.tabFloor li.f3 a,
div.menu_shops div.f4 ul.tabFloor li.f4 a,
div.menu_shops div.f5 ul.tabFloor li.f5 a,
div.menu_shops div.f6 ul.tabFloor li.f6 a,
div.menu_shops div.f7 ul.tabFloor li.f7 a,
div.menu_shops div.f8 ul.tabFloor li.f8 a,
div.menu_shops div.f9 ul.tabFloor li.f9 a,
div.menu_shops div.fashion ul.tabShop li.fashion a,
div.menu_shops div.fashionGoods ul.tabShop li.fashionGoods a,
div.menu_shops div.giftGoods ul.tabShop li.giftGoods a,
div.menu_shops div.lifeBeauty ul.tabShop li.lifeBeauty a,
div.menu_shops div.Japanese ul.tabCafe li.Japanese a,
div.menu_shops div.restaurant ul.tabCafe li.restaurant a,
div.menu_shops div.Chinese ul.tabCafe li.Chinese a,
div.menu_shops div.ethnic ul.tabCafe li.ethnic a,
div.menu_shops div.cafeDeli ul.tabCafe li.cafeDeli a
	{ background-position: left -44px; }

div.menu_shops div.floorMap {
	padding: 16px 0 20px;
}
div.menu_shops div.floorMap img {
	display: none;
	margin: auto;
}
div.menu_shops div.mosaicstreet div.floorMap img.mosaicstreet,
div.menu_shops div.mall2f div.floorMap img.mall2f,
div.menu_shops div.f2 div.floorMap img.f2,
div.menu_shops div.f3 div.floorMap img.f3,
div.menu_shops div.f4 div.floorMap img.f4,
div.menu_shops div.f5 div.floorMap img.f5,
div.menu_shops div.f6 div.floorMap img.f6,
div.menu_shops div.f7 div.floorMap img.f7,
div.menu_shops div.f8 div.floorMap img.f8,
div.menu_shops div.f9 div.floorMap img.f9
	{ display: block; }

div.menu_floor ul.shopList {
	border-top: solid 1px #CCC;
}
div.menu_shops ul.shopList li {
	display: none;
	border: solid 1px #FFF;
	border-bottom: solid 1px #CCC;
	cursor: pointer;
}
div.menu_shop ul.shopList li,
div.menu_cafe ul.shopList li,
div.menu_blog ul.shopList li {
	float: left;
	width: 171px;
	margin: 10px 8px 10px 0;
	padding: 2px;
	text-align: center;
	line-height: 150%;
	border-bottom: solid 1px #FFF;
}
div.menu_shop ul.shopList li.sep,
div.menu_cafe ul.shopList li.sep,
div.menu_blog ul.shopList li.sep {
	clear: both;
	float: none;
	width: 730px;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #CCC;
	cursor: auto;
}
div.menu_shop ul.shopList li.col4,
div.menu_cafe ul.shopList li.col4,
div.menu_blog ul.shopList li.col4 {
	margin-right: 0;
}
div.menu_shops ul.shopList li.na {
	cursor: auto;
}
div.menu_shops div.mosaicstreet li.mosaicstreet,
div.menu_shops div.mall2f li.mall2f,
div.menu_shops div.f2 li.f2,
div.menu_shops div.f3 li.f3,
div.menu_shops div.f4 li.f4,
div.menu_shops div.f5 li.f5,
div.menu_shops div.f6 li.f6,
div.menu_shops div.f7 li.f7,
div.menu_shops div.f8 li.f8,
div.menu_shops div.f9 li.f9,
div.menu_shops div.fashion li.fashion,
div.menu_shops div.fashionGoods li.fashionGoods,
div.menu_shops div.giftGoods li.giftGoods,
div.menu_shops div.lifeBeauty li.lifeBeauty,
div.menu_shops div.Japanese li.Japanese,
div.menu_shops div.restaurant li.restaurant,
div.menu_shops div.Chinese li.Chinese,
div.menu_shops div.ethnic li.ethnic,
div.menu_shops div.cafeDeli li.cafeDeli
	{ display: block; }

div.menu_shops ul.hidden li {
	display: none !important;
}

div.menu_shops ul.shopList li#hover {
	display: block !important;
	border: dotted 1px #FE0000;
}
div.menu_shops ul.shopList li table {
	width: 100%;
}
div.menu_shops ul.shopList li table tr {
}
div.menu_shops ul.shopList li table th.logo {
	width: 180px;
	padding: 4px 0;
	text-align: center;
	vertical-align: middle;
	background: #FFF;
}
div.menu_shops ul.shopList li table th.logo img {
	display: block;
	margin: auto;
}
div.menu_shops ul.shopList li table td.num {
	width: 90px;
	padding: 28px 0;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	font-weight: bold;
	color: #FE0000;
}
div.menu_shops ul.shopList li table td.name {
	width: 253px;
	padding: 12px 12px 12px 0;
	text-align: left;
	vertical-align: middle;
	font-size: 120%;
	line-height: 130%;
}
div.menu_shops ul.shopList li#hover table td.name {
	color: #FE0000;
}
div.menu_shops ul.shopList li table td.genre {
	text-align: left;
	vertical-align: middle;
}

div.menu_shop ul.shopList li div.logo,
div.menu_cafe ul.shopList li div.logo,
div.menu_blog ul.shopList li div.logo {
	width: 120px;
	height: 55px;
	margin: 0 auto 4px;
	background-position: center center;
	background-repeat: no-repeat;
}
div.menu_shop ul.shopList li span.num,
div.menu_cafe ul.shopList li span.num,
div.menu_blog ul.shopList li span.num {
	font-size: 83%;
	font-weight: bold;
	color: #FE0000;
}
div.menu_shop ul.shopList li span.genre,
div.menu_cafe ul.shopList li span.genre,
div.menu_blog ul.shopList li span.genre {
	font-size: 83%;
}
div.menu_shop ul.shopList li span.tokki,
div.menu_cafe ul.shopList li span.tokki,
div.menu_blog ul.shopList li span.tokki {
	display: block;
	text-align: left;
	font-size: 83%;
}
div.menu_blog ul.shopList li span.update {
	font-size: 83%;
}
div.menu_blog a.mylord_blog {
	display: block;
	overflow: hidden;
	width: 109px;
	height: 0;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 23px;
	line-height: 200%;
	background: url(images/btn_officialblog.gif) left top no-repeat;
}
div.menu_blog a.mylord_blog:hover { background-position: 0 -23px; }

/* -- ショップ情報 -- */
div.menu_shops div.shopHeader {
	position: relative;
	zoom: 1;
	margin-bottom: 10px;
	padding: 10px 20px;
	border-top: solid 1px #F0EADE;
	border-left: solid 1px #F0EADE;
	background: url(images/logo_bg.gif) right bottom no-repeat;
}
div.menu_shops div.shopHeader img {
	float: left;
}
div.menu_shops div.shopHeader div.shopName {
	position: absolute;
	right: 12px;
	bottom: 6px;
	width: 460px;
	text-align: right;
}
div.menu_shops div.shopHeader div.shopName h2 {
	display: inline;
	font-weight: normal;
	font-size: 150%;
	line-height: 100%;
}
div.menu_shops span.floor {
	display: block;
	overflow: hidden;
	width: 31px;
	height: 0;
	margin: .1em 0 0 1em;
	padding-top: 14px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_shops div.shopHeader div.shopName span.floor { float: right; }
div.menu_shops ul.shopList span.floor { margin: auto; }
div.menu_shops span.mosaicstreet { background-image: url(images/floor_mosaicstreet.gif); width: 69px; }
div.menu_shops span.mall2f { background-image: url(images/floor_mall2f.gif); width: 56px; }
div.menu_shops span.f2 { background-image: url(images/floor_2f.gif); }
div.menu_shops span.f3 { background-image: url(images/floor_3f.gif); }
div.menu_shops span.f4 { background-image: url(images/floor_4f.gif); }
div.menu_shops span.f5 { background-image: url(images/floor_5f.gif); }
div.menu_shops span.f6 { background-image: url(images/floor_6f.gif); }
div.menu_shops span.f7 { background-image: url(images/floor_7f.gif); }
div.menu_shops span.f8 { background-image: url(images/floor_8f.gif); }
div.menu_shops span.f9 { background-image: url(images/floor_9f.gif); }

div.menu_shops h3 {
	overflow: hidden;
	height: 0;
	padding-top: 25px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_shops h3.concept  { background-image: url(images/h3_concept.gif); margin-bottom: 6px; }
div.menu_shops h3.pickup   { background-image: url(images/h3_pickup.gif); }
div.menu_shops h3.shopblog { background-image: url(images/h3_shopblog.gif);
	float: left;
	width: 162px;
	width: expression('158px');
}

div.menu_shops div.shopInfo {
	overflow: hidden;
	zoom: 1;
	width: 675px;
	margin-bottom: 20px;
	padding-left: 55px;
}
div.menu_shops div.shopInfo img.photo {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

div.menu_shops div.shopInfo dl.shopInfo {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 4px;

}
div.menu_shops div.shopInfo dl.shopInfo dt {
	clear: none;
	overflow: hidden;
	width: 43px;
	height: 0;
	margin-bottom: 3px;
	padding-top: 15px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_shops div.shopInfo dl.shopInfo dt.genre { background-image: url(images/dt_genre.gif); }
div.menu_shops div.shopInfo dl.shopInfo dt.time  { background-image: url(images/dt_time.gif); }
div.menu_shops div.shopInfo dl.shopInfo dt.tel   { background-image: url(images/dt_tel.gif); }
div.menu_shops div.shopInfo dl.shopInfo dt.url   { background-image: url(images/dt_url.gif); }
div.menu_shops div.shopInfo dl.shopInfo dd {
	margin-left: 0;
	padding-left: 50px;
	word-break: break-all;
}
div.menu_shops div.shopInfo dl.shopInfo dd.note {
	padding-top: 5px;
	padding-left: 0;
	font-size: 90%;
}
div.menu_shops p.body {
	margin-bottom: 20px;
	padding-left: 55px;
	line-height: 170%;
}

div.menu_shops div.columnHalf li {
	overflow: hidden;
	zoom: 1;
	padding: 5px 0;
}
div.menu_shops div.columnHalf li img {
	float: right;
	margin-left: 1em;
	border: solid 1px #CCC;
}
div.menu_shops div.columnHalf li a:hover img {
	border: solid 1px #FE0000;
}
div.menu_shops div a.shopBlog,
div.menu_shops div.columnHalf a.shopBlog {
	display: block;
	overflow: hidden;
	width: 174px;
	height: 0;
	margin: 0 0 3px;
	padding-top: 22px;
	line-height: 200%;
	background: url(images/btn_shopblog.gif) left top no-repeat;
}
div.menu_shops div.columnHalf a.shopBlog:hover {
	background-position: left -22px;
}

span.tokki {
	color: #FE0000;
	line-height: 130%;
}
div.menu_shops ul.shopList li table td.name span.tokki {
	font-size: 83%;
}
div.menu_shops div.shopHeader div.shopName span.tokki {
	display: block;
	text-align: left;
}

div.menu_shops div#shopBlogs ul {	clear: both;}
div.menu_shops div#shopBlogs ul li {
	margin-top: 7px;
	display: block;
	float: left;
	width: 354px;
}
div.menu_shops div#shopBlogs ul li a img {
	float: left;
	margin-right: 7px;
}