* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #333333;
	background-color: #502800;
	background-image: url(images/css/body-back.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	font-family:メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Arial,sans-serif;
	font-size:.75em;
	line-height:1.5em;
}
a {
	text-decoration: none;
	color: #006600;
}
a img {
	border: none;
}
#wrapper {
	margin: 0px auto;
	width: 760px;
	background-image: url(images/css/wrapper-back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	position:relative;
	z-index:1;
}

/** h1 **/
h1#index,
h1#kannai,
h1#kannai-room,
h1#kannai-bath,
h1#kannai-bar,
h1#kannai-omiyage,
h1#syokuji-gourmet,
h1#syokuji-menu,
h1#kanko,
h1#kanko-towada,
h1#kanko-oirase,
h1#kanko-hakkoda,
h1#plan,
h1#reserve,
h1#cancel,
h1#access,
h1#link,
h1#privacy,
h1#sitemap {
	background-repeat: no-repeat;
	background-position: left top;
	height: 260px;
	width: 760px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
h1#index {
	background-image: url(images/css/h1-index.jpg);
}
h1#kannai {
	background-image: url(images/css/h1-kannai.jpg);
}
h1#kannai-room {
	background-image: url(images/css/h1-kannai-room.jpg);
}
h1#kannai-bath {
	background-image: url(images/css/h1-kannai-bath.jpg);
}
h1#kannai-bar {
	background-image: url(images/css/h1-kannai-bar.jpg);
}
h1#kannai-omiyage {
	background-image: url(images/css/h1-kannai-omiyage.jpg);
}
h1#syokuji-gourmet {
	background-image: url(images/css/h1-syokuji-gourmet.jpg);
}
h1#syokuji-menu {
	background-image: url(images/css/h1-syokuji-menu.jpg);
}
h1#kanko {
	background-image: url(images/css/h1-kanko.jpg);
}
h1#kanko-towada {
	background-image: url(images/css/h1-kanko-towada.jpg);
}
h1#kanko-oirase {
	background-image: url(images/css/h1-kanko-oirase.jpg);
}
h1#kanko-hakkoda {
	background-image: url(images/css/h1-kanko-hakkoda.jpg);
}
h1#plan {
	background-image: url(images/css/h1-plan.jpg);
}
h1#reserve {
	background-image: url(images/css/h1-reserve.jpg);
}
h1#cancel {
	background-image: url(images/css/h1-cancel.jpg);
}
h1#access {
	background-image: url(images/css/h1-access.jpg);
}
h1#link {
	background-image: url(images/css/h1-link.jpg);
}
h1#privacy {
	background-image: url(images/css/h1-privacy.jpg);
}
h1#sitemap {
	background-image: url(images/css/h1-sitemap.jpg);
}

/** Main **/
#main {
	float: right;
	width: 580px;
}

