@charset "utf-8";
/** $Id: event.css 4347 2011-07-13 02:14:26Z kurosu $ */
/**
 * イベント用 CSS(event.css)
 *
 * @author ogawa@hitbit-inc.net
 * @copyright HitBit co.,ltd.
 * @since 2009-11-05
 * @lastmodified $Date: 2011-07-13 11:14:26 +0900 (水, 13 7 2011) $
 * @see guideline: Ver. 1.01
 */

/* ---------------------------------------------- 
 共通部分用 CSS
---------------------------------------------- */
body.event-page h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px 10px;
}
body.event-page .htitle03 {
	font-weight:bold;
	font-size: 1.2em;
	padding:5px 10px;
	margin-bottom:10px;
	background-color:#FFE3C8;
}
/* ---------------------------------------------- 
 検索結果用 CSS
---------------------------------------------- */
body.event-page #box-left {
	float: left;
	width: 130px;
}
body.event-page #box-right {
	float: right;
	width: 560px;
}
/* 検索条件用 CSS -------------- */
body.event-page div.search-box {
	border-top:5px solid #CCCCCC; /* color.css */
	border-bottom:1px solid #CCCCCC; /* color.css */
	margin-bottom:10px;
	font-size:0.8em;
	clear:both;
	overflow:hidden;
	background-color: #f0f0f0;
}
body.event-page div.search-box div.search-left {
	float: left;
	width: 550px;
	display:inline-block;
}
body.event-page div.search-box div.search-left dl {
	overflow:hidden;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
body.event-page div.search-left  dl.sort02 { background-color:#ff0000; } /* いらない？ */
body.event-page div.search-box .btnCalendar {
	display:inline-block;
	/display:inline;
	/zoom:0;
	width:13px;
	height:10px;
	background:url(/common_img/calendar.png) no-repeat 0 0;
	text-indent:-99999em;
	overflow:hidden;
}
body.event-page div.search-box div.search-left dl dt {
	display:block;
	width:80px;
	float:left;
	font-weight:bold;
	padding:7px 10px;
	text-align:right;
	white-space:nowrap;
	vertical-align:middle;
}
body.event-page div.search-box div.search-left dl dd {
	display:block;
	width:429px;min-height:17px;max-height:500px;
	float:left;
	padding:5px 10px;
	overflow:hidden;
	background-color: #f0f0f0;
}
body.event-page div.search-box div.search-left dl dd div.list-box  {
	display:inline-block;
	/display: inline;
	/zoom: 1;
}
body.event-page div.search-box div.search-left dl dd div.list-box ul li,
body.event-page div.search-box div.search-left dl dd div.list-box div {
	display:inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 1em 0.2em 0;
}
body.event-page div.search-box div.search-left dl dd span.add-btn {
	display:inline-block;
	/display: inline;
	/zoom: 1;
	padding:2px 5px 2px 18px;
	cursor:pointer;
	background-color: #CCCCCC;
	background-image: url(/common_img/shop_list/icon_add.png);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	font-family:monospace;
}
body.event-page div.search-box div.search-right {
	float: right;
	width: 150px;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	margin-top: 8%;
	height: 1px;
}
body.event-page div.search-box div.search-right p.btn-search input {
	background:#CCCCCC;
	cursor:pointer;
	font-size:1.2em;
	font-weight: bold;
	padding: 7px 3px 7px 3px;
	color: #333;
}
body.event-page div.search-box div.search-right p.txt-reset {
	color:#0000cc;
	cursor:pointer;
	text-decoration:underline;
	margin-top: 10px;
}

/** Serach box float windows for selct categry,area and service */
table.tbl-lists {
	width:100%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.tbl-lists label {margin:0 0 0 0.2em;}
table.tbl-lists li.item-input {
	width:130px;
	margin:2px 10px 2px 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}
table.tbl-lists th,
table.tbl-lists td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
	vertical-align:top;
	line-height:1.3;
}
table.tbl-lists th { width:30%; background-color:#eeeeee; }
table.tbl-lists td { width:70%;font-size:0.8em; }
body.event-page .item-input {
    display: inline;
}
body.event-page .item-input {
    display: inline-block;
	width: 150px;
    margin: 2px 10px 2px 0;
    vertical-align: top;
}
/* 検索結果　並び替え用 */
body.event-page dl.sort {
	float:right;
	overflow:hidden;
	margin-bottom:5px;
	font-size:1em;
}
body.event-page dl.sort dt {
	font-weight:bold;
	float:left;
}
body.event-page dl.sort dd { float:left; }
body.event-page dl.sort dd ul li {
	display:inline-block;
	/display: inline;
	/zoom: 1;
    padding: 0 5px;
    border-right: 1px solid #999;
}
/* 検索結果　リスト用 CSS -------------- */
body.event-page div#event-list {
	clear:both;
	padding:10px 0;
}
body.event-page div.box-event {
	width:560px;
	border-top:1px solid #E4E4E4;
	padding-bottom: 5px;
	overflow:hidden;
}
/* photo（左） */
body.event-page div.box-event div.photo {
	float:left;
	width:120px;
	margin-right:15px;
}
body.event-page div.box-event div.photo p.favorite {
	width:55px;
	margin:5px auto;
	min-height:13px;
	padding-left:20px;
	background:url(/common_img/corner/event/icon_favorite.png) no-repeat 0 0;
	white-space:nowrap;
}
/* info（右） */
body.event-page div.box-event div.info {
	float:left;
	width:425px;
	overflow:hidden;
}
body.event-page div.box-event div.info div.event-title {
	width:375px;
	padding-top:5px;
	float:left;
}
body.event-page div.box-event div.info h4 {
	font-size:120%;
	font-weight:bold;
	padding:3px 0 0 0;
}
body.event-page div.box-event div.info p.city {font-size:10px; color:#999; margin-bottom:5px;}
body.event-page div.box-event div.info p.notice {font-weight:bold;}
/* 右アイコン */
body.event-page div.box-event div.coupon {
	float:right;
	width:45px;
}
body.event-page div.box-event div.coupon span {
	display:block;
	width:45px;
	height:30px;
	margin-bottom:5px;
	text-indent:-99999em;
}
body.event-page div.box-event div.coupon span.free { background:url(/common_img/corner/event/icon_free.png) no-repeat 0 0; }
body.event-page div.box-event div.coupon span.special { background:url(/common_img/shop_list/icon_coupon.gif) no-repeat 0 0; } 
/* dates
--------------------------------- */
body.event-page div.events .dates {
	clear:both;
	border-top:1px dotted #CCCCCC;
	padding-top:5px;
	font-weight:bold;
}
/* tag
--------------------------------- */
body.event-page div.events dl.tag {
	margin:5px 0;
	overflow:hidden;
}
/* plus
--------------------------------- */
body.event-page div.events dl.plus {
	margin:5px 0;
	overflow:hidden;
}
body.event-page div.events p.plus {
	height:15px;
	background:url(/common_img/corner/event/icon_plus.png) no-repeat 0 1px;
	padding-left:35px;
}

/* ---------------------------------------------- 
 詳細ページ
---------------------------------------------- */
/* メインコンテンツ部分
----------------------------------- */
body.event-page div#wrapper-cnt {
	clear:both;
	padding:10px 0;
}
body.event-page div#wrapper-cnt #left {
	float:left;
	width:400px;
}
body.event-page div#wrapper-cnt #right {
	float:right;
	width:285px;
}
body#event-detail ul.btn-action {margin-top:25px;}
body#event-detail ul.btn-action li#wish a {
	display: block;
	width: 150px;
	height: 33px;
	margin-bottom: 5px;
	overflow: hidden;
	text-indent: -999999em;
	background: url("/common_img/corner/event/btn_mp.png") no-repeat 0 0;
}
body#event-detail .allfavorite dt {width: 130px;}
body#event-detail .allfavorite dd {width: 565px;}
/* 印刷・閲覧ビュー */
body.event-page div.view-list {
	clear:both;
	margin:20px 0 0 0; 
}
body.event-page div.view-list ul {
	float:right;
	margin:0 0 5px 0;
	font-size:80%;
}
body.event-page div.view-list ul li {
	display:inline;
}
body.event-page div.view-list ul li img {
	margin:0 5px 0 10px;
}
body.event-page .preview {
	font-size:3em;
	border:2px solid #CC0000;
}
/* tag
--------------------------------- */
body#event-detail div#shophead dl.tag {
	margin:5px 0;
	overflow:hidden;
}
body#event-detail div#shophead dl.tag dt {
	width:33px;
	height:15px;
	float:left;
	background:url(/common_img/corner/event/icon_tag.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:-100000em;
}
body#event-detail div#shophead dl.tag dd {
	width:490px;
	float:right;
}

