@charset "utf-8";


/* ----------------------------------------
	00 contents
------------------------------------------*/

#contents #cont-main {
	height: 3132px;
	min-width: 890px;
	max-width: 1280px;
	width: expression(document.body.clientWidth < 892? "890px" : document.body.clientWidth > 1280? "1280px" : "auto");
	background: url(../img/cmn_bg.jpg) top center no-repeat;
}

#contents #cont-main #cont-body {
	position: relative;
	width: 890px;
	height: 3132px;
	margin: 0 auto;
}


/* ----------------------------------------
	01 navi
------------------------------------------*/

#navi-container #navi {
	/*left: 35px;*/
}



/* ----------------------------------------
	02 kubo
------------------------------------------*/

a.none {
	text-decoration: none;
	cursor: default;
}

#main_img{
	width: 1016px;
	height: 562px;
	position: relative;
	overflow: visible;
	margin-left: -58px;
}

#ticket_img{
	width: 309px;
	height: 330px;
	position: absolute;
	right: 136px;
	bottom: -61px;
	z-index: 80;
}


#ticket_link a{
	width: 130px;
	height: 33px;
	display: block;
	text-align: left;
	background: url(../img/tri_button.png) no-repeat right;
	padding-top: 10px;
	overflow: visible;
	position: absolute;
	right: -85px;
	bottom: 30px;
	color: #e40073;
	text-decoration: underline;
	z-index: 90;
}

#ticket_link a:hover{
	width: 130px;
	height: 33px;
	color: #ff9a15;
	text-decoration: underline;
	background: url(../img/tri_button_ov.png) no-repeat right;
}


#cont_text_01{
	width: 379px;
	height: 184px;
	margin-left: 53px;
	margin-top: 48px;
	z-index: 100;
}

#button_city_01{
	margin-left: 56px;
	margin-top: 42px;
}

.button_city{
	width: 90px;
	float: left;
	text-align: left;
}

.button_city a {
	color: #510d06;
	padding-left: 20px;
	background: url(../img/icon.png) left center no-repeat;
}
.button_city a:hover {
	color: #e40073;
	background: url(../img/icon_ov.png) left center no-repeat;
}
.button_city a.none:hover {
	color: #510d06;
	background: url(../img/icon.png) left center no-repeat;
}



#map_area{
	width: 463px;
	height: 340px;
	position: absolute;
	left: 427px;
	top: 647px;
}


#map_shibuya a{
	width: 161px;
	height: 100px;
	text-indent: -9999px;
	background: url(../img/tri_map_shibuya.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 116px;
}


#map_shibuya a:hover{
	width: 161px;
	height: 100px;
	text-indent: -9999px;
	background: url(../img/tri_map_shibuya_ov.jpg) no-repeat;
}


#map_jiyugaoka a{
	width: 148px;
	height: 106px;
	text-indent: -9999px;
	background: url(../img/tri_map_jiyugaoka.jpg) no-repeat;
	position: absolute;
	top: 152px;
	left: 425px;
}

#map_jiyugaoka a:hover{
	width: 148px;
	height: 106px;
	text-indent: -9999px;
	background: url(../img/tri_map_jiyugaoka_ov.jpg) no-repeat;
}

#map_nikotama a{
	width: 205px;
	height: 100px;
	text-indent: -9999px;
	background: url(../img/tri_map_nikotama.jpg) no-repeat;
	position: absolute;
	top: 257px;
	left: 0px;
}

#map_nikotama a:hover{
	width: 205px;
	height: 100px;
	text-indent: -9999px;
	background: url(../img/tri_map_nikotama_ov.jpg) no-repeat;
}


#cont_text_02{
	width: 430px;
	color: #c24b04;
	text-align: left;
	font-size: 13px;
	line-height: 1.8;
	font-weight: bold;
	position: absolute;
	left: 150px;
	top: 1030px;
}




#shop {
	position: absolute;
	left: -35px;
	top: 1200px;
	width: 960px;
	text-align: left;
}
#shop div {
	padding-bottom: 12px;
}
#shop div ul {
	padding: 5px 0 0 89px;
}
#shop div ul li {
	float: left;
	margin-left: -25px;
}
#shop div ul li a {
	display: block;
	width: 414px;
	height: 181px;
	padding: 9px 0 0 11px;
	background: url(../img/box_bg.png) left top no-repeat;
}
#shop div ul li a:hover {
	background: url(../img/box_bg_ov.png) left top no-repeat;
}
#shop .shop_caption {
	position: relative;
	top: -1em;
	font-size: 10px;
	color: #fff;
}



#attention{
	width: 370px;
	text-align: left;
	color: #FFF;
	font-size: smaller;
	font-weight: bold;
	position: absolute;
	top: 2800px;
	left: 500px;
}


#banner a{
	width: 808px;
	height: 170px;
	background: url(../img/tri_banner.jpg) no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: 50px;
	top: 2900px;
}

#banner a:hover{
	width: 808px;
	height: 170px;
	background: url(../img/tri_banner_ov.jpg) no-repeat;
	text-indent: -9999px;
}