﻿@charset "utf-8";

#planDetail li {
	list-style:none;
}

#planDetail #hotelName {
	width:796px;
	height:45px;
	background:url(../img/planDetail/hd_name.jpg) no-repeat;
	margin-bottom:20px;
	position:relative;
}

#planDetail #hotelName p {
	font-size:16px;
	font-weight:bold;
	position:absolute;
	top:10px;
	left:30px;
}

#planDetail .hotelWp {
	width:781px;
	margin:10px auto 20px;
}

#planDetail .hotelCont {
	width:780px;
	margin:0 auto;
}


#planDetail .hotelImage {
	border:1px solid #B5B5B5;
	padding:1px;
}

/* modify */
#planDetail #facilityRoom {
	margin-bottom:30px;
}

#planDetail #hotelInfo .hotelImage {
	width:305px;
	height:230px;
	float:left;
	margin-right:15px;
}

#planDetail #hotelInfo .hotelImage img {
	width:305px;
	height:230px;
}

#planDetail #hotelInfo .hotelCont {
	width:455px;
	float:left;
}

#planDetail #hotelInfo .hotelCont table {
	width:455px;
	margin-top:20px;
}

#planDetail #hotelInfo .hotelCont th {
	width:140px;
	text-align:left;
}

#planDetail #accessService {
	margin-bottom:20px;
}

#planDetail #accessService #accessInfo dt {
	width:550px;
	height:31px;
}

#planDetail #accessService #accessInfo .hotelImage {
	width:240px;
	height:170px;
	float:left;
	margin-right:15px;
}

#planDetail #accessService #accessInfo .hotelImage img {
	width:240px;
	height:170px;
}

#planDetail #accessService #accessInfo .hotelCont {
	width:520px;
	float:left;
}

#planDetail #accessService #accessInfo .hotelCont dd {
	border:1px solid #BFBFBF;
	padding:10px 10px 0;
	margin:0;
}

#planDetail #accessService #accessInfo .hotelCont dd li {
	border-bottom:1px dotted #CCC;
	padding:2px 0 10px 130px;
	margin-bottom:10px;
}

#planDetail #accessService #accessInfo .hotelCont dd #moyori {
	background:url(../img/planDetail/access_ttl01.jpg) no-repeat;
	
}

#planDetail #accessService #accessInfo .hotelCont dd #car {
	background:url(../img/planDetail/access_ttl02.jpg) no-repeat;
	
}

#planDetail #accessService #accessInfo .hotelCont dd #parking {
	background:url(../img/planDetail/access_ttl03.jpg) no-repeat;
	
}

#planDetail #accessService #serviceInfo dt {
	width:781px;
	height:31px;
}

#planDetail #accessService #serviceInfo dd {
	width:759px;
	border:1px solid #BFBFBF;
	padding:10px 10px 0;
	margin:0;
}

#planDetail #accessService #serviceInfo dd li {
	border-bottom:1px dotted #CCC;
	padding:2px 0 10px 130px;
	margin-bottom:10px;
}

#planDetail #accessService #serviceInfo dd #amenity {
	background:url(../img/planDetail/service_ttl01.jpg) no-repeat;
}

#planDetail #accessService #serviceInfo dd #facility {
	background:url(../img/planDetail/service_ttl02.jpg) no-repeat;
}

#planDetail #accessService #serviceInfo dd #food {
	background:url(../img/planDetail/service_ttl03.jpg) no-repeat;
}

#planDetail #facilityRoom .hotelCont {
	width:800px;
	margin-top:10px;
	padding-left:8px;
}
#planDetail #facilityRoom dl {
	width:248px;
	float:left;
	margin-right:10px;
}

#planDetail #facilityRoom dt {
	width:248px;
	height:182px;
}

#planDetail #facilityRoom dt img {
	width:248px;
	height:182px;
}


#planDetail #facilityRoom dd {
	margin:5px 0 0;
}

#planDetail #facilityRoom dd div {
	background:url(../img/planDetail/hd_icon.jpg) 0 3px no-repeat;
	padding-left:20px;
	margin-bottom:3px;
}

/* modify */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

