@charset "Shift_JIS";

/*
--------------------------------------------------
	Shiba Park Hotel
	ver: 2006
	author: Office OH
	comment: base style
-------------------------------------------------- */
body {
	font: normal 100% Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	color: #72575F;
	margin: 0;
	padding: 0;
	background: url(../img/common/bg.gif) repeat-y center top;
	}
#bg-top { background: url(../img/common/bg_top.gif) no-repeat center top;}

/*
--------------------------------------------------
	default styles
-------------------------------------------------- */
h1 { font-size: 120%; line-height: 1.2em; margin: 0; padding: 0;}
h2 { font-size: 100%; line-height: 1.2em; margin: 0; padding: 0;}
h3 { font-size: 90%; line-height: 1.2em; margin: 0; padding: 0;}
h4 { font-size: 80%; line-height: 1.2em; margin: 0; padding: 0;}
p { font-size: 80%; line-height: 1.5em; margin: 0; padding: 0;}
ul, ol { font-size: 80%; line-height: 1.6em; list-style: none; margin: 0; padding: 0;}
ul li, ol li { line-height: 1.3em; margin: 0; padding: 0;}
dl { font-size: 75%; line-height: 1.6em; margin: 0; padding: 0;}
dl dd, dl dt { line-height: 1.3em; margin: 0; padding: 0;}
div { margin: 0; padding: 0;}
img { margin: 0; padding: 0; border-style: none;}
a { color: #6a3232; text-decoration: underline;}
a:hover { text-decoration: none;}

/*	forms
-------------------------------------------------- */
form { margin: 0; padding: 0;}
select.selects { font: normal 11px/1.5em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka; margin-right: 5px;}
input.texts {
	font: normal 12px/1.5em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	padding: 3px;
	border: 1px solid;
	border-color: #555 #999 #999 #555;
	}
textarea.textareas {
	width: 96%;
	font: normal 12px/1.5em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	padding: 3px;
	border: 1px solid;
	border-color: #555 #999 #999 #555;
	}
input.btn {
	font: normal 12px/1.5em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	color: #1F3A6C;
	padding: 2px 15px;
	border: 1px solid;
	border-color: #aaa #555 #555 #aaa;
	background: #fff url(../img/common/btn.gif) repeat-x 0 0;
	cursor: pointer;
	}
.must { color: #FF8400; margin: 0 5px;}

/*
--------------------------------------------------
	container
-------------------------------------------------- */
#container { width: 750px; margin: 0 auto; position: relative;}

/*
--------------------------------------------------
	header
-------------------------------------------------- */
#header {
	width: 750px;
	height: 60px;
	background: url(../img/common/header.gif) no-repeat 0 0;
	position: relative;
	float: left;
	}
#logo {
	width: 260px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	float: left;
	}

/*
--------------------------------------------------
	nav
-------------------------------------------------- */
#nav { width: 750px; height: 30px;}
#nav ul {
	width: 730px;
	height: 30px;
	padding: 0 10px;
	background: url(../img/common/nav.gif) no-repeat 0 0;
	float: left;
	}
#nav ul li { height: 30px; display: block; float: left;}
#nav ul li a {
	height: 30px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	float: left;
	}

#nav-top { width: 80px;}
#nav-accommodation { width: 90px;}
#nav-room { width: 85px;}
#nav-restaurant { width: 125px;}
#nav-banquet { width: 70px;}
#nav-facilities { width: 120px;}
#nav-guide { width: 90px;}
#nav-access { width: 70px;}

#nav-top:hover { background: url(../img/common/nav.gif) no-repeat -10px -30px;}
#nav-accommodation:hover { background: url(../img/common/nav.gif) no-repeat -90px -30px;}
#nav-room:hover { background: url(../img/common/nav.gif) no-repeat -180px -30px;}
#nav-restaurant:hover { background: url(../img/common/nav.gif) no-repeat -265px -30px;}
#nav-banquet:hover { background: url(../img/common/nav.gif) no-repeat -390px -30px;}
#nav-facilities:hover { background: url(../img/common/nav.gif) no-repeat -460px -30px;}
#nav-guide:hover { background: url(../img/common/nav.gif) no-repeat -580px -30px;}
#nav-access:hover { background: url(../img/common/nav.gif) no-repeat -670px -30px;}

