@charset "utf-8";

/* common 
*****************************************/
body {
	margin: 0 auto;
	background: #f4f6f9;
	color: #212121;
	line-height: 1.5;
	font-family: Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	font-size: 75%;
}

body.popup {
	background: #ffffff;
}

.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}


.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}

.mr00 {
	margin-right: 0 !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}

.ml00 {
	margin-left: 0 !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}

.pt05 {
	padding-top: 5px !important;
}

.link01 a {
	padding-left: 12px;
	background: url(/pc/images/ic04.gif) no-repeat 0 50%;
}

.link02 a {
	padding-left: 13px;
	background: url(/pc/images/ic08.gif) no-repeat 0 50%;
}
.link03 a {
	margin:0;
	clear:both;
	padding-left: 12px;
	background: url(/pc/images/ic21.gif) no-repeat 0 50%;
}

.notes {
	font-size: 90% !important;
}

.color01 {
	color: #ef3b18 !important;
}

.color02 {
	color: #378cf0 !important;
}

.color03 {
	color: #e01d2e !important;
}

.indent01 {
	text-indent: -1em;
	padding-left: 1em;
}

.img01 {
	margin-right: 5px;
	vertical-align: middle;
}

/* Link 
*****************************************/
a:link,
a:visited {
	color: #144986;
	text-decoration: underline;
}
 
a:hover,
a:active {
	color: #144986;
	text-decoration: none;
}

/* header 
*****************************************/
#headWrap {
	min-width: 1100px;
	height: 103px;
	background: url(/pc/images/bg01.gif) repeat-x left top;
}

.popup #headWrap {
	height: 64px;
	background: none;
	border-top: #115cb3 solid 3px;
}

.contentsWide #headWrap {
	height: 68px;
}

#header {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

.popup #header {
	width: 800px;
}

#logo {
	position: absolute;
	width: 283px;
	top: 12px;
	left: 1px;
}

.popup #logo {
	top: 11px;
	left: 15px;
}

#header .closeBtn01 {
	position: absolute;
	width: 75px;
	top: 12px;
	right: 13px;
}


#headNavi {
	position: absolute;
	top: 23px;
	right: 0;
	overflow: hidden;
}

*html #headNavi {
	width: 270px;
}

#headNavi ul {
	margin-left: -7px;
}

#headNavi li {
	float: left;
	margin-right: 9px;
	padding-left: 6px;
	border-left: #909090 solid 1px;
	line-height: 1.4;
}

#headNavi li a:link,
#headNavi li a:visited {
	color: #212121;
	text-decoration: underline;
}

#headNavi li a:hover,
#headNavi li a:active {
	color: #212121;
	text-decoration: none;
}

#globalNavi {
	padding-top: 67px;
}

#globalNavi ul {
}

#globalNavi ul li {
	float: left;
	margin-right: 1px;
	font-size: 0;
}

/* main 
*****************************************/
#wrapper {
	min-width: 1100px;
	background-color: #f0f3f7;
}

#wrapper.top {
	background: #f0f3f7 url(/pc/images/bg38.gif) repeat-x left top;
}

#contents {
	width: 958px;
	padding-bottom: 60px;
	margin: 0 auto;
}

#wrapper.top #contents {
	width: 998px;
}

#wrapper.searchApproachInfo #contents {
	width: 1083px;
}

#wrapper.displayRouteInfo #contents {
	width: 1083px;
}

#wrapper.selectInitial #contents {
	width: 1083px;
}

#wrapper.usage #contents {
	width: 1083px;
}

#wrapper.searchTransferInfo #contents {
	width: 1083px;
}

.popup #contents {
	width: 730px;
	padding-bottom: 0;
	margin: 0 auto;
}

#main {
	float: left;
	width: 774px;
}

.contentsWide #main {
	width: 958px;
}

#wrapper.top #main {
	width: 698px;
}

/*
#wrapper.displayApproachInfo #main {
	float: none;
	margin: auto;
}
*/

.breadcrumb {
	margin-top: 10px;
	font-size: 84%;
}

.heading1 {
	height: 35px;
	margin-top: 10px;
	font-size: 200%;
}

.contentsWide .heading1 {
	margin-top: 20px;
}

.heading1-1 {
	margin: 20px 0 20px 20px;
	font-size: 200%;
	text-align: center;
}

.heading2-1 {
	font-size: 167%;
	font-weight: bold;
}

.heading2-2 {
	font-size: 134%;
}

.heading2-3 {
	padding-top: 10px;
	font-weight: bold;
}

.heading3 {
	width: 731px;
	margin-top: 20px;
	padding: 6px 11px;
	background-color: #115cb3;
	color: #ffffff;
	font-size: 117%;
}

.heading3-1 {
	margin-top: 20px;
	padding: 6px 11px;
	background-color: #115cb3;
	color: #ffffff;
	font-size: 117%;
}

.heading3-2 {
	font-size: 167%;
}

.heading4 {
	width: 351px;
	margin-top: 10px;
	padding: 1px 0 1px 1px;
	border: #cccccc solid;
	border-width: 1px 1px 0 1px;
	background-color: #ffffff;
	color: #ffffff;
}

.heading4 span {
	display: block;
	padding: 6px 18px;
	background-color: #6c8fb8;
}

.heading5 {
	margin-top: 20px;
	padding: 6px 11px;
	background-color: #115cb3;
	color: #ffffff;
	font-size: 117%;
}
.heading5 img {
	padding:0 10px 0 0;
	vertical-align:bottom;
}

.heading6 {
	margin: 28px 0 0 0;
	padding: 6px 11px;
	color: #212121;
	font-size: 117%;
	border-bottom:3px solid #cce1fa;
	font-weight:bold;
}

.hgroup01 {
	position: relative;
}

.hgroup01 .btn01 {
	position: absolute;
	top: 5px;
	right: 0;
}

.hgroup01 .btn01-2 {
	position: absolute;
	top: 0;
	right: 0;
}