/* 基本情報テーブル
--------------------------------- */
body#event-detail table#tbl-detail  {
	width:100%;
	border-top:1px dotted #CCCCCC;
}
body#event-detail table#tbl-detail th {
	width:5em;
	border-left:10px solid #FFE6B5;
	border-bottom:1px dotted #CCCCCC;
	padding:0.5em;
	vertical-align:top;
	white-space:nowrap;
}
body#event-detail table#tbl-detail td {
	border-bottom:1px dotted #CCCCCC;
	padding:0.5em 0;
	vertical-align:top;
	word-break:break-all;
}
body#event-detail table#tbl-detail .event-time  {color:#FF9933; font-weight:bold;}
/* メイン写真
----------------------------------- */
body#event-detail div#photo { margin:0 0 20px 0; }
body#event-detail div#photo img {
	padding:6px;
	border:1px solid #CCCCCC;
}
/* マップ・バーコード
----------------------------------- */
body#event-detail div#map-qr {margin:0 0 20px 0;}
body#event-detail div#map-qr div#map {
	width:160px;
	float:left;
}
body#event-detail div#map-qr p#btn a {
	display:block;
	float:right;
	width:110px;
	height:35px;
	margin:5px 0 0 0;
	background:url(/themes/shop/default/img/shop_buttons.png) no-repeat 0 -400px;
}
body#event-detail div#map-qr p#btn a span  {
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}
body#event-detail div#map-qr p#btn a:hover {background-position:0 -435px;}
body#event-detail div#map-qr div#qr {
	width:110px;
	float:right;
	font-size:80%;
}
body#event-detail div#map-qr div#qr h4 {
	background:#FFE6B5;
	padding:0.3em 0;
	text-align:center;
}
body#event-detail div#map-qr div#qr div {
	width:108px;
	border:1px solid #FFE6B5;
	padding:0 0 3px 0;
	text-align:center;
	margin:0 0 5px 0;
}