/*
--------------------------------------------------
	exnav
-------------------------------------------------- */
#exnav {
	width: 350px;
	height: 25px;
	position: absolute;
	left: 400px;
	top: 0;
	float: left;
	}
#exnav ul {
	width: 350px;
	height: 25px;
	background: url(../img/common/exnav.gif) no-repeat 0 0;
	float: left;
	}
#exnav ul li { width: 70px; height: 25px; display: block; float: left;}
#exnav ul li a {
	width: 70px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	float: left;
	}
#exnav01:hover { background: url(../img/common/exnav.gif) no-repeat 0 -25px;}
#exnav02:hover { background: url(../img/common/exnav.gif) no-repeat -70px -25px;}
#exnav03:hover { background: url(../img/common/exnav.gif) no-repeat -140px -25px;}
#exnav04:hover { background: url(../img/common/exnav.gif) no-repeat -210px -25px;}
#exnav05:hover { background: url(../img/common/exnav.gif) no-repeat -280px -25px;}

/*
--------------------------------------------------
	topimage
-------------------------------------------------- */
#topimage { border-bottom: 2px solid #3C4205; background: #E6D9C9; clear: both;}

/*
--------------------------------------------------
	page structure
-------------------------------------------------- */
.content { width: 751px;}
html>body .content, * html .content { float: left;}

#c-sm {}
#c-sm #maincol { width: 550px; float: right;}
#c-sm #subcol { width: 200px; float: left;}
#c-m {}
#c-m #maincol { width: 750px;}
#c-m #subcol { display: none;}

/*
--------------------------------------------------
	columns
-------------------------------------------------- */
.column { padding: 0 15px;}
.column h2 { height: 25px; text-indent: -10000px; margin-bottom: 5px; float: left;}
.column #read { font-size: 90%; line-height: 1.3em; margin-bottom: 20px; clear: both;}
.column a { color: #7A1C1C;}
.column h3 a { text-decoration: underline;}
.column a:hover { color: #104BA4; text-decoration: none;}

/* headding */
#hd-search { width: 520px; background: url(../img/common/hd_search.gif) no-repeat 0 0;}
#hd-newstopics { width: 520px; background: url(../img/common/hd_newstopics.gif) no-repeat 0 0;}
#hd-greeting { width: 520px; background: url(../img/common/hd_greeting.gif) no-repeat 0 0;}
#hd-stayplan { width: 520px; background: url(../img/common/hd_stayplan.gif) no-repeat 0 0;}
#hd-accommodation { width: 520px; background: url(../img/common/hd_accommodation.gif) no-repeat 0 0;}
#hd-room { width: 520px; background: url(../img/common/hd_room.gif) no-repeat 0 0;}
#hd-roomamenity { width: 520px; background: url(../img/common/hd_roomamenity.gif) no-repeat 0 0;}
#hd-restaurant { width: 520px; background: url(../img/common/hd_restaurant.gif) no-repeat 0 0;}
#hd-restaurantevent { width: 520px; background: url(../img/common/hd_restaurantevent.gif) no-repeat 0 0;}
#hd-rt-tateruyoshino { width: 520px; background: url(../img/common/hd_rt_tateruyoshino.gif) no-repeat 0 0;}
#hd-rt-peking { width: 520px; background: url(../img/common/hd_rt_peking.gif) no-repeat 0 0;}
#hd-rt-hanasanshou01 { width: 520px; background: url(../img/common/hd_rt_hanasanshou01.gif) no-repeat 0 0;}
#hd-rt-hanasanshou02 { width: 520px; background: url(../img/common/hd_rt_hanasanshou02.gif) no-repeat 0 0;}
#hd-rt-fifteens { width: 520px; background: url(../img/common/hd_rt_fifteens.gif) no-repeat 0 0;}
#hd-rt-primura { width: 520px; background: url(../img/common/hd_rt_primura.gif) no-repeat 0 0;}
#hd-column { width: 520px; background: url(../img/common/hd_column.gif) no-repeat 0 0;}

#hd-banquet { width: 520px; background: url(../img/common/hd_banquet.gif) no-repeat 0 0;}
#hd-banquetplan { width: 520px; background: url(../img/common/hd_banquetplan.gif) no-repeat 0 0;}
#hd-facilities { width: 520px; background: url(../img/common/hd_facilities.gif) no-repeat 0 0;}
#hd-restaurant { width: 520px; background: url(../img/common/hd_restaurant.gif) no-repeat 0 0;}
#hd-pr { width: 180px; background: url(../img/common/hd_pr.gif) no-repeat 0 0;}

#hd-guide { width: 520px; background: url(../img/common/hd_guide.gif) no-repeat 0 0;}
#hd-guide-spot { width: 520px; background: url(../img/common/hd_guide_spot.gif) no-repeat 0 0;}
#hd-guide-shopping { width: 520px; background: url(../img/common/hd_guide_shopping.gif) no-repeat 0 0;}
#hd-guide-amusement { width: 520px; background: url(../img/common/hd_guide_amusement.gif) no-repeat 0 0;}
#hd-guide-other { width: 520px; background: url(../img/common/hd_guide_other.gif) no-repeat 0 0;}
#hd-guide-useful { width: 520px; background: url(../img/common/hd_guide_useful.gif) no-repeat 0 0;}

#hd-access { width: 520px; background: url(../img/common/hd_access.gif) no-repeat 0 0;}
#hd-link { width: 520px; background: url(../img/common/hd_link.gif) no-repeat 0 0;}
#hd-pp { width: 520px; background: url(../img/common/hd_pp.gif) no-repeat 0 0;}
#hd-company { width: 520px; background: url(../img/common/hd_company.gif) no-repeat 0 0;}
#hd-recruit { width: 520px; background: url(../img/common/hd_recruit.gif) no-repeat 0 0;}
#hd-contact { width: 520px; background: url(../img/common/hd_contact.gif) no-repeat 0 0;}

/*
--------------------------------------------------
	search
-------------------------------------------------- */
#search { padding: 15px; margin-bottom: 20px;}
#search form {
	padding: 5px 10px;
	border-bottom: 1px solid #798266;
	background: url(../img/common/search.gif) no-repeat 0 0;
	clear: both;
	}
#search table {
	font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	color: #353D25;
	}
