@charset "utf-8";
/*
--------------------------------------------------
	UTF8 Styles
	Version: 2008
-------------------------------------------------- */
/*	Imported Base Style
-------------------------------------------------- */
@import "reset.css";
@import "fonts.css";
@import "clearfix.css";

/*
--------------------------------------------------
	Base Styles
-------------------------------------------------- */
body {
	font-family:
		Verdana,
		Arial,
		Helvetica,
		sans-serif;
	color: #fff;
	background: #030000 url(../img/common/bg.gif) repeat-x 0 0;
	}
body.secondary { color: #5D5D5D;}
a       { color: #78550E; text-decoration: underline;}
a:hover { color: #78550E; text-decoration: none;}

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
#container { width: 760px; margin: 0 auto;}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
#header {
	width: 760px;
	height: 90px;
	background: url(../img/common/header.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#logo {
	width: 270px;
	height: 0;
	padding-top: 90px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	}
#page-home #logo { cursor: default;}

/*
--------------------------------------------------
	Language Nav
-------------------------------------------------- */
#language-nav {
	position: absolute;
	top: 66px;
	overflow: hidden;
	left: 250px;
	width: 380px;
	}
#language-nav ul { font-size: 77%; line-height: 16px; text-align: right;}
#language-nav ul li { display: inline;}
#language-nav ul li a,
#language-nav ul li span {
	color: #fff;
	text-decoration: none;
	padding-left: 20px;
	background: url(../img/common/arrow_langnav_off.gif) no-repeat 7px 0;
	}
#language-nav ul li a:hover {
	color: #F9FDA9;
	text-decoration: none;
	background-image: url(../img/common/arrow_langnav_on.gif);
	}
#language-nav ul li span.current { color: #D08383;}

#ohrbanner {
	float: right;
	margin-top: 2px;
	width: 120px;
	margin-left: 10px;
	}
/*


	


--------------------------------------------------
	Photo Container
-------------------------------------------------- */
#photo-container { width: 760px; background: #fff; overflow: hidden;}

/*
--------------------------------------------------
	Page Structure
-------------------------------------------------- */
#content { width: 760px;}

/* Contents top page pattern */
#container.c-m #subcol  { display: none;}
#container.c-m #wrapper { width: 760px;}
#container.c-m #maincol { width: 760px;}
#container.c-m #xcol    { display: none;}

/* Secondary page subcol and maincol pattern */
#container.c-sm #content { background: url(../img/common/bg_contents_2nd.gif) repeat-y 0 0;}
#container.c-sm #subcol  { width: 150px; background: #030000; float: left; overflow: hidden;}
#container.c-sm #wrapper { width: 610px; float: right; overflow: hidden;}
#container.c-sm #maincol { width: 610px; background: #ECE5DC;}
#container.c-sm #xcol    { width: 610px;}

/* Secondary page maincol pattern */
#container.c-m2nd #content { width: 760px; background: #ECE5DD;}
#container.c-m2nd #subcol  { display: none;}
#container.c-m2nd #wrapper { width: 760px;}
#container.c-m2nd #maincol { width: 760px;}
#container.c-m2nd #xcol    { display: none;}

/*	Content 3 Column
-------------------------------------------------- */
#container.c-smx #subcol  { width: 160px; float: left;}
#container.c-smx #wrapper { width: 600px; float: right;}
#container.c-smx #maincol { width: 440px; float: left;}
#container.c-smx #xcol    { width: 160px; float: right;}

/*	Home Layout
-------------------------------------------------- */
#page-home #container.c-ms #subcol  { width: 180px; float: right;}
#page-home #container.c-ms #wrapper { width: 570px; float: left;}
#page-home #container.c-ms #maincol { width: 570px;}
#page-home #container.c-ms #xcol    { display: none;}

/*
--------------------------------------------------
	Nav
-------------------------------------------------- */
#nav { width: 760px;}
#nav ul { width: 760px; overflow: hidden;}
#nav ul li { float: left;}
#nav ul li a {
	height: 0;
	padding-top: 27px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	float: left;
	}

/* Nav english */
#nav.nav-eng ul li a { background-image: url(../img/eng/nav_eng.gif);}

#nav #nav-01 a { width: 150px; background-position: 0 0;}
#nav #nav-02 a { width: 160px; background-position: -150px 0;}
#nav #nav-03 a { width: 150px; background-position: -310px 0;}
#nav #nav-04 a { width: 150px; background-position: -460px 0;}
#nav #nav-05 a { width: 150px; background-position: -610px 0;}

