﻿

form
{
	margin: 0;
	padding: 0;
}


.tabbar
{
	background: #ff3300 url(../images/tabbg.gif) repeat-x;
	height: 35px;
	border-bottom: solid 5px #000;
}

.tabbar ul
{
	margin: 0 80px;
	padding: 0;
	list-style-type: none;
}

.tabbar ul li
{
	float: left;
}

.tabbar ul li a
{
	background: #ff3300 url(../images/tab160.gif) no-repeat left top;
	display: block;
	width: 160px;
	height: 35px;
	text-decoration: none;
	text-align: center;
	font: bold 16px/35px Arial;
	color: #fff;
}

div.breadcrumb
{
	font-family: Arial, Sans-Serif;
	font-size: 80%;
	font-weight: normal;
	color: #333333;
	margin: 10px 0 10px 0;
}

ul.breadcrumb-nav
{
	display: inline;
	margin: 0;
	padding: 0;
}

ul.breadcrumb-nav li
{
	display: inline;
	margin: 0 12px 0 12px;
}

ul.breadcrumb-nav a
{
	color: #333333;
	text-decoration: none;
	background: url(../images/bcbullet.gif) no-repeat 0 6px;
	display: inline-block;	/* IE needs this for proper background image position if lines break */
	padding: 0 0 0 18px;	/* list indent */
}

ul.breadcrumb-nav a.selected
{
	font-weight: bold;
}

ul.breadcrumb-nav a:hover
{
	text-decoration: underline;
}


/* ------------ NEW -------------- */

/* CSS Document */

body {	
	font-family: "trebuchet ms";	
	font-size: 14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background:url(../images/bkgd_repeat.gif) top left repeat;
	}
	
#top_bar {
	width:100%;
	height:44px;
	background:#8eaba6;
	margin:0;
	padding:0;
	}
	
#top_info {
	width:1002px;
	height:44px;
	margin:0 auto;
	padding:0;
	color:#FFFFFF;
	font-size:16px;
	}
	
#top_info ul {
	width:680px;
	height:34px;
	margin:0;
	padding:10px 0 0 0;
	float:left;
	}
	
#top_info li {
	list-style:none;
	display:inline;
	margin: 0 10px 0 0;
	font-weight:normal;
	}
	
#top_info li a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	}

#top_info li a:hover {
	color:#fff;
	text-decoration:underline;
	}

.highlight_red {
	color:#920b13;
	}
	
.top_language {
	width:208px;
	height:40px;
	margin:0;
	padding:4px;
	float:right;
	vertical-align:middle;
	text-align:right;
	}
	
/*--JQUERY--*/
	
#header {
	width:100%;
	height:375px;
	margin:0 auto;
	z-index:-1;
	}
	
ul#header_fade {
	width:100%;
	height:375px;
	margin:0 auto;
	padding:0;
	z-index:-1;
	}
	
li#head_image1 {
	width:100%;
	background:url(../images/head_image1.jpg) top center no-repeat;
	height:375px;
	margin:0;
	padding:0;
	}
	
li#head_image2 {
	width:100%;
	background:url(../images/head_image2.jpg) top center no-repeat;
	height:375px;
	margin:0;
	padding:0;
	}
	
li#head_image3 {
	width:100%;
	background:url(../images/head_image3.jpg) top center no-repeat;
	height:375px;
	margin:0;
	padding:0;
	}
	
li#head_image4 {
	width:100%;
	background:url(../images/head_image4.jpg) top center no-repeat;
	height:375px;
	margin:0;
	padding:0;
	}
	
li#head_image5 {
	width:100%;
	background:url(../images/head_image5.jpg) top center no-repeat;
	height:375px;
	margin:0;
	padding:0;
	}
	
li#head_image6 {
	width:100%;
	background:url(../images/head_image6.jpg) top center no-repeat;
	height:375px;
	margin:0;
	padding:0;
	}
	
#wrapper {
	width:1002px;
	height:auto;
	margin:-220px auto 0 auto;
	padding:0;
	/*background:url(../images/bkgd_container_repeat.png) repeat;*/
	
	}
	
#wrapper2 {
	width:982px;
	height:auto;
	margin:0;
	padding:10px 10px 0 10px;
	background:url(../images/bkgd_container_repeat_test.png) top right repeat;
	}
	
#logo {
	width:258px;
	height:142px;
	margin:0 0 20px 0;
	padding:0;
	}
	