#search table th, #search table td { font-weight: normal; padding: 0 10px 5px 0;}
#search table th { white-space: nowrap;}
#search table th.btns { padding: 5px 0 0; border-top: 1px solid #96A27E;}

/*
--------------------------------------------------
	newstopics
-------------------------------------------------- */
#newstopics { margin-bottom: 30px;}
#newstopics h2 { text-indent: 0; float: none;}
#newstopics span { display: none;}
#newstopics em {
	font: normal normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	color: #3B160B;
	text-align: right;
	display: block;
	}
#newstopics h3 { font-size: 75%; line-height: 1.4em; margin-bottom: 3px;}
#newstopics p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#newstopics a {
	color: #7A1C1C;
	text-decoration: underline;
	padding-left: 15px;
	background: url(../img/common/arr_02.gif) no-repeat 0 .1em;
	}
#newstopics a:hover { text-decoration: none;}

/*
--------------------------------------------------
	regular column
-------------------------------------------------- */
#regular { width: 520px; margin-bottom: 30px; float: left;}
#regular h3 a {
	width: 170px;
	height: 120px;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	}
#regular p { font-size: 75%; line-height: 1.3em; padding: 0 5px; clear: both;}
#regular div { width: 170px; float: left;}
#regular-accommodation { background: url(../img/regular_accommodation.gif) no-repeat 0 0;}
#regular-restaurant { background: url(../img/regular_restaurant.gif) no-repeat 0 0;}
#regular-banquet { background: url(../img/regular_banquet.gif) no-repeat 0 0;}
#regular-accommodation:hover { background: url(../img/regular_accommodation.gif) no-repeat -170px 0;}
#regular-restaurant:hover { background: url(../img/regular_restaurant.gif) no-repeat -170px 0;}
#regular-banquet:hover { background: url(../img/regular_banquet.gif) no-repeat -170px 0;}
#first, #seccond { padding-right: 4px;}

/*
--------------------------------------------------
	greeting
-------------------------------------------------- */
#greeting { width: 520px; margin-bottom: 20px; clear: both;}
#greeting p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}