#nav #nav-01 a:hover { background-position: 0 -27px;}
#nav #nav-02 a:hover { background-position: -150px -27px;}
#nav #nav-03 a:hover { background-position: -310px -27px;}
#nav #nav-04 a:hover { background-position: -460px -27px;}
#nav #nav-05 a:hover { background-position: -610px -27px;}

#page-reservation #nav #nav-01 a { background-position: 0 -54px; cursor: default;}
#page-guestrooms #nav #nav-02 a   { background-position: -150px -54px; cursor: default;}
#page-restaurant #nav #nav-03 a   { background-position: -310px -54px; cursor: default;}
#page-access #nav #nav-04 a       { background-position: -460px -54px; cursor: default;}
#page-summary #nav #nav-05 a      { background-position: -610px -54px; cursor: default;}

/*	sNav
-------------------------------------------------- */
.snav { width: 760px;}
.snav ul { padding: 0 0 5px;}
.snav ul li { padding-bottom: 5px; float: left;}
.snav ul li.snav-right { float: right;}
.snav ul li img { vertical-align: bottom; display: block;}

/*
--------------------------------------------------
	Bread Crumbs
-------------------------------------------------- */
#breadcrumbs { width: 100%;}
#breadcrumbs ul { font-size: 77%; line-height: 1.2; padding: 8px 0;}
#breadcrumbs ul li {
	padding-left: 25px;
	background: url(../img/common/arrow_breadcrumbs.gif) no-repeat 5px 0;
	display: inline;
	}
#breadcrumbs ul li#breadcrumbs-home { padding-left: 0; background: none;}
#breadcrumbs ul li a { color: #fff; text-decoration: none;}
#breadcrumbs ul li a:hover { text-decoration: underline;}

/* Bread Crumbs 2nd */
#breadcrumbs.secondary {}
#breadcrumbs.secondary ul { color: #645C54; padding: 8px 15px 30px;}
#breadcrumbs.secondary ul li { background-image: url(../img/common/arrow_breadcrumbs_2nd.gif);}
#breadcrumbs.secondary ul li a { color: #645C54;}

/*
--------------------------------------------------
	Home
-------------------------------------------------- */
#home-left { width: 570px; padding-top: 10px; overflow: hidden; float: left;}
#home-right { width: 180px; padding-top: 10px; overflow: hidden; float: right;}

/*	Pick Up
-------------------------------------------------- */
#pickup {
	width: 570px;
	height: 160px;
	color: #333;
	margin: 10px 0;
	background: #fff url(../img/home/pickup.gif) repeat-y left center;
	overflow: hidden;
	}
#pickup-inner { width: 490px; padding-top: 37px; padding-left: 70px;}
#pickup ul { width: 360px; float: left;}
#pickup ul li {
	width: 85px;
	height: 85px;
	padding-right: 5px;
	float: left;
	overflow: hidden;
	}
/* Pick up Menu */
#pickup-menu { width: 125px; height: 85px; float: right;}
#pickup-menu h3 { font: bold normal 100%/1 Times, 'Times New Roman', serif;}
#pickup-menu p { font-size: 77%; line-height: 1.2;}

/*	News
-------------------------------------------------- */
#news { width: 570px; margin: 10px 0; background: url(../img/home/news.gif) no-repeat left top;}
#news div.clearfix { width: 500px; padding-left: 60px;}
#news ul { font-size: 77%; line-height: 1.2;}
#news ul li { margin: 5px 0 0;}
#news a { color: #fff; text-decoration: underline;}
#news a:hover { color: #fff; text-decoration: none;}

/*	Tsukuba Club
-------------------------------------------------- */
#tsukuba-club {
	width: 180px;
	height: 160px;
	margin: 10px 0;
	background: url(../img/home/tsukuba_club.gif);
	position: relative;
	}
#tsukuba-club ul {
	width: 160px;
	position: absolute;
	left: 10px;
	top: 110px;
	}
#tsukuba-club ul li { width: 160px; height: 20px;}

/*
--------------------------------------------------
	Column
-------------------------------------------------- */
.column { width: 490px; padding: 0 60px;}
.column h2 { font-size: 122%; line-height: 1.3;}

/* Large Heading Style */
.column h2.hd { width: 490px; margin-bottom: 15px; overflow: hidden;}

