﻿@charset "utf-8";
/* ****************************************************
Since : 2008-08-05
Last Modified: 2008-08-05
***************************************************** */
/* #container
------------------------------------ */
#container {
	background-image: url(http://www.toei.co.jp/hotel/common/images/com_bg003.gif);
}
/* #header
------------------------------------ */
#header {
	background: url(http://www.toei.co.jp/hotel/common/images/resort_hd_bg001.gif) no-repeat left top;
}
#navigation ul li a {
	background-image:url(http://www.toei.co.jp/hotel/common/images/resort_navi.gif);
	width:121px;
	height:40px;
}
#navigation ul li#hn-sightseeing a,
#navigation ul li#hn-spa a,
#navigation ul li#hn-meal a,
#navigation ul li#hn-facility a,
#navigation ul li#hn-access a {
	width:120px;
}
#navigation ul li#hn-meeting a {
	width:129px;
}
#navigation ul li#hn-plan a:hover,
#navigation ul#plan li#hn-plan a  {
	background-position:0 -40px;
}
#navigation ul li#hn-sightseeing a {
	background-position:-121px 0;
}
#navigation ul li#hn-sightseeing a:hover,
#navigation ul#sightseeing li#hn-sightseeing a {
	background-position:-121px -40px;
}
#navigation ul li#hn-spa a {
	background-position:-241px 0;
}
#navigation ul li#hn-spa a:hover,
#navigation ul#spa li#hn-spa a {
	background-position:-241px -40px;
}
#navigation ul li#hn-meal a {
	background-position:-361px 0;
}
#navigation ul li#hn-meal a:hover,
#navigation ul#meal li#hn-meal a {
	background-position:-361px -40px;
}
#navigation ul li#hn-facility a {
	background-position:-481px 0;
}
#navigation ul li#hn-facility a:hover,
#navigation ul#facility li#hn-facility a {
	background-position:-481px -40px;
}
#navigation ul li#hn-meeting a {
	background-position:-600px 0;
}
#navigation ul li#hn-meeting a:hover,
#navigation ul#meeting li#hn-meeting a {
	background-position:-600px -40px;
}
#navigation ul li#hn-access a {
	background-position:-730px 0;
}
#navigation ul li#hn-access a:hover,
#navigation ul#access li#hn-access a {
	background-position:-730px -40px;
}
/* footer
------------------------------------ */
#footer {
	background: url(http://www.toei.co.jp/hotel/common/images/resort_ft_bg001.gif) repeat-x left top;
}
/* title
------------------------------------ */
h1 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_h1_001.gif);
	border-bottom-color:#f87804;
	border-top-color:#f8a354;
}
h1 span {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_h1_002.gif);
	padding:1px 1px;
}
h1 span span{
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_h1_003.gif);
		padding:13px 17px;
}
h2 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_h2_001.gif);
	background-color: #f2eee8;
	border-bottom: 1px solid #c0a88d;
}
h2.link{
	background: #f2eee8 url(http://www.toei.co.jp/hotel/common/images/resort_h2_002.gif) left 0.5em no-repeat;
	padding: 6px 10px 5px 25px;
}
* html h2.link{
	padding: 8px 10px 9px 25px;
}
h3 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_h3.gif);
	border-color: #c0a88d;
}
h4 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_h4.gif);
}
/* contents
------------------------------------ */
#contents .catch {
	font-weight: bold;
	color: #8b5926;
}
em,
strong{
	color: #8b5926;
}
#contents .title {
	background: #ffebd8;
}
#contents .title strong{
	color: #8b5926;
}
/* list
------------------------------------ */