/*
--------------------------------------------------
	stayplan column
-------------------------------------------------- */
#stayplan { padding-top: 20px; margin-bottom: 30px;}
#stayplan div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#stayplan h3 { font-size: 85%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#stayplan h3 em { font-size: 85%; font-weight: normal; font-style: normal; margin-left: 5px;}
#stayplan p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#stayplan img { vertical-align: bottom; margin-bottom: 5px;}
#stayplan table { font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka; margin-bottom: 5px;}
#stayplan table th, #stayplan table td { font-weight: normal; padding: 2px 15px 2px 0;}
#stayplan table th { white-space: nowrap;}

/*
--------------------------------------------------
	accommodation column
-------------------------------------------------- */
#accommodation { padding-top: 20px; margin-bottom: 30px;}
#accommodation div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#accommodation h3 { font-size: 85%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#accommodation h3 em { font-size: 85%; font-weight: normal; font-style: normal; margin-left: 5px;}
#accommodation p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#accommodation img { vertical-align: bottom; margin-bottom: 5px;}
#accommodation table { font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka; margin-bottom: 5px;}
#accommodation table th, #accommodation table td { font-weight: normal; padding: 2px 15px 2px 0;}
#accommodation table th { white-space: nowrap;}

/*	stayplan column detail
-------------------------------------------------- */
#c-m #stayplan h2 { width: 720px;}
#c-m #stayplan div { width: 720px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#c-m #stayplan h3 { font-size: 90%; line-height: 1.5em;}
#c-m #stayplan p { font-size: 80%; line-height: 1.4em;}

/*
--------------------------------------------------
	room column
-------------------------------------------------- */
#room { padding-top: 20px; margin-bottom: 30px;}
#room div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#room h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#room h3 em { font-size: 85%; font-weight: normal; font-style: normal; margin-left: 5px;}
#room p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#room img { vertical-align: bottom; margin-bottom: 5px;}

/*	room sub column
-------------------------------------------------- */
#room-sub { margin-bottom: 20px;}
#room-sub div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#room-sub h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#room-sub h3 em { font-size: 85%; font-weight: normal; font-style: normal; margin-left: 5px;}
#room-sub p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#room-sub img { vertical-align: bottom; margin-bottom: 5px;}
#room-sub #atn { width: 500px; background: #F0E8D9; padding: 10px 10px 5px;}

/*
--------------------------------------------------
	restaurant column
-------------------------------------------------- */
#restaurant { padding-top: 20px; margin-bottom: 30px;}
#restaurant div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#restaurant h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#restaurant p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#restaurant img { vertical-align: bottom; margin-bottom: 5px;}
#restaurant table { font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka; margin-bottom: 5px;}
#restaurant table th, #restaurant table td { font-weight: normal; padding: 2px 15px 2px 0;}
#restaurant table th { white-space: nowrap;}
#restaurant h3 a, #restaurantevent h3 a { padding-left: 15px; background: url(../img/common/arr_02.gif) no-repeat 0 .15em;}

/*	restaurant event column
-------------------------------------------------- */
#restaurantevent { padding-top: 20px; margin-bottom: 30px;}
#restaurantevent div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#restaurantevent h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#restaurantevent p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#restaurantevent img { vertical-align: bottom; margin-bottom: 5px;}
#c-m #restaurantevent h2 { width: 720px;}
#c-m #restaurantevent div { width: 720px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#c-m #restaurantevent h3 { font-size: 90%; line-height: 1.5em;}
#c-m #restaurantevent p { font-size: 80%; line-height: 1.4em;}

/*	restaurant info column
-------------------------------------------------- */
#restaurantinfo { padding-top: 20px; margin-bottom: 30px;}
#restaurantinfo div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#restaurantinfo h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#restaurantinfo p.read { font-size: 80%; line-height: 1.4em; margin-bottom: 5px; clear: both;}
#restaurantinfo p { font-size: 75%; line-height: 1.3em; margin-bottom: 15px;}
#restaurantinfo img { vertical-align: bottom; margin-bottom: 5px;}
#restaurantinfo table { font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka; margin-bottom: 15px;}
#restaurantinfo table th, #restaurantinfo table td { font-weight: normal; padding: 2px 15px 2px 0;}
#restaurantinfo table th { white-space: nowrap;}
#restaurantinfo ul.restaurantlink { font-size: 75%; line-height: 1.3em; margin-bottom: 10px;}
#restaurantinfo ul.restaurantlink li { padding: 0 0 3px 15px; background: url(../img/common/arr_02.gif) no-repeat 0 .15em;}