*html .hgroup01 .btn01-2 {
	right: 20px;
}

.hgroup01 .mr {
	margin-right: 2px;
}

.hgroup01 .btn02 {
	position: absolute;
	top: 4px;
	right: 20px;
}

.hgroup01 .btn03 {
	position: absolute;
	top: 8px;
	left: 577px;
}

.hgroup01 .text01 {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #ffffff;
	font-size: 109%;
}

.list01 {
	margin-left: 20px;
}

.list01 li {
	margin-top: 10px;
	list-style: decimal outside;
}

.list02 {
	margin-left: 10px;
}

.list02 li {
	margin-top: 5px;
}

.list03 {
	margin-top: 10px;
}

.list03 li {
	float: left;
	padding-right: 100px;
}

.text03 {
	margin: 10px 0 0 8px;
}

.mainArea {
	position: relative;
	width: 698px;
	height: 269px;
	background: url(/pc/images/bg37.jpg) no-repeat left top;
}

.mainArea .title {
	position: absolute;
	top: 49px;
	left: 78px;
}

.mainArea .text01 {
	position: absolute;
	top: 96px;
	left: 114px;
}

.mainArea .text02 {
	position: absolute;
	top: 107px;
	left: 283px;
}

.mainArea .btn01 {
	position: absolute;
	top: 135px;
	left: 111px;
}

.mainArea .btn02 {
	position: absolute;
	top: 164px;
	left: 282px;
}

.wrap {
	position: relative;
}
.wrap.bgArrow {
	background: url(/pc/images/bg32.gif) no-repeat 365px 33px;
}

.wrap .btn02 {
	position: absolute;
	width: 77px;
	top: 20px;
	left: 348px;
}

.wrap .col01 {
	float: left;
	width: 354px;
	margin-right: 18px;
	padding-left: 9px;
}

.wrap .col01 p {
	margin-top: 10px;
}

.wrap .col02 {
	float: left;
	width: 364px;
}

.wrap2 {
	margin-top: 10px;
	width: 774px;
	overflow: hidden;
}

.wrap2 .inner1 {
	width: 784px;
}

.wrap2 .innercenter {
	display: flex; 
	justify-content: center;
}

.wrap2 .inner1 .col1 {
	float: left;
	width: 382px;
	height: 82px;
	margin-right: 10px;
	background: url(/pc/images/bg56.gif) no-repeat 0 0;
}

.wrap2 .inner1 .col1 h3 {
	padding: 8px 14px 3px;
	color: #ffffff;
	font-size: 117%;
	font-weight: bold;
}

.wrap2 .inner1 .col1 .text01 {
	padding-top: 15px;
	text-align: center;
}

.wrap2-1 {
	width: 681px;
	overflow: hidden;
}

.wrap2-1 .wrap {
	width: 750px;
}

.wrap2-1 .wrap .col1 {
	float: left;
	width: 320px;
	margin-right: 41px;
}

.wrap2-2 {
	width: 697px;
	overflow: hidden;
}

.wrap2-2 .wrap {
	width: 750px;
}

.wrap2-2 .wrap .col1 {
	float: left;
	width: 336px;
	margin-right: 25px;
}

.frameArea08 .wrap2-2 {
	width: 602px;
	overflow: hidden;
}

.frameArea08 .wrap2-2 .wrap {
	width: 650px;
}

.frameArea08 .wrap2-2 .wrap .col1 {
	float: left;
	width: 286px;
	margin-right: 30px;
}

.section01 {
	margin: 0 10px 0 8px;
}

.section02 {
	padding: 1px;
	border-bottom: #cccccc solid 1px;
}

.section03 {
	margin: 9px 1px 0 11px;
	padding: 1px;
	border-top: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}


.section04 {
	margin: 10px 10px 0 21px;
}

.frameArea01 {
	margin-top: 10px;
	padding-top: 5px;
	background: url(/pc/images/bg04.gif) no-repeat left top;
}