#container {
	width:942px;
	height:auto;
	background:#fff;
	margin:0;
	padding:10px 20px 20px 20px;
	}
	
/*-------------THUMB NAV-------------*/

#nav_thumb {
	width:942px;
	height:208px;
	margin:0;
	padding:0;
	}
	
#nav_thumb ul {
	width:982px;
	height:auto;
	margin:0;
	padding:0;
	}

#nav_thumb li {
	width:220px;
	height:208px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	list-style:none;
	}
	
a.thumb_rooms {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/thumb_1_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_rooms:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}

a.thumb_rooms_jp {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/jp_thumb_1_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_rooms_jp:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}
	
a.thumb_tariffs {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/thumb_2_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_tariffs:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}
	
a.thumb_tariffs_jp {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/jp_thumb_2_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_tariffs_jp:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}
	
a.thumb_ttd {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/thumb_3_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_ttd:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}
	
a.thumb_ttd_jp {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/jp_thumb_3_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_ttd_jp:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}
	
a.thumb_special {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/thumb_4_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_special:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}
	
a.thumb_special_jp {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../images/jp_thumb_4_sprite.jpg) top left no-repeat;
	display:block;
	}
	
a.thumb_special_jp:hover {
	width:220px;
	height:208px;
	margin:0;
	padding:0;
	background-position:0 -208px;
	}	

/*--TOP NAV--*/

#nav_top {	
	width:912px;
	height:75px;
	margin:16px 0 0 0;
	padding:10px 20px 0 10px;
	background:url(../images/bkgd_top_nav.gif) top left repeat-x;
	}
	
#nav_top ul {
	width:851px;
	height:30px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	}
	
#nav_top li {
	width:auto;
	height:auto;
	display:inline;
	margin:0 0 0 0;
	padding:0 14px 0 14px;
	color:#FFFFFF;
	font-size:16px;
	border-right:1px solid #fff;
	}
	
#nav_top li a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	}
	
#nav_top li a:hover {
	color:#8f8381;
	text-decoration:none;
	font-weight:normal;
	}
	
.logo_aa {
	width:51px;
	height:78px;
	margin:0;
	padding:0;
	float:right;
	}
	
/*hack*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

/*--CONTENT--*/

#heading {
	width:902px;
	height:42px;
	margin:0;
	padding:0 20px 0 20px;
	}
	
.heading {
	width:902px;
	height:42px;
	margin:0;
	padding:0 20px 0 20px;
	}
	
#copy_left {
	width:412px;
	height:auto;
	margin:0;
	padding:0 0 0 20px;
	float:left;
	}
	
.copy_left {
	width:412px;
	height:auto;
	margin:0;
	padding:20px 0 0 20px;
	float:left;
	}
	
#copy_large {
	width:902px;
	height:auto;
	margin:0;
	padding:20px 0 0 20px;
	}
	
.copy_large {
	width:882px;
	height:auto;
	margin:0;
	padding:0 20px 20px 0;
	}
	
.copy_large_inside {
	width:540px;
	height:auto;
	margin:0;
	padding:0 20px 20px 0;
	float:left;
	}

.testimonial {
	width:220px;
	height:auto;
	margin:0 0 0 20px;
	padding:38px 45px 0 45px;
	float:left;
	background:url(../images/testimonial_tl.gif) top left no-repeat #e7e8e7;
	border-top:1px solid #dedddd;
	border-left:1px solid #dedddd;
	border-right:1px solid #dedddd;
	}
	
.testimonial_bottom {
	width:265px;
	height:25px;
	margin:0 0 0 20px;
	padding:20px 0 0 45px;
	float:left;
	background:url(../images/testimonial_br.gif) bottom right no-repeat #e7e8e7;
	border-bottom:1px solid #dedddd;
	border-left:1px solid #dedddd;
	border-right:1px solid #dedddd;
	}
	
.room_desc {
	width:412px;
	margin:0;
	min-height:200px;
	padding:0;
	float:left;
	}

.room_pics {
	width:464px;
	height:140px;
	margin:0 0 0 26px;
	padding:0;
	float:left;
	}
	
.book_btn {
	width:426px;
	height:30px;
	margin:10px 0 0 0;
	padding:10px 0 0 18px;
	background:#e6eae9;
	border:1px solid #d9e4e1;
	float:left;
	color:#4d5755;
	font-size:14px;
	}
	
