@charset "utf-8";
body {
	background-color: #000000;
	margin: 0;
	padding: 0;
}

body, td {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 860px;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 860px;
	height: 84px;
	background: no-repeat top left url(../images/header.jpg);
}

h1 {
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

#headerNavi {
	margin: 0px 5px;
}

#naviDistricts {
	padding: 0;
	list-style: none;
	margin: 9px 0px;
	width: 520px;
	float: left;
}

#naviDistricts li {
	float: left;
	height: 16px;
}

#naviDistricts .district1 {width: 56px;}
#naviDistricts .district2 {width: 56px;}
#naviDistricts .district3 {width: 56px;}
#naviDistricts .district4 {width: 148px;}
#naviDistricts .district5 {width: 134px;}

#naviDistricts a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -10000px;
}


#naviDistricts .district1 a {background: top left url(../images/hd_district_1.gif);}
#naviDistricts .district2 a {background: top left url(../images/hd_district_2.gif);}
#naviDistricts .district3 a {background: top left url(../images/hd_district_3.gif);}
#naviDistricts .district4 a {background: top left url(../images/hd_district_4.gif);}
#naviDistricts .district5 a {background: top left url(../images/hd_district_5.gif);}

#naviDistricts a:hover {
	background-position: 0 -16px;
}

#naviDistricts a.selected {
	background-position: 0 -16px;
}

#headerSearch {
	width: 330px;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	text-align: right;
	vertical-align: middle;
}

#headerSearch #searchMode {
	margin: 0;
	padding: 0px;
}
#headerSearch #searchKey {
	width: 100px;
}
#headerSearch #searchBtn {
	width: 40px;
	background-color: #ccf;
	height: 21px;
	font-size: 12px;
}

#mainFrameTop {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 4px;
	background: no-repeat top left url(../images/content_top.gif);
	clear: both;
	overflow: hidden;
}

#mainFrameOuter {
	margin: 0;
	padding: 0;
	width: 860px;
	background: repeat-y top left url(../images/content_bg2.gif);
}

#mainFrame {
	margin: 0;
	padding: 0;
	width: 860px;
	background: no-repeat top left url(../images/content_bg1.gif);
	_height: 300px;
	min-height: 300px;
}

#mainFrameBottom {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 4px;
	background: no-repeat top left url(../images/content_btm.gif);
	overflow: hidden;
}

#main {
	padding: 8px 14px;
}

#footer {
	padding: 8px;
	text-align: right;
}

.copyright {
	color: #ccc;
	font-size: 12px;

}


/* 店舗一覧 */

#mapAndSearchBox {
	width: 240px;
	_height: 500px;
	min-height: 500px;
	float: left;
}

#searchBox {
	margin-top: 30px;
}

#searchBoxTop {
	width: 240px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: no-repeat top left url(../images/search_box_top.gif);
	overflow: hidden;
}

#searchBoxBody {
	width: 240px;
	margin: 0;
	padding: 0;
	background-color: #333385;
}

#searchBoxBottom {
	width: 240px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: no-repeat top left url(../images/search_box_btm.gif);
	overflow: hidden;
}

.searchBoxHeader {
	padding: 8px 0 2px 10px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

#searchBox form {
	margin: 0;
	padding: 0 0 12px 20px;
}

#venueSearchKey, #artistsSearchKey {
	width: 140px;
}

#venueList {
	float: left;
	margin-left: 10px;
	width: 580px;
}

.venueListHeader {
	width: 580px;
	height: 28px;
	background: no-repeat top left url(../images/venue_list_header.gif);
	overflow: hidden;
	text-indent: -10000px;
}

#venueList #header0 {text-indent: 0;}
#venueList #header1 {background: no-repeat top left url(../images/venue_list_header_1.gif);}
#venueList #header2 {background: no-repeat top left url(../images/venue_list_header_2.gif);}
#venueList #header3 {background: no-repeat top left url(../images/venue_list_header_3.gif);}
#venueList #header4 {background: no-repeat top left url(../images/venue_list_header_4.gif);}
#venueList #header5 {background: no-repeat top left url(../images/venue_list_header_5.gif);}