.frameArea01.noBorder {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

.frameArea01 .inner1 {
	padding-bottom: 5px;
	background: url(/pc/images/bg06.gif) no-repeat left bottom;
}

.frameArea01 .inner2 {
	padding: 0 21px 14px 20px;
	background: url(/pc/images/bg05.gif) repeat-y left top;
}

.frameArea01 .inner2.pa01 {
	padding: 0 0 14px 6px;
}

.frameArea02 {
	margin-top: 5px;
	padding-top: 3px;
	background: url(/pc/images/bg07.gif) no-repeat left top;
}

.frameArea02 .inner1 {
	padding-bottom: 3px;
	background: url(/pc/images/bg09.gif) no-repeat left bottom;
}

.frameArea02 .inner2 {
	padding: 17px 20px 7px;
	background: url(/pc/images/bg08.gif) repeat-y left top;
}

.frameArea02 .inner2.pa09 {
	padding: 9px;
}

.frameArea03 {
	margin-top: 10px;
}

.frameArea03 h2 {
	padding: 7px 15px;
	color: #ffffff;
	font-size: 117%;
	font-weight: bold;
	background: url(/pc/images/bg28.gif) no-repeat left top;
}

.frameArea03 .inner1 {
	padding: 50px 20px 60px;
	background: url(/pc/images/bg29.gif) no-repeat left bottom;
}

.frameArea03 .inner1 .ic01 {
	margin-left: 50px;
	padding: 10px 0 10px 62px;
	background: url(/pc/images/ic02.gif) no-repeat 0 50%;
	color: #e32604;
	font-size: 150%;
}

.frameArea04 {
	margin-top: 10px;
	padding-top: 5px;
	background: url(/pc/images/bg30.gif) no-repeat left top;
}

.frameArea04 .inner1 {
	padding: 50px 20px 60px;
	background: url(/pc/images/bg31.gif) no-repeat left bottom;
}

.frameArea04 .inner1 .ic01 {
	margin-left: 50px;
	padding: 10px 0 10px 62px;
	background: url(/pc/images/ic02.gif) no-repeat 0 50%;
	color: #e32604;
	font-size: 150%;
}

.frameArea05 {
	margin-top: 5px;
	padding-top: 5px;
	background: url(/pc/images/bg39.gif) no-repeat left top;
}

.frameArea05 .inner1 {
	padding: 5px 0 10px 17px;
	background: url(/pc/images/bg40.gif) no-repeat left bottom;
}


.frameArea05 .inner1 .col1-1 {
	float: left;
	width: 337px;
}

.frameArea05 .inner1 .col1-2 {
	float: left;
	width: 325px;
}

.frameArea05 .inner1 .col1-1 dt {
	float: left;
	width: 105px;
	margin-right: 10px;
	font-weight: bold;
}

.frameArea05 .inner1 .col1-1 dd {
	float: left;
	width: 205px;
}

.frameArea05 .inner1 .col1-2 dt {
	float: left;
	width: 110px;
	margin-right: 10px;
	font-weight: bold;
}

.frameArea05 .inner1 .col1-2 dd {
	float: left;
	width: 205px;
}

.frameArea06 {
	margin-top: 10px;
	padding: 9px 5px 5px;
	background-color: #115cb3;
}

.frameArea06 h2 {
	margin: 0 0 8px 6px;
}

.frameArea06 .inner1 {
	padding: 15px;
	background-color: #ffffff;
}

.frameArea07 {
	margin-top: 10px;
}

.frameArea07 .inner1 {
	padding-bottom: 6px;
	background: url(/pc/images/bg42.gif) no-repeat left bottom;
}

.frameArea07 .inner2 {
	padding: 5px 20px 6px;
	background: url(/pc/images/bg41.gif) repeat-y left top;
}

.frameArea07 .inner2.pa00 {
	padding: 5px 0 6px;
}

.frameArea08 {
	margin-top: 5px;
	padding-top: 3px;
	background: url(/pc/images/bg43.gif) no-repeat left top;
}

.frameArea08 .inner1 {
	padding-bottom: 3px;
	background: url(/pc/images/bg45.gif) no-repeat left bottom;
}

.frameArea08 .inner2 {
	padding: 8px 18px 8px 20px;
	background: url(/pc/images/bg44.gif) repeat-y left top;
}

.frameArea09 {
	margin-top: 5px;
	padding-top: 3px;
	background: url(/pc/images/bg47.gif) no-repeat left top;
}

.frameArea09 .inner1 {
	padding-bottom: 3px;
	background: url(/pc/images/bg49.gif) no-repeat left bottom;
}

.frameArea09 .inner2 {
	padding: 8px 18px 8px 20px;
	background: url(/pc/images/bg48.gif) repeat-y left top;
}

.frameArea10 {
	margin-top: 5px;
	padding-top: 3px;
	background: url(/pc/images/bg57.gif) no-repeat left top;
}

.frameArea10 .inner1 {
	padding-bottom: 3px;
	background: url(/pc/images/bg59.gif) no-repeat left bottom;
}

.frameArea10 .inner2 {
	padding: 8px 18px 8px 20px;
	background: url(/pc/images/bg58.gif) repeat-y left top;
}

.frameBox01 {
	float: left;
	position: relative;
	width: 337px;
	margin-top: 10px;
	padding-bottom: 10px;
	border: #cccccc solid 1px;
	background-color: #ffffff;
}

.frameBox01 .heading2 {
	padding: 7px 9px 5px;
	background: #e4eefa url(/pc/images/bg12.gif) no-repeat left bottom;
	color: #013e88;
	font-weight: bold;
	font-size: 125%;
}

.frameBox02 {
	float: right;
	position: relative;
	width: 337px;
	margin-top: 10px;
	padding-bottom: 10px;
	border: #cccccc solid 1px;
	background-color: #ffffff;
}

.frameBox02 .heading2 {
	padding: 7px 9px 5px;
	background: #ffe5dc url(/pc/images/bg13.gif) no-repeat left bottom;
	color: #81372b;
	font-weight: bold;
	font-size: 125%;
}

.frameBox01 .btn01,
.frameBox02 .btn01 {
	position: absolute;
	top: 5px;
	right: 5px;
}

.frameBox01 .btn01 .mr,
.frameBox02 .btn01 .mr {
	margin-right: 5px;
}

.frameBox01 .text,
.frameBox02 .text {
	margin: 14px 10px 0;
	font-weight: bold;
	font-size: 125%;
}

.frameBox03 {
	padding: 10px;
	border: #cccccc solid;
	border-width: 0 1px 1px;
}

.frameBox03 .title01 {
	margin-bottom: 10px;
	font-size: 125%;
	font-weight: bold;
}

.frameBox04 {
	margin-top: 10px;
	padding: 9px;
	border: #d8dde5 solid 1px;
	background-color: #ffffff;
}

.frameBox05 {
	margin-top: 10px;
	border: #d8dde5 solid 1px;
	background-color: #ffffff;
}

.frameBox06 {
	margin: 10px 10px 0;
	padding-bottom: 5px;
	border: #cccccc solid 1px;
}

.textBlock01 {
	margin-top: 15px;
	padding-top: 8px;
	border-top: #cccccc solid 1px;
	text-align: center;
}

.textBlock01 p {
	margin-top: 10px;
}

.textBlock02 {
	padding: 8px 12px;
}

.textBlock03 {
	float: left;
	width: 220px;
	margin-right: 15px;
}

.frameArea10 .textBlock03 {
	width: 235px;
}

.textBlock04 {
	float: left;
	width: 355px;
}

.frameArea10 .textBlock04 {
	width: 445px;
}

.textBlock05 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: #cccccc solid 1px;
	text-align: center;
}

.textBlock06 {
	padding: 10px;
	border: #115cb3 solid 5px;
	text-align: center;
	font-size: 117%;
	font-weight: bold;
}

.textBlock07 {
	margin: 15px 0 0 130px;
}