/* modify */
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* modify */
#planDetail .title01 {
    padding-left:10px;
    font-size: 1.4em;
    font-weight: bold;
    background-color: #1E90FF;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
}

#planDetail #tourPrice {
	margin-bottom:30px;
}

#planDetail #tourPrice #deptClick {
	width:783px;
	height:79px;
	background:url(../img/planDetail/calendar_cont.jpg) no-repeat;
	margin:10px auto 5px;
	position:relative;
}

#planDetail #tourPrice #deptClick select {
	width:205px;
	font-size:14px;
	font-weight:bold;
	padding:3px;
	position:absolute;
	top:37px;
	left:335px;
}

#planDetail #tourPrice #deptStock table {
	width:783px;
	margin:0 auto 20px;
}

#planDetail #tourPrice #deptStock th {
	width:190px;
	color:#3FB7CF;
	font-weight:bold;
	text-align:center;
	border:1px solid #3FB7CF;
	padding:1px 3px;
}

#planDetail #tourPrice #deptStock td {
	width:190px;
	border:1px solid #3FB7CF;
	padding:1px 3px;
}

#planDetail #tourPrice #calBox dl {
	width:395px;
	float:left;
	margin:0 2px;
}

#planDetail #tourPrice #calBox dt {
	width:393px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#F8F8F8;
	border:1px solid #CCCCCC;
	padding:5px 0;
}

#planDetail #tourPrice #calBox dd {
	margin:3px 0 0;
}

#planDetail #tourPrice #calBox table {
	width:395px;
	font-size:10px;
}

#planDetail #tourPrice #calBox th {
	text-align:center;
	border:1px solid #CCCCCC;
	padding:3px;
}

#planDetail #tourPrice #calBox .sun {
	color:#CC0000;
}

#planDetail #tourPrice #calBox .sat{
	color:#3C5891;
}

#planDetail #tourPrice #calBox td {
	width:58px;
	height:58px;
	line-height:14px;
	vertical-align:top;
	border:1px solid #CCCCCC;
	padding:2px 2px;
}

#planDetail #tourPrice #calBox  .ACell	{
	background-color:#FFCCFF;
}

#planDetail #tourPrice #calBox  .BCell	{
	background-color:#FFFFA6;
}

#planDetail #tourPrice #calBox  .CCell	{
	background-color:#CFFFB9;
}

#planDetail #tourPrice #calBox  .DCell	{
	background-color:#D7EBFF;
}

#planDetail #tourPrice #calBox  .ECell	{
	background-color:#CBB3FF;
}

#planDetail #tourPrice #calBox  .FCell	{
	background-color:#FFDAB5;
}

#planDetail #tourPrice #calBox  .GCell	{
	background-color:#E9ADC8;
}

#planDetail #tourPrice #calBox  .HCell	{
	background-color:#FFA275;
}

#planDetail #tourPrice #calBox  .ICell	{
	background-color:#FFFF66;
}

#planDetail #tourPrice #calBox  .JCell	{
	background-color:#CCFF00;
}

#planDetail #tourPrice #calBox  .KCell	{
	background-color:#A2A2FF;
}

#planDetail #tourPrice #calBox  .LCell	{
	background-color:#C5D3D8;
}

#planDetail #tourPrice #calBox  .MCell	{
	background-color:#77BBFF;
}

#planDetail #tourPrice #calBox  .NCell	{
	background-color:#999999;
}

#planDetail #tourPrice #calBox  .OCell	{
	background-color:#FFB3FF;
}

#planDetail #tourPrice #calBox  .PCell	{
	background-color:#DFBE7B;
}

#planDetail #tourPrice #calBox  .QCell	{
	background-color:#8E8EFF;
}

#planDetail #tourPrice #calBox  .RCell	{
	background-color:#BFA78C;
}

#planDetail #tourPrice #calBox  .SCell	{
	background-color:#BDDC61;
}

#planDetail #tourPrice #calBox  .TCell	{
	background-color:#E48E7C;
}

#planDetail #tourPrice #calBox  .UCell	{
	background-color:#0099CC;
}