/*	wisky column
-------------------------------------------------- */
#wisky { padding-top: 10px; margin-bottom: 30px;}
#wisky div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#wisky h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 3px;}
#wisky p.read { font-size: 80%; line-height: 1.4em; margin-bottom: 5px; clear: both;}
#wisky p { font-size: 75%; line-height: 1.3em; margin-bottom: 15px;}#wisky img { vertical-align: bottom; margin-bottom: 5px;}

/*
--------------------------------------------------
	banquet column
-------------------------------------------------- */
#banquet { padding-top: 20px; margin-bottom: 30px;}
#banquet div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#banquet h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 5px;}
#banquet h3 em { font-size: 85%; font-weight: normal; font-style: normal; margin-left: 5px;}
#banquet p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#banquet img { vertical-align: bottom; margin-bottom: 5px;}
#banquet table {
	font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	margin: 5px 0 15px;
	border-top: 1px solid #706A5F;
	}
#banquet table th, #banquet table td { font-weight: normal; padding: 4px 10px; border-top: 1px dotted #706A5F;}
#banquet table th { white-space: nowrap;}
#banquet table th.bg01, #banquet table td.bg01 { background: #E2D0BE; border: none;}
#banquet table th.bg02, #banquet table td.bg02 { background: #EDE1D5;}
#banquet h3 a, #banquet h3 a { padding-left: 15px; background: url(../img/common/arr_02.gif) no-repeat 0 .15em;}

/*	banquet plan column
-------------------------------------------------- */
#banquetplan { padding-top: 20px; margin-bottom: 30px;}
#banquetplan div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#banquetplan h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 5px;}
#banquetplan h3 em { font-size: 85%; font-weight: normal; font-style: normal; margin-left: 5px;}
#banquetplan p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#banquetplan img { vertical-align: bottom; margin-bottom: 5px;}
#banquetplan h3 a, #banquetplan h3 a { padding-left: 15px; background: url(../img/common/arr_02.gif) no-repeat 0 .15em;}

/*
--------------------------------------------------
	facilities column
-------------------------------------------------- */
#facilities { padding-top: 20px; margin-bottom: 30px;}
#facilities div { width: 520px; padding: 10px 0 0; border-bottom: 1px dotted #706A5F;}
#facilities h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 5px;}
#facilities h3 em { font-size: 85%; font-weight: normal; font-style: normal; margin-left: 5px;}
#facilities p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#facilities img { vertical-align: bottom; margin-bottom: 5px;}
#facilities table { font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka; margin-bottom: 5px;}
#facilities table th, #facilities table td { font-weight: normal; padding: 3px 20px 3px 0; white-space: nowrap;}
#facilities h3 a, #facilities h3 a { padding-left: 15px; background: url(../img/common/arr_02.gif) no-repeat 0 .15em;}

/*
--------------------------------------------------
	guide column
-------------------------------------------------- */
#guide { padding-top: 20px; margin-bottom: 30px;}
#guide h2 { margin: 30px 0 10px;}
#guide h2#hd-guide { margin: 0;}
#guide h3 { font-size: 80%; line-height: 1.3em; margin-bottom: 5px;}
#guide p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#guide div { padding: 15px 0 10px; border-bottom: 1px dotted #8e877e;}

/*
--------------------------------------------------
	access column
-------------------------------------------------- */
#access { padding-top: 20px; margin-bottom: 30px;}
#access h3 { font-size: 80%; line-height: 1.3em; margin-bottom: 5px;}
#access p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#access div { padding: 5px 0;}
#access table {
	font: normal 75%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	margin: 5px 0 15px;
	border-top: 1px solid #706A5F;
	table-layout: fixed;
	}
#access table th, #access table td { font-weight: normal; padding: 4px 0; border-top: 1px dotted #706A5F;}
#access table th { white-space: nowrap;}
#access table th.bg01, #access table td.bg01 { background: #E2D0BE; border: none;}
#access table th.bg02, #access table td.bg02 { background: #EDE1D5;}

