@charset "Shift_JIS";

/*------------------------------------------------------------------------
 *   sp_tokuten.css
 *   ご常連様とはとご常連様特典に適用するCSS
 *
 *   last update : 2012.08.22
 *------------------------------------------------------------------------*/


/* センターカラム
--------------------------------------------------------------------------*/
div.main_area h2 {
	line-height:24px;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	color:#fff;
	font-size:16px;
	background:#f00;
}
div.main_area h2 a {
	color:#fff;
}
div.main_area p.page_caption{
	padding:10px 10px 10px 25px;
	border: 1px solid #ccc;
	background: url("../service/images/page_capback.gif") no-repeat 7px 7px;
}
div.main_area p.page_caption span{
	font-weight:bold;
}

/* 共通CSS 
-----------------------------------------*/
.red {color:red;}
.big {font-size:14px;}
.bigred {color:red; font-size:14px;}

/*#titlelogo01 {
	margin:0;
	padding:0;
	border-width:0;
}

#titlelogo02 {
	margin:0;
	padding:0;
	border-width:0;
}
*/
#access dl{
	margin:0;
	padding:0 0 0 5px;
}

#access dt{
	margin:15px 0 0 0;
	padding:0;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
}

#access dd{
	margin:5px 0 15px 0;
	padding:0 0 0 20px;
	font-size:12px;
	line-height:16px;
}

/* 常連とはCSS 
-----------------------------------------*/
.anyblock_mg .explained_box {
	margin:0 0 30px 0;
	padding:10px 10px 50px;
	background:url(/sapporo/tokuten/images/bg_line.gif) center bottom no-repeat;
}
.anyblock_mg .explained_box h3 {
	border-left:none;
	border-bottom:#c33 1px solid;
	font-size:14px;
	line-height:30px;
}
.anyblock_mg .explained_box h3 span {
	margin:0 10px 0 0;
	padding:5px 5px 5px 0;
	border-bottom:#c66 2px solid;
	font-size:22px;
	line-height:30px;
}
.anyblock_mg img.card {
	float:right;
	margin:15px 0;
}
ul.explained_list {
	float:left;
	margin:25px 0 0 10px;
	width:215px;
}
ul.explained_list li {
	margin:0;
	padding:5px 0 0;
	font-size:14px;
	line-height:16px;
	color:#c33;
	list-style: disc inside none;
}
ul.explained_list li.ticketbn {
	margin:15px 0 0 0;
	list-style-type:none;
}
.anyblock_mg p {
  clear: both;
	padding:15px;
	font-size:12px;
	line-height:16px;
	background:#f7f7f7;
}	

.anyblock_mg .memberpoint {
	margin:0;
	padding:10px;
	border:solid 1px #009;
	background-color:#eef;
	font-weight: bold;
}

.anyblock_mg .memberpoint li{
	margin:5px 0 0 0;
	padding:0;
	font-size:14px;
	line-height:20px;
}

.anyblock_mg .details {
	margin:15px 0 0 0;
	padding:0;
}

.anyblock_mg .details dt{
	margin:10px 0 0 0;
	padding:0;
	font-size:14px;
	line-height:18px;
	font-weight:700;
}

.anyblock_mg .details dd{
	margin:5px 0 0 0;
	padding:0 0 10px 15px;
	font-size:12px;
	line-height:20px;
}

/* 常連特典CSS
-----------------------------------------*/
#tokuten_block .explained_box {
	margin:0 0 30px 0;
	padding:10px 10px 50px;
	background:url(/sapporo/tokuten/images/bg_line.gif) center bottom no-repeat;
}
#tokuten_block h3 {
	border-left:none;
	border-bottom:#c33 1px solid;
	font-size:14px;
	line-height:30px;
}
#tokuten_block h3 span {
	margin:0 10px 0 0;
	padding:5px 5px 5px 0;
	border-bottom:#c66 2px solid;
	font-size:22px;
	line-height:30px;
}
#tokuten_block dl {
	margin:20px 0 30px;
}
#tokuten_block dt {
	margin:0 0 5px;
	font-size:18px;
	line-height:24px;
}
#tokuten_block dd {
	margin:0 0 15px 0;
	padding:0 0 15px 15px;
	font-size:12px;
	line-height:18px;
	border-bottom:#ccc 1px dotted;
}
#tokuten_block ul {
	margin:20px 0 0;
	padding:10px;
	border:1px #000 dashed;
	background-color:#eee;
}
#tokuten_block li {
	font-size:10px;
	line-height:14px;
}

#tokuten_block dl.period {
	margin:20px 0 0;
}
#tokuten_block dl.period dt {
	padding:0 0 10px 60px;
	font-size:14px;
	line-height:20px;
	background:url(/sapporo/tokuten/images/bg_kikan.gif) left top no-repeat;
}
#tokuten_block dl.period dd {
	padding:0 0 15px 60px;
	font-size:14px;
	line-height:20px;
	background:url(/sapporo/tokuten/images/bg_naiyou.gif) left top no-repeat;
}
#tokuten_block dd.period {
	padding:0 0 15px 60px;
	margin:-16px 0 15px 0;
	font-size:14px;
	line-height:20px;
	background:url(/sapporo/tokuten/images/bg_naiyou.gif) left top no-repeat;
	border-top:#fff 1px solid;
}
div#vipevent {
}

#tokuten_block p {
	padding:30px 0 0 0;
	text-align:right;
}
p#caution {
  clear: both;
	padding:15px;
	font-size:12px;
	line-height:16px;
	background:#f7f7f7;
	text-align:left;
}	
#tokuten_block h4 {
	font-size: 14px;
	font-weight: normal;
	padding: 15px 0 0;
	margin: 0 0 5px;
	color: #c33;
}
#tokuten_block div.eventword {
	padding:0 0 15px 0;
	border-bottom: 1px dotted #ccc;

}


#matty h3 {color:#ff6699;}
#cappero h3 {color:#5f00ff;}
#matto h3 {color:#007cff;}
#bully h3 {color:#666666;}
#harejo h3 {color:#ff0072;}
#clark h3 {color:#660066;}
#saman h3 {color:#8d0000;}
#marimo h3 {color:#009700;}
#mjo h3 {color:#ff0000;}
#milk h3 {color:#ff00ff;}
#boing h3 {color:#000092;}


/* 誕生月割引
-----------------------------------------*/
.birthday{
	margin:10px 0 0 -15px;
}