#contents ul.normal-list li,
#contents ul.normal-list02 li,
#contents ul.normal-list03 li {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic003.gif);
}
#contents ul.normal-list.sitemap ul li{
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic011.gif);
}
#contents ol.num-list li.no01 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic004.gif);
}
#contents ol.num-list li.no02 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic005.gif);
}
#contents ol.num-list li.no03 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic006.gif);
}
#contents ol.num-list li.no04 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic007.gif);
}
#contents ol.num-list li.no05 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic008.gif);
}
#contents ol.num-list li.no06 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic009.gif);
}
/* info */
#contents dl.info {
	border-bottom-color:#c0a88d;
	background-image:url(http://www.toei.co.jp/hotel/common/images/resort_bg009.gif);
}
#contents .col2s dl.info {
	background-image:url(http://www.toei.co.jp/hotel/common/images/resort_bg008.gif);
}
#contents dl.info.full {
	background-image:url(http://www.toei.co.jp/hotel/common/images/resort_bg010.gif);
}
/* column
------------------------------------ */
#contents dl.column01 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_bg001.gif) ;
}
#contents dl.column01 dt {
	border-bottom: 3px solid #ffc58c;
}
/* table
------------------------------------ */
#contents table.standard {
	border-top: 1px solid #c0a88d;
	border-left: 1px solid #c0a88d;
}
#contents table.standard th {
	background: #ffebd8;
	border-bottom: 3px solid #ff7e00;
	border-right: 1px solid #c0a88d;
}
#contents table.standard td {
	border-bottom: 1px solid #c0a88d;
	border-right: 1px solid #c0a88d;
}
#contents table.standard td.sub {
	background: #f5f5f5;
	border-bottom: 1px solid #c0a88d;
	border-right: 1px solid #c0a88d;
}
#contents table.standard tr.sum td{
	border-top: 3px solid #ff7e00;
}

/* 2colum link
------------------------------------ */
#contents .wrap-link {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_fr002.gif);
}
#contents .wrap-link .col2 dl dt {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_fr001.gif) ;
}
/* 3colum Reservation
------------------------------------ */
#contents .wrap-reserve {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_bg002.gif) ;
	border: 1px solid #d9cbbb;
}
#contents .wrap-reserve .col3 {
	background-image: url(http://www.toei.co.jp/hotel/common/images/com_hr004.gif) ;
}
#contents .wrap-reserve .col3 ul li {
	background-image: url(http://www.toei.co.jp/hotel/common/images/com_hr004.gif);
}
#contents .wrap-reserve .col3-center {
	background-image: url(http://www.toei.co.jp/hotel/common/images/com_hr004.gif);
}
/* Contact 
------------------------------------ */
#contents .contact {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_bg002.gif);
	border: 1px solid #d9cbbb;
}
#contents .contact .colright {
	background-image: url(http://www.toei.co.jp/hotel/common/images/com_hr003.gif);
}
/* icon link
------------------------------------ */
body#yuzawa #contents .normal {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic001.gif) ;
}
body#yuzawa #contents .blank {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic002.gif);
}
/* btn
------------------------------------ */
.btn {
	background-image:url(http://www.toei.co.jp/hotel/common/images/resort_bg004.gif);
}
.btn p span {
	background-image:url(http://www.toei.co.jp/hotel/common/images/resort_bg005.gif);
}
.btn .btn-inner {
	background-image:url(http://www.toei.co.jp/hotel/common/images/resort_bg006.gif);
}
/* photo border
------------------------------------ */
.photo-frame{
	border-color:#bcab8f;
}
/* TOP PAGE
------------------------------------ */
#index-navi ul li {
	float:left;
}
#index-navi ul li a {
	display:block;
	width:121px;
	height:56px;
	background:url(http://www.toei.co.jp/hotel/yuzawa/images/index_navi.gif) no-repeat 0 0;
	text-indent:-10000px;
	font-size:1px;
	line-height:1;
	/* Hides from IE-mac \*/
	overflow:hidden;/* End Hides from IE-mac \*/
}
#index-navi ul li#hn-sightseeing a,
#index-navi ul li#hn-spa a,
#index-navi ul li#hn-meal a,
#index-navi ul li#hn-facility a,
#index-navi ul li#hn-access a {
	width:120px;
}
#index-navi ul li#hn-meeting a {
	width:129px;
}
#index-navi ul li#hn-plan a:hover,
#index-navi ul#plan li#hn-plan a {
	background-position:0 -56px;
}
#index-navi ul li#hn-sightseeing a {
	background-position:-121px 0;
}
#index-navi ul li#hn-sightseeing a:hover,
#index-navi ul#sightseeing li#hn-sightseeing a {
	background-position:-121px -56px;
}
#index-navi ul li#hn-spa a {
	background-position:-241px 0;
}
#index-navi ul li#hn-spa a:hover,
#index-navi ul#spa li#hn-spa a {
	background-position:-241px -56px;
}
#index-navi ul li#hn-meal a {
	background-position:-361px 0;
}
#index-navi ul li#hn-meal a:hover,
#index-navi ul#meal li#hn-meal a {
	background-position:-361px -56px;
}
#index-navi ul li#hn-facility a {
	background-position:-481px 0;
}
#index-navi ul li#hn-facility a:hover,
#index-navi ul#facility li#hn-facility a {
	background-position:-481px -56px;
}
#index-navi ul li#hn-meeting a {
	background-position:-600px 0;
}
#index-navi ul li#hn-meeting a:hover,
#index-navi ul#meeting li#hn-meeting a {
	background-position:-600px -56px;
}
#index-navi ul li#hn-access a {
	background-position:-730px 0;
}
#index-navi ul li#hn-access a:hover,
#index-navi ul#access li#hn-access a {
	background-position:-730px -56px;
}
#contents #index-col {
	margin: 0px;
	padding: 0px 0px 20px;
	width: 810px;
	background: url(http://www.toei.co.jp/hotel/yuzawa/images/index_bg002.gif) repeat-y left top;
	clear: both;
}
#contents #main {
	margin: 0px;
	padding: 20px 0px 0px;
	float: left;
	width: 555px;
}
/* Search */

