@charset "shift_jis";

/*
	base.css
	update:2014.12.08
*/

/*--------------------------------------------------right-scroll*/
*html body { overflow-y:visible; }/*for IE6*/
*+html body { overflow-y:visible; }/*for IE7*/
body { overflow-y:scroll; height:100%; }

/*--------------------------------------------------html*/
html {
	min-width:900px;
	height:100%;
}
body {
	background:url(../images/elements/bg_body.jpg) #FFF repeat-x;
}
div#wrapper {
	font-size:108%;/*up to 1pt*/
	min-height:100%;
	height:auto!important;
	height:100%;
/*	background:#FFF;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	box-shadow:1px 1px 1px 0 #DCDCDC;
	-moz-box-shadow:1px 1px 1px 0 #DCDCDC;
	-webkit-box-shadow:0 0 3px 0 #DCDCDC;
	margin:0 auto;
	padding:0 30px;
	width:980px;*/
}

/*--------------------------------------------------header*/
header {
	height:80px;
	margin:0 auto;
	width:980px;
	position:relative;
}

/*logo*/
a#logo {
	background:url(../images/elements/logo.svg) no-repeat;
	_background:url(../images/elements/logo.gif) no-repeat;
	display:block;
	height:25px;
	width:269px;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:0;
}
.ie7 a#logo,
.ie8 a#logo,
.android a#logo {
	background:url(../images/elements/logo.png) no-repeat;
}

/*english*/
a#english {
	background:url(../images/elements/english.svg) no-repeat;
	_background:url(../images/elements/english.gif) no-repeat;
	display:block;
	height:16px;
	width:117px;
	text-indent:-9999px;
	position:absolute;
	top:19px;
	left:863px;
}
.ie7 a#english,
.ie8 a#english,
.android a#english {
	background:url(../images/elements/english.png) no-repeat;
}

/*--------------------------------------------------contents*/
article {
	margin:20px auto 0 auto;
	min-height:300px;
	height:auto!important;
	height:300px;
	width:980px;
}
article:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
section {
	background:#FFF;
	border-bottom:1px solid #C8C8C8;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #C8C8C8;
	border-top:1px solid #DCDCDC;
	border-radius:5px;
	box-shadow:0 1px 2px 0 #DCDCDC;
	-moz-box-shadow:0 1px 2px 0 #DCDCDC;
	-webkit-box-shadow:0 1px 2px 0 #DCDCDC;
	overflow:hidden;/*clearfix*/
	margin-bottom:20px;
	padding:30px;
}

/*layout*/
section p { line-height:1.6; margin-bottom:1em; text-indent:1em; }

/*--------------------------------------------------title*/
/*category*/
body article h1 {
	background:url(../images/title/title_category.svg) no-repeat;
	_background:url(../images/title/title_category.gif) no-repeat;
	height:25px;
	margin-bottom:10px;
	text-indent:-9999px;
}
.ie7 body article h1,
.ie8 body article h1,
.android body article h1{
	background:url(../images/title/title_category.png) no-repeat;
}
/*position*/
body#terminalselect article h1,
body#stationlists article h1 { background-position:0 0; }
body#stationlists article h1,
body#terminalresult article h1,
body#nostation article h1 { background-position:0 -25px; }
body#searchentry article h1 { background-position:0 -50px; }
body#noresult article h1 { background-position:0 -50px; }
body#searchresult article h1 { background-position:0 -75px; }
body#stationmap article h1 { background-position:0 -100px; }
body#handle article h1 { background-position:0 -125px; }
body#operationinfo article h1 { background-position:0 -150px; }
body#link article h1 { background-position:0 -175px; }
body#help article h1 { background-position:0 -200px; }
body#terms article h1 { background-position:0 -225px; }
body#inquiry article h1 { background-position:0 -250px; }
body#maps article h1 { background-position:0 -275px; }
body#taxilist article h1 { background-position:0 -300px; }
body#platformdoor article h1 { background-position:0 -325px; }
body#stationselect article h1 { background-position:0 -350px; }
body#airport article h1 { background-position:0 -375px; }
body#bus article h1 { background-position:0 -400px; }
body#port article h1 { background-position:0 -425px; }
body#announce article h1 { background-position:0 -475px; }

