@charset "utf-8";

/* ****************************************************
  layout styles
***************************************************** */




/* container
=========================================*/
#top #container {
	clear: both;
	width: 972px;
	margin: 0 auto;
	background: url(/common/images/com_bg002.gif) repeat-y right top;
}
* html #top #contents-area {/* for IE6 */
	height: 1px;
}
#top #container-wrap {
	background: url(/common/images/com_bg011.gif) no-repeat right top;
}
* html #top #contents-area-wrap {/* for IE6 */
	height: 1px;
}




/* contents-area
=========================================*/
#top #contents-area {
	clear: both;
	width: 960px;
	background:url(/images/index_bg002.gif) no-repeat 0 0;
	margin: 3px auto 0;
	padding-top:17px;
}
* html #top #contents-area {/* for IE6 */
	height: 1px;
}

#top #contents-area02 {
	clear: both;
	width: 960px;
	background:url(/images/index_bg001.jpg) no-repeat 0 0;
	margin: 0px auto 0;
	padding-top:5px;
}
* html #top #contents-area02 {/* for IE6 */
	height: 1px;
}


/* contents-body
=========================================*/
#top #contents-body {
	padding: 0 6px 0px 6px;
	text-align: left;
	line-height: 1.4;
}




/* header-area
=========================================*/
#top #header-area {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 0px;
	background: none;
}
#top #header-area #header-logo {
	float: left;
	width: 281px;
}
#top #header-area #header-nav-block {
	float: right;
	width: 679px;
	background: url(/common/images/header_bg001.gif) no-repeat right top;
}
#top #header-area #header-utility {
	float: right;
}
#top #header-area #header-utility ul {
	float: left;
}
#top #header-area #header-utility ul li {
	float: left;
	padding: 3px 14px 5px 0;
}
#top #header-area #header-utility #header-word-select li {
	padding-right: 10px;
}
#top #header-area #header-utility #header-word-select li.first-child {
	background: url(/common/images/header_bg002.gif) no-repeat left top;
	padding-left: 14px;
}
#top #header-area #global-nav {
	clear: both;
	padding: 5px 0 0 1px;
}
#top #header-area #global-nav ul li {
	float: left;
}
#top #topic-path {
	clear: both;
	padding: 12px 0 0 1px;
}
#top #topic-path li {
	padding: 2px 5px 2px 15px;
	background: url(/common/images/com_ic001.gif) no-repeat 0 0.3em;
	display: table;
	float: left;
}
* html #top #topic-path li	{/* for IE6 */
	display: inline;
	float: none;
	zoom: 1;
}
*:first-child+html #top #topic-path li	{/* for IE7 */
	display: inline;
	float: none;
	zoom: 1;
}

#top #topic-path li em {
	font-weight: bold;
	color: #666666;
}
#top #topic-path li.first-child {
	background: none;
}




/* footer-area
=========================================*/
#top #footer-area {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#top #footer-layout {
	clear: both;
	border-top: solid 1px #cccccc;
	background-color: #eeeeee;
}
#top #footer-layout ul li {
	float: left;
	padding: 9px 17px 9px 16px;
	background: url(/common/images/com_ic002.gif) no-repeat 10px 1em;
}
#top #footer-layout .wrap {
	clear: both;
	background-color: #ffffff;
}
#top #footer-layout #layout01 {
	float: left;
	padding: 20px 10px;
}
#top #footer-layout #layout02 {
	float: right;
}




/* main-contents
=========================================*/
#top #main-contents {
	float: left;
	width: 690px;
}

#top #top-info {
	clear: both;
	padding-top: 7px;
}
#top #top-info .operation {
	float: left;
	width: 447px;
	margin-right: 13px;
}

#top #top-info .fonts {
	float: left;
	width: 230px;
}

#top .top-flash {
	clear: both;
	margin-top: 10px;
}