.column h3 { font-size: 108%; line-height: 1.5;}
/* Short Heading Style "Bar" Type */
.column h3.shd-bar {
	width: 490px;
	height: 30px;
	font: bold 108%/32px 'ＭＳ Ｐ明朝', 細明朝, Times, 'Times New Roman', serif;
	text-indent: 10px;
	color: #444040;
	background: url(../img/common/shd_bar.gif) repeat-x 0 0;
	}
.column h3.shd-bar em { font-weight: normal; font-style: normal; font-size: 85%; margin-left: 10px;}
/* Short Heading Style "Ball" Type */
.column h3.shd-ball {
	font: bold 122%/1.3 'ＭＳ Ｐ明朝', 細明朝, Times, 'Times New Roman', serif;
	padding-left: 15px;
	background: url(../img/common/shd_ball.gif) no-repeat 0 3px;
	}
.column h3.shd-ball em { font-weight: normal; font-style: normal; font-size: 85%; margin-left: 5px;}

.column p { font-size: 85%; line-height: 1.5;}
.column p.shd-ball-02 {
	font: bold 95%/1.3 'ＭＳ Ｐ明朝', 細明朝, Times, 'Times New Roman', serif;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(../img/common/shd_ball_02.gif) no-repeat 0 1px;
	}
.column ul { font-size: 85%; line-height: 1.5;}
.column ol { font-size: 85%; line-height: 1.5;}
.column dl { font-size: 85%; line-height: 1.5;}
.column h4 { font-size: 85%; font-weight: bold; line-height: 1.5;}

/*	Column Options
-------------------------------------------------- */
/* Photos */
.photos { margin: 0 0 15px 20px !important; float: right; overflow: hidden;}
.photos img { vertical-align: bottom; margin-bottom: 5px; display: block;}
.photos span.caps { font-size: 10px; line-height: 1.2; margin: 5px 0; display: block;}

/* Photo cols */
.photo-cols { margin: 0 0 0 5px !important; float: right;}
.photo-cols img { margin: 0 0 0 5px; float: left; display: block;}

/* Photo cols cap */
.photo-cols-cap { width: 420px; margin: 0 0 0 10px !important; float: right;}
.photo-cols-cap p { width: 200px; text-align: center; margin: 0 !important; padding: 0 9px 9px 0; float: left;}
.photo-cols-cap p img { margin-bottom: 3px; display: block;}

/* Note List */
p.note { font-size: 10px; line-height: 1.3; text-indent: -10px; padding-left: 10px;}
ol.note { font-size: 10px; line-height: 1.3; margin: 15px 0;}
ol.note li { text-indent: -10px; margin: 3px 0; padding-left: 10px;}
ul.note { font-size: 11px; line-height: 1.3; margin: 15px 0;}
ul.note li { text-indent: -11px; margin: 3px 0; padding-left: 11px;}

/* List Style Type */
ol.disc { line-height: 1.4; margin: 8px 0 8px 30px;}
ol.disc li { list-style: disc; margin: 3px 0;}
ol.decimal { line-height: 1.4; margin: 8px 0 8px 30px;}
ol.decimal li { list-style: decimal; margin: 3px 0;}

/* Font Color */
.ocher { color: #775D30;}
.red { color: #D31A1A;}

/* Arrows */
.arrow { padding-left: 15px; background: url(../img/common/arrow.gif) no-repeat 0 1px;}

/* Secondary Page maincol only */
#container.c-m2nd .column { width: 640px; overflow: hidden;}
#container.c-m2nd .column h3.shd-bar { width: 640px;}

/* Move */
.move { width: 100%; margin-top: 25px; clear: both;}
.move p { font-size: 10px; line-height: 1.3; text-align: right;}
.move .move-top { padding-left: 14px; background: url(../img/common/arrow_move_top.gif) no-repeat 0 1px;}

/*
--------------------------------------------------
	English Home
-------------------------------------------------- */
#english-home { width: 760px; padding: 10px 0;}
#english-home h3 { font-size: 85%; font-weight: bold; line-height: 1.3; margin: 0 0 5px;}
#english-home p { font-size: 77%; line-height: 1.2; margin: 5px 0;}
#english-home div.clearfix { width: 380px; padding: 0; float: left; overflow: hidden;}
#english-home a { color: #fff;}
#english-home a:hover { color: #fff;}
#english-home #english-home-tsukuba { width: 360px; float: left;}
#english-home #english-home-epochal { width: 360px; float: right;}

/*
--------------------------------------------------
	Reservations
-------------------------------------------------- */
#reservation { padding-bottom: 55px;}
#reservation div.clearfix { padding: 15px 0;}
#reservation h3 { margin: 0 0 10px;}
#reservation p { margin: 0 0 10px;}
#reservation table.entryform {
	font-size: 85%;
	line-height: 1.5;
	margin: 10px 0;
	border: solid #D1C4B5;
	border-width: 1px 0 0 1px;
	}
#reservation table.entryform th,
#reservation table.entryform td {
	font-weight: normal;
	padding: 5px 10px;
	border: solid #D1C4B5;
	border-width: 0 1px 1px 0;
	}
