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

 file name  :copy.css
 author     :Ability Consultant
 style info :基本・共通設定
=================================================================== */

/* -----------------------------------------------------------
　	各ページ専用設定
----------------------------------------------------------- */

	
/* .con_intro
----------------------------------------------------------- */
.con_intro {
	width:100%;
	position:relative;
	z-index:100;
	background:#FFF;
	padding-bottom:63px;
}
.con_intro .box_title {
	width:100%;
	margin:0 auto;
	background:url(../copy/images/bg_title.png) no-repeat bottom center;
	padding-bottom:47px;
}
.con_intro .box_title h2 {
	padding-top:37px;
	margin-bottom:32px;
	background:	url(../copy/images/bg_title.png) no-repeat top center;
}
.con_intro .box_pnav {
	width:950px;
	margin:28px auto 0;
}
.con_intro .box_pnav #pnav {
	width: 780px;
	overflow:hidden;
	margin:0 auto;
}
.con_intro .box_pnav #pnav li {
	width:129px;
	float:left;
}
.con_intro .box_pnav #pnav li a {
	display:block;
	height:0;
	width:129px;
	padding-top:251px;
	overflow:hidden;
}
.con_intro .box_pnav #pnav li.pnav_room01 a {
	width:129px;
	background:url(../rooms/images/bg_pnav.jpg) no-repeat 0 0;
}
.con_intro .box_pnav #pnav li.pnav_room01 a:hover {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat 0 -251px;
}
.con_intro .box_pnav #pnav li.pnav_room02 a {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -129px 0;
}
.con_intro .box_pnav #pnav li.pnav_room02 a:hover {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -129px -251px;
}
.con_intro .box_pnav #pnav li.pnav_room03 a {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -258px 0;
}
.con_intro .box_pnav #pnav li.pnav_room03 a:hover {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -258px -251px;
}
.con_intro .box_pnav #pnav li.pnav_room04 a {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -387px 0;
}
.con_intro .box_pnav #pnav li.pnav_room04 a:hover {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -387px -251px;
}
.con_intro .box_pnav #pnav li.pnav_room05 a {
	width:141px;
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -516px 0;
}
.con_intro .box_pnav #pnav li.pnav_room05 a:hover {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -516px -251px;
}
.con_intro .box_pnav #pnav li.pnav_room06 a {
	width:141px;
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -645px 0;
}
.con_intro .box_pnav #pnav li.pnav_room06 a:hover {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -645px -251px;
}
.con_intro .box_pnav #pnav li.pnav_info a {
	width:141px;
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -774px 0;
}
.con_intro .box_pnav #pnav li.pnav_info a:hover {
	background:url(../rooms/images/bg_pnav.jpg) no-repeat -774px -251px;
}

	
/* .con_rooms
----------------------------------------------------------- */
.con_rooms {
	width:100%;
	padding:65px 0 120px;
	margin:-65px auto 0;
	background-color:#FFF;
}
.con_rooms h3 {
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index: 100;
}
.con_rooms h3 img {
	display:block;
	position:absolute;
}

/*スライダー*/
.con_rooms .loopslider {
	width:100%;
	margin: 0px auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	height:290px;
}
.con_rooms .loopslider ul {
	max-width: 3000px;
	margin:0 auto;
	display: inline;
	overflow: hidden;
	height:290px;
}
.con_rooms .loopslider ul li {
	float:left;
	overflow:hidden;
	height:290px;
}
.con_rooms .loopslider ul li img {
	width:401px;
	height:290px;
}
.con_rooms p.txt_c {
	padding:35px 0 40px;
	background:url(../rooms/images/bg_room02.jpg) repeat-x bottom center;
}
.con_rooms .box_room {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:30px;
}
.con_rooms .box_room p {
	float:left;
	padding-top:33px;
}
.con_rooms .box_room .wrp_room {
	width:475px;
	float:right;
	padding:30px 0 0;
	overflow:hidden;
}
#lnk_room04 .wrp_room{
	width: 540px;
}
/*テーブル*/
.con_rooms .tbl_basic {
	width:236px;
	border-spacing: 5px 0;
	float:left;
	font-size:12px;
	color:#000;
}
.con_rooms .tbl_basic th {
	width:62px;
	border-top:1px solid #bfbfbf;
	padding:5px 0 5px 20px;
}
.con_rooms .tbl_basic td {
	border-top:1px solid #bfbfbf;
	padding:5px 0 5px 20px;
}
.con_rooms .tbl_basic .line01 th,
.con_rooms .tbl_basic .line01 td {
	border-top:2px solid #bfbfbf;
}
.con_rooms .tbl_basic .line02 th,
.con_rooms .tbl_basic .line02 td {
	border-bottom:1px solid #bfbfbf;
}
.con_rooms .box_room .wrp_room .btn {
	padding-top:44px;
	width:211px;
	float:right;
}
#lnk_room02 .wrp_room .btn{
	padding-top: 58px;
}
#lnk_room04 .wrp_room .btn{
	padding-top: 128px;
}

.con_rooms .tbl_basic .line_conect th{
	border-bottom: 1px solid #bfbfbf;
	padding-left: 10px;
	width: ;
}
.con_rooms .tbl_jws{
	width: 320px;
}
.con_rooms .tbl_jws td{
	width: 67px;
}

