﻿/*
	共通定義
*/
#PageContainer {
	width: 620px;
	margin: 0px auto 30px auto;
}

/*
	ヘッダ
*/
#PageHeader {
	width: 620px;
	padding: 0px;
	margin: 0px 0px 12px;
}

/*#PageHeader h1.SpotName {
	display: table-cell;
	width: 300px;
	font-size: 15pt;
	line-height: 100%;
	vertical-align: middle;
	
	color:#333333;
	padding:10px 0px;
}

#PageHeader div.SpotLogo {
	display: table-cell;
	width: 282px;
	text-align: right;
	vertical-align: middle;
}

#PageHeader div.SpotLogo img {
	text-align: right;
	vertical-align: top;
}*/
/*
#PageH-eader div.ImgSpacer {
	display: inline;
	width: 0px;
	height: 82px;
	vertical-align: middle;
}
*/
#PageHeader div.Spacer {
	/*display: block;*/
	/*margin:0px 14px;*/
	/*width: 592px;
	height: 100%;*/
	background-color:#ffffff;
	/*vertical-align: middle;
	padding-left:10px;*/
}

/**/
#PageHeader table {
	width: 592px;
}
#PageHeader table td{
	vertical-align: middle;
}
#PageHeader table td.SpotName{
	padding: 10px;
	width: 100%;
}
#PageHeader table td.SpotName h1.SpotName{
	display:inline-block;
	font-size: 15pt;
	width: 100%;
	color:#333333;
}
#PageHeader table td.SpotLogo{
	text-align:right;
}
#PageHeader table td.SpotLogo img{
	margin-right: 0px;
}


/*
	フッタ
*/
#PageFooter {
	width: 592px;
	margin: 8px 14px 0px;
}

#PageFooter div.links {
	text-align: right;
}

/*
	メイン領域
*/
#PageBody {
	width: 592px;
	margin: 0px 14px;
}

/*
	メインコンテンツ領域
*/
#ContentArea {
	width: 592px;
}

/*
	「このページを印刷してお持ち下さい」文言スペース
*/
#SpotCouponPage div.PrintInfo {
	border: solid 1px #b2b2b2;
	padding:6px 8px;
	margin-bottom:12px;
}

/*
	クーポン用　情報
*/
#SpotCouponPage div.CouponBox {
	width:370px;
	float:left;
	margin-bottom:12px;
}

#SpotCouponPage div.CouponBox div.Container {
	padding: 0px 4px 0px;
	margin:0px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	
}

/*
	クーポン用　情報　タイトル
*/
#SpotCouponPage div.CouponBox h3.stitle span{
	font-size:medium;
}

#SpotCouponPage div.CouponBox h3.stitle {
	padding:0px 18px 4px;
	
	/*position:relative;
	top:0px;
	z-index:2;*/
}

#SpotCouponPage h3.stitle span{
	color:#ffffff;
}

/*
	クーポン用　情報
*/
#SpotCouponPage div.CouponBox div.Contents{
	padding:0px 4px;
	margin-top:10px;
	
	line-height:120%;
}

/*
	利用期間、利用方法
*/
#SpotCouponPage div.CouponBox span.kind{
	font-weight:bold;
	color:#3366cc;
}

/*
	クーポン用　お客様情報
*/
#SpotCouponPage div.GuestInfo {
	width:592px;

	/*padding-top:10px;
	background-image: url(../img/coupon/guest_box_top.gif);
	background-repeat: no-repeat;*/
}
/*
#SpotCouponPage div.GuestInfo div.Contents{
	padding:0px 8px;
}
*/
#SpotCouponPage div.GuestInfo div.Container {
	padding: 0px 4px 0px;
	margin:0px;
	
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}

#SpotCouponPage div.GuestInfo div.BoxBottom {
	/*background-image: url(../img/coupon/guest_box_btm.gif);
	background-repeat: no-repeat;
	background-position:top;*/
	height:10px;
}

#SpotCouponPage hr.line {
	/*clear:both;*/
	margin:4px;
	height:2px;
	background-color:#f4f4f4;
	color:#f4f4f4;
	border-top: solid 1px #f4f4f4;
	border-bottom: solid 1px #d4d5d5;
	border-left-style:none;
	border-right-style:none;
}

.pdL100 {
	padding-left:250px;	
}

/*
	クーポン用　店舗情報
*/
#SpotCouponPage table.AddrBox div.Contents{
	padding:6px;
}

#SpotCouponPage div.AddrBox {
	width: 210px;
	float:right;
	margin-bottom:12px;
}

#SpotCouponPage div.AddrBox table.AddrBox {
	width: 208px;
	border-collapse:collapse;
}

#SpotCouponPage div.AddrBox div.Container {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}
	

#SpotCouponPage table.AddrBox td {
	font-size:smaller;
}

#SpotCouponPage table.AddrBox td.qrCell {
	width:90px;
	vertical-align:top;
	padding-top:4px;
}

#SpotCouponPage table.AddrBox td.qrCell img.imgQR {
	margin:0px 0px 4px 4px;
}
#SpotCouponPage table.AddrBox td.qrCell img.imgLine {
	/*margin-right:6px;*/
}
#SpotCouponPage table.AddrBox td img.imgTitle {
	margin-left:3px;
}
#SpotCouponPage table.AddrBox td img.imgTitle2 {
	margin:4px 0px 0px 3px;
}

#SpotCouponPage table.AddrBox td.telCell {
	width:118px;
}

#SpotCouponPage table.AddrBox td.boxB {
	border-bottom: solid 1px #666666;
}


/*
	ナビマップ
*/

#NormalMapView {
	width: 558px;
	height: 398px;
	border: solid 1px #000000;
	margin:0px 16px 12px;
}

/*
	地図用　お店情報
*/
#SpotMapPage table.ShopInfo {
	border-collapse:collapse;
	width:100%;
}

#SpotMapPage table.ShopInfo th{
	font-weight: normal;
	white-space: nowrap;
	padding:6px;
	
	border: solid 1px #868686;
	background-color:#e3e3e3;
}

#SpotMapPage table.ShopInfo td{
	padding:6px;
	width:100%;
	
	border: solid 1px #868686;
	vertical-align:middle;
}

#SpotMapPage table.ShopInfo img{
	margin-right:30px;
	float:left;
	
	vertical-align:middle;
}

#SpotMapPage table.ShopInfo span.QRcode{
	color:#e60012;
	font-weight:bold;
}

#SpotMapPage table.ShopInfo p.QRcode{
	margin-top:10px;
	width:360px;
	float:left;
	vertical-align:middle;
}

/*
	印刷用テスト
*/
.aaa {
	position:absolute;
	top:0px;
	z-index:1;
}


/* ボーダーは単位付き指定の為　失敗。
.bbb {
	position:absolute;
	top:0px;
	z-index:1;
	border-top: solid 100% #868686;
}
*/