/* サービスアイコン
----------------------------------- */
body#event-detail div#icon span {
	display:inline-block;
	/display:inline;
	/zoom:0;
	width:73px;
	height:16px;
	margin-right:20px;
	text-indent:-99999em;
}
body#event-detail div#icon span.free {background:url(/common_img/corner/event/icon_special.png) no-repeat 0 0;}
body#event-detail div#icon span.special {background:url(/common_img/corner/event/icon_special.png) no-repeat -73px 0;}
body#event-detail div#icon span.chg-date {background:url(/common_img/corner/event/icon_special.png) no-repeat -146px 0;}

/* マイページ系ボタン
----------------------------------- */
body#event-detail div#btn-mp { clear:both; margin-bottom:20px; }
body#event-detail div#btn-mp p a {
	display:block;
	width:280px;
	height:35px;
	background:url(/common_img/corner/event/btn_mp.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:-100000em;
}
/* 右側アイコン
----------------------------------- */
body#event-detail div.ex-link {
	margin:20px 0 0 0;	
	overflow:hidden;
}
body#event-detail div.ex-link h3 {
	font-weight:bold;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:2px 0 2px 18px;
	color:#666666;
}
body#event-detail div.ex-link ul  { margin:5px 0 0 18px; }
body#event-detail div.ex-link ul li  {
	font-weight:bold;
	padding:0 0 5px 0;
}
body#event-detail div#sp-link h3 { background:url(/themes/shop/default/img/shop_icons.png) no-repeat 0 -453px; }
/* お天気
----------------------------------- */

/* 外部リンク
----------------------------------- */
body#event-detail div#permalink-link h3 {
	background:url(/themes/shop/default/img/shop_icons.png) no-repeat 0 -519px;
	font-weight:bold;
	padding:0 0 2px 18px;
	margin:20px 0 10px 0;
}
body#event-detail div#permalink-link div.twitter {
    background:url(http://twitter-badges.s3.amazonaws.com/t_mini-a.png) no-repeat 0 0;
	font-weight:bold;
	padding:0 0 2px 20px;
	margin:0 0 10px 0;
}

