@charset "utf-8";




/* ==================================
Header Layout
================================== */
#top #headerContainer {
	position: relative;
	z-index: 10;
}
#top #headerContainer #header {
	width: 980px;
	margin: 0 auto;
}
#top #headerContainer #headerIdentity {
	float: left;
	width: 260px;
}
#top #headerContainer #headerUtility {
	float: right;
	width: 602px;
	height: 31px;
	margin: 0;
	padding: 8px 4px 0;
	background: url(/share/images/header_bg001.png) no-repeat 0 0;
}
#top #headerContainer #headerUtility #faceBookArea {
	float: left;
	width: 100px;
	margin-right: 7px;
	padding-left: 10px;
}
#top #headerContainer #headerUtility #selectLanguage {
	float: left;
	width: 117px;
	margin-right: 14px;
}
#top #headerContainer #headerUtility #selectLanguage form {
	line-height: 0;
}
#top #headerContainer #headerUtility #selectLanguage select {
	min-height: 21px;
	color: #848484;
	font-size: 12px;
}
#top #headerContainer #headerUtility #selectLanguage form option {
}
#top #headerContainer #headerUtility #fontsizeSelector {
	float: left;
	width: 137px;
	margin: 0 9px 0 0;
}
#top #headerContainer #headerUtility #fontsizeSelector p {
	float: left;
	margin: 5px 7px 0 0;
	line-height: 0;
}
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li {
	float: left;
	margin-right: 3px;
	line-height: 0;
	text-indent: -9999px;
}
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-small a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(/share/images/header_ic002.gif) no-repeat 0 0;
}
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-small a:hover,
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-small a.current-fontsize {
	background: url(/share/images/header_ic002on.gif) no-repeat 0 0;
}
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-medium a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(/share/images/header_ic003.gif) no-repeat 0 0;
}
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-medium a:hover,
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-medium a.current-fontsize {
	background: url(/share/images/header_ic003on.gif) no-repeat 0 0;
}
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-large a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(/share/images/header_ic004.gif) no-repeat 0 0;
}
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-large a:hover,
#top #headerContainer #headerUtility #fontsizeSelector #fontsize-switch li#font-large a.current-fontsize {
	background: url(/share/images/header_ic004on.gif) no-repeat 0 0;
}

#top #headerContainer #headerUtility #siteSearch {
	float: left;
	width: 208px;
}
#top #headerContainer #headerUtility #siteSearch .searchInput {
	float: left;
	width: 149px;
	height: 15px;
	margin-right: -1px;
	padding: 2px 5px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	font-size: 12px;
	color: #848484;
}
#top #headerContainer #headerUtility #siteSearch .searchBt {
	float: left;
}



/* ==================================
mainVisualArea
================================== */
#top #mainVisualArea {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
#top #mainVisualArea .visual li {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 474px;
	z-index: 1;
}
#top #mainVisualArea .visual li.current {
	display: block;
}
#top #mainVisualArea img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

/* control */
#top #mainVisualArea #control {
	position: relative;
	width: 1129px;
	margin: 192px auto 0;
	z-index: 9999;
}
#top #mainVisualArea #control li {
}
#top #mainVisualArea #control li a {
	display: block;
	width: 38px;
	height: 53px;
	text-indent: -9999em;
	outline: none;
}
#top #mainVisualArea #control .prev {
	float: left;
}
#top #mainVisualArea #control .prev a {
	background: url(/images/index_ic001.png) no-repeat 0 0;
}
#top #mainVisualArea #control .next {
	float: right;
}
#top #mainVisualArea #control .next a {
	background: url(/images/index_ic002.png) no-repeat 0 0;
}

/* navi */
#top #mainVisualArea #navi {
	position: absolute;
	top: 370px;
	left: 50%;
	z-index: 9000;
}
#top #mainVisualArea #navi li {
	position: relative;
	left: -50%;
	float: left;
	margin-left: 6px;
}
#top #mainVisualArea #navi li:first-child {
	margin-left: 0;
}
#top #mainVisualArea #navi a {
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999em;
	outline: none;
	background: url(/images/index_ic003.png) no-repeat 0 0;
}
#top #mainVisualArea #navi a:hover,
#top #mainVisualArea #navi .current a {
	background: url(/images/index_ic003on.png) no-repeat 0 0;
}











/* ==================================
mainContents
================================== */
#top #mainContainer {
	margin-top: 0;
}