/* Main-SubNavi */
#subnavi {
	color: #FFFFFF;
	background-color: #003300;
	padding: 0px 10px 0px 10px;
}
#subnavi p {
	line-height: 2.4em;
}
#subnavi ul {
	list-style-type: none;
}
#subnavi ul li {
	float: left;
}
#subnavi ul li a {
	color: #FFFFFF;
	background-color: #003300;
	border-left: 1px solid #FFFFFF;
	padding: 0px 15px 0px 22px;
	background-image: url(images/css/sn-marker-off.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 2.4em;
	display: block;
}
#subnavi ul li a:hover {
	color: #FFFFFF;
	background-color: #003300;
	background-image: url(images/css/sn-marker-on.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

/** Main Part**/
#main h2 {
	margin: 0px 10px 0px 10px;
	background-image: url(images/css/h2-marker.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 25px 0px 5px 35px;
	font-size: 1.2em;
	font-weight: bold;
}
h3 {
	margin: 10px 10px 0px 10px;
	padding: 5px 0px 0px 5px;
	font-size: 1em;
	font-weight: bold;
	background-image: url(images/css/h3-back.jpg);
	background-repeat: repeat-y;
}


/* Main-One-Box */
.one-bgno,
.one-bgbasic,
.one-bgtop,
.one-bgdl,
.one-bgmenu {
	margin: 10px 20px 0px 20px;
}
.one-bgno p {
	font-weight: bold;
}
.one-bgbasic,
.one-bgdl dl {
	background-image: url(images/css/col-om.gif);
	background-repeat: repeat-y;
}
.title,
.one-bgdl dt {
	background-image: url(images/css/col-ot.gif);
	background-repeat: no-repeat;
}
.one-bgdl dt,
.one-bgdl dd {
	padding: 5px 10px 0px 10px;
}
.one-bgbasic .bottom,
.one-bgdl dd.bottom {
	padding: 5px 10px;
	background-image: url(images/css/col-ob.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.one-bgtop p,
.one-bgbasic p,
.one-bgdl p {
	margin: 0px 10px 5px 10px;
}
.two-bgno {
	width: 270px;
	float: left;
	padding: 0px 0px 20px 0px;
}
.three-bgno {
	width: 180px;
	float: left;
	padding: 0px 0px 20px 0px;
}
.three-bgno dl {
	padding: 0px 10px 0px 10px;
}
.three-bgno dt {
	padding: 10px 0px 0px 0px;
	font-weight: bold;
}
.box-bottom {
	width: 100%;
	clear: both;
}
.box-bottom p {
	margin: 0px 10px 0px 10px;
	padding: 20px 0px 5px 0px;
}
.plan {
	border-collapse: collapse;
	border: 1px solid #AFC8B2;
	background-color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	width: 100%;
}
.plan th {
	padding: 2px 3px 2px 5px;
	text-align: left;
	border-top: 1px solid #AFC8B2;
	border-left: 1px solid #AFC8B2;
	background-color: #D3EFC2;
	font-weight: normal;
	white-space: nowrap;
}
.plan td {
	padding: 2px 3px 2px 5px;
	text-align: left;
	border-top: 1px solid #AFC8B2;
	border-left: 1px solid #AFC8B2;	
}
.btn-submit {
	width: 100px;
}

/* Main-Two-Box */
.two-small {
	float: left;
	width: 220px;
}
.two-medium {
	float: left;
	width: 280px;
}
.two-large {
	float: left;
	width: 340px;
}
.two-small dl,
.two-medium dl,
.two-large dl {
	margin: 20px 0px 0px 20px;
	background-repeat: repeat-y;
}
.two-small dl {
	background-image: url(images/css/col-sm.gif);
}
.two-medium dl {
	background-image: url(images/css/col-mm.gif);
}
.two-large dl {
	background-image: url(images/css/col-lm.gif);
}
.two-small dt,
.two-medium dt,
.two-large dt,
.two-small dd,
.two-medium dd,
.two-large dd {
	padding: 5px 10px 0px 10px;
}
.two-small dt,
.two-medium dt,
.two-large dt {
	background-repeat: no-repeat;
}
.two-small dt {
	background-image: url(images/css/col-st.gif);
}
.two-medium dt {
	background-image: url(images/css/col-mt.gif);
}
.two-large dt {
	background-image: url(images/css/col-lt.gif);
}
.two-small dd.bottom,
.two-medium dd.bottom,
.two-large dd.bottom {
	padding: 5px 10px 5px 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.two-small dd.bottom {
	background-image: url(images/css/col-sb.gif);
}
.two-medium dd.bottom {
	background-image: url(images/css/col-mb.gif);
}
.two-large dd.bottom {
	background-image: url(images/css/col-lb.gif);
}


/* Main-Footer */
p#foot-navi {
	clear: both;
	font-size: .9em;
	margin: 0px 20px 0px 20px;
	padding-top: 20px;
}
p#foot-navi a {
	padding:0 15px;
}
address {
	font-size: .9em;
	font-style: normal;
	margin: 0px 20px 0px 20px;
}

/* Sub */
#sub {
	float: left;
	width: 180px;
	background-image: url(images/css/main-navi-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub h2 a {
	background-image: url(images/css/main-navi-logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 180px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#sub p#navi-title {
	background-image: url(images/css/main-navi-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
	width: 180px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
ul#navi {
	list-style-type: none;
	margin: 0px 0px 150px 0px;
}
li#navi-top a,
li#navi-kannai a,
li#navi-food a,
li#navi-kanko a,
li#navi-plan a,
li#navi-access a,
li#navi-blog a,
li#navi-links a {
	background-image: url(images/css/main-navi-button.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 180px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	list-style-type: none;
}
li#navi-top a {
	background-position: 0px -0px;
}
li#navi-kannai a {
	background-position: 0px -40px;
}
li#navi-food a {
	background-position: 0px -80px;
}
li#navi-kanko a {
	background-position: 0px -120px;
}
li#navi-plan a {
	background-position: 0px -160px;
}
li#navi-access a {
	background-position: 0px -200px;
}
li#navi-blog a {
	background-position: 0px -240px;
}
li#navi-links a {
	background-position: 0px -280px;
}
li#navi-top a:hover {
	background-position: -180px -0px;
}
li#navi-kannai a:hover {
	background-position: -180px -40px;
}
li#navi-food a:hover {
	background-position: -180px -80px;
}
li#navi-kanko a:hover {
	background-position: -180px -120px;
}
li#navi-plan a:hover {
	background-position: -180px -160px;
}
li#navi-access a:hover {
	background-position: -180px -200px;
}
li#navi-blog a:hover {
	background-position: -180px -240px;
}
li#navi-links a:hover {
	background-position: -180px -280px;
}

li#navi-fr{
	margin:10px 0px 0px 20px;
}

/*
#navi-btn1 {
	margin: 20px 0px 30px 10px;
}
p#reserve-navi a {
	background-image: url(images/css/navi-btn1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 240px;
	width: 160px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
p#reserve-navi a:hover {
	background-position: left bottom;
}
*/

/* Footer */
#footer {
	background-color: #FFFFFF;
	background-image: url(images/css/footer-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	padding:50px 130px 10px 10px;
}
p#copyright {
	font-size: .9em;
	text-align: right;
}

/* Page-Index2 */
.one-bgtop {
	background-image: url(images/css/box-top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
p#reserve-top a {
	background-image: url(images/css/top-link1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 250px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
p#reserve-top a:hover {
	background-position: left bottom;
}

/* Syokuji-Menu */
.one-bgmenu {
	background-image: url(images/css/box-menu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Page-Plan*/
p#plan-btn a,
p#date-btn a,
p#confirmation-btn a {
	background-image: url(images/css/plan-btn.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 160px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
p#plan-btn a {
	background-position: 0px 0px;
}
p#date-btn a {
	background-position: -160px 0px;
}
p#confirmation-btn a {
	background-position: -320px 0px;
}
p#plan-btn a:hover {
	background-position: 0px -200px;
}
p#date-btn a:hover {
	background-position: -160px -200px;
}
p#confirmation-btn a:hover {
	background-position: -320px -200px;
}

/* Page-Sitemap */
ul#sitemap {
	margin: 0px 20px 20px 40px;
}
ul#sitemap li {

}
ul#sitemap li ul {
	margin: 0px 20px 10px 40px;
	list-style-type: none;
	border-left: solid 2px #006600;
}
ul#sitemap li ul li {
	background-image: none;
	padding: 0px 0px 0px 10px;
}

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


