@charset "shift_jis";

	
/*========================================================================

	ファイル名  : /common/css/campaign.css
	概要　　　  : このCSSはキャンペーン画面用のファイルとなります。
	サイト名　  : タカシマヤカード
	URL         : https://www.takashimaya-fp.co.jp/card/
	コピーライト: All rights reserved by Takashimaya Credit co., ltd.
 作成日      : 2013.04.02
	更新日      :

========================================================================*/

body#campaign a:link,
body#campaign a:visited,
body#campaign a:hover,
body#campaign a:active {
	color: #3f83cf;
}

body#campaign a:hover,
body#campaign a:active {
	text-decoration: none;
}

/*
10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%
*/

/* キャンペーンテンプレート
==========================================================================

1. 画面幅width900px用

=========================================================================*/
body#campaign {
	font-size:13px;
	line-height:147%;
	text-align: center;
	background: url(../img/campaign_bg.gif) repeat-x ;
}

body#campaign hr.dotted{
   border:dotted #666;
   border-width:1px 0 0 0;
   margin-top:0px;
   margin-bottom:20px;
   display:block;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}

body#campaign div#wrapper {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
}


/*  カード会員様限定特典
--------------------------------------------------*/

body#campaign div#header {
	height: 90px;
	width: 840px;
	margin-bottom:30px;
}

body#campaign div#header h1 {
    float: left;
    font-size: 185%;
    font-weight: normal;
    padding-left: 60px;
    padding-top: 34px;
}

body#campaign div#header h1.restaurant   { background: url("../img/icon_restaurant.gif") 0 20px no-repeat; height: 35px;}
body#campaign div#header h1.entertainment{ background: url("../img/icon_entertainment.gif") 0 20px no-repeat; height: 35px;}
body#campaign div#header h1.hotel        { background: url("../img/icon_hotel.gif") 0 20px no-repeat; height: 35px;}
body#campaign div#header h1.other        { background: url("../img/icon_other.gif") 0 20px no-repeat; height: 35px;}
body#campaign div#header h1.present      { background: url("../img/icon_present.gif") 0 20px no-repeat; height: 35px;}
body#campaign div#header h1.information  { background: url("../img/icon_information.gif") 0 20px no-repeat; height: 35px;}
body#campaign div#header h1.golf         { background: url("../img/icon_golf.gif") 0 20px no-repeat; height: 35px;}


body#campaign div#header p.logo {
	float:right;
}


/*  カード会員様限定特典＆期間
--------------------------------------------------*/

body#campaign div#contents {
	width:800px;
	margin: 0 auto 0;
}
body#campaign .red {
	color:#C00
}
body#campaign p.salon_limited, body#campaign p.hotel_name{
	font-weight:bold;
	font-size:124%;
	background-color:#f1f1e4;
	padding:20px;
	margin-bottom:30px;
	border:#cccccc 1px solid;
}
body#campaign p.salon_limited span, body#campaign p.hotel_name span{
	font-weight:normal;
	font-size:93%;
	display:block;
}
body#campaign p.imperial_tokyo{
	background-image: url(../../campaign/img/logo_tokyo.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
body#campaign p.imperial_osaka{
	background-image: url(../../campaign/img/logo_osaka.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
body#campaign div#link_area {
	margin: 0 auto 30px;
}
body#campaign div#link_area ul li{
	line-height:1.5em;
}
/* ご優待特典 */
body#campaign div#privilege {
	border:#333 1px solid;
	margin-bottom:0px;
}
body#campaign div#privilege p.privilege_title {
	background-color:#333;
	color:#FFF;
	padding:5px 5px 5px 10px;
	font-size:116%;
	font-weight:bold;
}
body#campaign div#privilege div.privilege_inner{
	padding:10px 15px 0px;
}
body#campaign div#privilege div.privilege_inner p{
	font-size:116%;
	font-weight:bold;
	margin-bottom:10px
}

body#campaign div#privilege div.privilege_inner p.small{
	font-size:85%;
	font-weight:normal;
}
body#campaign div#privilege div.privilege_inner p.price{
	font-size:139%;
}
body#campaign div#privilege div.privilege_inner p.price span{
	font-size:63%;
	margin-left:5px;
}
body#campaign div#privilege div.privilege_inner p.price{
	font-size:139%;
}
body#campaign div#privilege div.privilege_inner p span.tokuten{
	background-color:#000;
	padding:3px 5px;
	color:#FFF;
	margin-right:5px;
}
/* ご優待期間 */
body#campaign p.period {
	font-size:108%;
	font-weight:bold;
	margin-bottom:25px;
	border-left  :#333 1px solid;
	border-bottom:#333 1px solid;
	border-right :#333 1px solid;
	padding:10px 15px;
	background-color:#f1f1f1;
}
body#campaign p.period span{
    font-size: 75%;
	font-weight: normal;
	display:block;
}

/*  キャンペーン各セクション
--------------------------------------------------*/
body#campaign div.cam_section {
    overflow: hidden;
}

body#campaign div.cam_section div.left {
	width:400px;
	overflow:hidden;
	float:left;
}

body#campaign div.cam_section div.right {
	width:360px;
	overflow:hidden;
	float:right;
}


body#campaign  p.title_00 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #900;
    border-image: none;
    border-style: solid;
    border-width: 2px 2px 2px 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    margin: 0 auto 20px;
    padding: 15px 0 15px 15px;
}


body#campaign h2 {
	font-size:154%;
	border-left:#cd000f 5px solid;
	padding-left:15px;
	margin-bottom:20px;
	line-height:131%;
}


body#campaign h2 span{
	display:inline-block;
	float:right;
	/display: inline;
	/zoom: 1;
	/margin-top:-25px;
	#margin-top:-19px;
}



