﻿#hotel-detail-left {
	width: 70%;
}

#hotel-detail-right {
	width: 30%;
}

#hotel-header table, #hotel-detail table {
	width: 100%;
	/*border: 1px solid #ff0000 !important;*/
}

#hotel-header table {
	margin-bottom: 20px;
}

#summary td {
	/*text-align: left;*/
	padding: 0px;
}

.summary-left {
	text-align: left;
	width: 55%;
}

.hotel-photos-thumb {
	border: solid 0px #f7f7f7 !important;
}

.hotel-photos-thumb td {
	padding: 0px 3px !important;
	border: none;
	vertical-align: top;
}

table th {
	padding: 6px 5px;
	text-align: left;
	background-color: #e8eef4;
	border: solid 1px #f7f7f7;
}

ul.direct-contact {
	margin: 0px;
	margin-left: -25px;
	list-style-type: disc;
}

ul.direct-contact li {
	margin: 0px;
	margin-left: 0px;
	list-style-type: circle;
}

.summary-right {
	text-align: left;
}

.summary-right td img {
	width: 100px;	
	border: 0px;
}

.summary-right span {
	margin: 0px 0px 0px auto;
	text-align: left;
}

.WeatherHolder {
	font-size: .8em;
	width: 20% !important;
}

.WeatherHolder td{
	padding: 3px !important;
}

#hotel-opening {
	
}

#weather-voting {
	background-color: #bfbfbf;
}

#season-opening h3 span {
	color: #0000ff;
}

#season-opening h3 {
	margin: 4px;
}

#month-row {
	text-align: center;
	font-weight: bold;
	color: #000;
	width: 10%;
}
#status-row td {
	width: 3.3%;
	font-size: .7em;
}
#open-header-row {
	
}

.hotel-open {
	background-color: #0000ff;
	color: #fff;
}

#open-time-row td {
	font-weight: bold;
	color: #000;
}

#lift-number-row td {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
    background-color:#808080;
}

#general-info {
	
}

.charge-selected
{
	font-weight: bold;
	color: #000;
}

.charge-not-selected {
	font-weight: normal;
	color: #b7b7b7;
}

.nearby-resorts{
	list-style: none;
	list-style-type: none;
	margin: 0px 0px 0px -20px; 
}

.nearby-resorts li 
{
	list-style: none;
	list-style-type: none;
	margin: 2px 0px 2px -20px;
}

#random-photo-bottom {
    padding-top: 10px;    
    margin: 0px auto;
    text-align: center;
}

#random-photo-bottom img
{
    width: 210px;
    margin: 0px auto;
    border: 1px solid #888;
}

#hotel-pager {
	position: relative;
	background-color: #F5F4EE;
	min-height:120px;
	width:100%;
	margin:0px auto 25px auto;
	border:1px solid #e8e2c1;
	/*overflow:hidden;*/
}	
#hotel-pager:before, #hotel-pager:after {
	border-radius: 2px 2px 2px 2px;
	bottom: 10px;
	content: "";
	height: 0;
	position: absolute;
	width: 60%;
	z-index: -2;
	/*box-shadow: 0 0 10px 8px rgba(51, 51, 51, 0.2);*/
	-webkit-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.2);
}
#hotel-pager:after {
	right: 12px;
	/*transform: rotate(3deg);
	-webkit-transform: skew(15deg) rotate(6deg);
	-moz-transform: skew(15deg) rotate(6deg);
	-ms-transform: skew(15deg) rotate(6deg);
	-o-transform: skew(15deg) rotate(6deg);
	transform: skew(15deg) rotate(6deg);*/
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}
#hotel-pager:before {
	left: 12px;
	/*transform: rotate(-3deg);
	-webkit-transform: skew(-15deg) rotate(-6deg);
	-moz-transform: skew(-15deg) rotate(-6deg);
	-ms-transform: skew(-15deg) rotate(-6deg);
	-o-transform: skew(-15deg) rotate(-6deg);
	transform: skew(-15deg) rotate(-6deg);	*/
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.hotel-pager-item-holder {
	width: 25%;
	padding: 5px !important;
}

.hotel-area-nav {
	cursor: pointer;
}

