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

/*--------------------------------------------------
ショップガイドのみに使用するスタイルを記述
---------------------------------------------------*/
#shopContent { float: left; width: 760px; }
    #shopContent h3.h3Box { border-bottom: solid 3px #f5f5f5; margin-bottom: 15px; padding-top: 20px; margin-top: -20px; }
	#shopContent h3.h3Box p { width: 150px; margin-bottom: 2px; padding: 3px 0 1px; border-radius: 4px; text-align: center; color: #FFFFFF; }
	#shopContent h3.h3Box p.category-1 { background-color: #f4ac10; }
	#shopContent h3.h3Box p.category-2 { background-color: #f4c610; }
	#shopContent h3.h3Box p.category-3 { background-color: #4396e4; }
	#shopContent h3.h3Box p.category-4 { background-color: #fe7bce; }
	#shopContent h3.h3Box p.category-5 { background-color: #3a731d; }
	#shopContent h3.h3Box p.category-6 { background-color: #4a350c; }
	#shopContent ul.shopList { list-style-type: none; margin-bottom: 70px; }/*U-media 13.09.03*/
	#shopContent ul.shopList li { border-bottom: dotted 1px #ab9b94; padding-bottom: 20px; margin-bottom: 20px; clear: both; }
	#shopContent ul.shopList li:last-child { }/*U-media 13.09.03*/
	#shopContent ul.shopList li dl.shopInfo { position: relative; }
	#shopContent ul.shopList li dl.shopInfo dt { float: left; width: 120px; text-align: center; }
	#shopContent ul.shopList li dl.shopInfo dd { float: left; border-left: solid 1px #c5c5c5; padding: 0 10px 0 10px; }
	#shopContent ul.shopList li dl.shopInfo dd p { height: 50px; display: table-cell; vertical-align: middle; }
	#shopContent ul.shopList li dl.shopInfo dd.name { width: 190px; font-weight: bold; }
	#shopContent ul.shopList li dl.shopInfo dd.type { width: 140px; }
	#shopContent ul.shopList li dl.shopInfo dd.hours { width: 150px; }
	#shopContent ul.shopList li dl.shopInfo dd.actionBtn { position: absolute; top: 15px; right: 0; border: none; padding: 0; }
	
	#shopContent ul.shopList li.marcheShop dl.shopInfo dd p { height: 65px; }
	
	#shopContent ul.shopList li dl.shopDetail { background-color: #f5f5f5; width: 740px; padding: 10px; margin-top: 15px; display:none; }/*U-media 13.09.03*/
	#shopContent ul.shopList li dl.shopDetail dt.picBox { float: left; width: 260px; background-color: #FFFFFF; }
    #shopContent ul.shopList li dl.shopDetail dt.picBox img { width:250px; }
	#shopContent ul.shopList li dl.shopDetail dt.picBox img { border: solid 1px #e2e2e2; padding: 4px; }
	#shopContent ul.shopList li dl.shopDetail dd.txtBox { float: right; width: 460px; padding-top: 10px; }
	#shopContent ul.shopList li dl.shopDetail dd.txtBox dl.infoBox dt { float: left; width: 7em; clear: both; }
	#shopContent ul.shopList li dl.shopDetail dd.txtBox dl.infoBox dd { padding-left: 7.5em; padding-bottom: 7px; }

#shopSecondary { position: relative; float: right; width: 160px; }
    #shopSecondary nav ul#localNav { list-style-type: none; background-color: #54392c; padding: 20px 10px; border-radius: 4px; width: 140px; }
	#shopSecondary nav ul#localNav li { border-bottom: solid 1px #9b8e87; padding-bottom: 10px; margin-bottom: 10px; }
	#shopSecondary nav ul#localNav li a { display: block; background: url(/shopguide/img/arrow_nav.png) no-repeat 3px 10px; padding: 5px 5px 5px 15px; }
	#shopSecondary nav ul#localNav li a:link,
	#shopSecondary nav ul#localNav li a:visited { color: #FFFFFF; text-decoration: none; }
	#shopSecondary nav ul#localNav li a:hover,
	#shopSecondary nav ul#localNav li a:active { color: #ffffff; text-decoration: none; background-color: #866758; border-radius: 4px; }
	#shopSecondary nav ul#localNav li:last-child { border: none; padding-bottom: 0; margin-bottom: 0; }
	.fixed { position: fixed; top: 20px; }/*固定ローカルナビ*/
	
	
/* ショップのTEL情報を非公開にしたい時は以下を有効にすること
---------------------------------------------------------- */

/*dl.infoBox dt:nth-child(3),
dl.infoBox dd:nth-child(4) {
	visibility: hidden;
	height: 0;
}*/