@charset "UTF-8";
ul.popup-gallery li {
	width: 19%;
	float: left;
	margin-right: 1%;
}
ul.popup-gallery li:nth-child(5n) {
	margin: 0 !important;
}
 @media only screen and (max-width:640px) {
ul.popup-gallery li {
	width: 32%;
	float: left;
	margin-right: 1%;
}
ul.popup-gallery li:nth-child(5n) {
		margin-right: 1% !important;
}
ul.popup-gallery li:nth-child(3n) {
	margin: 0 !important;
}
}
/*

-----------------------------------------------
	Option styles
	Version: 17 Jul 2009
----------------------------------------------- */
/* Rate table */
table.rate2 {
	font-size: 95%;
	line-height: 1.42;
	border-collapse: separate;
	border-spacing: 0;
	border: solid #ffffff;
	border-width: 1px 0 0 1px;
	margin: 0 0 10px;
}
table.rate2 th, table.rate2 td {
 text-align:;
	vertical-align: middle;
	padding: 5px;
	border: solid #ffffff;
	border-width: 0 10px 1px 0;
}
table.rate3 {
	font-size: 95%;
	line-height: 1.42;
	border-collapse: separate;
	border-spacing: 0;
	border: solid #999;
	border-width: 1px;
	width: 100% !important;
}
table.rate3 th {
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 20px 5px 20px;
	background-color: #FBE9FA;
	border: solid #CACACA;
	border-width: 0 1px 1px 0;
}
table.rate3 td {
 text-align:;
	vertical-align: middle;
	padding: 6px 20px 6px 12px;
	margin: 2px;
	background-color: #F7F7F7;
	border: solid #CACACA;
	border-width: 0 0px 1px 0;
}
table.rate3 td.list {
	text-align: left;
	vertical-align: middle;
	margin: 2px;
	background-color: #F1F0E0;
	padding: 6px 10px 6px 10px;
	border: solid #CACACA;
	border-width: 0 1px 1px 0;
}
table.rate3 td.midashi {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #EBEBEB;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表ブルー*/
table.rate3 td.midashi9 {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #77aaf7;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表Green*/
table.rate3 td.midashi10 {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #99CC66;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表Red*/
table.rate3 td.midashi11 {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #FF99CC;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表Yellow*/
table.rate3 td.midashi12 {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #FFFF99;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表Green2*/
table.rate3 td.midashi13 {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #99CC00;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表Blue2*/
table.rate3 td.midashi14 {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #66CCFF;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表オレンジ*/
table.rate3 td.midashi15 {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	background-color: #FFCC99;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 3px;
	border: solid #999;
	border-width: 0 0px 1px 0;
}
/*新料金表　白*/
table.rate3 td.list9 {
	text-align: left;
	vertical-align: middle;
	margin: 2px;
	background-color: #FFFFFF;
	padding: 6px 10px 6px 10px;
	border: solid #CACACA;
	border-width: 0 1px 1px 0;
}
 @media only screen and (max-width:640px) {
table.rate3 td.midashi13, table.rate3 td.midashi12, table.rate3 td.midashi11, table.rate3 td.midashi10, table.rate3 td.midashi9, table.rate3 td.midashi15 {
	font-size: 13px;
}
}
/*
--------------------------------------------------
	Main photo
-------------------------------------------------- */
.main-photo {
	width: 100%;
	background: #ffffff url(../img/common/main_photo_bg.gif) repeat-x 0 0;
	overflow: hidden;
}
.main-photo p {
	width: 960px;
	margin: 0 auto;
}
/* For hotel */
.amagi-hotel .main-photo {
	background: #142e4f url(../img/common/main_photo_bg_blue.gif) repeat-x 0 0;
}
h3.bluetitle {
	text-align: left;
	background: url(../img_new/line.png) repeat-x center bottom;
	height: 40px;
	margin: 20px 0 0 0;
}
h3.bluetitle img {
	height: 20px;
}
.think ul {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 20px 0
}
.think ul li {
	float: left;
	width: 33%;
	border-right: 1px dashed #999;
}
.think ul li a {
	display: block;
}
.think ul li:last-child {
	border: none;
}
.wholive {
	border-top: 3px solid #D2BEA0;
	background: #FCF8F3;
	text-align: left;
	padding: 20px;
	clear: both;
	overflow: hidden;
}
.wholive h4 img {
	width: 378px;
}
.wholive p img {
	width: 348px;
	margin: 20px 0;
}
.wholive_left {
	width: 60%;
	float: left;
}
.wholive_right {
	width: 40%;
	float: right;
}
 @media only screen and (max-width:640px) {
.wholive_left {
	width: 100%;
	float: left;
}
.wholive_right {
	width: 100%;
	float: right;
}
}
.wholive_right p img {
	width: 230px;
}
.share ul {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 20px 0
}
.share ul li {
	float: left;
	width: 49.5%;
}
.share ul li a {
	display: block;
}
.share ul li:last-child {
	border: none;
}