.operationInfoWrap {
	position: relative;
	overflow: hidden;
	background: url(/images/index_bg007.png) no-repeat 100% 0;
	width: 1005px;
	margin: 324px auto 0;
	padding: 14px 0 10px;
	z-index: 10;
}
.operationInfo {
	padding: 0 0 24px;
	background: url(/images/index_bg008.png) no-repeat 0 100%;
}

.operationInfo .operationleft {
	float: left;
	margin: 0 0 0 7px;
}

.operationInfo .operationright {
	float: left;
	width: 200px;
	padding: 16px 0 0 33px;
}

.operationInfo .operationright dt {
	margin-bottom: 8px;
}
.operationInfo .operationleft .info {
	overflow: hidden;
	width: 682px;
	margin: 10px 0 5px 29px;
}
.operationInfo .operationleft .info img {
	vertical-align: middle;
}

/* trainInfo
=========================================*/


.traintxtWrap {
	margin: 0 0 0 29px;
	padding: 6px 0 0;
	background: url(/share/images/common_bg002.png) no-repeat 0 0;
}
.traintxt {
	width: 685px;
	padding: 6px 0 8px 0;
	background: url(/share/images/common_bg003.png) no-repeat 0 100%;
}
.traintxt p {
	margin: 0 15px;
	color: #1e4b95;
}


.operationInfo .info a {
	float: right;
}

.operationInfo .traininfoWrap {
	margin: 3px 0 0 10px;
	padding: 0 0 16px 0;
	overflow: hidden;
}

.operationInfo .traininfoWrap .traininfoBox {
	margin: 4px 0 0;
	overflow: hidden;
	padding: 0 0 29px;
}

.operationInfo .traininfoWrap .infoDetail:first-child {
	margin-top: 0;
}

.operationInfo .traininfoWrap .infoDetail {
	width: 681px;
	margin-top: 10px;
	padding: 0 0 5px 25px;
	overflow: hidden;
}

.operationInfo .traininfoWrap .infoDetail .info {
	float: left;
	width: 137px;
	padding: 7px 0 0;
}

.traininfoBtn {
	margin: 10px 0 0 28px;
	width: 698px;
}

.traininfoBtn li {
	float: left;
	padding: 0 12px 0 0;
}

.operationInfo .traininfoWrap .detail {
	float: right;
	width: 145px;
}

.apology {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin: 10px 0 0 28px;
	padding: 8px 0 8px;
	width: 684px;
}

.apology dl {
	color: #333333;
	margin: 0 15px;
}

.apology dt {
	float: left;
	width: 90px;
	font-weight: bold;
}

.apology dd {
	float: left;
	width: 560px;
}

/* busInfo
=========================================*/

.operationInfo .businfoWrap {
	margin: 0 0 0 10px;
	padding: 0 0 16px 0;
	overflow: hidden;
}

.operationInfo .businfoWrap .businfoBox {
	overflow: hidden;
	padding: 12px 0 0 17px;
}











/* mainContents
=========================================*/
#mainContents {
	position: relative;
	z-index: 10;
}
#mainContents .sitemenu01 li {
	float: left;
	margin-bottom: 15px;
}

#mainContents .emergencyBox {
	margin: 0 0 10px 0;
	padding: 20px;
	/*background: #fff4f4;*/
	border: #eb4141 solid 1px;
}

#mainContents .emergencyTitle {
	color: #eb4141;
}

#mainContents .emergencyTitle span {
	font-weight: bold;
}

#mainContents .busInfo {
	margin: 0 0 20px 0;
	padding: 10px 90px 10px 25px;
	border: #cccccc solid 1px;
}

#mainContents .busInfo dt {
	float: left;
	color: #eb4141;
	font-weight: bold;
	width: 100px;
}

#mainContents .busInfo dd {
	float: left;
	width: 760px;
}

#mainContents .indexColumn .leftCol {
	float: left;
	width: 770px;
	margin: 0 23px 0 0;
}

#mainContents .indexColumn .rightCol {
	float: left;
	width: 180px;
}