/* ticker-area
=========================================*/
#top #top-info .operation img {
	float: left;
}
#top #top-info .ticker-area {
	float: right;
	width: 335px;
	padding: 3px 0 0 0;
	background: url(/images/index_bg010.gif) no-repeat left top;
}
#top #top-info .ticker-area .ticker-wrap {
	padding: 0 0 6px 0;
	background: url(/images/index_bg011.gif) no-repeat left bottom;
}


/* main-body
=========================================*/
#main-body {
	padding: 0 3px;
}


/* main-contents
=========================================*/
#top .flow {
	clear:both;
 
}

#top .flow p {
	float:left; 
}

#top .top-three-column {
	clear:both;
	width:690px;
	background:url(/images/index_bg005.gif) repeat-y 0 0;
	padding-top:10px;
}

#top .top-three-column .guide {
	float:left;
	width:341px;
}

#top .top-three-column .bus {
	float:left;
	width:156px;
	padding-left:20px;
}


#top .top-three-column .reserve {
	float:left; 
	padding-left:20px;
	width:151px;
}

#top #contents-area .two-column-link {
	clear: both;
	width:331px;
	padding-left:10px;
	margin-top:0;
}
#top #contents-area .two-column-link li {
	float: left;
	width: 140px;
	padding: 0 10px 0 12px;
	margin: 2px 0 0 0;
	background: url(/common/images/com_ic002.gif) no-repeat 0 0.5em;
}
* html #top #contents-area .two-column-link li {/* for IE6 */
	height: 1px;
}

#top #contents-area .two-column-link li.left-item {
	clear: both;
}
* html #top #contents-area .two-column-link li.right-item {/* for IE6 */
	float: none;
}
*:first-child+html #top #contents-area .two-column-link li.right-item {/* for IE7 */
	float: none;
}

#top #contents-area .note-block {
	margin: 15px 0 0 0;
	padding: 7px 10px 10px 0px;
	background-color: #eeeeee;
	border:2px solid #cccccc;
}

#top #contents-area .design-03 {
	clear: both;
	margin-top:0;
	padding-left: 19px;
	background: url(/common/images/com_ic004.gif) no-repeat 0 0.5em;
}




/* sub-contents
=========================================*/
#top #sub-contents {
	float: right;
	width: 236px;
}

#top #sub-contents .information {
	padding-top: 3px;
	padding-bottom:7px;
	background: url(/images/index_bg004.gif) no-repeat left bottom;
}
* html #top #sub-contents .information {/* for IE6 */
	height: 1px;
}


#top #sub-contents #top-menu-block {
	background: url(/images/index_bg003.gif) repeat-y left top;
	width:236px;
}
* html #top #sub-contents #top-menu-block {/* for IE6 */
	height: 1px;
}


#top #sub-contents #top-side-utility {
	clear: both;
	width: 230px;
	margin: 0 3px;
	background-color:none !important;
}
#top #sub-contents #top-side-utility ul {
	clear: both;
	padding: 5px;
}
#top #sub-contents #top-side-utility li {
	clear: both;
	padding-top: 10px;
	background: url(/common/images/r_nav_bg004.gif) repeat-x left top;
}
#top #sub-contents #top-side-utility li.first-child {
	background: none;
	padding-top: 0px;
}
#top #sub-contents #top-side-utility li .col-01 {
	float: left;
	width: 67px;
	margin-right:5px;
}
#top #sub-contents #top-side-utility li .col-02 {
	float: right;
	width: 147px;
	margin-top: 5px;
}

#top #sub-contents #top-side-utility02 {
	clear: both;
	margin: 10px 3px;
	padding:10px 10px;
	background-color: #eeeeee;
}
#top #sub-contents #top-side-utility02 p.top-banner {
	clear: both;
	margin-top:5px;
	background-color: #ffffff;
}
#top #sub-contents #top-side-utility02 p.top-banner01 {
	clear: both;
	margin-top:0px;
	background-color: #ffffff;
}

#top #sub-contents #top-side-utility02 p img a:hover {
	border:2px solid #999999;
	padding:1px;
}