#contents #main dl.search {
	background: url(http://www.toei.co.jp/hotel/yuzawa/images/index_bg001.gif) repeat;
	padding: 6px;
}
#contents #main dl.search dt {
	padding: 1px 0 0;
}
#contents #main dl.search dd {
	padding: 7px 4px;
	margin: 0;
	background: #FFFFFF;
}
#contents #main dl.search dd .wrap2col {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#contents #main dl.search dd .wrap2col .form-parts {
	float: left;
	width: 268px;
	background: url(http://www.toei.co.jp/hotel/yuzawa/images/index_hr001.gif) repeat-y right top;
	padding-right: 1px;
	text-align: center;
}
#contents #main dl.search dd .wrap2col .form-parts dl {
	margin: 0px;
	padding: 0px;
}
#contents #main dl.search dd .wrap2col .form-parts dl dt {
	width: 55px;
	font-size: 0px;
	line-height: 0px;
	margin: 3px 0px 0px;
	padding: 0px;
}
#contents #main dl.search dd .wrap2col .form-parts dl dd {
	margin: -25px 0px 0px 60px;
	padding: 5px 0px 1px 0px;
}
#contents #main dl.search dd .wrap2col .form-parts p {
	padding: 13px 0px 0px;
	margin: 0px;
}

#contents #main dl.search dd .wrap2col .form-btn {
	padding: 0px;
	float: right;
	width: 260px;
	text-align: center;
}
#contents #main dl.search dd .wrap2col .form-btn p {
	padding: 12px 0px 0px;
	margin: 0px;
}
/* News */
#contents #main dl.news {
	margin: 0px;
	padding: 0px;
}
#contents #main dl.news dt {
	font-weight: normal;
	margin: 0;
	padding:0;
	color:#555555;
}
#contents #main dl.news dd{
	padding: 0px 0px 0.5em 6em;	
}
* html #contents #main dl.news dd{
	padding: 0.1em 0px 0.5em 6em;
}
#contents #main #link-box {
	width: 555px;
	clear: both;
	margin-top: 20px;
}
#contents #main #link-box #colleft {
	width: 175px;
	float: left;
}
#contents #main #link-box #colleft .title-area {
	margin:0 0 10px;
}
#contents #main #link-box #colleft dl dd {
	margin-bottom: 1.5em;
}
#contents #main #link-box #colleft dl dd a:link strong,
#contents #main #link-box #colleft dl dd a:link .note{
	color:#0028AA;
}
#contents #main #link-box #colleft dl dd a:hover strong,
#contents #main #link-box #colleft dl dd a:hover .note,
#contents #main #link-box #colleft dl dd a:active strong,
#contents #main #link-box #colleft dl dd a:active .note{
	color:#008BE3;
	text-decoration:none;
}
#contents #main #link-box #colleft dl dd a:visited strong,
#contents #main #link-box #colleft dl dd a:visited .note{
	color:#008BE3;
}
#contents #main #link-box #colright {
	width: 360px;
	float: right;
}
#contents #main #link-box #colright dl.sightseeing dt {
	width: 70px;
	height: 55px;
	margin: 0px;
	padding: 0px;
}
* html #contents #main #link-box #colright dl.sightseeing dt {
	position:absolute;
	z-index:5;
}
#contents #main #link-box #colright dl.sightseeing dd {
	margin: -55px 0px 0.8em;
	background: url(http://www.toei.co.jp/hotel/common/images/com_hr006.gif) repeat-x left bottom;
	padding: 0px 0px 0.8em 85px;
	min-height: 54px;
}
* html #contents #main #link-box #colright dl.sightseeing dd {
	height: 1%;
	height: 54px;
}

