@charset "utf-8";
@import "reset.css";
@import "base.css";
@import "bottom.css";

#intro{
	background: transparent url("/images/bg-contact.gif") no-repeat 50% 0;
	height: 224px; /* 252px */
	overflow: hidden;
	padding: 28px 0 0 0;
	text-align: center;
}
#intro h1{
	margin: 0 auto;
	text-align: right;
	width: 462px;
}
#intro h2{
	margin: 0 auto;
	padding: 38px 0 0 0;
	width: 462px;
}


#content .tabs-container{
	/* float: left; */
	padding: 0 0 14px 0;
	width: 630px;
}
#content .section{
	float: right;
	width: 266px;
}
#content h2{
	margin: 0 0 14px 0;
}
#accessmap p, 
#mailform p{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 14px 0;
}
#content .tabs-container p{
	padding: 0 0 0 54px;
	width: 574px;
}
#content .tabs-container ul{
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 14px 0;
	padding: 0 0 0 54px;
	width: 574px;
}
#content .tabs-container li{
	list-style: circle inside;
	margin: 0 0 3px 0;
}

/* tab navigation */
.tabs-nav li{
	cursor: pointer;
}
.tabs-nav li a{
	background: transparent url("/images/nav-contact.gif") no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 48px;
	overflow: hidden;
	text-indent: -999em;
	width: 245px;
}
.tabs-nav li a.nav-accessmap{ background-position: 0 0; }
.tabs-nav li a.nav-mailform{ background-position: -245px 0; }
.tabs-nav li a.nav-accessmap:hover{ background-position: 0 -48px; }
.tabs-nav li a.nav-mailform:hover{ background-position: -245px -48px; }
.tabs-nav li.ui-tabs-selected a.nav-accessmap{ background-position: 0 -96px; }
.tabs-nav li.ui-tabs-selected a.nav-mailform{ background-position: -245px -96px; }

.ui-tabs-hide{
	display: none;
}

/* form */
#mailform form{
	margin: 0 0 14px 0;
	padding: 0 0 0 54px;
	width: 574px;
}
#mailform div{
	padding: 0 0 14px 0;
}
#mailform label{
	color: #666600;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	width: 112px;
}
#mailform p.agreement label{
	color: #000;
	display: block;
	float: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	width: auto;
}
#mailform p.agreement label:hover{
	font-weight: bold;
	text-decoration: underline;
}
#mailform p.agreement{
	margin: 0;
	padding: 0 0 0 126px;
	width: auto;
}
#mailform input#agree{
	float: left;
	font-size: 18px;
	margin: 0 7px 0 0;
	vertical-align: middle;
	widows: auto;
}
#mailform input.inputfield{
	background-color: #efefef;
	border: 2px inset #999999;
	border-radius:4px;
	-moz-border-radius:4px;
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 1;
	margin: 0 0 0 126px;
	padding: 4px 7px;
	width: 314px;
}
#mailform textarea{
	background-color: #efefef;
	border: 2px inset #999999;
	border-radius:4px;
	-moz-border-radius:4px;
	color: #333;
	display: block;
	font-size: 14px;
	height: 168px;
	line-height: 18px;
	margin: 0 0 0 126px;
	padding: 4px 7px;
	width: 432px; /* 434px */
}
#mailform input.inputfield:focus, 
#mailform textarea:focus{
	background-color: #fff;
	border-color: #e82232;
	color: #000;
}
#mailform select{
	display: block;
	font-size: 14px;
	line-height: 1;
	margin: 0 0 0 126px;
	padding: 4px 7px;
}