/* Style Sheet*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, Swiss, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 150%;
	background-color: #FFFFFF;
}

h1{
	font-size: 130%;
	padding: 0 0 10px 0;
	font-weight: bold;
	line-height: 100%;
}

h2{
	font-size: 100%;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-style: italic;
	line-height: 100%;
}

h3 {
	font-size: 110%;
	padding: 15px 0 10px 0;
	font-weight: bold;
	font-style: normal;
	line-height: 130%;
	color: #990000;
}

img {
	border: none;
}

#pagebox {
	position: relative;
	width: 843px;
	margin-top: 25px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #333333;
	padding: 8px;
}

#header {
	width: 843px;
	height: 123px;
	padding-bottom: 10px;
	background: url(images/logo.jpg);
	background-repeat:  no-repeat;
}

#motto {
	display: inline;
	position: relative;
	float: left;
	background: url(images/motto.gif);
	width: 305px;
	height: 43px;
}

#navi {
	margin: 0;
	padding: 0;
	line-height: 90%;
	font-size: 90%;
	display: inline;
	position: relative;
	float: right;
	width: 495px;
	text-align: right;
}

#navi img {
	margin: 0;
	padding: 0;
	line-height: 0;
	}

#navi ul {
	display: inline;
	list-style: none;

}

#navi li {
	display: inline;
	margin: 5px 20px 5px 5px;

}

#navi ul li a:link, #navi ul li a:visited {
	display: inline;
	color: #000000;
	text-decoration: underline;

}

#navi ul li a:hover, #navi ul li a:active {
	display: inline;
	color: #990000;
	text-decoration: none;
}

#content {
	padding: 0;
	margin: 0;
}

#top {
	margin: 10px 0 0 35px;
}

#listings {
	width: 760px;
	margin: 10px 0 0 35px;
	border-top: 4px solid #333333;
	border-bottom: 4px solid #333333;	
}

#bottom {
	width: 750px;
	margin: 25px 0 10px 40px;
	font-size: 90%;
	line-height: 150%;
}

#adsidebar {
	position: relative;
	float: left;
	width: 125px;
	padding: 0 10px 0 25px;
}

#adsidebar2 {
	position: relative;
	float: left;
	width: 160px;
	padding: 0 20px 0 30px;
}

#textarea {
	position: relative;
	float: right;
	width: 625px;
	padding-right: 46px;
	margin: 0;
	text-align: left;
}

#mainpage {
	position: relative;
	float: left;
	width: 573px;
	padding: 0 0 0 18px;
	margin: 0;
	text-align: left;
}

#area-box {
	margin: 10px 0 0 0;
	/*border: 1px solid #333333;*/
	padding: 15px 25px 10px 15px;
	min-height: 410px;
	background-image: url(images/japan-hotel-map2.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/* mac hide ﹨*/
* html #area-box {height:410px}
/* end hide */

	
	#area-box h1 {
		font-size: 120%;
		font-weight: bold;
		line-height: 130%;
		padding: 0;
		margin: 0;
		color: #333333;
		text-align: left;
	}	
		
	#area-box h2 {
		font-size: 100%;
		font-weight: bold;
		font-style: normal;
		line-height: 120%;
		padding: 17px 0 4px 0;
		margin: 0;
		color: #990000;
		text-align: left;
	}	
		
	#area-box p {
	text-align: left;
	font-size: 85%;
	font-weight: normal;
	line-height: 115%;
	padding: 0;
	color: #333333;
	}
	
#area-box2 {
	border-top: 4px solid #333333;
	border-bottom: 4px solid #333333;
	padding: 15px 20px 15px 20px;
}

	#area-box2 p {
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
	padding: 0;
	margin: 0 0 20px 0;
	color: #333333;
	}

h2 a:link, h2 a:visited {
	font-size: 100%;
	font-style: normal;
	line-height: 100%;
	margin: 0;
	padding: 0;
	}
	
h2 a:hover, h2 a:active {
	font-size: 100%;
	font-style: normal;
	line-height: 100%;
	margin: 0;
	padding: 0;
	}

.mini-navi {
	padding: 0 0 10px 0;
}

a:link.hok, a:visited.hok  {
	color: #CC3333;
	text-decoration: underline;
}

a:hover.hok , a:active.hok  {
	color: #CC3333;
	text-decoration: none;
}

a:link.toh, a:visited.toh  {
	color: #CC6666;
	text-decoration: underline;
}

a:hover.toh , a:active.toh  {
	color: #CC6666;
	text-decoration: none;
}

a:link.kan, a:visited.kan  {
	color: #006699;
	text-decoration: underline;
}

a:hover.kan , a:active.kan  {
	color: #006699;
	text-decoration: none;
}