#contents #main #link-box #colright .title-area {
	margin: 0px 0px 10px;
	padding: 0px 0px 3px;
	border-bottom: 1px solid #c0a88d;
	clear: both;
	width: 360px;
}
#contents #main #link-box #colright .title-area .subtitle {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100px;
}
#contents #main #link-box #colright .title-area .news-btn {
	float: right;
	margin: 4px 0px 0px;
	padding: 0px;
	width: 80px;
}
#contents #main #banner {
	margin: 0px;
	padding: 20px 0px 0px;
	clear: both;
}
/* Menu */
#contents #extra {
	margin: 0px;
	padding: 0px 0px 12px;
	float: right;
	width: 235px;
	background: #ffe8d1;
}
#contents #extra ul {
	margin: 20px 0px 0px;
	padding: 0px;
}
#contents #extra ul li {
	margin: 0px;
	padding: 0px 0px 8px 10px;
	line-height:0;
}
*html #contents #extra ul li {
	font-size:0;
}
#contents #extra ul li.end {
	padding: 0px 0px 22px 10px;
	background: url(http://www.toei.co.jp/hotel/yuzawa/images/index_hr002.gif) no-repeat 8px bottom;
}

/* plan eco */
#contents .wrap2col .ecomenu{
	float: left;
	width: 455px;
}
#contents .wrap2col .ecomenu-ph{
	float: right;
	width: 310px;
	padding:0 10px 0 0;
}
#contents .wrap2col .ecomenu-ph .leftbox{
	float: left;
	width: 150px;
}
#contents .wrap2col .ecomenu-ph .rightbox{
	float: right;
	width: 150px;
}

#contents .wrap2col .ecomenu-ph .leftbox p,
#contents .wrap2col .ecomenu-ph .rightbox p{
	margin: 0px 0px 15px;
	padding: 0px;
}
#contents .wrap2col .eco-address{
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	margin:20px auto 0;
	font-size:100%;
}
/* Margin
------------------------------------ */
#contents .mb10 {
	margin-bottom: 10px;
}
#contents .mb20 {
	margin-bottom: 20px;
}

