@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Tokyo Life - shopguide.css
------------------------------------------------------------

[ShopGuide]
	1. PageTitle
	2. table
	3. Shop Unit

////////////////////////////////////////////////////////////*/

/* ################################################################################
	[ShopGuide] Shop Guide styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. PageTitle
   ------------------------------------------------------------ */
div#content .pagetitle {
	border-top:9px solid #000;
	margin:9px 15px;
	padding: 8px 0 15px;
	width:930px;
}
* html div#content .pagetitle { line-height:0; vertical-align:bottom; font-size:0;}
*:first-child+html div#content .pagetitle { line-height:0; vertical-align:bottom; font-size:0;}

/* ------------------------------------------------------------
	2. table
   ------------------------------------------------------------ */
table#shopGuideTbl {
	width:960px;
	background:url(/imgJP/common/bg_grid_shopguide.gif) center top repeat-y;
}
table#shopGuideTbl td {
	border-bottom:1px solid #ccc;
	width:320px;
	text-align: center;
	vertical-align: top;
}

/* ------------------------------------------------------------
	3. Shop Unit
   ------------------------------------------------------------ */
table#shopGuideTbl div.shopUnit {width:280px;margin:0 auto;padding-bottom:20px;}
* html table#shopGuideTbl div.shopUnit .shopImg {line-height:0; vertical-align:bottom; font-size:0;}
*:first-child+html table#shopGuideTbl div.shopUnit .shopImg {line-height:0; vertical-align:bottom; font-size:0;}
table#shopGuideTbl div.shopUnit .shopTxt {font-size:77%;/*10px*/padding-bottom:10px;}
table#shopGuideTbl div.shopUnit .shopCopy {
	font-size:108%; /*14px*/
	padding-bottom:10px;
	text-align: left;
	width:280px;
}
table#shopGuideTbl div.shopUnit dl.shopLine {width:280px;font-size:77%; /*10px*/text-align:left;}
table#shopGuideTbl div.shopUnit dl.shopLine dt {padding-bottom:5px;}
table#shopGuideTbl div.shopUnit dl.shopLine dd {padding-bottom:10px;}
table#shopGuideTbl div.shopUnit ul.shopFlg {width:280px;padding-bottom:15px;}
table#shopGuideTbl div.shopUnit ul.shopFlg li {float:left;margin-right:10px;padding:0 0 5px;font-size:0;line-height:0;vertical-align: bottom;}
table#shopGuideTbl div.shopUnit ul.shopBtn {position:relative;width: 280px;}
table#shopGuideTbl div.shopUnit ul.shopBtn li {text-align:left; float:left;height:18px;}
*:first-child+html table#shopGuideTbl div.shopUnit ul.shopBtn li {line-height:0; font-size:0; vertical-align:bottom;}
* html table#shopGuideTbl div.shopUnit ul.shopBtn li {line-height:0; font-size:0; vertical-align:bottom;}
table#shopGuideTbl div.shopUnit ul.shopBtn li.first {width:96px;}
table#shopGuideTbl div.shopUnit ul.shopBtn li.second {width:96px;}
table#shopGuideTbl div.shopUnit ul.shopBtn li.third {width:88px;}
table#shopGuideTbl div.shopUnit ul.shopBtn li a {width:88px; height:18px; display:block; text-indent:-9999px;text-decoration:none;}
table#shopGuideTbl div.shopUnit ul.shopBtn li.first a:link,
table#shopGuideTbl div.shopUnit ul.shopBtn li.first a:visited {
	background:url(/imgJP/common/btn_shopguide_shoptop.gif) no-repeat 0 0;
}
table#shopGuideTbl div.shopUnit ul.shopBtn li.second a:link,
table#shopGuideTbl div.shopUnit ul.shopBtn li.second a:visited {
	background:url(/imgJP/common/btn_shopguide_itemlist.gif) no-repeat 0 0;
}
table#shopGuideTbl div.shopUnit ul.shopBtn li.third a:link,
table#shopGuideTbl div.shopUnit ul.shopBtn li.third a:visited {
	background:url(/imgJP/common/btn_shopguide_newslist.gif) no-repeat 0 0;
}
table#shopGuideTbl div.shopUnit ul.shopBtn li.first a:hover,
table#shopGuideTbl div.shopUnit ul.shopBtn li.first a:active {
	background:url(/imgJP/common/btn_shopguide_shoptop.gif) no-repeat 0 -18px;
}
table#shopGuideTbl div.shopUnit ul.shopBtn li.second a:hover,
table#shopGuideTbl div.shopUnit ul.shopBtn li.second a:active {
	background:url(/imgJP/common/btn_shopguide_itemlist.gif) no-repeat 0 -18px;
}
table#shopGuideTbl div.shopUnit ul.shopBtn li.third a:hover,
table#shopGuideTbl div.shopUnit ul.shopBtn li.third a:active {
	background:url(/imgJP/common/btn_shopguide_newslist.gif) no-repeat 0 -18px;
}