.textBlock07 p span {
	padding-right: 35px;
	background: url(/pc/images/bg53.gif) no-repeat 100% 50%;
}

.table01 {
	width: 100%;
	border: #cccccc solid 1px;
}

.table01 th {
	width: 35%;
	padding: 1px 0 1px 1px;
	background-color: #ffffff;
	border-top: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
}

.table01 th span {
	display: block;
	padding: 6px 10px;
	background-color: #eeeeee;
}

.table01 td {
	width: 65%;
	padding: 6px 10px;
	background-color: #ffffff;
	border-top: #cccccc solid 1px;
}

.table01 td .point {
	position: relative;
	display: block;
}

.table01 td span .btn01 {
	position: absolute;
	top: -2px;
	right: 0;
}

*html .table01 td span .btn01 {
	right: 10px;
}

.table02 {
	width: 100%;
}

.table02 th {
	width: 119px;
	text-align: center;
	vertical-align: middle;
	font-size: 117%;
	font-weight: bold;
}

.table02 td {
	padding: 6px 0;
}

.table02 tr {
	border: #ffffff solid 1px;
}

.table02 .priceSel {
	display: table-cell;
	padding: 6px 10px;
	width: 76px;
	border: #cccccc solid 1px;
	background-color: #ffffff;
	vertical-align: middle;
	font-size: 117%;
}

.table02 .priceSelTrans {
	display: table-cell;
	padding: 6px 10px;
	width: 76px;
}

.table02 .stationCel01 {
	width: 58%;
	font-size: 125%;
	font-weight: bold;
}

.table02 .bgColor01 {
	background-color: #ffeb98;
	border: #ffeb98 solid 1px;
}

.table02 .bgColor02 {
	background-color: #baecff;
}

.table02 .bgColor03 {
	background-color: #eeeeee;
	border: #eeeeee solid 1px;
}

.table02 .ic01 {
	padding: 2px 0 2px 20px;
	background: url(/pc/images/bg19.gif) no-repeat 1% 50%;
}

.table02 .ic02 {
	padding-left: 30px;
	background: url(/pc/images/bg52.gif) no-repeat 0 0;
}

.table02 .ic03 {
	padding-left: 23px;
	background: url(/pc/images/bg54.gif) no-repeat 0 50%;
}

.table02 .ic04 {
	padding: 4px 0 1px 31px;
	background: url(/pc/images/bg55.gif) no-repeat 0 0;
}

.table02 .textS01 {
	font-size: 80%;
}

.table03 {
	margin-top: 10px;
	width: 762px;
	border: #cccccc solid 1px;
	border-collapse: separate;
}

*html .table03 {
	border-collapse: collapse;
}

*:first-child+html .table03 {
	border-collapse: collapse;
}

