@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
.con_inf:after {
	content: "";
	display: table;
	clear: both;
}

.con_int .btn a, .con_pac .box_pac .wrp_sce .bn_chr a {
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-webkit-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
}
.con_int .btn a:hover, .con_pac .box_pac .wrp_sce .bn_chr a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

body {
	margin: 0;
}

#htlSide-A {
	float: none !important;
	position: absolute;
	left: 0;
	top: 927px;
}

#homepage #page #header {
	position: relative;
}
#homepage #page #header:after {
	content: '';
	position: absolute;
	left: 241px;
	bottom: -424px;
	width: 411px;
	height: 424px;
	background: url(../images/home/dec_con.png) no-repeat left top;
}
#homepage #page #contents {
	padding-top: 52px;
}
#homepage #page #footer {
	margin-top: 35px;
}

/* -----------------------------------------------------------
	.con_bn
----------------------------------------------------------- */
.con_bn {
	padding: 0;
	margin: 0 0 0 -5px;
	letter-spacing: -.4em;
}
.con_bn li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 8px 5px;
	letter-spacing: normal;
}
.con_bn li a {
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_bn li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/* -----------------------------------------------------------
	.con_int
----------------------------------------------------------- */
.con_int .img {
	margin-top: 40px;
}
.con_int .btn {
	margin: 20px 0 0;
	text-align: center;
}

/* -----------------------------------------------------------
	.con_abo
----------------------------------------------------------- */
.con_abo p {
	margin: 0;
}
.con_abo div {
	margin-top: 55px;
}
.con_abo div:first-child .btn {
	margin-top: 19px;
	text-align: center;
}
.con_abo div:first-child .btn a {
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_abo div:first-child .btn a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_abo div:first-child + div, .con_abo div:first-child + div + div {
	position: relative;
}
.con_abo div:first-child + div .btn, .con_abo div:first-child + div + div .btn {
	position: absolute;
	left: 50%;
	bottom: 38px;
	margin-left: -136px;
	text-align: center;
}
.con_abo div:first-child + div .btn a, .con_abo div:first-child + div + div .btn a {
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_abo div:first-child + div .btn a:hover, .con_abo div:first-child + div + div .btn a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_abo div:first-child + div {
	height: 1160px;
	background: url(../images/home/img_spa.jpg) no-repeat left top;
}
.con_abo div:first-child + div + div {
	height: 1205px;
	background: url(../images/home/img_res.jpg) no-repeat left top;
}
.con_abo div:first-child + div + div .btn {
	bottom: 23px;
}
.con_abo .breakfast .btn {
	margin-top: 30px;
	text-align: center;
}
.con_abo .breakfast .btn a {
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_abo .breakfast .btn a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/* -----------------------------------------------------------
	.con_pac
----------------------------------------------------------- */
.con_pac {
	margin-top: 75px;
}
.con_pac h3 {
	position: relative;
	z-index: 10;
	margin-bottom: 24px;
	text-align: center;
}
.con_pac .box_pac {
	padding: 23px 0 25px;
	border: 3px solid #625246;
	background: #2d2523;
}
.con_pac .box_pac .wrp_pac {
	position: relative;
	margin: 0 18px;
	padding-bottom: 26px;
	border-bottom: 1px solid #0f0600;
}
.con_pac .box_pac .wrp_pac:before {
	content: '';
	position: absolute;
	left: 0;
	top: -199px;
	width: 359px;
	height: 173px;
	background: url(../images/home/dec_pac1.png) no-repeat 98% 98%;
}
.con_pac .box_pac .wrp_pac:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid #4d403d;
}
.con_pac .box_pac .wrp_pac ul {
	overflow: hidden;
}
.con_pac .box_pac .wrp_pac ul li {
	overflow: hidden;
	background: #0f0705;
}
.con_pac .box_pac .wrp_pac ul li a {
	display: table;
	text-decoration: none;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_pac .box_pac .wrp_pac ul li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_pac .box_pac .wrp_pac ul li a > [class^="wrp_"] {
	display: table-cell;
	vertical-align: top;
}
.con_pac .box_pac .wrp_pac ul li a .wrp_txt {
	position: relative;
	background: url(../images/home/bg_pac1.png) no-repeat 98% 98%;
}
.con_pac .box_pac .wrp_pac ul li a .wrp_txt:after {
	content: '';
	position: absolute;
	left: 50%;
	width: 14px;
	height: 19px;
	margin-left: -7px;
	background: url(../images/common/arr_dou.png) no-repeat right bottom;
}
.con_pac .box_pac .wrp_pac ul li a .wrp_txt .st {
	color: #ddcf9d;
}
.con_pac .box_pac .wrp_pac ul li a .wrp_txt .txt {
	color: #fff;
}
.con_pac .box_pac .wrp_pac ul li:first-child .wrp_img {
	width: 593px;
	min-width: 593px;
}
.con_pac .box_pac .wrp_pac ul li:first-child .wrp_txt {
	width: 315px;
	padding: 90px 35px 0;
}
.con_pac .box_pac .wrp_pac ul li:first-child .wrp_txt:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 183px;
	height: 165px;
	background: url(../images/home/bg_pac2.png) no-repeat right bottom;
}
.con_pac .box_pac .wrp_pac ul li:first-child .wrp_txt:after {
	bottom: 45px;
}
.con_pac .box_pac .wrp_pac ul li:first-child .wrp_txt .st {
	font-size: 147%;
	margin-bottom: 35px;
	line-height: 1.4;
}
.con_pac .box_pac .wrp_pac ul li:first-child + li, .con_pac .box_pac .wrp_pac ul li:first-child + li + li {
	float: left;
	width: 453px;
	margin-top: 6px;
}
.con_pac .box_pac .wrp_pac ul li:first-child + li .wrp_img, .con_pac .box_pac .wrp_pac ul li:first-child + li + li .wrp_img {
	width: 247px;
	min-width: 247px;
}
.con_pac .box_pac .wrp_pac ul li:first-child + li .wrp_txt, .con_pac .box_pac .wrp_pac ul li:first-child + li + li .wrp_txt {
	width: 205px;
	padding: 17px 22px 0 15px;
	background-position: 70% 80%;
}
.con_pac .box_pac .wrp_pac ul li:first-child + li .wrp_txt:after, .con_pac .box_pac .wrp_pac ul li:first-child + li + li .wrp_txt:after {
	bottom: 10px;
}
.con_pac .box_pac .wrp_pac ul li:first-child + li .wrp_txt .st, .con_pac .box_pac .wrp_pac ul li:first-child + li + li .wrp_txt .st {
	font-size: 116%;
	margin-bottom: 15px;
	line-height: 1.2;
}
.con_pac .box_pac .wrp_sce {
	padding-top: 40px;
}
.con_pac .box_pac .wrp_sce h4 {
	text-align: center;
	margin-bottom: 22px;
}
.con_pac .box_pac .wrp_sce .scene {
	overflow: hidden;
}
.con_pac .box_pac .wrp_sce .scene li {
	float: left;
	width: 314px;
}
.con_pac .box_pac .wrp_sce .scene li a {
	display: block;
	text-decoration: none;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_pac .box_pac .wrp_sce .scene li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_pac .box_pac .wrp_sce .scene li:first-child + li + li + li + li + li + li, .con_pac .box_pac .wrp_sce .scene li:first-child + li + li + li + li + li + li + li, .con_pac .box_pac .wrp_sce .scene li:first-child + li + li + li + li + li + li + li + li, .con_pac .box_pac .wrp_sce .scene li:first-child + li + li + li + li + li + li + li + li + li {
	width: 235px;
}
.con_pac .box_pac .wrp_sce .bn_area {
	margin-top: 30px;
	text-align: center;
}
.con_pac .box_pac .wrp_sce .bn_area li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 10px;
}
.con_pac .box_pac .wrp_sce .bn_area li:first-child {
	margin-left: 0;
}
.con_pac .box_pac .wrp_sce .bn_area li a {
	display: block;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_pac .box_pac .wrp_sce .bn_area li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_pac .box_pac .wrp_sce .bn_chr {
	margin-top: 20px;
	text-align: center;
}
.con_pac .box_pac .wrp_sce .bn_chr li {
	display: inline-block;
}
.con_pac .box_pac .wrp_sce .bn_chr li:first-child {
	padding: 0 15px 0 0;
}

/* -----------------------------------------------------------
	.con_oth
----------------------------------------------------------- */
.con_oth {
	padding: 45px 0 55px;
	background: #d2c8bb url(http://www.sheraton-kobe.co.jp/rktn/images/home/dec_cam.jpg) no-repeat right top;
}
.con_oth .box_cam h4, .con_oth .box_pre h4 {
	text-align: center;
	margin-bottom: 30px;
}
.con_oth .box_cam p a, .con_oth .box_pre p a {
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_oth .box_cam p a:hover, .con_oth .box_pre p a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_oth .box_cam {
	display: none;
}

/* -----------------------------------------------------------
	.con_abo2
----------------------------------------------------------- */
.con_abo2 {
	margin-top: 43px;
}
.con_abo2 p {
	margin: 0;
}
.con_abo2 div {
	position: relative;
}
.con_abo2 div .btn {
	position: absolute;
}
.con_abo2 div .btn a {
	display: block;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_abo2 div .btn a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_abo2 div:first-child {
	height: 871px;
	background: url(../images/home/img_fac.jpg) no-repeat left top;
}
.con_abo2 div:first-child .btn {
	left: 613px;
	bottom: 35px;
}
.con_abo2 div:first-child + div {
	height: 594px;
	background: url(../images/home/img_acc.jpg) no-repeat left top;
}
.con_abo2 div:first-child + div .btn {
	left: 34px;
	bottom: 39px;
}
.con_abo2 div:first-child + div + div {
	height: 375px;
	background: url(../images/home/img_usj.jpg) no-repeat left top;
}
.con_abo2 div:first-child + div + div .btn {
	left: 494px;
	bottom: 32px;
}

/* -----------------------------------------------------------
	.con_inf
----------------------------------------------------------- */
.con_inf {
	margin-top: 41px;
}
.con_inf h3 {
	margin-bottom: 30px;
}
.con_inf .box_inf {
	float: left;
	width: 620px;
}
.con_inf .box_inf li {
	border-bottom: 1px dotted #bebbb6;
}
.con_inf .box_inf li:first-child {
	border-top: 1px dotted #bebbb6;
}
.con_inf .box_inf li a {
	display: block;
	overflow: hidden;
	padding: 15px 12px;
	color: #232323;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_inf .box_inf li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_inf .box_inf li a:hover p.txt span {
	text-decoration: none;
}
.con_inf .box_inf li a p.img, .con_inf .box_inf li a p.txt {
	float: left;
}
.con_inf .box_inf li a p.img {
	width: 97px;
	height: 70px;
	overflow: hidden;
}
.con_inf .box_inf li a p.txt {
	width: 400px;
	margin-left: 45px;
}
.con_inf .box_inf li a p.txt em {
	display: inline-block;
	padding: 3px 20px;
	margin-bottom: 9px;
	background: #e2daca;
}
.con_inf .box_inf li a p.txt span {
	display: block;
	text-decoration: underline;
}
.con_inf .box_lnk {
	float: right;
	width: 280px;
}
.con_inf .box_lnk li {
	margin-top: 9px;
}
.con_inf .box_lnk li:first-child {
	margin-top: 0;
}
.con_inf .box_lnk li a {
	display: block;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.con_inf .box_lnk li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.box_pre .bn_star {
	padding: 0;
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
}
.box_pre .bn_star li {
	list-style-type: none;
}
.box_pre .bn_star li:nth-child(odd) {
	float: left;
}
.box_pre .bn_star li:nth-child(even) {
	float: right;
}
.box_pre .bn_star li img {
	width: 447px;
	height: 55px;
}
.box_pre .bn_star li a {
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.box_pre .bn_star li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}