#mainContents .indexColumn .rightCol .bnTop{
	margin-bottom: 10px;
}
#mainContents .indexColumn .rightCol .topicsTitle {
	padding: 4px 0 0 0;
}
#mainContents .indexColumn .rightCol #sliderArea {
	clear: both;
	float: none;
	position: relative;
	margin-top: 5px;
}
#mainContents .indexColumn .rightCol #sliderArea a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#mainContents .indexColumn .rightCol #sliderArea .bxslider {
}
#mainContents .indexColumn .rightCol #sliderArea .bxslider li {
	line-height: 0;
}
#mainContents .indexColumn .rightCol #sliderArea .bx-controls-direction {
}
#mainContents .indexColumn .rightCol #sliderArea .bx-controls-direction a.bx-prev {
	position: absolute;
	top: -28px;
	right: 30px;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/share/images/common_ic008.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#mainContents .indexColumn .rightCol #sliderArea .bx-controls-direction a.bx-next {
	position: absolute;
	top: -28px;
	right: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/share/images/common_ic009.gif) no-repeat 0 0;
	text-indent: -9999px;
}




#mainContents .indexColumn .leftCol .sitemenu02 {
	margin-bottom: 29px;
	margin-left: 4px;
	overflow: hidden;
}

#mainContents .indexColumn .leftCol .sitemenu02 li {
	float: left;
	margin: 0 7px 0 0;
}

/* rightnaviArea
=========================================*/

.topicsTitle {
	float: left;
	padding: 4px 0 0 0;
}

.topixBtn {
	float: right;
}

.topixBn li {
	padding: 8px 0 0 0;
}

.topicsBox hr {
	height: 1px;
	border: none;
	border-top:#CCC dotted 1px;
	margin-top:10px;
	color:#FFF;
}

#prArea img.linkimage{
	float:left;
	margin-right:5px;
}

.rssArea a {
	display: block;
	width: 158px;
}
.rssArea .rssBt {
	display: block;
	width: 144px;
	margin-top: 16px;
	padding: 4px;
	background-color: #ffffff;
	border: #cfcccb solid 2px;
}
.rssArea .rssBt p {
	min-height: 24px;
	padding: 3px 0 0 42px;
	background: url(/share/images/common_ic007.png) no-repeat 0 0;
}
.rssArea .rssTxt {
	background: url(/share/images/common_bg001.png) no-repeat 0 100%;
	margin: 9px 0 10px 0;
	padding: 0 0 9px 0;
	font-size: 70%;
}
.pdfArea img {
	vertical-align: bottom;
}
.pdfArea .pdfTxt {
	margin: 9px 0 9px 0;
	font-size: 70%;
}


/* indexColumn
=========================================*/

#mainContents .indexColumn .newsColumn {
	height: 100%;
	overflow: hidden;
	margin-bottom: 42px;
}
#mainContents .indexColumn .newslist {
	float: left;
	width: 370px;
	margin-right: 27px;
}
#mainContents .indexColumn .newslist dl {
	background: url(/share/images/common_bg001.png) repeat-x scroll 100% 0;
	margin-top: -1px;
	padding: 10px 5px;
}
.newsColumn .newslist div dl:first-child {
	background: none !important;
	padding: 9px 0 0 !important;
}
#mainContents .indexColumn .newslist div,
#mainContents .indexColumn .newslist02 div {
	zoom: 1;
	overflow: hidden;
	margin: 3px 0 0;
}
#mainContents .indexColumn .newslist dt img {
	margin: 0 5px 3px 0;
	vertical-align: middle;
}
#mainContents .indexColumn .newslist dd {
	padding: 3px 0 0 0;
}
#mainContents .indexColumn .newslist02 dl {
	background: url(/share/images/common_bg001.png) repeat-x scroll 100% 0;
	margin-top: -1px;
	padding: 9px 0 0;
}
#mainContents .indexColumn .newslist02 dd {
	padding: 3px 0 10px;
}
#mainContents .indexColumn .newslist02 ul {
	padding: 9px 0 0;
}
#mainContents .indexColumn .newslist02 li:first-child {
	background: none;
	margin-top: 0;
	padding: 9px 0 12px;
}
#mainContents .indexColumn .newslist02 li {
	padding: 9px 0 12px;
	background: url(/share/images/common_bg001.png) repeat-x scroll 100% 0;
}
#mainContents .indexColumn .newsColumn .eventlist {
	float: left;
	width: 370px;
}
#mainContents .indexColumn .newsColumn02 {
	float: left;
	width: 650px;
}

#mainContents .indexColumn .newsTitle {
	padding: 0 0 7px 0;
	background: url(/share/images/common_hr001.gif) repeat-x scroll 0 100%;
	font-weight: bold;
}