/*
--------------------------------------------------
	link column
-------------------------------------------------- */
#link { padding-top: 20px; margin-bottom: 30px;}
#link h3 { font-size: 80%; color: #7A1C1C; line-height: 1.3em; margin-bottom: 5px;}
#link p { font-size: 75%; line-height: 1.3em; margin-bottom: 5px;}
#link div { padding: 15px 0 10px; border-bottom: 1px dotted #8e877e;}
#link h3 a, #link h3 a { padding-left: 15px; background: url(../img/common/arr_02.gif) no-repeat 0 .1em;}

/*
--------------------------------------------------
	privacy policy column
-------------------------------------------------- */
#pp { padding-top: 20px; margin-bottom: 30px;}
#pp h3 { font-size: 90%; line-height: 1.5em; margin-bottom: 10px;}
#pp p { font-size: 80%; line-height: 1.5em; margin-bottom: 10px;}
#pp ol { font-size: 80%; line-height: 1.5em; list-style: decimal; margin-left: 30px;}
#pp ol li { margin-bottom: 10px;}

/*
--------------------------------------------------
	company column
-------------------------------------------------- */
#company { padding-top: 20px; margin-bottom: 30px;}
#company h3 { font-size: 80%; line-height: 1.4em; margin-bottom: 5px;}
#company p { font-size: 80%; line-height: 1.4em; margin-bottom: 5px;}
#company table {
	font: normal 80%/1.4em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	margin: 5px 0 20px;
	}
#company table th, #company table td { font-weight: normal; padding: 4px 10px;}
#company table th { white-space: nowrap;}

/*
--------------------------------------------------
	recruit column
-------------------------------------------------- */
#recruit { padding-top: 20px; margin-bottom: 30px;}
#recruit h3 { font-size: 80%; line-height: 1.4em; margin-bottom: 5px;}
#recruit p { font-size: 80%; line-height: 1.4em; margin-bottom: 5px;}
#recruit table {
	font: normal 80%/1.4em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	margin: 5px 0 20px;
	border-top: 1px solid #706A5F;
	}
#recruit table th, #recruit table td { font-weight: normal; padding: 4px 10px; border-top: 1px dotted #706A5F;}
#recruit table th { white-space: nowrap;}
#recruit table th.bg01, #recruit table td.bg01 { background: #E2D0BE; border: none;}
#recruit table th.bg02, #recruit table td.bg02 { background: #EDE1D5;}

/*
--------------------------------------------------
	contact column
-------------------------------------------------- */
#contact { padding-top: 20px; margin-bottom: 30px;}
#contact h3 { font-size: 80%; line-height: 1.4em; margin-bottom: 5px;}
#contact p { font-size: 80%; line-height: 1.4em; margin-bottom: 5px;}
#contact table {
	font: normal 80%/1.4em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	margin: 5px 0 20px;
	border-top: 1px solid #706A5F;
	}
#contact table th, #contact table td { font-weight: normal; padding: 4px 10px; border-top: 1px dotted #706A5F;}
#contact table th { white-space: nowrap;}
#contact table th.bg01, #contact table td.bg01 { background: #E2D0BE; border: none;}
#contact table th.bg02, #contact table td.bg02 { background: #EDE1D5;}

/*
--------------------------------------------------
	online service
-------------------------------------------------- */
#onlineservice {
	width: 200px;
	padding: 10px 0;
	background: url(../img/common/onlineservice.gif) no-repeat 0 0;
	float: left;
	}
#onlineservice h2 {
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	float: left;
	}
#onlineservice ul { width: 200px; margin-bottom: 10px; float: left;}
#onlineservice ul li { display: block; float: left;}
#onlineservice ul li a {
	width: 200px;
	height: 25px;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	}
#ol01:hover { background: url(../img/common/onlineservice.gif) no-repeat -200px -40px;}
#ol02:hover { background: url(../img/common/onlineservice.gif) no-repeat -200px -65px;}
#ol03:hover { background: url(../img/common/onlineservice.gif) no-repeat -200px -90px;}
#ol04:hover { background: url(../img/common/onlineservice.gif) no-repeat -200px -125px;}
#ol05:hover { background: url(../img/common/onlineservice.gif) no-repeat -200px -160px;}
#ol03, #ol04 { padding-bottom: 10px;}
#onlineservice p { font-size: 70%; line-height: 1.3em; text-align: right; padding: 0 10px;}

