@charset "utf-8";

@import url("/shop/map/shared/stylesheet/mapapi.css");
@import url("/shop/map/shared/stylesheet/error.css");

/*------------------------------------------------------------
	 Reset
 ------------------------------------------------------------*/
div#content p,
div#content dl,
div#content ul {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
div#content h3 {
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
div#content h4 {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
div#title {
	margin-bottom: 19px;
}

/*------------------------------------------------------------
	 Clearfix
 ------------------------------------------------------------*/
#ShopSummary .FrameTop,
#ShopInfoWrap,
#ShopIcon ul,
#Topics, #Topics .Block .Status {
	display: block;
	_height: 1%;
	*zoom: 1;
}
#ShopSummary .FrameTop:after,
#ShopInfoWrap:after,
#ShopIcon ul:after,
#Topics:after, #Topics .Block .Status:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/*------------------------------------------------------------
	 ShopSummary
 ------------------------------------------------------------*/
#ShopSummary {
	background: #3F1C16 url(../graphic/background_shopname_bottom.gif) no-repeat left bottom;
	width: 748px;
	position: relative;
}
#ShopSummary .FrameTop {
	background: url(../graphic/background_shopname_top.gif) no-repeat left top;
	padding: 6px 185px 3px 9px;
	width: 554px;
}

#ShopSummary .Shopname {
	float: left;
	width: 345px;
	padding-top: 5px;
	color: #FFF;
}
#ShopSummary .Shopname h3 {
	font-size: 18px;
	font-weight: bold;
	display: inline;
	vertical-align: middle;
}
#ShopSummary .Shopname .NewShop {
	padding-left: 10px;
	display: inline;
}
#ShopSummary .Shopname .NewShop img {
}
#ShopSummary .ShopnameKana {
	font-size: 11px;
}

#ShopSummary .Icon {
	float: left;
	width: 55px;
}

#ShopSummary .ShopSpec {
	float: right;
	width: 130px;
}
#ShopSummary .ShopSpec dt,
#ShopSummary .ShopSpec dd {
	display: inline;
}
#ShopSummary .ShopSpec dt {
	padding-right: 2px;
}
#ShopSummary .ShopSpec dd {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
div#ShopSummary .ShopSpec dd strong {
	font-weight: bold;
	color: #FFD800;
}
#ShopSummary .ShopSpec dl.ShopSeat {
	padding-top: 2px;
}
#ShopSummary .ShopSpec dl.ShopParking {
	padding-top: 4px;
}

#ShopSummary .QRcode {
	background: url(../graphic/background_qr_line.gif) repeat-y 7px 0px;
	height: 54px;
	width: 47px;
	padding: 2px 15px 0px;
	position: absolute;
	top: 6px;
	left: 563px;
}
#ShopSummary .QRcode img {
	border: solid 1px #E5E0DF;
}

#ShopSummary .ShopLink {
	width: 101px;
	position: absolute;
	top: 6px;
	left: 641px;
}
#ShopSummary .ShopLink li {
	height: 26px;
	padding-bottom: 1px;
}


/*------------------------------------------------------------
	 ShopMiniInfo
 ------------------------------------------------------------*/
#ShopMiniInfo {
	background: #DF0113 url(../graphic/background_shopname_info.gif) no-repeat left top;
	width: 175px;
	color: #FFF;
	margin: 2px 2px 0px;
	padding-top: 2px;
}
#ShopMiniInfo p {
	background-color: #DF0113;
	padding: 0px 7px 0px 7px;
	font-size: 11px;
}
#ShopMiniInfo span {
	background-color: #DF0113;
	display: block;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	height: 1px;
	overflow: hidden;
}


/*------------------------------------------------------------
	 ShopInfo
 ------------------------------------------------------------*/
#ShopInfoWrap {
	color: #3F1C16;
	width: 748px;
	margin-top: 15px;
	margin-bottom: 7px;
}
#accessMap {
	width: 374px;
	float: left;
}

#InfoWideLeft,
#InfoWideRight {
	width: 367px;
}
#ShopInformation,
#OpenTime {
	background: #E4DCCC url(/shop/map/graphic/background_shopinfo_02.gif) no-repeat left bottom;
}
#ShopInformation .FrameTop,
#ShopIcon .FrameTop {
	background: url(/shop/map/graphic/background_shopinfo_01.gif) no-repeat left top;
	padding: 10px;
}
#OpenTime .FrameTop {
	background: url(/shop/map/graphic/background_shopinfo_01.gif) no-repeat left top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
}
#ShopComment {
	background: #FFF url(/shop/map/graphic/background_shopcomment_middle.gif) repeat-y left top;
}
#ShopComment .FrameTop {
	background: url(/shop/map/graphic/background_shopinfo_03.gif) no-repeat left top;
}
#ShopComment .FrameBottom {
	background: url(/shop/map/graphic/background_shopinfo_04.gif) no-repeat left bottom;
	padding: 8px 15px;
}

div#ShopInformation th,
div#ShopInformation td {
	padding-bottom: 3px;
}
div#ShopInformation th {
	padding-right: 10px;
}
div#ShopInformation td {
	line-height: 120%;
}
#ShopInformation .FrameTop {
	padding-bottom: 7px;
}