/*for windows*/
.win article section h1,
.win article section h2,
.win article section h3,
.win article section h4,
.win article section h5,
.win article section h6 {
	font-weight:bold;
}

/*--------------------------------------------------*lists*/
dl.list { padding:0 0 0 2em; }
dl.list dt { font-weight:bold; margin-bottom:1em; }
dl.list dd { margin:0.5em 1em; }
dl.list dd ul li { line-height:1.6; margin-bottom:0.3em; text-indent:0; }

ul.list { padding-bottom:0; }
ul.list, ol.list { margin-bottom:1em; padding-left:2em; }
ul.list li, ol.list li { line-height:1.6; margin-bottom:0.3em; }

ul.list_circle, ul.list_disc, ul.list_square, ul.list_nostyle {	margin-left:1.6em; }

dd ul.list_circle, dd ul.list_disc, dd ul.list_square {	margin-left:2em; }
ol.list_decimal, ol.list_decimal-leading-zero, ol.list_lower-roman, ol.list_upper-roman, ol.list_upper-alpha, ol.list_nostyle {	margin-left:1.6em; }
dd ol.list_decimal, dd ol.list_decimal-leading-zero, dd ol.list_lower-roman, dd ol.list_upper-roman, dd ol.list_upper-alpha { margin-left:2em; }

/*Don't change the order*/
ul.list_square li {	list-style:square outside; }
ul.list_disc li { list-style:disc outside; }
ul.list_circle li { list-style:circle outside; }
ul ul.list_circle, ul ul.list_disc, ul ul.list_square {	margin:0.3em 0 0.4em 1.5em; }

ol.list_decimal li { list-style:decimal outside; }
ol.list_decimal-leading-zero li { list-style:decimal-leading-zero outside; }
ol.list_lower-roman li { list-style:lower-roman outside; }
ol.list_upper-roman li { list-style:upper-roman outside; }
ol.list_lower-alpha li { list-style:lower-alpha outside; }
ol.list_upper-alpha li { list-style:upper-alpha outside; }

ol ol.list_decimal, ol ol.list_decimal-leading-zero, ol ol.list_lower-roman, ol ol.list_upper-roman, ol ol.list_upper-alpha { margin:0.3em 0 0.4em 1.5em; }