/* inquiry 
------------------------------------ */
#contents dl.inquiry dt {
	background: #c0a88d;
}
#contents dl.inquiry dd {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_bg003.gif) ;
	border-right: 1px solid #d9cbbb;
	border-bottom: 1px solid #d9cbbb;
	border-left: 1px solid #d9cbbb;
}
/* sightseeing event
------------------------------------ */
#contents .wrap2col .colleft6{
	float: left;
	width: 170px;
}
#contents .wrap2col .colleft6 p{
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#contents .wrap2col .colright6{
	float: right;
	width: 630px;
}
/* win_sports 
------------------------------------ */
#contents .col-border{
	margin: 0px 0px 20px;
	padding: 0px;
	clear: both;
	border: 1px solid #CCCCCC;
}
#contents .title-img{
	margin: 0 0 40px;
}
#contents #winter-img{
	text-align:center;
	width: 810px;
	height: 380px;
	margin: 0 0 40px;
}
#contents #winter-img p {
	margin: 5em;
}
#contents #winter-img .banner {
	margin: 0.5em;
}
#contents .col-border .col2{
	float: left;
	width: 400px;
}
#contents .col-border .col2-end{
	float: right;
	width: 400px;
}
#contents .wrap2col .colleft5{
	float: left;
	width: 600px;
}
#contents .wrap2col .colright5{
	float: right;
	width: 190px;
	padding-left: 10px;
}
#contents .wrap2col .colright5 ul{
	border: 1px solid #e8e8e8;
	padding: 7px;
}
#contents .wrap2col .colright5 ul li.blank{
	height: auto;
}
#contents .wrap2col .colright5 .facility-title{
	text-align: center;
	font-weight: bold;
	color: #555555;
	padding: 5px 0;
	margin-bottom: 0;
	background-color: #e8e8e8;
}
#contents .wrap2col .colleft5 .section{
	margin: 0;
	padding: 0;
}
#contents .wrap2col .colleft5 .section table{
	width: 600px;
	margin: 0;
}
#contents .wrap2col .colleft5 .section table .sub{
	text-align: center;
}
#contents .wrap2col .colleft5 .link-box{
	float: none;
	clear: both;
	padding-top: 10px;
}
#contents .wrap2col .colleft5 .leftbox{
	float: left;
	width: 286px;
}
#contents .wrap2col .colleft5 .rightbox{
	float: right;
	width: 279px;
}
#contents dl.event-info{
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#contents dl.event-info dt{
	margin: 0px;
	padding: 0px 0px 5px;
}
#contents dl.event-info dd{
	margin: 0px;
	padding: 0px;
	clear: both;
}
#contents dl.event-info dd ul{
	margin: 0px;
	padding: 0px;
}
#contents dl.event-info dd ul li{
	margin: 0px 2px 0px 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#contents dl.event-info dd ul li.end{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
/* editor
------------------------------------ */
#contents div.editor p{
	margin-left:15px;
}
#contents div.editor p a {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic001.gif) ;
}
#contents div.editor table {
	border-color:#c0a88d;
}
#contents div.editor table th {
	background: #ffebd8;
	border-color:#c0a88d;
}
#contents div.editor table td {
	border-color:#c0a88d;
}
#contents div.editor ul li {
	background-image: url(http://www.toei.co.jp/hotel/common/images/resort_ic003.gif);
}
#contents div.editor #eco ul.note li {
	background-image: none;
}
#contents div.editor #eco ul.other-list li {
	background:transparent url(http://www.toei.co.jp/hotel/common/images/resort_bg007.gif) repeat-y scroll left top;
	border:1px solid #C0A88C;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 0pt 10px;
	padding:7px 0pt 6px 7px;
}
/*************** CLEARFIX ***************/
#index-col:after,
#link-box:after,
#contents #main dl.search dd:after,
#contents #main #link-box #colright .title-area:after {
	content:".";
	display: block;
	clear: both;
	height: 0px;
	visibility:hidden;
}
#index-col,
#link-box,
#contents #main dl.search dd,
#contents #main #link-box #colright .title-area {
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html #index-col,
* html #link-box,
* html #contents #main dl.search dd,
* html #contents #main #link-box #colright .title-area,
* html #contents #extra ul li.end {
	height:1%;
}
#index-col,
#link-box,
#contents #main dl.search dd,
#contents #main #link-box #colright .title-area {
	display:block;
}
/* End hide from IE-mac */