.resultHeader {
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.resultMessage {
	padding: 20px 12px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.venueListCols {
	padding: 8px 6px;
}

.venueListCol {
	float: left;
	margin-right: 14px;
}


.venueListTable {
	border-collapse: collapse;
}

.venueListTable td {
	border: 0;
	margin: 0;
	padding: 2px;
	vertical-align: top;
	line-height: 1.1;
}

.venueListTable .area {
	color: #fff;
}

.venueListTable .venueName {
	padding-left: 10px;
}
.venueListTable .cat1 {
	;
}
.venueListTable .cat1 {
	;
}


.venueListTable .event {
	width: 420px;
	color: #99c;
}

.venueListTable a {
	color: #9ff;
	text-decoration: none;
}

.venueListTable a:hover {
	color: #ff0;
	text-decoration: underline;
}

/* 店舗詳細 */

#venueHeader {
	margin: -2px 0 8px 0;
	color: #fff;
}

#venueHeader .venueArea {
	font-size: 12px;
	vertical-align: middle;
}

#venueHeader .venueName {
	font-size: 25px;
	vertical-align: middle;
	margin-left: 20px;
}

#venueInfoAndNews {
	float: left;
	width: 332px;
	margin-bottom: 10px;
}

#venueInfoHeader {
	margin: 0;
	padding: 0;
	width: 320px;
	height: 23px;
	background: no-repeat top left url(../images/hd_info.gif);
	text-indent: -10000px;
	overflow: hidden;
}

#venueNewsHeader {
	margin: 0;
	padding: 0;
	width: 320px;
	height: 23px;
	background: no-repeat top left url(../images/hd_news.gif);
	text-indent: -10000px;
	overflow: hidden;
}

#venueInfoBody, #venueNewsBody {
	margin: 0 0 10px 0;
	padding: 0;
	width: 320px;
	background-color: #fff;
	color: #333;
	overflow: hidden;
}

#venueImage {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

#venueImage img{
	/* border: solid 1px #333; */
}

#venueInfoText {
	padding: 0 8px 8px 14px;
	font-size: 12px;
	line-height: 1.2;
}

.mapBtn {
	margin-left: 10px;
	border: 0;
	vertical-align: middle;
}

.venueNewsItem {
	margin : 0 2px;
	padding: 6px;
	line-height: 1.2;
	border-top: dashed 1px #999;
}

#venueNewsBody .firstItem {
	border-top: none;
}

.venueNewsItem .date {color: #090; padding-right: 10px;}
.venueNewsItem .subject {color: #000; font-weight: bold;}
.newsBody {color: #333;}

#schedule {
	margin: 0 0 10px 0;
	padding: 0;
	width: 500px;
	float: left;
}

#scheduleHeader {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 23px;
	background: no-repeat top left url(../images/hd_schedule.gif);
	text-indent: -10000px;
	overflow: hidden;
}

#scheduleBody {
	margin: 0;
	padding: 0;
	width: 500px;
	background-color: #fff;
	color: #333;
}

#scheduleMonth {
	width: 200px;
	margin: 0;
	padding: 8px 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
}

#scheduleMonth .month {font-size: 40px; font-weight: bold;}
#scheduleMonth .year {font-size: 25px; font-weight: bold;}


#scheduleNavi {
	float: left;
	width: 280px;
	margin: 34px 0 0 0;
	text-align: right;
}

.scheduleTable {
	border-collapse: collapse;
	width: 100%;
}

.scheduleTable th, .scheduleTable td {
	border-top: solid 1px #999;
	padding: 3px 5px;
	margin: 0;
}

.dateCell {
	background-color: #eef;
	width: 60px;
	text-align: center;
	vertical-align: top;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}

.holiday .dateCell {
	color: #f66;
}

.wday {
	font-size: 12px;
}

.eventCell {
	width: 440px;
	vertical-align: top;
}

.eventSubj {
	font-size: 13px;
	font-weight: bold;
}

.eventCell .artists {
	margin: 3px 0;
}

.eventCell .time {
	color: #096;
}

.eventCell .price {
	color: #096;
}

.eventCell .timeAndPrice {
	float: left;
}
.eventCell .detailsLink {
	float: right;
	text-align: right;
	margin-bottom: 4px;
}
.eventCell .detailsLink .btnDetails{
	width: 55px;
	background-color: #666;
	color: #fff;
	height: 21px;
	font-size: 12px;
}
.eventCell .details {
	margin: 4px 0 4px 4px;
	background-color: #ffe;
	padding: 6px;
	border: dotted 1px #cca;
	display: none;
}

.event {

}

.eventMore {
	margin-top: 4px;
	padding-top: 4px;
	border-top: dotted 1px #999;
}

.noEvents {
	border-top: solid 1px #999;
	padding: 8px 8px;
	margin: 0;
	height: 226px;

}

#venueInfoBody a, #venueNewsBody a, #scheduleBody a {
	text-decoration: none;
	color: #36f;
}

#venueInfoBody a:hover, #venueNewsBody a:hover, #scheduleBody a:hover {
	text-decoration: underline;
}