#planDetail #tourPrice #calBox  .VCell	{
	background-color:#FFBD35;
}

#planDetail #tourPrice #calBox  .WCell	{
	background-color:#B1887C;
}

#planDetail #tourPrice #calBox  .XCell	{
	background-color:#A685FE;
}

#planDetail #tourPrice #calBox  .YCell	{
	background-color:#CDCD67;
}

#planDetail #tourPrice #calBox  .ZCell	{
	background-color:#D789FC;
}

#planDetail #tourPrice #calBox  .AACell	{
	background-color:#FFCCFF;
}

#planDetail #tourPrice #calBox  .BBCell	{
	background-color:#FFFFA6;
}

#planDetail #tourPrice #calBox  .CCCell	{
	background-color:#CFFFB9;
}

#planDetail #tourPrice #calBox  .DDCell	{
	background-color:#D7EBFF;
}

#planDetail #tourPrice #calBox  .EECell	{
	background-color:#CBB3FF;
}

#planDetail #tourPrice #calBox  .FFCell	{
	background-color:#FFDAB5;
}

#planDetail #tourPrice #calBox  .GGCell	{
	background-color:#E9ADC8;
}

#planDetail #tourPrice #calBox  .HHCell	{
	background-color:#FFA275;
}

#planDetail #tourPrice #calBox  .IICell	{
	background-color:#FFFF66;
}

#planDetail #tourPrice #calBox  .JJCell	{
	background-color:#CCFF00;
}

#planDetail #tourPrice #calBox  .KKCell	{
	background-color:#A2A2FF;
}

#planDetail #tourPrice #calBox  .LLCell	{
	background-color:#C5D3D8;
}

#planDetail #tourPrice #calBox  .MMCell	{
	background-color:#77BBFF;
}

#planDetail #tourPrice #calBox  .NNCell	{
	background-color:#999999;
}

#planDetail #tourPrice #calBox  .OOCell	{
	background-color:#FFB3FF;
}

#planDetail #tourPrice #calBox  .PPCell	{
	background-color:#DFBE7B;
}

#planDetail #tourPrice #calBox  .QQCell	{
	background-color:#8E8EFF;
}

#planDetail #tourPrice #calBox  .RRCell	{
	background-color:#BFA78C;
}

#planDetail #tourPrice #calBox  .SSCell	{
	background-color:#BDDC61;
}

#planDetail #tourPrice #calBox  .TTCell	{
	background-color:#E48E7C;
}

#planDetail #tourPrice #calBox  .UUCell	{
	background-color:#0099CC;
}

#planDetail #tourPrice #calBox  .VVCell	{
	background-color:#FFBD35;
}

#planDetail #tourPrice #calBox  .WWCell	{
	background-color:#B1887C;
}

#planDetail #tourPrice #calBox  .XXCell	{
	background-color:#A685FE;
}

#planDetail #tourPrice #calBox  .YYCell	{
	background-color:#CDCD67;
}

#planDetail #tourPrice #calBox  .ZZCell	{
	background-color:#D789FC;
}

/* modify */
#planDetail .planInfoTable {
	padding-bottom:10px;
	margin:10px 0;
}

/* modify */
#planDetail .planInfoCell01 {
	border:none;
}

/* modify */
#planDetail .planInfoCell02 {
	padding-left:10px;
	border:none;
}

/* ボタン行 */
#planDetail .planContTable {
	background-color:#fffacd;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
	margin:10px 0;
}

/* チェックイン日～チェックアウト日 */
#planDetail .planContCell01 {
	border:none;
	font-size:14px;
	font-weight:bold;
	text-align:center;
    width:280px
}

/* 残室数 */
#planDetail .planContCell02 {
	padding-left:10px;
	border:none;
	font-size:14px;
	font-weight:bold;
	text-align:center;
    width:120px
}

/* 金額 */
#planDetail .planContCell03 {
	padding-left:10px;
	border:none;
	font-size:16px;
	font-weight:bold;
	text-align:center;
    width:130px
}

/* 次へ進むボタン */
#planDetail .planContCell04 {
	padding-left:10px;
	border:none;
	font-size:14px;
	font-weight:bold;
}