div#OpenTime table,
div#OpenTime th,
div#OpenTime td {
	border-top: 1px solid #E4DCCC;
	border-left: 1px solid #E4DCCC;
}
div#OpenTime table{
	border-collapse: separate;
	border-right: 1px solid #E4DCCC;
	border-bottom: 1px solid #E4DCCC;
	border-spacing: 0;
}
div#OpenTime td {
	vertical-align: middle;
	text-align: center;
	background-color: #FFF;
}
div#OpenTime th.CellTopLeft {
	background: url(../graphic/background_open_topleft.gif) no-repeat left top;
}
div#OpenTime td.CellBottomRight {
	background: #FFF url(../graphic/background_open_bottomright.gif) no-repeat right bottom;
}

div#OpenTime th.OpenTimeMorning {
	border-left: solid 5px #E4DCCC;
}
div#OpenTime td.CellBottom {
	border-left: solid 5px #E4DCCC;
	background: #FFF url(../graphic/background_moningopen_bottom.gif) no-repeat left bottom;
}

#ShopIcon li {
	width: 43px;
	height: 43px;
	float: left;
}

#ShopComment {
	clear: both;
}


/*------------------------------------------------------------
	 ShopInfo - Map Narrow
 ------------------------------------------------------------*/
.Narrow {
}

.Narrow #ShopInformation,
.Narrow #OpenTime,
.Narrow #ShopIcon {
	margin-bottom: 2px;
}

.Narrow #InfoWideLeft,
.Narrow #InfoWideRight {
	float: right;
}

.Narrow #ShopIcon {
	background: #E4DCCC url(/shop/map/graphic/background_shopinfo_02.gif) no-repeat left bottom;
}
.Narrow #ShopIcon .FrameTop {
	padding-right: 0px;
	padding-bottom: 7px;
}
.Narrow #ShopIcon p.Button {
	clear: both;
	display: none;
}


/*------------------------------------------------------------
	 ShopInfo - Map Wide
 ------------------------------------------------------------*/
.Wide {
    width: 748px;
    display: none;
}
.Wide #ShopInformation,
.Wide #ShopIcon {
	margin-bottom: 6px;
}
.Wide #InfoWideLeft {
	float: left;
	margin-top: 12px;
}
.Wide #InfoWideRight {
	float: right;
	margin-top: 12px;
}
.Wide #ShopIcon {
	background: #E4DCCC url(../graphic/background_shopicon_bottom.gif) no-repeat left bottom;
}
.Wide #ShopIcon .FrameTop {
	padding: 10px 0px 8px;
}
.Wide #ShopIcon ul {
	padding-left: 10px;
}
.Wide #ShopIcon p.Button {
	clear: both;
	padding: 15px 6px 0px;
}


/*------------------------------------------------------------
	 Around
 ------------------------------------------------------------*/
#Around {
	clear: both;
	width: 748px;
	background: url(../graphic/background_around_03.gif) repeat-y left top;
	position: relative;
	margin-bottom: 2px;
}
#Around dl {
	padding-left: 6px;
	padding-right: 6px;
}
#Around dt,
#Around dd,
#Around ul,
#Around li {
	display: inline;
}
#Around dd {
	padding-left: 15px;
}
#Around dt img {
	vertical-align: middle;
}
#Around li {
	padding-right: 12px;
}
#Around .Caution {
	height: 10px;
	width: 243px;
	position: absolute;
	left: 133px;
	top: 16px;
}
#Around dl.Station {
	background: url(../graphic/background_around_01.gif) no-repeat left bottom;
	padding-bottom: 5px;
}
#Around dl.Object {
	background: url(../graphic/background_around_02.gif) no-repeat left bottom;
	padding-bottom: 8px;
}


/*------------------------------------------------------------
	 Campain
 ------------------------------------------------------------*/
#Campain {
	width: 748px;
	margin-top: 17px;
}
#Campain .CampainText {
	margin: 10px 0px 7px 10px;
}


#Topics {
	width: 748px;
}

#Topics .Block {
	background: #F5F0EA url(../graphic/background_topics_bottom.gif) no-repeat left bottom;
	width: 369px;
	padding-bottom: 15px;
	float: left;
	margin-right: 10px;
	margin-top: 12px;
}

#Topics .Block .Status {
	background: url(../graphic/background_topics_top.gif) no-repeat left top;
	padding: 7px 7px 6px 14px;
	width: 348px;
}
#Topics .Block .Status ul {
	float: left;
	width: 228px;
	height: 15px;
	margin-top: 5px;
}
#Topics .Block .Status ul li {
	float: left;
	margin-right: 4px;
}
#Topics .Block .Status .Button {
	float: right;
	width: 120px;
}

#Topics .Block dl {
	clear: both;
}

#Topics .Block dt,
#Topics .Block dd {
	padding-left: 14px;
	padding-right: 14px;
}
#Topics .Block dt {
	color: #FFD800;
	font-size: 14px;
	font-weight: bold;
	background-color: #3F1C16;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Topics .Block dt img {
	vertical-align: middle;
	margin-right: 5px;
}
#Topics .Block dd {
	color: #3F1C16;
	padding-top: 14px;
}