#reservation table.entryform th { background: #E1D8CD;}

#reservation table.entryform-noborder {
	font-size: 85%;
	line-height: 1.5;
	margin: 0 0 10px;
	}
#reservation table.entryform-noborder th,
#reservation table.entryform-noborder td {
	font-weight: normal;
	padding: 5px 10px;
	}
#reservation table.tfixed { table-layout: fixed;}

/* Form */
form {}
input.checkboxs { vertical-align: middle;}
input.radios { vertical-align: middle;}
textarea.textareas { width: 96%;}

/*
--------------------------------------------------
	Guestrooms
-------------------------------------------------- */
#guestrooms { padding-bottom: 55px;}
#guestrooms div.clearfix { padding: 15px 0;}
#guestrooms h3 { margin: 0 0 10px;}
#guestrooms p { margin: 0 0 10px;}

/*
--------------------------------------------------
	Restaurant
-------------------------------------------------- */
#restaurant { padding-bottom: 55px;}
#restaurant div.clearfix { padding: 15px 0;}
#restaurant h3 { margin: 0 0 10px;}
#restaurant p { margin: 0 0 10px;}

/*
--------------------------------------------------
	Access
-------------------------------------------------- */
#access { padding-bottom: 55px;}
#access div.clearfix { padding: 15px 0;}
#access h3 { margin: 0 0 10px;}
#access p { margin: 0 0 10px;}
#access table.points {
	font-size: 77%;
	line-height: 1.5;
	margin: 10px 0;
	}
#access table.points th,
#access table.points td {
	font-weight: normal;
	padding: 0 15px 0 0;
	}

/*
--------------------------------------------------
	Summary
-------------------------------------------------- */
#summary { padding-bottom: 55px;}
#summary div.clearfix { padding: 15px 0;}
#summary h3 { margin: 0 0 10px;}
#summary p { margin: 0 0 10px;}
#summary table.facilities {
	font-size: 77%;
	line-height: 1.3;
	margin: 10px 0;
	table-layout: fixed;
	}
#summary table.facilities th,
#summary table.facilities td { padding: 0 30px 0 0;}

/*
--------------------------------------------------
	Footer Contents
-------------------------------------------------- */
#footer-contents {
	width: 760px;
	padding: 15px 0;
	clear: both;
	overflow: hidden;
	}

/*	Footer Nav
-------------------------------------------------- */
#fnav { width: 520px; overflow: hidden; float: left;}

/* Footer Nav Links */
#fnav ul#fnav-links { width: 570px; font-size: 77%; line-height: 1.3;}
#fnav ul#fnav-links li { display: inline;}
#fnav ul#fnav-links li a {
	color: #fff;
	padding: 0 5px 0 13px;
	text-decoration: none;
	}
#fnav ul#fnav-links li a:hover { color: #F9FDA9; text-decoration: none;}
#fnav ul#fnav-links li.fnav-square a { background: url(../img/common/arrow_fnav_square.gif) no-repeat 0 1px;}
#fnav ul#fnav-links li.fnav-delta a  { background: url(../img/common/arrow_fnav_delta.gif) no-repeat 0 1px;}
#fnav ul#fnav-links li.fnav-circle a { background: url(../img/common/arrow_fnav_circle.gif) no-repeat 0 1px;}

/*	Footer Information
-------------------------------------------------- */
#information { width: 230px; overflow: hidden; float: right;}
#information p { font-size: 77%; line-height: 1.3; color: #fff; text-align: right;}

/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
#footer {
	width: 760px;
	height: 30px;
	padding-bottom: 15px;
	clear: both;
	overflow: hidden;
	position: relative;
	}

/* Nanagement */
#management { position: absolute; top: 0; right: 0;}

/* Copyright */
#copyright {
	font-size: 85%;
	font-family: Times, 'Times New Roman', sans-serif;
	color: #A18A5A;
	line-height: 35px;
	text-align: center;
	}

/* Other Style */
.left { margin-right: 10px; float: left;}
.right { margin-left: 10px; float: right;}
.clear { clear: both;}
#page-eng-home #container #footermoji {
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
}