@import "common.css";



/* pageTitleArea

-------------------------------------------------- */



#pageTitleArea #umedaKeyvisual,

#pageTitleArea #okayamaKeyvisual {

	margin-bottom: 23px;

}



/* contentsArea

-------------------------------------------------- */



#rightNavigationArea .boxBodyTopSpacer {

	margin: 0px 0px 15px;

}



#contentsArea .boxBodyTopSpacer {

	margin: 0px 0px 6px !important;

}



#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 #tokyoContents h3.newsList {

	margin: 0px 0px 7px;

	background: url(/shared/images/joypolis/h3_news_tokyo.gif) left bottom no-repeat !important;

}



#contentsArea #umedaContents h3.newsList {

	margin: 0px 0px 7px;

	background: url(/shared/images/joypolis/h3_news_umeda.gif) left bottom no-repeat !important;

}



#contentsArea #okayamaContents h3.newsList {

	margin: 0px 0px 7px;

	background: url(/shared/images/joypolis/h3_news_okayama.gif) left bottom no-repeat !important;

}



#contentsArea #tokyoContents h3.attractionList {

	background: url(/shared/images/joypolis/h3_attraction_tokyo.gif) left bottom no-repeat !important;

}



#contentsArea #tokyoContents h3.planList {

	background: url(/shared/images/joypolis/h3_plan_tokyo.gif) left bottom no-repeat !important;

}


#contentsArea #tokyoContents h3.shopList {

	background: url(/shared/images/joypolis/h3_shop_tokyo.gif) left bottom no-repeat !important;

}


#contentsArea #tokyoContents h3.sponsorList {

	background: url(/shared/images/joypolis/h3_sponsor.gif) left bottom no-repeat !important;

}



#contentsArea #umedaContents h3.attractionList {

	background: url(/shared/images/joypolis/h3_attraction_umeda.gif) left bottom no-repeat !important;

}



#contentsArea #okayamaContents h3.attractionList {

	background: url(/shared/images/joypolis/h3_attraction_okayama.gif) left bottom no-repeat !important;

}



#contentsArea #tokyoContents h3.eventCampaignList {

	background: url(/shared/images/joypolis/h3_event_campaign_tokyo.gif) left bottom no-repeat !important;

}



#contentsArea #umedaContents h3.eventCampaignList {

	background: url(/shared/images/joypolis/h3_event_campaign_umeda.gif) left bottom no-repeat !important;

}



#contentsArea #okayamaContents h3.eventCampaignList {

	background: url(/shared/images/joypolis/h3_event_campaign_okayama.gif) left bottom no-repeat !important;

}



/* 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;

}



/* newsListBox Element

-------------------------------------------------- */



#contentsArea .newsListBoxOneday .newsListBox ul.link {

	margin: 3px 0px 0px 0px;

}



#contentsArea .newsListBoxOneday .newsListBox ul.link li a {

	font-weight: normal;

}

#contentsArea .newsListBoxOneday .newsListBox2 ul.link li a {

	font-weight: normal;

}



/* Two Attractions Element

-------------------------------------------------- */



#contentsArea .twoAttractions {

	margin: 0px 0px 6px 5px;

	padding: 7px 0px 0px;

	width: 510px;

}


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


#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 {
	margin: 0px;
	padding: 0px;
	width: 510px;
	background:url(/shared/images/joypolis/attr_box_bg_body_okayama_l.gif) left bottom no-repeat;
}


#contentsArea #tokyoContents .twoAttractions {

	background: url(/shared/images/joypolis/attr_box_bg_top_tokyo.gif) left top no-repeat;

}


#contentsArea .twoAttractions .twoColumnsTypeAttraction .contentsBox2{
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

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

#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 .contentsBox2 p{
	float: left;
	width: 230px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	display: block;
}
.cl {
	clear: both;
	float: none;
}

#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 .contentsBox2 .image2 {
	width: 232px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 10px;
	float: left;
}

