@charset "UTF-8";
/*--------------------------------------------------------------------
 Reset
----------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
* {
	word-break: break-all;
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,address,code,em,span.strong,
img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,
th,td {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: normal;
}
/* ------------------------------------------------------------ body reset */
body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
}
* html body {
	font-size: x-small;
}
*:first-child + html body {
	font-size: x-small;
}
table {
	font-size: 100%;
}
@media only screen and (max-device-width: 480px) {
  /* iPhoneのみ読み込む */
  body {
	-webkit-text-size-adjust: none;
	}
}
/* ------------------------------------------------------------ Table Elements */
table,th,td {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------------------------------------------------------------ Form Elements */
input,select,textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input {
	background: transparent;
}
/* ------------------------------------------------------------ etc */
a,fieldset,img {
	border: 0;
}
/* img */
img {
	vertical-align: middle;
}
*:first-child + html img {
	vertical-align: bottom;
}
* html img {
	vertical-align: bottom;
}
img {
	margin-bottom: 0;
	font-size: 12px;
}
/* input */
input {
	vertical-align: middle;
}
*:first-child + html input {
	vertical-align: middle;
}
* html input {
	vertical-align: middle;
}
/* select */
select {
	vertical-align: middle;
}
*:first-child + html select {
	vertical-align: middle;
}
* html select {
	vertical-align: middle;
}
/* ------------------------------------------------------------ 基本設定 */
h1,h2,h3,h4,h5,h6,p,li,
dt,dd,th,td,pre,caption,
address {
	line-height: 1.5;
	font-size: 120%;
	color: #333333;
}
ol li,
ul li {
	list-style: none;
}
/* 入れ子対応 */
p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea,
td th,
td td {
	font-size: 100%;
}
/* 強調スタイル */
em {
	color: #999999;
}
strong,
.strong,
span.strong {
	font-weight: bold;
}
strong.more,
.strong.more,
span.strong.more {
	color: #CC0000;
}
strong.most,
.strong.most,
span.strong.most {
	font-weight: bold;
	color: #CC0000;
}
/* リンクスタイル */
a:link,
a:hover,
a:active {
	color: #1470CC;
}
a:link {
	text-decoration: none;
}
a:visited {
	color: #802680;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}
/*--------------------------------------------------------------------
 General
----------------------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.bold { font-weight: bold !important; }
.tar { text-align: right !important; }
.dn { display: none !important; }
.fs10 { font-size: 10px !important; }
.cf { *zoom: 1; }
.cf:after { content: ""; display: block; height: 0; clear: both; }

/*--------------------------------------------------------------------
 Premium Style
----------------------------------------------------------------------*/
/*Premium 共通--------------------------------------------*/
.container {
	width: 950px;
	margin: 0 auto;
}
.inner {
	width: 950px;
	margin: 0 auto;
}
.headerWrap .inner {
	height: 95px;
}
div#header.headerWrap {
	border-top: 6px solid #240900;
}
.headerWrap.PRG .headerLogoArea {
	top: 14px;
}
.headerWrap .navMypage > .dropDownSmall,
.headerWrap .dropDownWide {
	background: #240900 !important;
	border: 3px solid #240900;
	border-radius: 0;
}
.headerWrap .headerBox {
	border-radius: 0;
}
.headerWrap .mainNav > .navList > a {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -55px 0;
}
.headerWrap .mainNav > .navHistory > a {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -136px 0;
}
.headerWrap .mainNav > .navMypage > a {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -218px 0;
}
.headerWrap .mainNav > .navList > a:hover {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -55px -36px;
}
.headerWrap .mainNav > .navHistory > a:hover {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -136px -36px;
}
.headerWrap .mainNav > .navMypage > a:hover {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -218px -36px;
}
.headerWrap .navList > .selected {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -55px -72px !important;
}
.headerWrap .navHistory > .selected {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -136px -72px !important;
}
.headerWrap .navMypage > .selected {
	background: url("/SYS/PRG/images/btn_sprite.png") no-repeat -218px -72px !important;
}
.topLinksWrap {
	padding-bottom: 10px;
}
.topBreadcrumbList {
	float: left;
	padding-top: 5px;
}
.topBreadcrumbList > li {
	float: left;
}
.topBreadcrumbList > li + li {
	margin-left: 9px;
	padding-left: 13px;
	background: url("/SYS/cmn/images/common/bg_chevron.gif") no-repeat left center;
}
.topBreadcrumbList > li > a,
.topBreadcrumbList > li > span {
	font-size: 11px;
}
.topBreadcrumbList > li > span {
	color: #5C6268;
}
.scrollWrap {
	display: block;
	position: fixed;
	right: 20px;
	min-width: 85px;
	height: 85px;
	cursor: pointer;
	z-index: 300;
}
#footer {
	margin-top: 20px;
}

/*ホテル・レストラン一覧--------------------------------------------*/

.kvWrapper {
	position: relative;
	width: 950px;
	height: 300px;
	background: url("/doc/premium/hotel/luxury/images/bg_kv_hotelrestaurant.png") no-repeat;
}
.kvHeadline {
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -234px;
}
.kvHeadlineText {
	display: block;
	text-align: center;
}
.kvCatchText {
	display: block;
	text-align: center;
	margin-top: 10px;
}
.hotelRestaurantList {
	margin-top: 15px;
	margin-left: -25px;
	font-size: 0;
}
.hotelRestaurantList > li {
	display: inline-block;
	width: 300px;
	margin-top: 20px;
	margin-left: 25px;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.hotelRestaurantList > li > a:hover {
	text-decoration: none;
}
.hotelRestaurantList > li > a:hover > .reserveHotelPhoto > img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
.reserveHotelPhoto {
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 170px;
}
.reserveHotelPhoto > img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.reserveHotelPhoto > img[src$="loading_pc.gif"] {
	width: 55px;
	height: 55px;
}
.reserveHotelInfo {
	margin-top: 10px;
	padding-left: 10px;
	border-left: 3px solid #333333;
}
.reserveHotelInfo > dt {
	font-size: 14px;
	font-weight: bold;
}
.reserveHotelInfo > dd {
	font-size: 10px;
	color: #666666;
}
/* [EOF] */