.table03 th {
	background-color: #1154a1;
	border: #ffffff solid;
	border-width: 0 1px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

.table03 th span {
	display: block;
	padding: 10px 0;
	border-top: #ffffff solid 1px;
}

.table03 td {
	padding: 10px;
	border: #cccccc solid;
	border-width: 1px 0 0 1px;
}

.table03 td img {
	vertical-align: middle;
}

.table04 {
	width: 100%;
	border: #cccccc solid 1px;
}

.table04 th {
	width: 25%;
	padding: 1px 0 1px 1px;
	background-color: #ffffff;
	border-top: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
}

.table04 th span {
	display: block;
	padding: 6px 10px;
	background-color: #eeeeee;
}

.table04 td {
	width: 25%;
	padding: 1px 0 1px 1px;
	background-color: #ffffff;
	border-top: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
}

.table04 td .point {
	display: block;
	padding: 6px 10px;
}

.table04 td span .btn01 {
	position: absolute;
	top: -2px;
	right: 0;
}

*html .table04 td span .btn01 {
	right: 10px;
}

.textArea01 {
	float: left;
	width: 580px;
}

.textArea01 p {
	margin-top: 10px;
}

.imgArea01 {
	float: right;
	width: 87px;
}

.textArea02 {
	float: left;
	width: 455px;
	margin-top: 10px;
}

.imgArea02 {
	float: left;
	width: 265px;
	margin: 10px 11px 0 0;
}

.syllabaryList {
	margin: 0 25px 15px 0;
}

.syllabaryList .col1 {
	float: right;
	width: 57px;
	margin-left: 7px;
}

.syllabaryList .col1 ul li {
	width: 57px;
	height: 29px;
	margin-top: 8px;
	text-align: center;
	font-weight: bold;
}

.syllabaryList .col1 ul li a {
	display: block;
	padding: 5px 0 0;
	height: 24px;
	background: url(/pc/images/bg11.gif) no-repeat left top;
}

.syllabaryList .col1 ul li a:link,
.syllabaryList .col1 ul li a:visited,
.syllabaryList .col1 ul li a:hover,
.syllabaryList .col1 ul li a:active {
	text-decoration: none;
}

.syllabaryList .col1 ul li a:hover {
	background-position: right top;
}

.syllabaryList .col1 ul li span {
	display: block;
	padding: 5px 0 0;
	height: 24px;
	background: url(/pc/images/bg10.gif) no-repeat left top;
	color: #989898;
}

.infoArea {
	margin-top: 9px;
	background: url(/pc/images/bg15.gif) repeat-y left top;
}

.infoArea .inner1 {
	background: url(/pc/images/bg14.gif) no-repeat left top;
}

.infoArea .inner2 {
	padding: 5px 0;
	background: url(/pc/images/bg16.gif) no-repeat left bottom;
}

.infoArea h3 {
	float: left;
	width: 95px;
	padding: 24px 0 24px 39px;
	font-size: 0;
}

.infoArea .infoText {
	float: left;
	width: 600px;
	padding: 10px 20px;
}

.infoArea dt {
	clear: left;
	float: left;
	width: 100px;
	margin-right: 10px;
}

.infoArea dd {
	float: left;
	width: 600px;
}

.wrap .placeArea01 {
	padding-top: 35px;
	background: url(/pc/images/bg17.gif) no-repeat 0 0;
}

.wrap .placeArea01.nowBetween {
	background: url(/pc/images/bg18.gif) no-repeat 0 0;
}

*html .placeArea01 {
	zoom: 1;
}

*:first-child+html .placeArea01 {
	zoom: 1;
}

.wrap .placeArea01 .inner {
	padding: 2px 15px;
	background-color: #eeeeee;
	border: #eeeeee solid 2px;
}

.wrap .placeArea01.nowStation .inner {
	padding-right: 30px;
	background: #fdfae6 url(/pc/images/bg21.gif) no-repeat 98% 50%;
	border: #fccc87 solid 2px;
}

.wrap .placeArea01.departure .inner {
	background-color: #b2e4fd;
	border: #7bc3f5 solid 2px;
}

.wrap .placeArea01 .inner p {
	padding: 5px 0 5px 18px;
	background: url(/pc/images/bg19.gif) no-repeat 0 50%;
	font-size: 125%;
	font-weight: bold;
}

*html .wrap  .placeArea01 .inner p {
	zoom: 1;
}

.wrap .placeArea01.nowStation .inner p {
	background: url(/pc/images/bg20.gif) no-repeat 0 50%;
}

.wrap .placeArea01.departure .inner p {
	background: url(/pc/images/bg22.gif) no-repeat 0 50%;
}

.wrap .placeArea01 .inner p .notes {
	font-size: 83% !important;
}

.wrap .placeArea01 .inner p .place a:link,
.wrap .placeArea01 .inner p .place a:visited,
.table02 .stationCel01 .place a:link,
.table02 .stationCel01 .place a:visited {
	margin-right: 10px;
	background-color: #2c97e1;
	border: #eaf8ff solid 2px;
	padding: 1px 2px;
	color: #ffffff;
	font-weight: normal;
	font-size: 70% !important;
	text-decoration: none;
}

.wrap .placeArea01 .inner p .place a:hover,
.wrap .placeArea01 .inner p .place a:active,
.table02 .stationCel01 .place a:hover,
.table02 .stationCel01 .place a:active {
	text-decoration: underline overline;
}

.placeArea01 .inner_busstop {
	padding: 2px 15px;
	background-color: #eeeeee;
	border: #eeeeee solid 2px;
}

.placeArea01.nowStation .inner_busstop {
	padding-right: 30px;
	background: #fdfae6 url(/pc/images/bg21.gif) no-repeat 98% 50%;
	border: #fccc87 solid 2px;
}

.placeArea01.departure .inner_busstop {
	background-color: #b2e4fd;
	border: #7bc3f5 solid 2px;
}

.placeArea01 .inner_busstop p {
	padding: 5px 0 5px 18px;
	background: url(/pc/images/bg19.gif) no-repeat 0 50%;
	font-size: 125%;
	font-weight: bold;
}

*html .placeArea01 .inner_busstop p {
	zoom: 1;
}

.placeArea01.nowStation .inner_busstop p {
	background: url(/pc/images/bg20.gif) no-repeat 0 50%;
}

.placeArea01.departure .inner_busstop p {
	background: url(/pc/images/bg22.gif) no-repeat 0 50%;
}

.placeArea01 .inner_busstop p .notes {
	font-size: 83% !important;
}

.placeArea01 .inner_busstop p .place {
	margin-right: 10px;
	padding: 1px 2px;
	background-color: #2c97e1;
	border: #eaf8ff solid 2px;
	color: #ffffff;
	font-weight: normal;
	font-size: 70% !important;
}

.wrapRoute {
	margin: 15px auto 0;
	width: 367px;
}

.wrapRoute.column2 {
	width: 742px;
}

.wrapRoute .col1 {
	float: left;
	width: 367px;
	padding: 20px 0 12px;
}

.wrapRoute .placeArea01 {
	position: relative;
	padding-top: 0px;
}

.wrapRoute .placeArea01 .inner_arrow {
	padding-top: 37px;
	background: url(/pc/images/bg33.gif) no-repeat 0 0;
}

.wrapRoute .placeArea01 p {
	padding-left: 0;
	background-image: none;
}

.wrapRoute .placeArea01 .inner_arrow.nowBetween {
	background: url(/pc/images/bg34.gif) no-repeat 0 0;
}

.wrapRoute .placeArea01 .inner_busstop {
	padding: 3px 15px 1px;
	background-color: #eeeeee;
	border: #eeeeee solid 2px;
    position: relative;
}

.wrapRoute .placeArea01 .inner_busstop p {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.wrapRoute .placeArea01 .inner_busstop.nowBusstop {
	padding-right: 30px;
	padding-left: 30px;
	background: #fdfae6 url(/pc/images/bg21.gif) no-repeat 98% 50%;
	border: #fccc87 solid 2px;
}

.wrapRoute .placeArea01 .inner_busstop.departure {
	background: #b2e4fd;
	border: #7bc3f5 solid 2px;
}

.wrapRoute .placeArea01 .inner_busstop.departure_nowBusstop {
	background: #b2e4fd url(/pc/images/bg62.gif) no-repeat 98% 50%;
	border: #7bc3f5 solid 2px;
}

.wrapRoute .placeArea01 .inner_busstop.destination {
	background: #ffb49a;
	border: #ff7f53 solid 2px;
}

.wrapRoute .placeArea01 .inner_busstop.destination_nowBusstop {
	background: #ffb49a url(/pc/images/bg63.gif) no-repeat 98% 50%;
	border: #ff7f53 solid 2px;
}

.wrapRoute .placeArea01 p.ic {
	position: absolute;
	top: 9px;
	right: 33px;
	padding: 0 3px;
	color: #ffffff;
	font-size: 100% !important;
	font-weight: normal !important;
	background: #115cb3 none;
}

.wrapRoute .placeArea01 .inner_arrow p.ic {
	position: absolute;
	top: 10px;
	right: 35px;
	padding: 0 3px;
	color: #ffffff;
	font-size: 100% !important;
	font-weight: normal !important;
	background: #115cb3 none;
}

.wrapRoute .lastPlace {
	position: relative;
}

.wrapRoute .lastPlace.stay {
	padding-bottom: 37px;
	background: url(/pc/images/bg34.gif) no-repeat 0 0 !important;
	zoom: 1;
}

.wrapRoute .lastPlace.stay p.ic {
	position: absolute;
	top: 10px;
	right: 35px;
	padding: 0 3px;
	color: #ffffff;
	font-size: 100% !important;
	font-weight: normal !important;
	background: #115cb3 none;
}


.selectArea01 select {
	width: 423px;
	margin: 10px 0 0 145px;
	padding: 5px;
	border: #888783 solid 1px;
}

.selectArea02 {
	position: relative;
	margin-top: 8px;
	width: 232px;
	height: 24px;
	padding: 5px 5px 0 78px;
}

.selectArea02 .window02 {
	border: none;
	width: 220px;
	padding: 2px 3px 5px;
}

*html .selectArea02 .window02 {
	border: #ffffff;
	width: 220px;
	padding: 0 3px;
}

*:first-child+html .selectArea02 .window02 {
	border: #ffffff;
	width: 220px;
	padding: 0 3px;
}

.selectArea02 .btn03 {
	position: absolute;
	width: 61px;
	top: 4px;
	left: 5px;
}

.selectArea03 {
	width: 316px;
	height: 226px;
	margin: 1px 0 0 2px;
	overflow: auto;
}

.selectArea03 select {
	width: 316px;
	height: 220px;
	border: #cccccc solid 1px;
}

.selectArea04 {
	position: relative;
	margin-top: 8px;
	width: 225px;
	height: 24px;
	padding: 5px 5px 0 30px;
	background: url(/pc/images/bg27.gif) no-repeat left top;
}

.selectArea04 .window02,
.selectArea04 .window03,
.selectArea04 .busstop_on,
.selectArea04 .busstop_off {
	border: none;
	width: 220px;
	padding: 2px 3px 2px;
}

*html .selectArea04 .window02,
*html .selectArea04 .window03,
*html .selectArea04 .busstop_on,
*html .selectArea04 .busstop_off {
	border: #ffffff;
	width: 220px;
	padding: 0 3px;
}

*:first-child+html .selectArea04 .window02,
*:first-child+html .selectArea04 .window03,
*:first-child+html .selectArea04 .busstop_on,
*:first-child+html .selectArea04 .busstop_off {
	border: #ffffff;
	width: 220px;
	padding: 0 3px;
}

.selectArea04 .btn03 {
	position: absolute;
	width: 70px;
	top: 2px;
	left: 266px;
}

.frameArea08 .selectArea04 {
	position: relative;
	margin-top: 5px;
	width: 180px;
	height: 24px;
	padding: 5px 5px 0 30px;
	background: url(/pc/images/bg46.gif) no-repeat left top;
}

.frameArea08 .selectArea04 .window02,
.frameArea08 .selectArea04 .window03,
.frameArea08 .selectArea04 .busstop_on,
.frameArea08 .selectArea04 .busstop_off {
	border: none;
	width: 170px;
	padding: 2px 3px 2px;
}

*html .frameArea08 .selectArea04 .window02,
*html .frameArea08 .selectArea04 .window03,
*html .frameArea08 .selectArea04 .busstop_on,
*html .frameArea08 .selectArea04 .busstop_off {
	border: #ffffff;
	padding: 0 3px;
}

*:first-child+html .frameArea08 .selectArea04 .window02,
*:first-child+html .frameArea08 .selectArea04 .window03,
*:first-child+html .frameArea08 .selectArea04 .busstop_on,
*:first-child+html .frameArea08 .selectArea04 .busstop_off {
	border: #ffffff;
	width: 160px;
	padding: 0 3px;
}

.frameArea08 .selectArea04 .btn03 {
	position: absolute;
	width: 70px;
	top: 2px;
	left: 216px;
}

.frameArea08 .stationList01 dd .selectArea04,
.frameArea02 .stationList01 dd .selectArea04 {
	margin-top: 0;
	width: 190px;
	height: 24px;
	background: url(/pc/images/bg51.gif) no-repeat left top;
}

.frameArea08 .stationList01 dd .selectArea04 .window02,
.frameArea08 .stationList01 dd .selectArea04 .window03,
.frameArea02 .stationList01 dd .selectArea04 .window02,
.frameArea02 .stationList01 dd .selectArea04 .window03 {
	width: 180px;
}

*:first-child+html .frameArea08 .stationList01 dd .selectArea04 .window02,
*:first-child+html .frameArea08 .stationList01 dd .selectArea04 .window03,
*:first-child+html .frameArea02 .stationList01 dd .selectArea04 .window02,
*:first-child+html .frameArea02 .stationList01 dd .selectArea04 .window03 {
	width: 170px;
}

.frameArea08 .stationList01 dd .selectArea04 .btn03,
.frameArea02 .stationList01 dd .selectArea04 .btn03 {
	left: 226px;
}

.selectArea05 {
	position: relative;
	width: 252px;
	height: 21px;
	padding: 4px;
}

.selectArea05 .window02,
.selectArea05 .window03 {
	border: none;
	width: 185px;
	padding: 3px 3px 2px;
}

*html .selectArea05 .window02,
*html .selectArea05 .window03 {
	border: #ffffff;
	padding: 0 3px;
}

*:first-child+html .selectArea05 .window02,
*:first-child+html .selectArea05 .window03 {
	border: #ffffff;
	padding: 0 3px;
}

.selectArea05 .btn01 {
	position: absolute;
	top: 4px;
	left: 195px;
}

.frameBox {
	margin-top: 7px;
	padding: 10px;
	border: #b8b8b8 solid 1px;
}

.mailList {
	margin-top: 10px;
	padding: 8px 10px 8px 14px;
	background-color: #d7e6fa;
}

.mailList dt {
	float: left;
	width: 85px;
	margin: 6px 10px 0 0;
}

.mailList dd {
	float: left;
	width: 580px;
}

.mailList dd .window01 {
	float: left;
	padding: 7px;
	margin-right: 10px;
	width: 395px;
	border: #adc1d1 solid 1px;
}

.mailList dd .btn {
	float: left;
	width: 158px;
}

.tabList01 {
	margin: 4px 1px 0;
	height: 56px;
	background: url(/pc/images/bg50.gif) no-repeat left bottom;
}

.tabList01 ul {
	margin-left: 20px;
}

.tabList01 ul li {
	float: left;
	margin-right: 8px;
	width: 315px;
	height: 53px;
	cursor: pointer;
	text-indent: -9999px;
}

.tabList01 ul li.tab01 {
	background: url(/pc/images/bt22.gif) no-repeat 0 0;
}

.tabList01 ul li.tab02 {
	background: url(/pc/images/bt23.gif) no-repeat 0 0;
}

.tabList01 ul li.tab01.select,
.tabList01 ul li.tab02.select {
	background-position: -315px 0 !important;
}

.tabList02 {
	margin-top: 10px;
	height: 56px;
	background: url(/pc/images/bg61.gif) no-repeat left bottom;
}

.tabList02 ul {
	margin-left: 20px;
}

.tabList02 ul li {
	float: left;
	margin-right: 8px;
	width: 363px;
	height: 53px;
	cursor: pointer;
	text-indent: -9999px;
}

.tabList02 ul li.tab01 {
	background: url(/pc/images/bt27.gif) no-repeat 0 0;
}

.tabList02 ul li.tab02 {
	background: url(/pc/images/bt28.gif) no-repeat 0 0;
}

.tabList02 ul li.tab01.select,
.tabList02 ul li.tab02.select {
	background-position: -363px 0 !important;
}

.tabList03 {
	margin-top: 10px;
	height: 56px;
	background: url(/pc/images/bg61.gif) no-repeat left bottom;
}

.tabList03 ul {
	margin-left: 10px;
}

.tabList03 ul li {
	float: left;
	margin-right: 0;
	width: 376px;
	height: 53px;
	cursor: pointer;
	text-indent: -9999px;
}

.tabList03 ul li.tab01 {
	background: url(/pc/images/bt34.gif) no-repeat 0 0;
}

.tabList03 ul li.tab02 {
	background: url(/pc/images/bt35.gif) no-repeat 0 0;
}

.tabList03 ul li.tab01.select,
.tabList03 ul li.tab02.select {
	background-position: -376px 0 !important;
}

.tabArea01 {
	margin: 0 20px;
}

.frameArea01 .tabArea01 {
	margin: 0;
}

.disnon {
	display: none;
}

.stationList01 {
	width: 410px;
	margin-left: 100px;
	padding-top: 11px;
	background: url(/pc/images/ic03.gif) no-repeat 194px 3px;
}

.frameArea02 .stationList01 {
	margin-left: 165px;
}

.stationList01.first {
	padding-top: 0;
	background-image: none;
}

.stationList01.selectBox01 {
	background-position: 194px 5px;
}

.stationList01 dt {
	float: left;
	width: 97px;
	margin-top: 4px;
	font-size: 0;
}

.stationList01 dd {
	float: left;
	width: 313px;
	padding-top: 3px;
}

.stationList01 dd select {
	margin-top: 3px
}
.form01 input[type=checkbox] {
	vertical-align: middle;
	margin-right: 5px;
}

.accordionBtn01 {
	margin-top: 5px;
}

.accordionBtn01 a {
	display: block;
	width: 242px;
	height: 36px;
	background: url(/pc/images/bt19.gif) no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}

.accordionBtn01 a:hover {
	background-position: -242px 0;
}

.accordionBtn01.on a {
	background: url(/pc/images/bt29.gif) no-repeat 0 0;
}

.accordionBtn01.on a:hover {
	background-position: -242px 0;
}

.accordionBtn01 a:focus {
	overflow: hidden;
}

.spArea01 {
	padding: 10px;
	background-color: #424b57;
	text-align: center;
}

.spArea01 p {
	padding: 0 10px;
}

.spArea01 p a {
	display: inline-block;
	padding: 20px 120px;
	background-image: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#E5EDF7), to(#CBDAEB), color-stop(.5,#E5EDF7));
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 4px #2c323b;
	font-size: 48px;
	font-weight: bold;
}

.spArea01 p a:link,
.spArea01 p a:visited,
.spArea01 p a:hover,
.spArea01 p a:active {
	color: #202020;
	text-shadow: 1px 1px 0px #ffffff;
	text-decoration: none;
}

.frameWide01 {
	margin-top: 10px;
	background: url(/pc/images/bg65.gif) repeat-y left top;
}

.frameWide01 .inner1 {
	padding-top: 6px;
	background: url(/pc/images/bg64.gif) no-repeat left top;
}

.frameWide01 .inner2 {
	padding: 30px 1px 20px;
	background: url(/pc/images/bg66.gif) no-repeat left bottom;
}

.frameWide01 .heading3 {
	width: 914px;
	margin: 20px 0 0 10px;
	padding: 6px 11px;
	background-color: #115cb3;
	color: #ffffff;
	font-size: 117%;
	font-weight: bold;
}


.imgArea03 {
	float: left;
	padding-left: 48px;
	width: 419px;
}

.textArea03 {
	float: left;
	padding-top: 13px;
	width: 479px;
}

.imgArea04 {
	float: left;
	padding: 45px 0 0 4px;
	width: 230px;
}

.textArea04 {
	float: left;
	padding-top: 70px;
	width: 245px;
}

.frameArea11 {
	margin: 15px 0 0 4px;
	width: 450px;
	height: 125px;
	background: url(/pc/images/bg67.gif) no-repeat left top;
}

.frameArea11 h3 {
	padding: 16px 0 0 40px;
}

.frameArea11 p {
	margin: 12px 0 0 59px;
}

.wrapFrame {
	margin-top: 10px;
	width: 914px;
	overflow: hidden;
}

.wrapFrame .inner {
	width: 925px;
}

.frameBox07 {
	float: left;
	width: 285px;
	height: 86px;
	margin-right: 11px;
	padding: 9px 0 0 12px;
	background: url(/pc/images/bg68.gif) no-repeat left top;
}

.frameBox07 p {
	margin: 4px 0 0 3px;
}

.imgArea05 {
	float: left;
	margin-top: 30px;
	width: 241px;
}

.textArea05 {
	float: left;
	margin-top: 30px;
	width: 684px;
}

.textArea05 h3 {
	padding: 5px 11px;
	background-color: #ecf4ff;
	color: #115cb3;
	font-size: 117%;
	font-weight: bold;
}

.textArea05 p {
	margin: 10px 0 0 10px;
}

.imgArea06 {
	float: left;
	width: 420px;
	margin: 10px 20px 0 0;
}
.textArea06 {
	float: left;
	width: 291px;
	margin-top: 10px;
}

.imgArea07 {
	clear:both;
	float: left;
	width: 21px;
	margin: 0 4px 15px 0;
}
.textArea07 {
	float: left;
	width: 265px;
	margin: 0 0 15px 0;
}

.textArea08 {
	clear:both;
}

/* aside 
*****************************************/
#aside {
	float: right;
	width: 160px;
	margin-top: 80px;
}

#wrapper.top #aside {
	width: 300px;
	margin-top: 9px;
}

