@charset "UTF-8";

/*----------
baseline
----------*/

html, body, div, p, ul, ol, li, h1, h2, h3, h4, h6, pre, form, p, button, img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
}

body {
	background: #fff url(../img/bg_pattern.gif) center top repeat-y;
	font-family: "Hiragino Kaku Gothic Pro",Osaka,"MS PGOTHIC",Arial,sans-serif;
	font-size: 12px;
	color: #333;
}

h2 {
	font-size: 16px;
}
	
h3 {

}

ul, li {
	list-style: none;
}

a {
	outline-style: none;
	text-decoration: none;
}

a:hover, a:active {
	color: #993333;
}

a:link {
	color: #003399;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*----------
container
----------*/

div#page_container {
	margin: 0 auto;
	padding: 70px 15px 20px;
	text-align: left;
	width: 750px;
	background: #fff url(../img/head_mast.gif) 15px 10px no-repeat;
}

/*----------
header
----------*/

#header {
	height: 50px;
	margin: 8px 0 0 0;
}

#header #explain {
	font-size: 0.9em;
	margin: 5px 0;
}

#header #logo {
	float: left;
	width: 207px;
	height: 16px;
}

#header h1 {
	font-size: 1em;
	background: transparent url(../img/head_logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	width: 207px;
	height: 16px;
}

#header #policy {
	float: right;
}

#header #policy a {
	text-decoration: underline;
	color: #003399;
}

/*----------
navigation
----------*/

#navigation {
	height: 36px;
}

#navigation li {
	float: left;
	display: block;
	background: transparent url(../img/nav.gif) 0 0 no-repeat;
}

#navigation a {
	display: block;
	height: 36px;
	text-indent: -9999px;
}

#navigation li#top {
	background-position: 0 0;
	width: 148px;
}

#navigation li#minato {
	background-position: -148px 0;
	width: 150px;
}

#navigation li#chuo {
	background-position: -298px 0;
	width: 150px;
}


#navigation li#other {
	background-position: -448px 0;
	width: 151px;
}

#navigation li#company {
	background-position: -599px 0;
	width: 151px;
}

/*----------
page-content
----------*/

#page_content {
}

#page_content h2 {
	line-height: 1.5em;
	margin: 20px 0;
	padding-left: 16px;
	background: transparent url(../../img/top/top_h2_bullet.gif) 0 0 repeat-y;
}


/*----------
left column
----------*/

#left {
	width: 520px;
	float: left;
	margin-bottom: 2em;
}

#left #featured {
	margin-bottom: 10px;
}

#left #featured img {
	border: 1px solid #e0e0e0;
	padding: 4px;
}

#left h3 {
	border-bottom: 1px solid #add3d3;
	text-indent: -9999px;
	height: 22px;
	margin: 0 0 10px 0;
}

#left h3#new {
	background: transparent url(../../img/top/ttl_new.gif) 0 0 no-repeat;
}

#left #boxes {
	width: 520px;
	background-color: #fbfbfb;
}

#left .box {
	float: left;
	width: 254px;
	margin: 0;
	padding: 6px 2px;
	border-top: 1px solid #e0e0e0;
}

#left .box table.indexNewList {
	border: none;
}

#left .box table.indexNewList tbody tr td {
	border: none;
	line-height: 1.5em;
	padding: 0;
}

#left .box img {
	padding-right: 5px;
}

#left .box a {
	font-weight: bold;
}

#left .box a {
	text-decoration: underline;
}

#left #links {
	clear: both;
	width: 510px;
	height: 43px;
	background-color: #e0e0e0;
	margin-bottom: 10px;
	padding: 9px 0px 0px 10px;
	text-align: center;
}

#left #links li {
	float: left;
	width: 160px;
	margin: 0 2px;
}

#left li#link_minato {
	background: transparent url(../../img/top/btn_minato.gif) 0 0 no-repeat;
}

#left li#link_chuo {
	background: transparent url(../../img/top/btn_chuo.gif) 0 0 no-repeat;
}

#left li#link_other {
	background: transparent url(../../img/top/btn_other.gif) 0 0 no-repeat;
}

#left #links a {
	display: block;
	text-indent: -9999px;
	height: 32px;
}

#left h3#topics {
	background: transparent url(../../img/top/ttl_topics.gif) 0 0 no-repeat;
}

#left .topic {
	line-height: 1.5em;
	margin: 8px 0 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e8e8e8;
}

/*----------
sidebar
----------*/

#sidebar {
	width: 220px;
	padding-top: 5px;
	float: right;
	background-color: #f7f7f7;
}

#sidebar h3 {
	border-bottom: 1px solid #dbdcdd;
	text-indent: -9999px;
	height: 22px;
}

#sidebar h3#hours {
	background: transparent url(../../img/top/sidebar/ttl_bizhour.gif) 0 0 no-repeat;
}

#sidebar h3#inquiry {
	background: transparent url(../../img/top/sidebar/ttl_inquiry.gif) 0 0 no-repeat;
}

#sidebar h3#blog {
	background: transparent url(../../img/top/sidebar/ttl_blog.gif) 0 0 no-repeat;
}

#sidebar h4 {
	font-size: 0.9em;
	font-weight: normal;
	border-top: 1px solid #dbdcdd;
	margin: 8px 0;
	padding: 7px 14px 0 14px;
}