#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 .contentsBox2 table {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
}

#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 .contentsBox2 table {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
	width: 230px;
}
#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 .contentsBox2 table th {
	margin: 0px;
	padding: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #333;
	background-color: #E8F8FF;
	border-bottom-width: 1px;
	border-bottom-color: #333;
}

#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 .contentsBox2 table td {
	margin: 0px;
	padding: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #333;
}


#contentsArea #umedaContents .twoAttractions {

	background: url(/shared/images/joypolis/attr_box_bg_top_umeda.gif) left top no-repeat;

}



#contentsArea #okayamaContents .twoAttractions {

	background: url(/shared/images/joypolis/attr_box_bg_top_okayama.gif) left top no-repeat;

}



#contentsArea .oneAttraction {

	margin: 0px 0px 6px 5px;

	padding: 7px 0px 0px;

	width: 510px;

}



#contentsArea #tokyoContents .oneAttraction {

	background: url(/shared/images/joypolis/attr_box_bg_top2_tokyo.gif) left top no-repeat;

}



#contentsArea #umedaContents .oneAttraction {

	background: url(/shared/images/joypolis/atrr_box_bg_top2_umeda.gif) left top no-repeat;

}



#contentsArea #okayamaContents .oneAttraction {

	background: url(/shared/images/joypolis/atrr_box_bg_top2_okayama.gif) left top no-repeat;

}



/* twoColumnsTypeAttraction */

#contentsArea .twoAttractions .twoColumnsTypeAttraction {

	margin: 0px;

	padding: 0px;

	width: 510px;

}



#contentsArea #tokyoContents .twoAttractions .twoColumnsTypeAttraction {

	background: url(/shared/images/joypolis/attr_box_bg_body_tokyo.gif) left bottom no-repeat;

}



#contentsArea #umedaContents .twoAttractions .twoColumnsTypeAttraction {

	background: url(/shared/images/joypolis/attr_box_bg_body_umeda.gif) left bottom no-repeat;

}



#contentsArea #okayamaContents .twoAttractions .twoColumnsTypeAttraction {

	background: url(/shared/images/joypolis/attr_box_bg_body_okayama.gif) left bottom no-repeat;

}



#contentsArea .oneAttraction .oneColumnsTypeAttraction {

	margin: 0px;

	padding: 0px;

	width: 252px;

}



#contentsArea #tokyoContents .oneAttraction .oneColumnsTypeAttraction {

	background: url(/shared/images/joypolis/attr_box_bg_body2_tokyo.gif) left bottom no-repeat;

}



#contentsArea #umedaContents .oneAttraction .oneColumnsTypeAttraction {

	background: url(/shared/images/joypolis/attr_box_bg_body2_umeda.gif) left bottom no-repeat;

}



#contentsArea #okayamaContents .oneAttraction .oneColumnsTypeAttraction {

	background: url(/shared/images/joypolis/attr_box_bg_body2_okayama.gif) left bottom no-repeat;

}



#contentsArea .twoAttractions .twoColumnsTypeAttraction div.leftColumn,

#contentsArea .oneAttraction .oneColumnsTypeAttraction div.leftColumn {

	width: 252px;

	float: left;

}


#contentsArea .twoAttractions2 .twoColumnsTypeAttraction2 div.centerColumn{
	width: 510px;
	float: left;
	padding-top: 7px;
}



#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;

}



/* threeColumnsEqually Element

-------------------------------------------------- */



#contentsArea .threeColumnsEqually {

	margin: 8px 0px 18px 10px;

}



#contentsArea .threeColumnsEqually p {

	text-align: center;

	margin: 0px;

	padding: 0px 0px 1px;

	font-weight: bold;

}



#contentsArea .threeColumnsEqually p.caption {

	font-weight: normal;

	text-align: left;

}



/* Element

-------------------------------------------------- */



.toBeforeNavigation {

	margin: 15px 0px 14px;

}