#wrapper.searchApproachInfo #aside {
	width: 300px;
}

#wrapper.displayRouteInfo #aside {
	width: 300px;
	margin-top: 20px;
}

#wrapper.selectInitial #aside {
	width: 300px;
	margin-top: 40px;
}

#wrapper.usage #aside {
	width: 300px;
}

#wrapper.searchTransferInfo #aside {
	width: 300px;
	margin-top: 40px;
}

#exceptAd {
	width: 160px;
	margin: auto;
}

#wrapper.top #exceptAd {
	width: 270px;
}


/* footer 
*****************************************/
#footWrap {
	min-width: 1100px;
	padding-top: 113px;
	background: #f0f3f7 url(/pc/images/bg03.jpg) no-repeat center top;
}

#footInner {
	padding-top: 6px;
	background: #f4f6f9 url(/pc/images/bg02.gif) repeat-x left top;
}

#footer {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	padding: 0 60px 50px 0;
}

#footWrap.top #footer {
	width: 1070px;
}

#footWrap.searchApproachInfo #footer {
	width: 1160px;
}

#footWrap.displayRouteInfo #footer {
	width: 1160px;
}

#footWrap.selectInitial #footer {
	width: 1160px;
}

#footWrap.usage #footer {
	width: 1160px;
}

#footWrap.searchTransferInfo #footer {
	width: 1160px;
}