#mainContents .indexColumn .newsTitle02 {
	padding: 0 0 9px 0;
	background: url(/share/images/common_hr002.gif) repeat-x scroll 0 100%;
	font-weight: bold;
}

#mainContents .indexColumn .rssLink {
	margin: -28px 2px 0 0;
	text-align: right;
}

#mainContents .indexColumn .newslist .icon {
	height: 18px;
	margin: -1.1em 0 0 7.3em
}

#mainContents .indexColumn .eventlist .article {
	padding: 19px 0 0;
	background: url(/share/images/common_bg001.png) repeat-x scroll 100% 0;
	overflow: hidden;
	height: 100%;
}

#mainContents .indexColumn .eventlist .article:first-child {
	padding: 7px 0 0;
	background: none;
}

#mainContents .indexColumn .eventlist .article:first-child {
	margin: 12px 0 0 0;
}

#mainContents .indexColumn .eventlist .article:first-child {
	padding: 5px 0 0;
	overflow: hidden;
	height: 100%;
}

#mainContents .indexColumn .eventlist .article .eventTxt {
	float: left;
	width: 215px;
	margin: 0 0 0 10px;
	line-height: 1.2;
}
#mainContents .indexColumn .eventlist .article .eventDate {
	float: left;
	width: 215px;
	margin: 3px 0 0 10px;
	line-height: 1.2;
}
#mainContents .indexColumn .newsBtn {
	margin-top: 6px;
}







/* ==================================
clear fix
================================== */
#top #headerContainer:after,
#top #headerContainer #header:after,
#top #headerContainer #headerUtility #faceBookArea:after,
#top #headerContainer #headerUtility #fontsizeSelector:after,
#top #headerContainer #headerUtility #fontsizeSelector ul:after,
#top #headerContainer #headerUtility #siteSearch form:after,
.traininfoBtn:after,
.operationInfo:after,
.indexColumn .leftCol .sitemenu02:after,
.operationInfo .businfoWrap .businfoBox:after,
.operationInfo .businfoWrap:after,
.operationInfo .traininfoWrap .infoDetail:after,
.operationInfo .traininfoWrap .traininfoBox:after,
.operationInfo .traininfoWrap:after,
.operationInfo:after,
.apology:after,
.busInfo:after,
#top #mainVisualArea #control li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#top #headerContainer,
#top #headerContainer #header,
#top #headerContainer #headerUtility #faceBookArea,
#top #headerContainer #headerUtility #fontsizeSelector,
#top #headerContainer #headerUtility #fontsizeSelector ul,
#top #headerContainer #headerUtility #siteSearch form,
.traininfoBtn,
.operationInfo .operationInfo,
.operationInfo .indexColumn .leftCol .sitemenu0,
.operationInfo .businfoWrap .businfoBox,
.operationInfo .businfoWrap,
.operationInfo .traininfoWrap .infoDetail,
.operationInfo .traininfoWrap .traininfoBox,
.operationInfo .traininfoWrap,
.operationInfo .operationInfo,
.apology,
.busInfo,
#top #mainVisualArea #control li {
	zoom: 1;
	display: block;	/* for safari firefox3 */
	min-height: 1%;  /* for IE 7*/
}
/* for IE7 */
*:first-child+html #top #headerContainer,
*:first-child+html #top #headerContainer #header,
*:first-child+html #top #headerContainer #headerUtility #faceBookArea,
*:first-child+html #top #headerContainer #headerUtility #fontsizeSelector,
*:first-child+html #top #headerContainer #headerUtility #fontsizeSelector ul,
*:first-child+html #top #headerContainer #headerUtility #siteSearch form,
*:first-child+html .traininfoBtn,
*:first-child+html .operationInfo .operationInfo,
*:first-child+html .operationInfo .indexColumn .leftCol .sitemenu0,
*:first-child+html .operationInfo .businfoWrap .businfoBox,
*:first-child+html .operationInfo .businfoWrap,
*:first-child+html .operationInfo .traininfoWrap .infoDetail,
*:first-child+html .operationInfo .traininfoWrap .traininfoBox,
*:first-child+html .operationInfo .traininfoWrap,
*:first-child+html .operationInfo .operationInfo,
*:first-child+html .apology,
*:first-child+html .busInfo,
*:first-child+html #top #mainVisualArea #control li {
	display: inline-table;
}/* end hacks */