/*extensions*/
section.list_external, section a[target$="_blank"] { background:url(../images/icons/extensions/icon_external.svg) no-repeat 0 1px; _background:url(../images/icons/extensions/icon_external.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
.ie7 section.list_external, .ie7 section a[target$="_blank"],
.ie8 section.list_external, .ie8 section a[target$="_blank"],
.android section.list_external, .android section a[target$="_blank"]
 { background:url(../images/icons/extensions/icon_external.gif) no-repeat 0 1px;}
section.list_pdf, section a[href$='.pdf'] { background:url(../images/icons/extensions/icon_pdf.gif) no-repeat 0 1px!important; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_doc, section a[href$=".doc"], section a[href$=".docx"] { background:url(../images/icons/extensions/icon_doc.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_xls, section a[href$=".xls"], section a[href$=".xlsx"] { background:url(../images/icons/extensions/icon_xls.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_ppt, section a[href$=".ppt"], section a[href$=".pptx"] { background:url(../images/icons/extensions/icon_pps.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_txt, section a[href$=".txt"] { background:url(../images/icons/extensions/icon_txt.gif) no-repeat 0 3px; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
section.list_archive, section a[href$=".zip"], section a[href$=".lzh"], section a[href$=".lha"] { background:url(../images/icons/extensions/icon_archive.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_mailto, section a[href ^="mailto:"] { background:url(../images/icons/extensions/icon_mailto.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_music, section a[href$=".aac"], section a[href$=".mp3"], section a[href$=".wav"] { background:url(../images/icons/extensions/icon_music.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_movie, section a[href$=".wmv"], section a[href$=".mpeg"], section a[href$=".mpg"], section a[href$=".mov"], section a[href$=".avi"], section a[href$=".asf"] { background:url(../images/icons/extensions/icon_film.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
section.list_exe, section a[href$=".exe"] { background:url(../images/icons/extensions/icon_exe.gif) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }

/*others*/
.icon_info { background:url(../images/icons/icon_info.svg) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
.ie7 .icon_info,
.ie8 .icon_info,
.android .icon_info { background:url(../images/icons/icon_info.gif) no-repeat 0 1px; }
.icon_map { background:url(../images/icons/icon_map.svg) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
.ie7 .icon_map,
.ie8 .icon_map,
.android .icon_map { background:url(../images/icons/icon_map.svg) no-repeat 0 1px; }
.icon_arrow-orange { background:url(../images/icons/icon_arrow-orange.svg) no-repeat 0 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
.ie7 .icon_arrow-orange,
.ie8 .icon_arrow-orange,
.android .icon_arrow-orange { background:url(../images/icons/icon_arrow-orange.gif) no-repeat 0 1px; }
.icon_back { background:url(../images/icons/icon_back.svg) no-repeat left 1px; display:inline-block; padding-left:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
.ie7 .icon_back,
.ie8 .icon_back,
.android .icon_back { background:url(../images/icons/icon_back.gif) no-repeat left 1px; }
.icon_next { background:url(../images/icons/icon_next.svg) no-repeat right 1px; display:inline-block; padding-right:22px; min-height:20px; height:auto!important; height:20px; overflow:visible; text-indent:0; }
.ie7 .icon_next,
.ie8 .icon_next,
.android .icon_next { background:url(../images/icons/icon_next.gif) no-repeat right 1px; }

/*--------------------------------------------------for IE6*/
*html section a.external { background:url(../images/icons/extensions/icon_external.gif) no-repeat 0 3px; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.pdf { background:url(../images/icons/extensions/icon_pdf.gif) no-repeat 0 3px; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.doc { background:url(../images/icons/extensions/icon_doc.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.xls { background:url(../images/icons/extensions/icon_xls.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.ppt { background:url(../images/icons/extensions/icon_pps.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.txt { background:url(../images/icons/extensions/icon_txt.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.archive { background:url(../images/icons/extensions/icon_archive.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.music { background:url(../images/icons/extensions/icon_music.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.movie { background:url(../images/icons/extensions/icon_film.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.exe { background:url(../images/icons/extensions/icon_exe.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a.mailto { background:url(../images/icons/extensions/icon_mailto.gif) no-repeat 0 3px!important; display:inline-block; padding-left:22px; min-height:16px; height:auto!important; height:16px; overflow:visible; text-indent:0; }
*html section a {
	behavior: expression(
	this.className += this.getAttribute("href").match(/^http.*/) ? " external" : "",
	this.className += this.getAttribute("href").match(/^https.*/) ? " external" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
	this.className += this.getAttribute("href").match(/\.docx$/) ? " doc" : "",
	this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
	this.className += this.getAttribute("href").match(/\.xlsx$/) ? " xls" : "",
	this.className += this.getAttribute("href").match(/\.ppt$/) ? " ppt" : "",
	this.className += this.getAttribute("href").match(/\.pptx$/) ? " ppt" : "",
	this.className += this.getAttribute("href").match(/\.txt$/) ? " txt" : "",
	this.className += this.getAttribute("href").match(/\.zip$/) ? " archive" : "",
	this.className += this.getAttribute("href").match(/\.lzh$/) ? " archive" : "",
	this.className += this.getAttribute("href").match(/\.lha$/) ? " archive" : "",
	this.className += this.getAttribute("href").match(/\.aac$/) ? " music" : "",
	this.className += this.getAttribute("href").match(/\.mp3$/) ? " music" : "",
	this.className += this.getAttribute("href").match(/\.wav$/) ? " music" : "",
	this.className += this.getAttribute("href").match(/\.wmv$/) ? " movie" : "",
	this.className += this.getAttribute("href").match(/\.mpg$/) ? " movie" : "",
	this.className += this.getAttribute("href").match(/\.mov$/) ? " movie" : "",
	this.className += this.getAttribute("href").match(/\.avi$/) ? " movie" : "",
	this.className += this.getAttribute("href").match(/\.asf$/) ? " movie" : "",
	this.className += this.getAttribute("href").match(/\.exe$/) ? " exe" : "",
	this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "",
	this.style.behavior = "none"
	);
}

/*--------------------------------------------------annotate*/
/*normal*/
ul.annotate { margin:0 0 20px 1em; padding-left:1em; }
ul.annotate li { color:#505050; font-size:85%; line-height:1; margin-bottom:0.5em; }
ul.annotate li span { margin:0 0.5em 0 -1.2em; }
.win ul.annotate li span { margin:0 0.5em 0 -1.5em; }

/*decimal*/
ol.annotate { margin:0 0 20px 1.5em; padding-left:1em; }
ol.annotate li { color:#505050; font-size:85%; line-height:1; margin-bottom:0.5em; }
ol.annotate li span { margin:0 0.5em 0 -1.8em; }
.win ol.annotate li span { margin:0 0.5em 0 -2em; }

/*--------------------------------------------------table(common)*/
section table {
	border-left:1px solid #DCDCDC;
	border-top:1px solid #DCDCDC;
	margin-bottom:20px;
}
section table caption {
	font-size:123.1%;
	margin-bottom:0.2em;
	text-align:left;
}
section table tr th,
section table tr td {
	padding:8px 10px;
}
section table tr th, section table tr td {
	border-bottom:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	font-weight:normal;
}
section table thead tr th {
	background:#F0F0F0;
	background:-moz-linear-gradient(bottom, #F0F0F0 50%, #FAFAFA 50%);
	background:-ms-linear-gradient(bottom, #F0F0F0 50%, #FAFAFA 50%);
	background:-o-linear-gradient(bottom, #F0F0F0 50%, #FAFAFA 50%);
	background:-webkit-linear-gradient(bottom, #F0F0F0 50%, #FAFAFA 50%);
	text-shadow:-1px -1px 0 #FFF;
}
section table tbody tr th {
	background:#FAFAFA;
}
.win section table tr th { font-weight:bold; }
.noborder_bottom {
	border-bottom:none!important;
}
.noborder_left {
	border-left:none!important;
}
.noborder_right {
	border-right:none!important;
}
.noborder_top {
	border-top:none!important;
}

/*--------------------------------------------------other*/
.text_left { text-align:left!important; }
.text_center { text-align:center!important; }
.text_right { text-align:right!important; }

sup { bottom:0.6em; color:#787878; font-size:77%; position:relative; }

span.filesize { font-size:85%; margin-left:0.2em; }

address {
	font-style:normal;
}

/*caution*/
div.caution {
	background:#FFFDFD;
	background:-moz-linear-gradient(#FFFDFD 50%, #FFF7F7 50%);
	background:-ms-linear-gradient(#FFFDFD 50%, #FFF7F7 50%);
	background:-o-linear-gradient(#FFFDFD 50%, #FFF7F7 50%);
	background:-webkit-linear-gradient(#FFFDFD 50%, #FFF7F7 50%);
	border:3px solid #FF9B9B;
	border-radius:5px;
	box-shadow:0 1px 2px 0 #E6E6E6;
	-moz-box-shadow:0 1px 2px 0 #E6E6E6;
	-webkit-box-shadow:0 1px 2px 0 #E6E6E6;
	margin-bottom:20px;
	padding:20px;
}
div.caution h2 {
	margin-bottom:0.8em;
}
div.caution p {
	margin:0;
	text-indent:0;
}

/*--------------------------------------------------footer*/
footer {
	font-size:93%;
	height:80px;
	margin:0 auto;
	width:980px;
}
footer:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
/*decoration*/
footer a {
	text-decoration:none;
}

/*--------------------------------------------------clearfix*/
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* hides clearfix from IE-mac ‘£*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

/*EOF*/