a.tariff_btn {
	width:auto;
	padding:4px 8px 4px 8px;
	margin:0;
	background:#8aaaa3;
	color:#FFFFFF;
	}
	
.tariff_btn_text_japan {
	float:left;
	}
	
a.tariff_btn:hover {
	color:#b80f23;
	text-decoration:none;
	}
	
a.tariff_btn_japan {
	width:auto;
	padding:4px 8px 4px 8px;
	margin:0;
	background:#8aaaa3;
	color:#FFFFFF;
	float:left;
	}
	
a.tariff_btn_japan:hover {
	color:#b80f23;
	text-decoration:none;
	}
	
.pic {
	width:136px;
	height:136px;
	padding:3px;
	border:1px solid #8caba4;
	float:left;
	margin:0 6px 0 0;
	}
	
.seperator {
	width:800px;
	height:2px;
	border-bottom:1px solid #CCCCCC;
	float:left;
	margin:20px 0 40px 40px;
	padding:0;
	}
	
#copy_right {
	width:464px;
	height:auto;
	margin:0 0 0 40px;
	padding:20px 0 0 0;
	float:left;
	}
	
.item {
	width:454px;
	height:108px;
	margin:10px 0 0 0;
	padding:10px 0 0 10px;
	background:url(../images/bkgd_item_right.gif) top left repeat-y;
	}

.item_japanese {
	width:404px;
	height:auto;
	margin:0 0 0 0;
	padding:10px 30px 0 30px;
	background:url(../images/bkgd_item_right.gif) top left repeat-y;
	}
	
.item_thumb {
	width:95px;
	height:95px;
	margin:0 8px 0 0;
	padding:0;
	float:left;
	}
	
.item_copy {
	width:330px;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	}
	
.item h1 {
	font-size:14px;
	font-weight:bold;
	color:#8aaaa3;
	margin:8px 0 8px 8px;
	}
	
.item p {
	color:#000000;
	margin:0 0 8px 8px;
	}
	
/*-- FLICKR FEED--*/

.flickr {
	width:auto;
	margin:0 0 10px 10px;
	padding:0;
	height:auto;
	}

.flickr img {
	padding:3px;
	border:1px solid #8caba4;
	margin:8px 8px 0 0;
	}
	
/*---ROOMS--*/

.room {
	width:454px;
	height:108px;
	margin:10px 0 0 0;
	padding:10px 0 0 10px;
	/*background:url(../images/bkgd_item_right.gif) top left repeat-y;*/
	}
	
.header_image {
	width:942px;
	height:176px;
	margin:0;
	padding:6px 0 0 0;
	}


	
/*--FOOTER--*/

#footer {
	width:100%;
	height:88px;
	margin:0 auto;
	padding:20px 0 0 0;
	background:url(../images/bkgd_footer.gif) top left repeat-x;
	}
	
#footer_wrapper {
	width:982px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
	
#footer_left {
	width:405px;
	height:auto;
	margin:0 auto;
	padding:0 0 0 10px;
	float:left;
	}
	
#footer_left ul {
	width:405px;
	height:80px;
	margin:0;
	padding:0
	}
	
#footer_left li {
	width:104px;
	height:auto;
	padding:0 30px 0 0;
	float:left;
	list-style:url(../images/bullet_footer.png);
	color:#fff;
	}
	
#footer_left li a {
	color:#fff;
	border-bottom:1px dotted #fff;
	}
	
#footer_left li a:hover {
	color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	}
	
#footer a {
	color:#fff;
	}
	
#footer a:hover {
	color:#fff;
	text-decoration:underline;
	}

#footer_right {
	width:405px;
	height:auto;
	margin:0 auto;
	padding:0;
	float:right;
	text-align:right;
	color:#fff;
	}
	

	
	
/*---FONTS--*/

p {
	color:#000000;
	margin:0 0 16px 0;
	font-size:14px;
	}
	
h1 {
	font-size:36px;
	color:#b80f23;
	font-weight:normal;
	text-transform:uppercase;
	}
	
h2 {
	font-size:16px;
	font-weight:normal;
	margin:0 0 16px 0;
	}
	
a {
	color:#8aaaa3;
	text-decoration:none;
	font-weight:bold;
	}
	
a img {
	border:0;
}

/*==============article============*/

.float_left {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

.float_right {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}
	
	
	

