@import "common.css";

/* pageTitleArea
-------------------------------------------------- */

#pageTitleArea h2 {
	margin: 0px 0px 10px;
	width: 716px;
	height: 220px;
	font-size: 1px;
	color: #e6e6e6;
	te\xt-indent: -10000px;
	text-align: center;
	background: url(/shared/images/joypolis/keyvisual.jpg) left top no-repeat;
}

/* threeColumnsEquallyArea */

#threeColumnsEquallyArea {
	margin: 10px 0px 0px;
	width: 716px;
}

#threeColumnsEquallyArea div.leftColumn {
	margin: 0px 13px 0px 0px;
	width: 230px;
	float: left;
}

#threeColumnsEquallyArea div.rightColumn {
	width: 230px;
	float: right;
}

#threeColumnsEquallyArea div.leftColumn a,
#threeColumnsEquallyArea div.rightColumn a {
	font-size: 1px;
	color: #ffffff;
	text-align: center;
	te\xt-indent: -10000px;
}

#threeColumnsEquallyArea div.leftColumn #tokyoHeader,
#threeColumnsEquallyArea div.leftColumn #umedaHeader,
#threeColumnsEquallyArea div.rightColumn #okayamaHeader,
#threeColumnsEquallyArea div.leftColumn #tokyoHeader a,
#threeColumnsEquallyArea div.leftColumn #umedaHeader a,
#threeColumnsEquallyArea div.rightColumn #okayamaHeader a {
	display: block;
	width: 230px;
	height: 40px;
	color: #006ea3;
	outline-style: none;
}

#threeColumnsEquallyArea div.leftColumn #tokyoHeader a {
	background: url(/shared/images/joypolis/sn_tokyo_joypolis_header.gif) left top no-repeat;
}

#threeColumnsEquallyArea div.leftColumn #umedaHeader a {
	color: #cf1b49;
	background: url(/shared/images/joypolis/sn_umeda_joypolis_header.gif) left top no-repeat;
}

#threeColumnsEquallyArea div.rightColumn #okayamaHeader a {
	color: #d8ad00;
	background: url(/shared/images/joypolis/sn_okayama_joypolis_header.gif) left top no-repeat;
}

#threeColumnsEquallyArea div.leftColumn #tokyoBody,
#threeColumnsEquallyArea div.leftColumn #umedaBody,
#threeColumnsEquallyArea div.rightColumn #okayamaBody,
#threeColumnsEquallyArea div.leftColumn #tokyoBody a,
#threeColumnsEquallyArea div.leftColumn #umedaBody a,
#threeColumnsEquallyArea div.rightColumn #okayamaBody a {
	display: block;
	width: 230px;
	height: 126px;
	outline-style: none;
}

#threeColumnsEquallyArea div.leftColumn #tokyoBody a {
	color: #495378;
	background: url(/shared/images/joypolis/sn_tokyo_joypolis_body.gif) left top no-repeat;
}

#threeColumnsEquallyArea div.leftColumn #umedaBody a {
	color: #361512;
	background: url(/shared/images/joypolis/sn_umeda_joypolis_body.gif) left top no-repeat;
}

#threeColumnsEquallyArea div.rightColumn #okayamaBody a {
	color: #4d342f;
	background: url(/shared/images/joypolis/sn_okayama_joypolis_body.gif) left top no-repeat;
}

/* contentsArea
-------------------------------------------------- */

#rightNavigationArea .boxBodyTopSpacer {
	margin: 0px 0px 33px;
}

#contentsArea h3 {
	margin: 25px 0px 7px;
	padding: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	width: 520px;
	height: 28px;
}

#contentsArea h3.newsInfoList {
	margin: 0px 0px 7px;
	background: url(/shared/images/joypolis/h2_new_info.gif) left bottom no-repeat !important;
}

#contentsArea h3.eventReportList {
	background: url(/shared/images/joypolis/h2_event_report.gif) left bottom no-repeat !important;
}

/* newsListBox Element
-------------------------------------------------- */

#contentsArea .newsListBoxOneday .newsListBox p.date {
	font-size: x-small;
	_font-size: xx-small;
	_fo\nt-size: x-small;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 3px;
}

#contentsArea .newsListBoxOneday .newsListBox .icon {
	margin: 0px;
}

#contentsArea .newsListBoxOneday .newsListBox ul.link {
	margin: 3px 0px 0px;
}

