/*
 * caution.css
 */
html {
	background-color:#FFFFFF;
}

h2{
	border-bottom: 2px solid #0e599d;
	border-left: 1em solid #0e599d;
	font-size: 140%;
	font-weight: bold;
	clear: both;
	margin: 1em 1em 1em;
	padding: 0 0 0 3px;
}
h3{
	border-left: 7px solid #0e599d;
	clear: both;
	font-size: 130%;
	font-weight: bold;
	margin: 1.5em 1em 0;
	padding: 0 0 0 3px;
}
/*.mainbox{background-color:#91D9F9;border: 7px solid #91D9F9;}*/
.mainbox{background-color:#FFFFFF;border: 7px solid #FFFFFF;}

.header{
	padding:10px 0 0 0;
	border-bottom: 3px solid #0e599d;
	text-align: center;
	}
.cbox{
    width:640px;
    margin:20px auto;
    background-color:#ffffdd;
    border: 3px solid #0e599d;
    padding:1em;
}
span.dot{margin-left:-0.5em;}
li{margin: 0 3em 0em;}
.qbox{font-size:1.0em;text-align:center;font-weight:normal;}
.agree{margin: 1em 2em 1em;}
.footer{padding: 0 0 16px;}

.copy{text-align:center;}

.btn{
	text-decoration:none;
	padding: 2px 20px 2px 20px;
	margin: 1.5em 0 0.8em 1em;
	color:#ffffff;
	background-color:#0e599d;
	border: 3px #0e599d outset;
}
.btn:visited{
	color:#ffffff;
}
.btn:hover{
	background-color:#ff3333;
	border: 3px #ff3333 outset;
}

.tablePan{
	background-color:#ffffff;
	height:100%;
}

/* Access
================================================== */

#access strong {
	font-size: 112.5%;
	font-weight: normal;
}

#access .tabbody {
	padding: 0 10px;
	border: 2px solid #c9c9c9;
	border-radius: 3px;
	background: #fff;
}
#access .tabbody ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

#access .tabbody li {
	padding: 5px 0;
	margin: 0.5em 0 0em 0;
	border-bottom: 1px dashed #b7b7b7;
}

#access .tabbody li:last-child {
	margin: 0.5em 0 0.5em 0;
	border-bottom: 0;
}
#access .tabbody li  {
	padding: 1em 0 1.0em 14px;
	border-left-width: 7px;
	border-left-style: solid;

}
#access .tabbody li.air {
	border-left-color: #009fd5;
}
#access .tabbody li.jr  {
	border-left-color: #7bc000;
}
#access .tabbody li.bus  {
	border-left-color: #cb4053;
}

#access .link ul {
	padding-left: 0;
	list-style: none;
}
#access .link li {
	display: inline-block;
	margin-bottom: 10px;
}
#access .link li a {
	display: inline-block;
	border: 2px solid #c9c9c9;
	border-radius: 3px;
	padding: 10px;
	min-width: 200px;
	background: #fff;
	color: #333;
	font-size: 125%;
	text-decoration: none;
	text-align: center;
}

/* map
================================================== */
#mainContainer {
  /*position:relative;
  overflow: hidden;*/
}

#main {
  /*position:relative;
  float:left;
  left: 50%;*/
  /* width: 1200px; */
  /*float:center;*/
}

#map {
  text-align:center;
}

#mapFrame {
  /* margin: 0 2em; */
  /*float:right;*/
  background-color: #ffffff;
  border: 3px outset #0e599d;
  /* position:relative*/;
  /* float:center; */
  /*left: -50%; */

}

#mapText {
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
}

#mainMap {
  padding:0;
  margin:0;
  width:520px;
  height:530px;
  position: relative; z-index: 10;
}

/* class */
/* header buttons */
.buttons {
	overflow:auto;
	clear:both;
	position:relative;
	padding: 5px 5px 5px 5px;
	/*background-color:#7BA3B4;*/
	background-image: url(../img/map_bg4.png);

}

/* ui-layout */
/* pane */
.ui-layout-pane {
    background: transparent;
    border: 0;
    padding: 0;
    overflow: auto;
}
.ui-layout-north {
    overflow: hidden;
}

.ui-layout-south {
    overflow: hidden;
    height: 140px;
}

.ui-layout-east {
    overflow: auto;
    padding: 10px;
    border: 2px solid #BBBBBB;
}
.ui-layout-center {
    overflow: hidden;
    border: 2px solid #BBBBBB;
}
/* toggler */
.ui-layout-toggler {
    color: #666666;
    border: 1px solid #BBBBBB;
    background-color: #999999;
    display: none;
}
.ui-layout-toggler:hover {
    background-color: #FFCC66;
}
.ui-layout-toggler .content {
    font: 30px bold Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 0.35ex;
}
.ui-layout-toggler-north ,
.ui-layout-toggler-south {
    border-width: 0 1px;
}
.ui-layout-toggler-west ,
.ui-layout-toggler-east {
    border-width: 1px 0;
}
/* resizer */
.ui-layout-resizer-sliding {
	display: none;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
	/*background-color: #FFCC66; */
	/*background-color: #ffffff; */
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width:2px 0;
	padding: 1em 1.4em;
	background: #ffffdd;
}

.ui-widget-header {
	display: block;
	border-width:2px 0;
	padding: 0.5em 0.5em;
	color: #800000;
	background: #F5DEB3;
}

span.header_comment {
	color:#ff0000;
	font-size: 0.9em;
}

.ui-dialog {
	background: #FFFFFF;
}

.ui-dialog .ui-dialog-buttonpane {
	background: #FFFFFF;
}