#sidebar #ssl, #sidebar #banner {
	text-align: center;
}

#sidebar #banner {
	border-top: 1px solid #dbdcdd;
}

#sidebar p {
	line-height: 1.5em;
	margin: 8px 14px 10px;
	font-size: 0.99em;
}

/*----------
lists
----------*/

#lists h3 {
	font-size: 14px;
}

#lists h3 a {
	text-decoration: underline;
}

#lists .list {
	width: 750px;
	margin-bottom: 10px;
}

#lists .list table {
	width: 750px;
}

#lists .list th, #lists .list td {
	text-align: left;
	line-height: 1.4em;
	border-top: 1px solid #e0e0e0;
	padding: 0.2em 0.5em;
}

#lists .list th {
	font-weight: bold;
	background-color: #f0f0f0;
}

#lists .list td.caps {
	width: 570px;
	border-top: none;
}

#lists .list td.exterior {
	border-top: none;
}

#lists .list .btcell {
	border-bottom: 1px solid #e0e0e0;
}

/*----------
detail
----------*/

#detail #outline {
	width: 750px;
}

#detail #outline #caps {
	width: 550px;
	float: left;
}

#detail #outline #caps h2 {
	margin: 20px 0 10px 0;
}

#detail #outline #caps p {
	margin: 0.6em 0;
	line-height: 1.5em;
}

#detail #outline #caps table {
	border-top: 1px solid #add3d3;
	margin-bottom: 0.6em;
	padding-top: 0.6em;
}

#detail #outline #caps .comment {
	padding-left: 1em;
}

#detail #outline .photo {
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
}

#detail #spec table {
	width: 750px;
	border-bottom: 1px solid #e0e0e0;
	clear: both;
}

#detail #spec th {
	background-color: #f0f0f0;
	width: 90px;
}

#detail #spec th, #detail #spec td {
	border-top: 1px solid #e0e0e0;
	padding: 0.5em 5px;
	line-height: 1.5em;
	text-align: left;
}

#detail #fare, #detail #photos {
	margin-top: 20px;
}

#detail #fare h3 {
	background: transparent url(../../common/img/ttl_fare.gif) 0 0 no-repeat;
}

#detail #fare h3 {
	border-bottom: 1px solid #add3d3;
	text-indent: -9999px;
	height: 22px;
	margin: 0 0 10px 0;
}

#detail #fare table {
	width: 750px;
	border-bottom: 1px solid #e0e0e0;
}

#detail #fare th {
	background-color: #f0f0f0;
}

#detail #fare th, #detail #fare td {
	text-align: center;
	border-top: 1px solid #e0e0e0;
	padding: 0.5em 5px;
	line-height: 1.5em;
}

#detail #fare td.fare a {
	text-decoration: underline;
}

#detail #photos h3 {
	background: transparent url(../../common/img/ttl_photo.gif) 0 0 no-repeat;
}

#detail #photos h3 {
	border-bottom: 1px solid #add3d3;
	text-indent: -9999px;
	height: 22px;
	margin: 0 0 10px 0;
}

#detail #photos table {
	width: 750px;
	text-align: center;
}

#detail #photos td {
	padding: 0.2em;
	line-height: 1.5em;
}

#detail #btn {
	text-align: center;
	margin: 20px 0;
}

/*--------------------
company, privacy, info
--------------------*/

#left #dec {
	border-top: 1px solid #e0e0e0;
	padding: 1em 0;
	line-height: 1.5em;
}

#left .center {
	text-align: center;
}

#left .right {
	text-align: right;
}

#left .ftcompany {
	padding-top: 4em;
}

#left table {
	/*width: 520px;*/
	float: left;
	border-bottom: 1px solid #e0e0e0;
}

#left table th {
	font-weight: bold;
	background-color: #f0f0f0;
}

#left th, #left td {
	border-top: 1px solid #e0e0e0;
	padding: 0.5em 5px;
	line-height: 1.4em;
	text-align: left;
}

#left ul.company li {
	list-style-type: disc;
	margin-left: 1.5em;
}

#left table.privacy {
	border: none;
	float: none;
}

#left table.insideprivary {
	width: 500px;
	border: none;
}

#left table.privacy th, #left table.privacy td {
	border: none;
}

#sidebar ul.company {
	border-bottom: 1px solid #e0e0e0;
}

#sidebar ul.company li {
	border-top: 1px solid #e0e0e0;
}

#sidebar .company a {
	display: block;
	background-color: #f3f3f3;
	padding: 0.5em 10px;
	width: 200px;
}

#sidebar .company a.here {
	background-color: #fff;
}

#sidebar .company a:hover {
	background-color: #fff;
}

/*----------
inquiry
----------*/

#inquiry table {
	width: 750px;
	border-top: 1px solid #e0e0e0;
}

#inquiry th, #inquiry td {
	border-bottom: 1px solid #e0e0e0;
	padding: 0.5em 5px;
	text-align: left;
}

#inquiry th {
	background-color: #f0f0f0;
}

#inquiry th.q {
	width: 200px;
}

#inquiry .submitbtn {
	text-align: center;
	margin: 1em;
}

#inquiry p.thanks {
	text-align: center;
	margin: 14em 0;
}

/*----------
footer
----------*/

#footer {
	clear: both;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e0e0e0;
}