#contentsArea .newsListBoxOneday .newsListBox ul.link li a {
	font-weight: normal;
}

/* Two Attractions Element
-------------------------------------------------- */

#contentsArea .twoAttractions {
	margin: 0px 0px 6px 5px;
	padding: 4px 0px 0px;
	width: 510px;
	background: url(/shared/images/joypolis/attraction_box_bg_top.gif) left top no-repeat;
}

#contentsArea .oneAttraction {
	margin: 0px 0px 6px 5px;
	padding: 4px 0px 0px;
	width: 510px;
	background: url(/shared/images/joypolis/attraction_box_bg_top2.gif) left top no-repeat;
}

/* twoColumnsTypeAttraction */
#contentsArea .twoAttractions .twoColumnsTypeAttraction {
	margin: 0px;
	padding: 0px;
	width: 510px;
	background: url(/shared/images/joypolis/attraction_box_bg_body.gif) left bottom no-repeat;
}

#contentsArea .oneAttraction .oneColumnsTypeAttraction {
	margin: 0px;
	padding: 0px;
	width: 252px;
	background: url(/shared/images/joypolis/attraction_box_bg_body2.gif) left bottom no-repeat;
}

#contentsArea .twoAttractions .twoColumnsTypeAttraction div.leftColumn,
#contentsArea .oneAttraction .oneColumnsTypeAttraction div.leftColumn {
	width: 252px;
	float: left;
}

#contentsArea .twoAttractions .twoColumnsTypeAttraction div.rightColumn {
	width: 252px;
	float: right;
}

#contentsArea .twoAttractions .twoColumnsTypeAttraction .contentsBox,
#contentsArea .oneAttraction .oneColumnsTypeAttraction .contentsBox {
	width: 252px;
	padding: 6px 0px 7px;
	margin: 0px 0px 3px;
}

#contentsArea .twoAttractions .twoColumnsTypeAttraction .contentsBox ul.link li a,
#contentsArea .oneAttraction .oneColumnsTypeAttraction .contentsBox ul.link li a {
	font-weight: bold;
	margin-bottom: 0px;
}

#contentsArea .twoAttractions .twoColumnsTypeAttraction .contentsBox p,
#contentsArea .oneAttraction .oneColumnsTypeAttraction .contentsBox p {
	padding: 0px 4px;
	margin: 0px 10px;
}

#contentsArea .twoAttractions .twoColumnsTypeAttraction .contentsBox .image,
#contentsArea .oneAttraction .oneColumnsTypeAttraction .contentsBox .image {
	padding: 1px 6px 3px 10px;
	margin: 0px 0px 3px;
}

/* eventListBox Element
-------------------------------------------------- */

#contentsArea .eventListBox {
	background: url(/shared/images/joypolis/event_list_bg_top.gif) left top no-repeat;
}

/* twoColumnsTypeEventList */
#contentsArea .eventListBox .twoColumnsTypeEventList {
	background: url(/shared/images/joypolis/event_list_bg.gif) left bottom no-repeat;
}

#contentsArea .eventListBox .twoColumnsTypeEventList div.rightColumn .date {
	width: 358px;
	_width: 365px;
	_w\idth: 358px;
	padding: 2px 7px 0px 0px;
}

/* linkToEventReport
-------------------------------------------------- */

#contentsArea #linkToEventReport {
	margin: 0px 0px 10px 5px;
	padding: 0px;
	width: 510px;
	height: 21px;
	position: relative;
	background: url(/shared/images/linkto_event_report.gif) left center no-repeat;
}

#contentsArea #linkToEventReport span.linkimage {
	margin: 0px;
	padding: 0px;
	width: 129px;
	height: 15px;
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	_right: -1px;
}

/* Element
-------------------------------------------------- */

.toSearchNavigation {
	margin: 8px 0px 6px 5px;
	padding: 2px 0px 0px;
	background: url(/shared/images/joypolis/to_search_navi_top.gif) left top no-repeat;
}

.toSearchNavigation .link {
	padding: 3px 12px 3px 7px;
	background: url(/shared/images/joypolis/to_search_navi_bottom.gif) left bottom no-repeat;
}

.toSearchNavigation .link .linkBoxBodyTopSpacer {
	margin: 0px 0px 1px 0px;
}

.toSearchNavigation .link .linkBoxBodyBottomSpacer {
	margin: 1px 0px 0px 0px;
}



/*-- P+closet banner --*/
.P_banner {
	margin: 15px 0px 0px 0px;
}