@charset "utf-8";

@import url(common.css); 

/*contents*/

.contentTop   { margin: 2px 0 0 5px }

.contentTop p   { font-size: 90%; margin: 2px 0 0 7px }



/*document*/

#contents    { margin: 10px 0 0 36px; width: 684px }

#contentsMain  { width: 498px }
.menuBorder     { font-size: 90%; background: url("../img/border01.gif") no-repeat left bottom; margin: 5px 0; padding-bottom: 4px; width: 460px }
.menuBorder a  { padding-left: 10px; width: 210px; float: left }
.menuBorder h3    { font-size: 100%; background: url("../domterminal/img/border01.gif") no-repeat left top; padding-left: 10px; width: 452px }
.conbox  { margin-top: 10px; width: 460px }
.titback     { color: #fff; font-size: 108%; font-weight: bold; background: #fafafa url("../access/img/titback.gif") no-repeat left center; margin-top: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; width: 457px }
.txtbold { font-weight: bold }
.txtred  { color: #ff5a00; line-height: 110%; margin-left: 0 }
.txtblue  { color: #3c4b9c }
.txtpink { color: #d2328c }
.borderline  { background-image: url("../img/border01.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; margin-top: 10px; margin-bottom: 10px }
.buscompany { margin-top: 10px; margin-bottom: 10px }
.busfare   { color: #00248c; background-color: #dce6ff }
/*busstop*/
.busstopno  { font-size: 97%; background-color: #646464; margin-top: 10px; margin-bottom: 5px; width: 458px }
.busstopnotitle { color: #fff; font-weight: bold; background-color: #646464; text-align: center }
.busstopnoarea { background-color: #fff; padding: 2px 5px }
.busstopnogreen  { color: #2e8d28; background-color: #fff; text-align: center }
.shorttitback { color: #fff; font-size: 108%; font-weight: bold; background-image: url("../access/img/shorttitback.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-align: center; margin-top: 10px; margin-bottom: 5px; padding-left: 3px; width: 130px }
/*bustime*/
.onebustime { font-size: 97%; background-color: #ffdcf0; padding-top: 2px; padding-bottom: 2px; padding-left: 5px }
.twobustime { font-size: 97%; background-color: #c3d2ff; padding-top: 2px; padding-bottom: 2px; padding-left: 5px }
.topztoa  { margin-top: 10px; margin-bottom: 5px; width: 460px; border-bottom: 1px solid #d2328c }
.topztoa h3 { color: #d2328c; font-weight: bold; margin-bottom: 2px }
.attention  { color: #c80000; font-weight: bold; background-color: #ffe6f0; display: block; margin-top: 5px; margin-bottom: 10px; padding: 10px; width: 440px; border: solid 1px }
.caution   { color: #c80000; font-weight: bold; display: block; margin-top: 5px; margin-bottom: 10px; padding: 10px; width: 450px; border: solid 1px }
.cautionAfter   { color: #fff; font-weight: bold; background-color: #c80000; text-align: center; display: block; margin: 5px auto 10px; padding: 10px; width: 450px; border: double 5px }
/*taxi*/
.taxitable { background-color: #646464; margin-top: 10px; margin-bottom: 5px; width: 458px }
.taxibdy { background-color: #fff; text-align: center; padding-top: 2px; padding-bottom: 2px }
.taxiroute  { background-color: #fff; text-align: left; text-indent: 10px; padding-top: 2px; padding-bottom: 2px }
/*carparking*/
.contactleft  { margin-top: 3px; margin-right: 10px; width: 220px; float: left }
.contactright  { margin-top: 3px; width: 220px; float: left }
.parkblock { width: 220px; border-bottom: 1px dashed #646464 }
.parkblock h4 { color: #005000 }
.parkblock p { font-size: 110%; padding-left: 15px }
.topparkblock { width: 220px; border-top: 1px dashed #646464; border-bottom: 1px dashed #646464 }
.topparkblock h4 { color: #005000 }
.topparkblock p { font-size: 110%; padding-left: 15px }
.txtred_b {
    color:#FF5A00;
    font-weight:bold;
    line-height:1.8em;
}
.ryokin {
    background-color:#969696;
}
.ryokin td{
    padding-top:3px;
    padding-bottom:3px;
}
.ryokin thead{
    text-align:center;
    background-color:#FFD582;
}
.ryokinsubhead{
    text-align:center;
    background-color:#FBF0DC;
}
.ryokinwhite{
    background-color:#FFFFFF;
    text-align:right;
}
.kome {
    font-size:90%;
    color:#E84742;
}

.otoiawase {
    width: 300px;
    margin-left: 70px;
    margin-top:20px;
    margin-bottom:20px;
    border:1px dotted #669900;
    padding:10px;
    color:#669900;
}
/*bustime to-airport*/
.atoz   { margin-top: 10px; margin-bottom: 5px; width: 460px; border-bottom: 1px solid #3c4b9c }
.atoz h3  { color: #3c4b9c; font-weight: bold; margin-bottom: 2px; float: left }
.atoz p { color: #3c4b9c; font-size: 98%; background-image: url("../access/img/to_airport.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; margin-bottom: 2px; margin-left: 5px; padding-left: 23px; float: left }
.update { font-size: 95%; text-align: right; width: 460px }
.renew  { color: #f05000; font-size: 98%; font-weight: bold; text-align: right; width: 460px }
.txtbox { width: 460px }
.txtbox ul li { list-style-type: disc; list-style-position: outside; margin-left: 20px; width: 440px }
.timetable { background-color: #323232; width: 458px }
.timetable td { font-size: 95%; text-align: center }
.timetablearea { color: #fff; background-color: #3c4b9c }
.timetableinfo { color: #3c4b9c; background-color: #fff }
.arrive { background-color: #d2e6ff }
.time { background-color: #fff }
/*bustime to-area*/
.ztoa  { margin-top: 10px; width: 460px; border-bottom: 1px solid #d2328c }
.ztoa h3   { color: #d2328c; font-weight: bold; background-image: url("../access/img/to_area.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; margin-bottom: 2px; margin-left: 5px; padding-left: 23px; float: left }
.ztoa p { color: #d2328c; font-size: 98%; margin-bottom: 2px; float: left }
.timetablered  { background-color: #323232; width: 458px }
.timetablered td  { font-size: 95%; text-align: center }
.timetableareared  { color: #fff; font-size: 50%; background-color: #d2328c }
.timetableinfored { color: #d2328c; background-color: #fff }
.arrivered { background-color: #ffe6f0 }
.busstop   { margin-top: 5px }
.busstop p  { margin-right: 8px; width: 230px; float: left }
.comment  {
	list-style-type: none;
	width: 215px;
	float: left;
	font-weight: bold;
	color: #C80000;
}
.commentlong { list-style-type: disc; list-style-position: outside; margin-top: 5px; margin-left: 15px; width: 445px }
.busstop img { float: left }
.late    { background-color: #e6d2be }
.maybelate { margin-top: 3px; margin-bottom: 3px }
.maybelate p    { color: #e6d2be; background-color: #e6d2be; width: 35px; float: left; border: solid 1px #646464 }
/*other*/
.othermenuborder { font-size: 90%; margin-top: 5px; margin-bottom: 5px; width: 460px; border-top: 1px dashed #646464; border-bottom: 1px dashed #646464 }
.othermenuborder h3  { font-size: 100%; background-color: transparent; padding-left: 10px; width: 452px }
.otherconbox  { background-image: url("../img/border01.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; margin-top: 5px; margin-bottom: 5px; width: 460px }
.otherconbox h3  { color: #2e8c28; font-size: 97% }
.otherconbox h4  { color: #ff5a00; font-size: 98%; margin-top: 5px }
.smalltitle  { color: #fff; font-weight: bold; background-color: #2e8c28; padding: 2px 5px; width: 450px }
.spaceLeft01 {
	margin-left: 8px;
}
.spaceTop01 {
	margin-top: 3px;
}

/*onsen
*/
.passport { background-color: #e6e6be; margin-top: 5px; margin-bottom: 5px; padding: 10px; width: 440px }
.passport img { float: right }
.passport h3 { color: #00167f; font-weight: bold }
.passport h4 { color: #00167f; font-size: 110%; font-weight: bold }
.passport p { color: #00167f }

/*NEWbustime0903*/
.newTimetable {
	background-color: #FFFFFF;
	width: 458px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.downroadBTN {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	font-size: 90%;
	color: #000050;
	margin-bottom: 20px;
	text-align: center;
}

.newComment  {
	list-style-type: none;
	list-style-position: outside;
	width: 450px;
	font-weight: bold;
	color: #C80000;
}

.arrow {
margin-left:20px;
font-size:90%;
 }

div.ori {
    width:450px;
    background-color:#FBF0D7;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:5px;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:5px;
    line-height:2.2em;
}
div.ori img{
    margin:3px;
}
div.ori h3 {
font-size:95%;
color:#C25313;
cursor:pointer;
}
.timetablebook {
	width: 470px;
	padding-bottom:10px;
	margin-bottom: 5px;
	border:1px solid #C8C8C8;
}