.hotel-date-nav, .hotel-date-nav:active, .hotel-date-nav:visited {
	font-size:.8em;
	font-weight: normal;
	text-decoration:none;
	cursor:pointer;
	color: #0000ff !important;
}

.hotel-date-nav:hover {	
	text-decoration:underline;
	cursor:pointer;
	color: #000 !important;
}

.hotel-name-main{
    text-align:center;
    padding:5px 5px 5px 5px;
    font-size:20px;
    font-weight:bold;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
	color: #444;
}

.hotel-town-main{
    text-align:center;
    padding:5px 5px;
    font-size:14px;
    font-weight:bold;
    color:#0000ff;
}

.hotel-japanese-main{
    text-align:center;
    padding:5px 5px;
    font-size:16px;
    font-weight:bold;
    color:#333;
}

.summary-left {
	text-align: left;
    width:55% !important;
}

.summary-right {
	text-align: left;
}

#hotel-summary, #hotel-summary tr+tr, #hotel-summary th+th, #hotel-summary td+td{
    border:2px solid #fff;
}

#hotel-summary td{
    padding:2px;
    background-color: #FFFFE1;
}

.hotel-summary-label{
    font-weight:bold;
    background-color: #F0F0F0;
}

#large-map-link{
    width: 290px !important;
	border:4px solid #000; 
	margin:0px auto;
    text-align:center;
    padding:15px 0px;
    font-weight:bold;
    border-top:0px;
    border-bottom:0px;
    background-color:#F0F0F0;
}

.hotel-summary-label{
    font-weight:bold;
    background-color: #F0F0F0 !important;
}

#all-photo-link{
    width: 290px !important;
	border:4px solid #000; 
	margin:0px auto;
    text-align:center;
    padding:15px 0px;
    font-weight:bold;
    border-top:0px;
    background-color:#F0F0F0;
}

#main-photo-list{
    width: 298px !important;
	margin:0px auto;
}

#main-photo-list td {
    text-align:center;
	border:4px solid #888; 
    padding:0px;
}

#main-photo-list td img{
    width:100%;
}

.blue-header-bar{
    padding:7px !important;
    background-color:#0000ff;
    color:#fff;
    font-weight:bold;
    margin-top:20px;
}

.navy-blue-header-bar{
    padding:7px !important;
    background-color:#000080;
    color:#fff;
    font-weight:bold;
    margin-top:20px;
}

.hotel-general-info-label{
    font-weight:bold;
    padding:4px;
    background-color:#e6e6e6;
}

.hotel-general-info {
    padding: 3px 4px;
}

#nearby-resorts-right td{
    background-color:#fff;
    border-bottom:2px solid #e6e6e6;
}

.right-column-box-header{
    border:2px solid #000;
    border-bottom: 1px solid #000;
    background-color:#333333;
    text-align:center;
    color:#fff;
    font-size:12px;
    padding:5px;
}

.right-column-box-header-light{
    border:2px solid #707070;
    border-bottom: 1px solid #707070;
    background-color:#808080;
    text-align:center;
    color:#fff;
    font-size:12px;
    padding:5px;
}

.right-column-box-sub-header{
    border:2px solid #808080;
    border-top: 1px solid #000;
    background-color:#808080;
    text-align:center;
    color:#fff;
    font-size:12px;
    padding:5px;
}

.right-column-box-body{
    border:2px solid #000;
    border-top: 1px solid #000;
    background-color:#fff;
    text-align:center;
    color:#000;
    font-size:12px;
    padding:5px;
}
.right-column-box-body-notice{
    border:2px solid #000;
    border-top: 1px solid #000;
    background-color:#000080;
    text-align:center;
    color:#fff;
    font-size:12px;
    padding:5px;
    font-weight:normal;
    text-align:left !important;
}

.right-column-box-body-notice a, .right-column-box-body-notice a:visited, .right-column-box-body-notice:active, .right-column-box-body-notice a:hover{
    color:#fff;
    text-decoration:underline;
}
.right-column-box-body-yellow{
    border:2px solid #000;
    border-top: 1px solid #000;
    background-color:#ffffcc;
    text-align:center;
    color:#000;
    font-size:12px;
    padding:5px;
}