/*room01*/
.room01 {
	background:url(../rooms/images/bg_room01_02.jpg) repeat-x center 646px #FFF;
	padding-top:130px;
}
.room01 h3 img {
	top:250px;
	right: 0px;
}
.room01 .loopslider {
	height:430px;
}
.room01 .loopslider ul {
	height:430px!important;
}
.room01 .loopslider ul li {
	height:430px;
}
.room01 .loopslider ul li img {
	width:654px;
	height:430px;
}
.room01 p.txt_c {
	background:url(../rooms/images/bg_room01_01.jpg) repeat-x bottom center;
}
.room01 table.tbl_basic {
	color:#d3d3d3;
}
.room01 .tbl_basic th {
	border-top:1px solid #414b23;
}
.room01 .tbl_basic td {
	border-top:1px solid #414b23;
}
.room01 .tbl_basic .line01 th,
.room01 .tbl_basic .line01 td {
	border-top:2px solid #414b23;
}
.room01 .tbl_basic .line02 th,
.room01 .tbl_basic .line02 td {
	border-bottom:1px solid #414b23;
}

/*room02*/
.room02 h3 img {
	top:155px;
	left:0;
}
	
/*room03*/
.room03 h3 img {
	top:155px;
	right:0;
}

/*room04*/
.room04 h3 img {
	top:155px;
	left:0;
}

/*room05*/
.room05 h3 img {
	top:250px;
	left: 0px;
}
.room05 .loopslider {
	height:430px;
}
.room05 .loopslider ul {
	height:430px!important;
}
.room05 .loopslider ul li {
	height:430px;
}
.room05 .loopslider ul li img {
	width:654px;
	height:430px;
}
.room05 p.txt_c {
	background:url(../rooms/images/bg_room05_01.jpg) repeat-x bottom center;
}
.room05 .box_room_w {
	background:url(../rooms/images/bg_room05_02.jpg) repeat center top #FFF;
	overflow:hidden;
}
.room05 .wrap_box_room {
	width: 450px;
	float: left;
}
.room05 .wrap_box_room .wrp_room_wa {
	clear: both;
	float: left;
	margin-top: 30px;
}
.room05 .wrap_box_room .wrp_room_wa .btn {
	clear: both;
	float: left;
	margin-left: 5px;
}

.room05 table.tbl_basic {
	color:#d3d3d3;
}
.room05 .tbl_basic th {
	border-top:1px solid #684c00;
}
.room05 .tbl_basic td {
	border-top:1px solid #684c00;
}
.room05 .tbl_basic .line01 th,
.room05 .tbl_basic .line01 td {
	border-top:2px solid #684c00;
}
.room05 .tbl_basic .line02 th,
.room05 .tbl_basic .line02 td {
	border-bottom:1px solid #684c00;
}

.room05 .con_madori {
	float: right;
	width: 550px;
}

.room05 .con_madori .box_madori {
	/*overflow:hidden;*/
	width: 550px;
	margin:0 auto;
}

.room05 .con_madori .box_madori .txt_madori {
	float:left;
}

.room05 .con_madori .box_madori .img_madori {
	float:left;
	margin-left:40px;
}

/*room06*/
.room06 h3 img {
	top:250px;
	right: 0px;
}
.room06 .loopslider {
	height:430px;
}
.room06 .loopslider ul {
	height:430px!important;
}
.room06 .loopslider ul li {
	height:430px;
}
.room06 .loopslider ul li img {
	width:654px;
	height:430px;
}
.room06 .box_room_w {
	background:url(../rooms/images/bg_room06_02.jpg) repeat center top #FFF;
	overflow:hidden;
}
.room06 .wrap_box_room {
	width: 450px;
	float: left;
}
.room06 .wrap_box_room .wrp_room_wa {
	clear: both;
	float: left;
	margin-top: 30px;
}
.room06 .wrap_box_room .wrp_room_wa .btn {
	clear: both;
	float: left;
	margin-left: 5px;
}


.room06 .con_madori {
	float: right;
	width: 550px;
}

.room06 .con_madori .box_madori {
	/*overflow:hidden;*/
	width: 550px;
	margin:0 auto;
}

.room06 .con_madori .box_madori .txt_madori {
	float:left;
}

.room06 .con_madori .box_madori .img_madori {
	float:left;
	margin-left:40px;
}


/* .con_info
----------------------------------------------------------- */
.con_info {
	width:100%;
	padding:65px 0 0;
	margin:-65px auto 0;
	background:#FFF;
	padding-bottom:100px;
}
.con_info .box_info {
	width:1000px;
	margin:0 auto;
}
.con_info .box_info h4 {
	width:1000px;
	margin-bottom:29px;
}
.con_info .box_info dl {
	width:920px;
	margin:0 auto 35px;
	overflow:hidden;
	font-size:12px;
	letter-spacing:1px;
}
.con_info .box_info dl dt {
	width:76px;
	border-right:3px double #95a34e;
	float:left;
	padding-right:39px;
	margin-right:17px;
	position:relative;
}
.con_info .box_info dl dt img {
	position:absolute;
	top:42%;
}
.con_info .box_info dl dd {
	float:left;
	padding:15px 0;
}