@charset "Shift_JIS"; /* エスケープ */



/*
	--------------------------------
	更新日：2009-06-03
	--------------------------------
*/




/* --------------------------------
	top
-------------------------------- */
body{ margin:0; padding:0; }

#top{width:866px; margin:0 auto;}

#top h2{ padding:4px 0 7px 3px;}
#top h3.corce{ width:497px; margin:0 0 0 7px; position:relative; z-index:10; top: 8px;}

#top ul#corce{background:url(../image/corce_bg.gif) 0 0 no-repeat; height:423px; margin:0 0 46px 2px; position:relative; z-index:0; padding-left: 3px; clear: both;}
* html #top ul#corce{background:url(../image/corce_bg.gif) 0 0 no-repeat; height:423px; margin:0 0 44px 0; position:relative; z-index:0;}

div#top_topics {
	margin: 0 0 7px 2px;
	background: url(../image/topics_bg.gif) no-repeat left top;
}

div#topicsBottom {
	background: url(../image/topics_bg_bottom.gif) no-repeat left bottom;
	padding: 9px 12px 9px 8px;
}

div#top_topics h3 {
	width: 123px;
	float: left;
}

div#top_topics div#topicsContents {
	width: 657px;
	height: 144px;
	float: right;
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
	padding: 10px 0 0 18px;
	overflow: auto;
}

div.topicsTxt {
	width: 620px;
	background: url(../image/topics_line.gif) repeat-x left bottom;
	padding-bottom: 11px;
	margin-bottom: 10px;
}

div.topicsTxt p {
	width: 80px;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.topicsTxt dl {
	width: 530px;
	float: right;
	margin: 0;
	padding: 0;
}

div.topicsTxt dt {
	margin-bottom: 5px;
	font-weight: bold;
}

div.topicsTxt dd {
	margin: 0;
	padding: 0;
	color: #676767;
}

div#top_topics div#topicsContents .firstTopics {
	background: none;
	margin: 0;
}

#top ul#corce .story{position:absolute;top:34px; left:10px;}
#top ul#corce .nostalgic{position:absolute;top:34px; left:435px;}
#top ul#corce .seaside{position:absolute;top:206px; left:10px;}
#top ul#corce .cruise{position:absolute;top:206px; left:435px;}
#top ul#corce .apply{position:absolute; top:6px; left:532px;}
#top ul#corce .voice{position:absolute; top:6px; left:671px;}
#top ul#corce .info{position:absolute; top:6px; left:768px;}
#top ul#corce .corceApplicationButton{position:absolute; top:410px; left:470px;}
#top ul#corce .corceApplication{position:absolute; top:416px; left:58px;}
#top ul#corce .corceApplicationTxt{position:absolute; top:386px; left:134px; width: 700px; color: #ca0014; font-weight: bold;}

#top h3.discount{position:absolute; margin:10px 0 0 24px; z-index:10;}
* html #top h3.discount{position:absolute; margin:10px 0 0 24px; z-index:10;}
#top #discount{background:url(../image/discount_bg.gif) 0 0 no-repeat; width:836px; height:146px; margin: -5px 0 13px;position:relative; z-index:0;}
* html #top #discount{margin: 20px 0 13px;}
#top #discount .group01{position:absolute; left:42px; top:37px;}
#top #discount .group02{position:absolute; left:42px; top:69px;}
#top #discount .senior01{position:absolute; left:359px; top:37px;}
#top #discount .senior02{position:absolute; left:359px; top:69px;}
#top #discount .btn{position:absolute; left:507px; top:112px;}

#top #guide{width:820px; margin:10px auto 32px auto;}
#top #guide .ttl{color:#BD000F; font-weight:bold;}
#top #guide .ttl_m{ margin:20px 0 0 0;}
#top #guide .ticket{float:left; width:410px; padding:0 0 10px 0; border-right:1px solid #CCCCCC;}
#top #guide .ticket p,
#top #guide .ticket ul{ width:388px;}
#top #guide ul li{ list-style-type:disc; margin:0 0 0 15px;} 

#top #guide .busstop{float:right; width:390px;}
#top #guide .busstop .terminal{margin:10px 0 0 0;}

#top #guide a{color:#BD000F; text-decoration:underline;}
#top #guide a:hover{ color:#FF808A;}

div#busBannerBox {
	width: 836px;
	margin: 0 0 30px 12px;
}

div#busBannerBox h3 {
	margin: 0 0 10px 6px;
}

div#busBannerBox li {
	font-size: 0;
	line-height: 1%;
}

div#busBannerBox li.akaikutsu {
	width: 283px;
	float: left;
}

div#busBannerBox li.chiisanatabi {
	width: 270px;
	float: left;
}

div#busBannerBox li.burari {
	width: 270px;
	float: right;
}


/* --------------------------------
	popup
-------------------------------- */
body#pop{}

body#pop #pwrap{width:497px; margin:0 auto;}
#pwrap ul{padding:5px 17px 6px 6px;}
#pwrap ul li{ float:left; margin:0 3px 0 0;}

#pwrap .infoclose{text-align:right; margin:-43px 10px 0 0; height:43px; position: relative;}
#pwrap p.infohead{ height:47px;}
#pwrap h1.info{margin:15px 0 0 10px;}
#pwrap h2.infocorce{margin:30px 0 12px 20px;}
#pwrap p.infored{color:#BD000F;margin:0 0 0 30px;}
#pwrap p.infotxt{margin:0 0 0 30px;}
#pwrap p.infotxt02{margin:0 0 0 45px;}

#pwrap #info_ft{border-top:1px solid #E0E0E0; margin:50px 0 0 0; padding:14px 0 19px 10px;}