a:link.chub, a:visited.chub  {
	color: #339966;
	text-decoration: underline;
}

a:hover.chub , a:active.chub  {
	color: #339966;
	text-decoration: none;
}

a:link.kansai, a:visited.kansai  {
	color: #99CC00;
	text-decoration: underline;
}

a:hover.kansai , a:active.kansai  {
	color: #99CC00;
	text-decoration: none;
}

a:link.chug, a:visited.chug  {
	color: #CC9900;
	text-decoration: underline;
}

a:hover.chug , a:active.chug  {
	color: #CC9900;
	text-decoration: none;
}

a:link.shi, a:visited.shi  {
	color: #6633FF;
	text-decoration: underline;
}

a:hover.shi , a:active.shi  {
	color: #6633FF;
	text-decoration: none;
}

a:link.kyu, a:visited.kyu  {
	color: #666666;
	text-decoration: underline;
}

a:hover.kyu , a:active.kyu  {
	color: #666666;
	text-decoration: none;
}

a:link.oki, a:visited.oki  {
	color: #999999;
	text-decoration: underline;
}

a:hover.oki , a:active.oki  {
	color: #999999;
	text-decoration: none;
}

.hotel-box {
	width: 760px;
	margin: 25px 0 25px 0;
	background-color: #F8F8F8;
	border-left: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;			
}

.description {
	text-align: left;
	padding: 8px;
}

.hotel-box h1 {
	display: block;
	border-bottom: 2px solid #999999;
	font-size: 95%;
	line-height: 120%;
	font-weight: bold;
	font-style: normal;
	padding: 0 0 4px 0;
	margin-bottom: 7px;
	color: #990000;
}

.hotel-box h2 {
	display: block;
	font-size: 85%;
	line-height: 160%;
	font-weight: bold;
	font-style: normal;
	padding: 0;
	margin: 0;
	color: #333333;
}

.hotelimage {
	float: left;
	padding: 0 15px 0 0;
	line-height: 0;
}

.hotelinfo {
	float: left;
	width: 500px;
	padding: 0 15px 0 0;
}

.hotelicons {
	float: left;
	line-height: 0;
}

.hotelicons img {
	margin: 10px 0 0 0;
}


.suggest {
	display: block;
	text-align: center;
	font-size: 100%;
	line-height: 120%;
	padding: 10px 0;
	margin: 0;
}

.suggest a:link, .suggest a:visited {
	color: #990000;
	text-decoration: underline;
}

.suggest a:hover, .suggest a:active {
	color: #990000;
	text-decoration: none;
}

.listing-photo {
	float: left;
	padding: 0;
}

a:link, a:visited {
	color: #0033FF;
		text-decoration: underline;
	}
	
a:hover, a:active {
	color: #990000;
	text-decoration: underline;
	}

.photoright {
	float: right;
	margin: 5px 0 5px 15px;
	padding: 2px;
	border: 1px solid #333333;
}

.photoleft {
	float: left;
	margin: 5px 15px 5px 0;
	padding: 2px;
	border: 1px solid #333333;
}

.hotelphoto {
	float: left;
	margin: 10px;
	padding: 2px;
	border: 1px solid #333333;
}

ul {
	margin: 0 0 20px 30px;
	padding: 0;
}

li {
	list-style-position: inside;
	font-size: 100%;
	line-height: 150%;
	padding-bottom: 10px;
	color: #333333;
}

#footer {
	clear: both;
	padding: 25px 0 4px 0;
	text-align: center;
	}

#footer p{
	font-size: 85%;
	color: #333333;
	padding-top: 15px;
}
		
	#footer ul {
		list-style: none;
		margin: 0;
		}
		
		#footer ul li {
			display: inline;
			padding: 0 10px 0 10px;
			font-size: 90%;	
			font-style: normal;
			font-weight: normal;
			}
			
			#footer ul li a:link, #footer ul li a:visited {
				color: #999999;
				border-top: 1px solid #999999;
				border-bottom: 1px solid #999999;
				text-decoration: none;
				font-style: normal;
				font-weight: normal;
				}
				
			#footer ul li a:hover, #footer ul li a:active {
				color: #999999;
				text-decoration: none;
				border: none;
				font-style: normal;
				font-weight: normal;
				}

address{
	color: #000000;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	font-size: 90%;
	font-weight: normal;
	line-height: 125%;
}

.clear {
	clear: both;
}

.line {
	border: 1px solid #CCCCCC;
	margin: 3px 0 30px 0;
}

.line2 {
	border: 1px solid #CCCCCC;
	margin: 20px 0 20px 0;
}

hr {
	margin-bottom: 22px;
}