.popup #footer {
	margin-top: 20px;
	padding: 0;
	width: 800px;
	text-align: center;
}

#footer .pagetop {
	position: absolute;
	top: -154px;
	right: 70px;
	font-weight: bold;
}

#footer .pagetop a {
	padding-left: 24px;
	background: url(/pc/images/ic01.gif) no-repeat 0 50%;
}

#footNavi {
	position: absolute;
	top: 30px;
	right: 60px;
	overflow: hidden;
}

*html #footNavi {
	width: 365px;
}

#footNavi ul {
	margin-left: -11px;
}

#footNavi li {
	float: left;
	margin-right: 9px;
	padding-left: 10px;
	border-left: #7c8288 solid 1px;
	line-height: 1.4;
}

#copyright {
	padding: 53px 10px 0 0;
	text-align: right;
	font-size: 84%;
}

.popup #copyright {
	padding-top: 20px;
	text-align: center;
}

/* Clearfix
*****************************************/
#headNavi ul:after,
#footNavi ul:after,
.wrap:after,
#globalNavi ul:after,
#contents:after,
.syllabaryList:after,
.inner1:after,
.inner2:after,
.infoArea:after,
.infoArea dl:after,
.mailList:after,
.mailList dd:after,
.frameBox:after,
.wrapRoute:after,
.frameArea05 .inner1 dl:after,
.tabList01 ul:after,
.stationList01:after,
.list03:after,
.wrapFrame:after,
.textArea06:after {
	content: ".";
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

/*
.section,
*/
#headNavi ul,
#footNavi ul,
.wrap,
#globalNavi ul,
#contents,
.syllabaryList,
.inner1,
.inner2,
.infoArea,
.infoArea dl,
.mailList,
.mailList dd,
.frameBox,
.wrapRoute,
.frameArea05 .inner1 dl,
.tabList01 ul,
.stationList01,
.list03,
.wrapFrame,
.textArea06 {
	display:block;
	zoom:1;
}

/* IE7 hacks */ 
*:first-child+html #headNavi ul,
*:first-child+html #footNavi ul,
*:first-child+html .wrap,
*:first-child+html #globalNavi ul,
*:first-child+html #contents,
*:first-child+html .syllabaryList,
*:first-child+html .inner1,
*:first-child+html .inner2,
*:first-child+html .infoArea,
*:first-child+html .infoArea dl,
*:first-child+html .mailList,
*:first-child+html .mailList dd,
*:first-child+html .frameBox,
*:first-child+html .wrapRoute,
*:first-child+html .frameArea05 .inner1 dl,
*:first-child+html .tabList01 ul,
*:first-child+html .stationList01,
*:first-child+html .list03,
*:first-child+html .wrapFrame,
*:first-child+html .textArea06 {
	display:inline-table;
	zoom:1;
}

/* advertisement
*****************************************/
.advertisement-flex {
	display: flex;
}
.advertisement-flex .col01 {
	width: 354px;
	margin-right: 18px;
	padding-left: 9px;
}
.advertisement-flex .col02 {
	width: 364px;
}