body#campaign h3 {
	font-size:116%;
	border-bottom:#cd000f 2px solid;
	padding:10px 0px 8px 10px;
	background-color:#f0f0f0;
	margin-bottom:20px;
}

body#campaign h3 span {
	font-size:63%;
}

body#campaign h3 span.limited {
	font-size:63%;
	color:#FFF;
	background-color:#333;
	padding:5px;
}

body#campaign p.description {
	margin-bottom:20px;
}

body#campaign p.description_small {
    line-height: 145%;
    margin-bottom: 10px;
    margin-top: -5px;
}

body#campaign p.description span{
    display: block;
    font-size: 124%;
    font-weight: bold;
    margin-bottom: 15px;
}

body#campaign div.box {
	margin-bottom:25px;
}
/* 表組み */
body#campaign div.box table {
	width:100%;
	border-top:#CCC 1px solid;
	border-right:#CCC 1px solid;
	margin-bottom:5px;
	margin-top:-20px;
}
body#campaign div.box table caption {
	margin-bottom:5px;
}
body#campaign div.box table th {
	background-color:#f6f6f6;
	border-bottom:#CCC 1px solid;
	border-left:#CCC 1px solid;
	padding:5px;
	font-weight:bold;
	text-align:center;
}
body#campaign div.box table th.normal {
	font-weight:normal;
}
body#campaign div.box table td {
	border-bottom:#CCC 1px solid;
	border-left:#CCC 1px solid;
	padding:5px;
	text-align:center;
}
body#campaign div.box table td span{
	font-weight:bold;
	font-size:124%;
}
body#campaign div.box table td span.small{
	font-weight: normal !important;
	font-size:85% !important;
}
body#campaign div.box ul li{
	font-size:85%;
	font-weight:normal;
	margin:0;
	text-indent:-1em;
	padding-left:1em;
}
/* 優待詳細 */
body#campaign .detail ul {
	margin-bottom:25px;
}

body#campaign .detail ul li {
	font-size:116%;
	font-weight:bold;
	margin:5px 0;
}

body#campaign .detail ul li.indent {
	text-indent:-1em;
	padding-left:1em;
}

body#campaign .detail ul li span {
	font-size:70%;
}

body#campaign .detail ul li span.red {
	font-size:100%;
	color:#cd000f;
}
body#campaign .detail ul li.small {
	font-size:85%;
	font-weight:normal;
	margin:0;
}

body#campaign div.cam_section div.right div.cam_img {
	width:360px;
	height:280px;
	position:relative;
	margin-bottom:20px;
}

body#campaign div.cam_section div.right div.cam_img p {
	position:absolute;
	bottom:0px;
	background-image:url(../img/cam_img_bg.png);
	width:360px;
	height:35px;
}

body#campaign div.cam_section div.right div.cam_img p span {
	color:#ffffff;
	float:right;
	padding-right:5px;
	font-weight:bold;
	padding-top:15px;
	font-size:93%;
}


/*  ご予約・お問い合わせ先（電話番号）
--------------------------------------------------*/
body#campaign div.tell {
	overflow:hidden;
	margin-bottom:20px;
	background-color:#e4e4e4;
	padding:10px;
}

body#campaign div.tell ul li {
	font-weight:bold;
	font-size:108%;
}

body#campaign div.tell ul li.number {
    background-color: #333333;
    color: #FFFFFF;
    display: inline-block;
    font-size: 100% !important;
    padding: 3px 5px 2px;
	margin-bottom:10px;
}

body#campaign div.tell ul li span.info_tel {
    background-color: #ffffff;
    display: inline-block;
    font-size: 154% !important;
    padding: 3px 5px 2px;
	margin-bottom:10px;
	margin-top:5px;
}
body#campaign div.tell ul li.info {
    font-size: 77% !important;
}



/*  ご予約・お問い合わせ先
--------------------------------------------------*/

body#campaign div#information {
	overflow:hidden;
	margin-bottom:20px;
	background-color:#e4e4e4;
	padding:10px;
}


body#campaign div#information ul.hotel{
	float:left;
	width:385px;
}

body#campaign div#information ul.hotel li {
}

body#campaign div#information ul.hotel li.infoTitle {
    background-color: #333333;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px 10px;
	font-weight:bold;
	margin-bottom:5px;
}
body#campaign div#information ul.hotel li.infoName {
	font-size:154%;
	font-weight:bold;
	padding:0px 0px 5px;
}
body#campaign div#information ul.hotel li.infoTel{
	font-weight:bold;
	margin-bottom:5px;
}
body#campaign div#information ul.hotel li.infoTel span {
    background-color: #FFFFFF;
    display: inline-block;
    font-size: 162% !important;
    padding: 5px 10px;
	margin-right:5px;
}
body#campaign div#information ul.hotel li.startTime {
    background-color: #FFFFFF;
    display: inline-block;
    font-size: 162% !important;
    padding: 5px 10px;
	margin-right:5px;
	font-weight:bold;
	margin-bottom:5px;
}

body#campaign div#information ul.hotel li.infoNote{
	font-size:77%;
	font-weight:normal;
}
body#campaign div#information ul.access {
    float: right;
    width: 385px;
}

body#campaign div#information ul.access li {
	text-indent:-1em;
	padding-left:1em;
}

body#campaign div#note {
	font-size:93%;
	margin-bottom:25px;
}

body#campaign div#note ul li {
	text-indent:-1em;
	padding-left:1em;
}


/*  footer
--------------------------------------------------*/

body#campaign div#cam_footer {
	border-top:none !important;
	background-color:#f1f1e4;
	height:65px;
}

body#campaign div#cam_footer p.copyright {
    float: left;
	font-size:93%;
	padding-top:25px;
}

body#campaign div#cam_footer p.close {
    float: right;
	padding-top:25px;
}