/* イベント紹介
----------------------------------- */
body#event-detail div#event-intro {margin:20px 0 0 0;}
body#event-detail div#event-intro p#shop-comment {
	width:100%;
	padding:0 0 5px 0;
	margin:5px 0 0 0;
	border-bottom:1px dotted #CCCCCC;
}
body#event-detail div#event-intro div.att {
	color:#CC0000;
	overflow:hidden;
	margin-top:10px;
}
body#event-detail div#event-intro div.att p.ico {
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:5px;
	background:url(/themes/shop/default/img/shop_icons.png) no-repeat 0 -340px;
	text-indent:-99999em;
}
/* 外部ブログリンク用フォーム
----------------------------------- */
body#event-detail div#permalink-anchor {
	clear:both;
	width:680px;
	background:#EEEEEE;
	padding:10px;
	margin-bottom:20px;
}
body#event-detail div#permalink-anchor h3 {
	width:532px;
	float:left;
	background:url(/themes/shop/default/img/shop_icons.png) no-repeat 0 -519px;
	font-weight:bold;
	padding:0 0 5px 18px;
}
body#event-detail div#permalink-anchor p.help {
	width:110px;
	float:right;
	font-size:0.8em;
	text-align:right;
}
body#event-detail div#permalink-anchor h3 span { font-weight:normal; }
body#event-detail #permalink_input{
	clear:both;
	width: 670px;
	border:1px solid #aaa;
	padding:2px;
	color:#333;
}

/* クーポン
----------------------------------- */
body#event-detail div#coupon {
	clear:both;
	padding:10px;
	font-family:"A-OTF 新丸ゴ Pro M","ヒラギノ丸ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	border:1px dashed #FF0000;
	background:#FFFFCC;
	padding:10px;
	margin-bottom: 15px;
}
body#event-detail div#coupon div.mobile-qr {
	float: left;
	width: 550px;
}
body#event-detail div#coupon div h3 {
	border-bottom:1px solid #FF0000;
	padding:0 0 5px;
	margin:0 0 10px;
	font-size:120%;
	color:#FF0000;
	font-weight:bold;
	width: 100%;
}
body#event-detail div#coupon div h3 img {
	vertical-align:bottom;
	padding-right:5px;
}
body#event-detail div#coupon div h3 span {
	font-size:70%;
	font-weight:normal;
	padding-left:5px;
}
body#event-detail div#coupon div p.text {
	font-size:140%;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 2px 0;
	width: 100%;
}
body#event-detail div#coupon div p.date {
	font-size:120%;
	margin:0 0 10px;
	width: 100%;
}
body#event-detail div#coupon div p.att {
	font-size:80%;
	line-height:1.3;
	width: 100%;
	margin-top:5px;
}
body#event-detail div#coupon div#qr {
	width:110px;
	border:1px solid #FF0000;
	padding:0 0 3px;
	text-align:center;
	margin:0 0 5px;
	background-color: #FFFFFF;
	float: right;
}
body#event-detail div#coupon div#qr h4 {
	background:#FF0000;
	padding:0.3em 0;
	text-align:center;
	color: #FFFFFF;
	font-size: 0.8em;
}

/* 関連情報
----------------------------------- */
body#event-detail dl#relation {
	margin-bottm:20px;
	overflow:hidden;
}
body#event-detail dl#relation dt {
	font-weight:bold;
	padding:3px 10px;
	background:#FF9900;
}
body#event-detail dl#relation dd {
	padding:10px;
	border-bottom:1px solid #CCCCCC;
}
body#event-detail dl#shop-nav-foot dd dl.cnt dt {width: 120px;}
body#event-detail dl#shop-nav-foot dd dl.cnt dd {width: 575px;}
body#event-detail dl#shop-nav-foot dl.vicinity {
	width:80px;
	float:left;
	margin-right:50px;
	font-size:10px;
	color:#999;
}
body#event-detail dl#shop-nav-foot dl.vicinity dt {width:80px;text-align:left;}
/* btn post
--------------------------------- */
body.event-page p.btn-event a {
	clear:both;
	display:block;
	width:400px;
	height:60px;
	background:url(/common_img/corner/event/btn_post.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:-100000em;
	margin:20px auto;
}