@charset "utf-8";
/* CSS Document */


#kansai #container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}



/* Twitter Btn
-------------------------------------*/

#twitter {
	clear:both;
	width:900px;
	height: 16px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	font-size: 12px;
	color: #000;
	margin-top:-10px;
}

/*
-------------------------------------*/


.red {color:#F00;}
.pgtop { width:900px; text-align:right; margin:0;}

/*
-------------------------------------*/


#kansai #contents {
	width: 900px;
	margin: 0 auto;
	padding-bottom:30px;
}

#kansai #contents h1{
	margin:0;
	width:900px;
	height:285px;
}


#main {
	margin:0;
	padding:0;
}



.menu { text-align:center; width:700px; margin:0px auto 10px; background-color:#FF5224;padding:3px 0;color:#FFF;}
.menu a { font-weight:bold;font-size:1.1em;}
.menu a:link { color:#FFF;}
.menu a:hover { color:#FF6;}
.menu a:visited { color:#FFF;}

.intro {
	width:900px;
	height:156px;
}

.intro-txt {
	margin-top:10px;
	font-weight:normal;
	line-height:1.4em;
}


#route {
	width:900px;
	height:430px;
	background:url(img/bg_route.gif) no-repeat;
	margin-top:-10px;
	margin-bottom:5px;
	text-align:left;
}

#route p { 
	color:#FF6;
	padding:16px 45px 0px 0;
	line-height:18px;
	clear:both;
	float:right;
	width:420px;
	font-size:16px;
	font-weight:bold;
}


.route-title {
	text-indent:-9999px; display:block;
}


#navi {
	width:900px;
	height:53px;
	margin-bottom:6px;
	clear:both;
}


#navi-left a {
	width:439px;
	height:53px;
	background:url(img/btn_route_off.gif) no-repeat;
	float:left;
	margin-left:6px;
	margin-right:3px;
	text-decoration:none;
}



#navi-left a:hover {
	width:439px;
	height:53px;
	background:url(img/btn_route_on.gif) no-repeat;
	float:left;
	margin-left:6px;
	margin-right:3px;
	text-decoration:none;
}

.route-name {
	width:210px;
	color:#000;
	line-height:16px;
	margin-left:10px;
	margin-top:10px;
	float:left;
	font-size:12px;
}

.route-name2 {
	width:210px;
	color:#000;
	line-height:16px;
	margin-left:10px;
	float:left;
	font-size:12px;
}


.price { font-size:16px; color:#F00; font-weight:bold; width:170px; padding-right:30px; float:right; margin-top:18px;}
	
.black16 { font-size:16px; font-weight:bold;}


.txt-yellow-10 {
	display:block;
	color:#ffcc00;
	font-size:10px;
}


/*
.set-atten {
	float:right;
	width:250px;
	font-size:10px;
	color:#F00;
	line-height:12px;
	padding-right:190px;
}
*/

.set-atten {
	float:left;
	color:#FC0;
	line-height:14px;
	margin-left:20px;
}




#seat {
	width:900px;
	height:264px;
	background:url(img/bg_seat.gif) no-repeat;
	padding-top:72px;
	margin:5px 0;
}

#list-seat {
	width:900px;
}



.seat-coc a {
	background:url(img/btn_cocoon_off.gif) no-repeat;
	width:234px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-coc a:hover {
	background:url(img/btn_cocoon_on.gif) no-repeat;
	width:234px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}




.seat-biz a {
	background:url(img/btn_s01_off.gif) no-repeat;
	width:218px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-biz a:hover {
	background:url(img/btn_s01_on.gif) no-repeat;
	width:218px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}



.seat-prima a {
	background:url(img/btn_s02_off.gif) no-repeat;
	width:221px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-prima a:hover {
	background:url(img/btn_s02_on.gif) no-repeat;
	width:221px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}



.seat-prem a {
	background:url(img/btn_s03_off.gif) no-repeat;
	width:227px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-prem a:hover {
	background:url(img/btn_s03_on.gif) no-repeat;
	width:227px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}


.seat-sky a {
	background:url(img/btn_s05_off.gif) no-repeat;
	width:234px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-sky a:hover {
	background:url(img/btn_s05_on.gif) no-repeat;
	width:234px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}


.seat-relax a {
	background:url(img/btn_s06_off.gif) no-repeat;
	width:218px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-relax a:hover {
	background:url(img/btn_s06_on.gif) no-repeat;
	width:218px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}



.seat-thea a {
	background:url(img/btn_s07_off.gif) no-repeat;
	width:221px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-thea a:hover {
	background:url(img/btn_s07_on.gif) no-repeat;
	width:221px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}



.seat-st a {
	background:url(img/btn_s08_off.gif) no-repeat;
	width:227px;
	height:127px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


.seat-st a:hover {
	background:url(img/btn_s08_on.gif) no-repeat;
	width:227px;
	height:127px;
	text-indent:-9999px;
	overflow:hidden;
}





#spot {
	width:900px;
	height:799px;
	margin:0;
	padding:0;
	background:url(img/bg_osusume.jpg) no-repeat;
}

.spot-copy { text-indent:-9999px;  display:block; margin:0; padding:0;}



.kobe {
	width:226px;
	position:absolute;
	margin-top:156px;
	margin-left:40px;
	line-height:1.3em;
	color:#FFF;
	text-align:left;
}

.kyoto {
	width:210px;
	position:absolute;
	margin-top:94px;
	margin-left:540px;
	line-height:1.3em;
	text-align:left;
}


.himeji {
	width:300px;
	position:absolute;
	margin-top:335px;
	margin-left:20px;
	line-height:1.3em;
	text-align:left;
}


.shiga {
	width:220px;
	position:absolute;
	margin-top:345px;
	margin-left:650px;
	line-height:1.3em;
	text-align:left;
}


.osaka {
	width:450px;
	position:absolute;
	margin-top:565px;
	margin-left:35px;
	line-height:1.3em;
	text-align:left;
}


.usj {
	width:180px;
	position:absolute;
	margin-top:640px;
	margin-left:310px;
	line-height:1.3em;
	
}


.nara {
	width:220px;
	position:absolute;
	margin-top:452px;
	margin-left:650px;
	line-height:1.3em;
	text-align:left;
}


.wakayama {
	width:230px;
	position:absolute;
	margin-top:583px;
	margin-left:648px;
	line-height:1.3em;
	text-align:left;
}







#links {
	width:900px;
	margin:0;
	padding:0;
	line-height:1.3em;
}