.right-column-box-body-normal{
    border:2px solid #707070;
    border-top: 1px solid #707070;
    background-color:#fff;
    text-align:center;
    color:#000;    
    padding:0px;
}

.right-column-box-body-yellow td{
    text-align:left;
}

.right-column-box-header-top{
    font-weight:bold;
}

.right-column-box-header-bottom{
    font-weight:normal;
    font-size:.85em;
    padding:3px;
}

/*.right-column-box-body {
    font-size:20px;
    padding:3px;
}*/

.right-column-box-body img{
    width:100%;
}

.right-bar-box{
    margin-bottom:15px;
}

#contact-info-right{
    text-align:center;
}

.right-bar-map {
    border: 4px solid #000 !important;
}

.hotel-main-page-map{
    border: 4px solid #000 !important;
}

.main-photos{
    margin-bottom:-8px !important;
    border:4px solid #000;
    width: 290px;
    margin-left:auto;
    margin-right:auto;
}

.hotel-right-column-box{
    background-color:#fff;
    text-align:center;
    margin:2px 0px;
    padding-top:10px;
    padding-bottom:10px;
}

.hotel-right-column-box a{
    font-weight:bold;
}

.box-content{
    padding:7px;
}

/*#detail-left {
	width: 70%;
}*/

#detail-right {
	width: 226px !important;
}

.hotel-now-box-right{
    border:outset 2px #000;
    padding:5px;
    background-color:#ff0000;
    color:#fff;
    font-size:12px;
    text-align:center;
    margin-bottom:15px;
}

.hotel-now-box-right a, .hotel-now-box-right a:hover, .hotel-now-box-right a:visited, .hotel-now-box-right a:active{   
    color:#fff;
    font-size:12px;
    text-align:center;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}

.hotel-now-box-right-bottom{
    color:#000;
    padding-top:5px;
    font-weight:bold !important;
    font-size:.95em;
}


/********************/
.grid-hotel-name {
	width:28%;
	background-color: #3366ff;
	color:#fff;
	font-weight: bold;
	text-align: left !important;
}

.grid-hotel-name-area {
	width:22%;
	background-color: #3366ff;
	color:#fff;
	font-weight: bold;
	text-align: left !important;
}

/*.grid-resort-name-weather {
	width:23%;
	background-color: #3366ff;
	color:#fff;
	font-weight: bold;
	text-align: left !important;
}

.grid-resort-name-town {
	width:45%;
	background-color: #3366ff;
	color:#fff;
	font-weight: bold;
	text-align: left !important;
}*/

.grid-hotel-name a, .grid-hotel-name a:active, .grid-hotel-name a:hover, .grid-hotel-name a:visited, 
.grid-hotel-name-area a, .grid-hotel-name-area a:active, .grid-hotel-name-area a:hover, .grid-hotel-name-area a:visited, 
.grid-hotel-name-town a, .grid-hotel-name-town a:active, .grid-hotel-name-town a:hover, .grid-hotel-name-town a:visited  
{
    color: #fff;
}

/*.grid-resort-name-weather a, .grid-resort-name-weather a:active, .grid-resort-name-weather a:hover, .grid-resort-name-weather a:visited
{
    color: #fff;
}*/

.grid-hotel-town-name {
	width:12%;
	background-color: #ffffcc;
	text-align: left !important;
	font-weight: bold;
}

.grid-town-name-prefecture {
	width:20%;
	background-color: #ffffcc;
	text-align: left !important;
	font-weight: bold;
}

.grid-hotel-prefecture-name{
    width:10%;
	background-color: #ffffcc;
	text-align: left !important;
	font-weight: bold;
}

.grid-hotel-classification{
    text-align: left !important;
	width:20%;
}

.grid-hotel-general-style{
    text-align: left !important;
	width:13%;
}

.grid-hotel-ski-lift{
    text-align: left !important;
	width:12%;
}

.grid-hotel-action {
	/*background-color: #0000ff;*/
	color:#fff;
	font-weight: bold;
	width:7%;
    background-color: #ff0000;
}

.grid th {
	text-align: left;
}

.grid th:last-child{
	text-align: center;
}