#top #sub-contents .timetable {
	background:url(/images/index_bg007.gif) no-repeat left bottom;
	padding-bottom:9px;
}

#top #sub-contents .timetable .timetable-con {
	background:url(/images/index_bg006.gif) no-repeat left top;
}

#top #sub-contents .timetable .timetable-con .history-block {
	clear: both;
	background-color: #ffffff;
	margin:3px 3px 0 5px;
}
#top #sub-contents .timetable .timetable-con .history-block img {
	float: left;
}
#top #sub-contents .timetable .timetable-con .history-block .col-block {
	float: right;
	width: 145px;
	padding: 10px 0;
}

#top #sub-contents .timetable .timetable-con .step-1,
#top #sub-contents .timetable .timetable-con .step-2 {
	clear: both;
	background: url(/common/images/r_nav_bg006.gif) no-repeat left bottom;
	padding-bottom:7px;
	margin:3px 8px 0 8px;
}

#top #sub-contents .timetable .timetable-con .step-1-con,
#top #sub-contents .timetable .timetable-con .step-2-con {
	background: url(/common/images/r_nav_bg005.gif) no-repeat left top;
}

#top #sub-contents .timetable .timetable-con .step-1-con .line, 
#top #sub-contents .timetable .timetable-con .step-2-con .line {
	width:213px;
	padding:5px;
}

#contents-area02  .element-center {
	clear: both;
	text-align: center;
}

#top #sub-contents .serch {
	background: url(/images/index_bg009.gif) no-repeat left top;
	padding-left:7px;
	margin-top:3px;
}




/* airplane-icon
=========================================*/
#contents-area02 .airplane-icon {
	padding: 0 0 0 15px;
	background: url(/common/images/com_ic034.gif) no-repeat 0 0.3em;
}
* html #contents-area02 .airplane-icon {/* for IE6 */
	zoom: 1;
}




/* map-icon
=========================================*/
#contents-area02 .map-icon {
	padding: 0 0 0 15px;
	background: url(/common/images/com_ic035.gif) no-repeat 0 0.3em;
}
* html #contents-area02 .map-icon {/* for IE6 */
	zoom: 1;
}




/* train-icon
=========================================*/
#contents-area02 .train-icon {
	padding: 0 0 0 15px;
	background: url(/common/images/com_ic036.gif) no-repeat 0 0.3em;
}
* html #contents-area02 .train-icon {/* for IE6 */
	zoom: 1;
}




/* input-type
=========================================*/
#contents-area02 .input-type-02 {
	width:120px;
}



/* fontsize-selector
=========================================*/
#top #fontsize-selector {
	width:230px;
	padding: 0;
}
#top #fontsize-selector dd li {
	padding-top: 3px;
}



/* Clear fix
=========================================*/
#top .flow:after,
#top-side-utility:after,
#top-side-utility li:after,
#top .top-three-column:after,
#top #contents-area .two-column-link:after,
#top #top-info:after,
#top #sub-contents .timetable .timetable-con .history-block:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#top .flow,
#top-side-utility,
#top-side-utility li,
#top .top-three-column,
#top #contents-area .two-column-link,
#top #top-info,
#top #sub-contents .timetable .timetable-con .history-block {
	min-height: 1px;
}

* html #top .flow,
* html #top-side-utility,
* html #top-side-utility li,
* html #top .top-three-column,
* html #top #contents-area .two-column-link,
* html #top #top-info,
* html #top #sub-contents .timetable .timetable-con .history-block {/* for IE6 */
	height: 1px;
}

*:first-child+html #top .flow,
*:first-child+html #top-side-utility,
*:first-child+html #top-side-utility li,
*:first-child+html #top .top-three-column,
*:first-child+html #top #contents-area .two-column-link,
*:first-child+html #top #top-info,
*:first-child+html #top #sub-contents .timetable .timetable-con .history-block {/* for IE7 */
	zoom: 1;
}