/*
--------------------------------------------------
	banner
-------------------------------------------------- */
#banner { width: 180px; padding: 0 0 0 10px; margin-bottom: 5px; clear: both;}
#banner h3 { margin-bottom: 5px;}
#banner img { margin-bottom: 5px;}
#banner a, #banner-s a:hover { text-decoration: none;}

/*
--------------------------------------------------
	mobile
-------------------------------------------------- */
#mobile { width: 182px; padding: 0 9px; margin-bottom: 5px; clear: both;}
#mobile div {
	width: 180px;
	padding: 5px 0 0;
	background: #fff;
	border: 1px solid;
	border-color: #aaa #777 #777 #aaa;
	}
#mobile p#qrcoad { text-align: center;}
#mobile p {
	font-size: 70%;
	line-height: 1.3em;
	margin-bottom: 5px;
	padding: 0 5px;
	clear: both;
	}

/*
--------------------------------------------------
	introduction
-------------------------------------------------- */
#introduction { width: 182px; padding: 0 9px; margin-bottom: 10px;}
#introduction div {
	width: 180px;
	padding: 5px 0 0;
	background: #fff;
	border: 1px solid;
	border-color: #aaa #777 #777 #aaa;
	}
#introduction h3 {
	width: 180px;
	height: 20px;
	text-indent: -9999px;
	background: url(../img/common/hd_shibaparkhotel.gif) no-repeat 5px 2px;
	float: left;
	}
#introduction p {
	font-size: 70%;
	line-height: 1.3em;
	margin-bottom: 5px;
	padding: 0 5px;
	clear: both;
	}

/*
--------------------------------------------------
	pr
-------------------------------------------------- */
#pr { width: 182px; padding: 0 9px; margin-bottom: 40px;}
#pr div {
	width: 170px;
	padding: 10px 5px 0;
	border: 1px solid;
	border-color: #aaa #777 #777 #aaa;
	background: #fff;
	}
#pr h2 { width: 170px; height: 28px; text-indent: -10000px; float: left;}
#pr ul {
	width: 170px;
	font: normal 75%/1.2em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	float: left;
	}
#pr ul li { margin-bottom: 10px;}
#pr ul li a { font-size: 90%; font-style: italic;}

/*
--------------------------------------------------
	footer
-------------------------------------------------- */
#footer { width: 720px; padding: 10px 15px 10px; background: url(../img/common/footer.gif); clear: both;}
#footer p#copyright { font: italic normal 70%/1.3em Georgia, "Times New Roman", Times, serif; color: #F7F5EF;}

/*
--------------------------------------------------
	footer nav
-------------------------------------------------- */
#fnav { width: 720px; padding: 5px 10px; clear: both;}
#fnav ul { font: normal 70%/1.3em Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka; margin-bottom: 3px;}
#fnav ul li { display: inline; margin: 0 4px;}
#fnav a { text-decoration: underline;}
#fnav a:hover { text-decoration: none;}

/*
--------------------------------------------------
	other styles
-------------------------------------------------- */
.hidden { display: none;}
.left { float: left; margin-right: 10px !important;}
.right { float: right; margin-left: 10px !important;}
.clear { clear: both;}
.move { text-align: right; margin: 0; padding: 5px 0; clear: both;}
.arr01 { padding-left: 15px; background: url(../img/common/arr_01.gif) no-repeat 0 .15em;}
.arr02 { padding-left: 15px; background: url(../img/common/arr_02.gif) no-repeat 0 .1em;}
.arr03 { padding-left: 15px; background: url(../img/common/arr_03.gif) no-repeat left center;}
.arr04 { padding-left: 15px; background: url(../img/common/arr_04.gif) no-repeat left center;}
.arr02a { padding-left: 15px; background: url(../img/common/arr_02a.gif) no-repeat 0 .1em;}

/*	Clearfix
-------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/*Georgia, Times New Roman, Times, serif */
/*Geneva, Arial, Helvetica, san-serif */