/*---------------------------------------------------------------
 screen -> screen/design.css
---------------------------------------------------------------*/




/* Common Setting
===============================================================*/

p.ele-crumbs {
	font-size: 10px;
	background: #efefef;
	padding: 3px 10px;
	margin: 0px 0px 10px;
	color: #666666;
}

p.ele-backtop {
	text-align: right;
	padding: 3px 10px;
	margin: 10px 0px;
}

p.ele-wp-data {
	font-size: 10px;
	padding: 5px 10px;
	border-top: 1px solid #dddddd;
	margin: 10px 0px;
}





/* Local Navigation
===============================================================*/

h2.ele-localnavi {
}

ul.ele-localnavi {
	font-size: 78%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul.ele-localnavi li {
	padding: 0px;
	margin: 0px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

ul.ele-localnavi li a {
	line-height: 40px;
	display: block;
	padding: 0px 0px 0px 30px;
	color: #000000;
	border: 1px solid #FFFFFF;
}

ul.ele-localnavi li a:hover {
	background: #efefef;
}

ul.ele-localnavi li.active a {
	font-weight: bold;
	background: #efefef;
}

ul.ele-localnavi li.end {
}

ul.ele-localnavi li.end a {
	background: url(../../pts/share/bg-local-navigation.gif) no-repeat left center;
	display: block;
	line-height: 40px;
	font-size: 10px;
	color: #666666;
	padding: 0px 0px 0px 30px;
	border: none;
}





/* Tab Navigation
===============================================================*/

div#tab {
	background: url(../../pts/share/bg-tabnavi.gif) no-repeat center bottom;
	width: 100%;
}

ul#tab {
	padding: 0px;
	margin: 15px 0px;
	list-style: none;
	font-size: 12px;
	line-height: 30px;
}

ul#tab li {
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: center;
}

ul#tab li a {
	width: 200px;
	display: block;
	color: #333333;
	background: url(../../pts/share/bg-tab.gif) no-repeat center center;
}

ul#tab li a:hover {
	width: 200px;
	display: block;
	color: #000000;
	background: url(../../pts/share/bg-tab.gif) no-repeat center center;
	text-decoration: none;
}

ul#tab li.present a {
	width: 200px;
	display: block;
	color: #333333;
	background: url(../../pts/share/bg-tab-present.gif) no-repeat center center;
	text-decoration: none;
}





/* Index
===============================================================*/

/* ***** board ***** */
div#index-board {
	width: 830px;
	float: left;
	background: url(../../pts/index/bg-board.gif) no-repeat center top;
	margin-bottom: 5px;
}

div#index-board table td#left{
	padding: 5px;
	margin: 0px;
}

div#index-board table td#right{
	padding: 5px 5px 5px 0px;
	margin: 0px;
}

div#index-board ul#index-board-tab {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#index-board ul#index-board-tab li {
	margin: 0px 0px 5px;
	padding: 0px;
}

div#index-board ul#index-board-tab li a {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	
	display: block;
	height: 75px;
	width: 115px;
	background: url(../../pts/index/bg-board-tab.jpg) no-repeat center top;
}

div#index-board ul#index-board-tab li a:hover {	background: url(../../pts/index/bg-board-tab.jpg) no-repeat center center;}
div#index-board ul#index-board-tab li.present a {	background: url(../../pts/index/bg-board-tab.jpg) no-repeat center bottom;}


div#index-board ul#index-board-tab li a span {
	display: block;
	line-height: 20px;
	padding: 18px 20px 0px 10px;
}



/* ***** left ***** */

div#index-left {
	float: left;
	width: 160px;
}

ul.ele-index-info-list {
	font-size: 78%;
	line-height: 160%;

	padding: 0px;
	margin: 0px;
	list-style: none;
	
	background: #000000;
}

ul.ele-index-info-list li {
	padding: 5px 10px;
	margin: 0px 5px;
	border-bottom: 1px solid #666666;
	font-size: 10px;
}

ul.ele-index-info-list li a {
	color: #FFFFFF;
}



/* ***** right ***** */

div#index-right {
	float: right;
	width: 450px;
}

p.ele-index-rss {
	font-size: 10px;
	text-align: right;
	padding: 3px 10px;
}

p.ele-index-rss a {
	color: #333333;
}

p.ele-index-event-catch {
	font-size: 10px;
	color: #666666;
	padding: 3px 10px 0px;
}

p.ele-index-event-title {
	font-weight: bold;
	padding: 0px 10px 3px;
}

p.ele-index-event-note {
	font-size: 10px;
	padding: 0px 10px 10px;
}

p.ele-index-ticket-title {
	font-weight: bold;
	padding: 3px 10px 0px;
}

p.ele-index-ticket-catch {
	font-size: 10px;
	color: #666666;
	padding: 0px 10px 3px;
}

p.ele-index-ticket-note {
	font-size: 10px;
	padding: 0px 10px;
}

p.ele-index-ticket-buy {
	text-align: right;
	font-size: 10px;
	padding: 0px 10px;
}

ul.ele-index-pagelist {
	padding: 0px;
	margin: 0px 0px 10px;
	list-style: none;
}

ul.ele-index-pagelist li {
	padding: 0px;
	margin: 0px 0px 5px;
	border: 1px solid #FFCCCC;
}

ul.ele-index-pagelist li a {
	display: block;
	background: #FFF4F4;
	padding: 10px 5px;
	border: 1px solid #ffffff;
	font-size: 12px;
	color: #FF3333;
}

ul.ele-index-pagelist li a:hover {
	background: #FFD9D9;
	border: 1px solid #ffcccc;
}






/* Event
===============================================================*/

p.ele-event-desc {
	padding: 10px 10px 0px;
	margin-right: 10px;
	font-size: 10px;
	color: #666666;
}

p.ele-event-title {
	padding: 0px 10px 10px;
	margin-right: 10px;
	font-size: 120%;
	font-weight: bold;
}

p.ele-event-title a {
	color: #FF3333;
}

p.ele-event-data {
	padding: 10px;
	margin-right: 10px;
	border-top: 1px solid #dddddd;
	
}

div.ele-event-info {
	padding: 10px 10px 3px;
	margin-right: 10px;
	border-top: 1px solid #dddddd;
}

p.ele-event-price {
	padding: 10px;
	margin-right: 10px;
	border-top: 1px solid #dddddd;
}

table.ele-event-tbl {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}




/* Facility
===============================================================*/

div#ele-facility-wrap {
}

div#ele-facility-left {
	width: 380px;
	float: left;
}

div#ele-facility-right {
	width: 230px;
	float: right;
}

div.ele-facility-box-left {
	float: left;
	width: 220px;
}

div.ele-facility-box-right {
	float: right;
	width: 390px;
}

p.ele-feebox {
	padding: 0px;
	background: #000000;
}
div#blk-feebox {
	padding: 10px;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
	border-left: 5px solid #000000;
}