@charset "utf-8";

/* base */
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

a,a:link,a:visited{color:#72253e;text-decoration:none;}
a:hover{color:#fdc9c9;text-decoration:none;}


html{font-size:62.5%;}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5;
	color:#333;
	width:100%;
	background:#f4f1e7 url(../img/header_bg.png) repeat-x left top; 
}
.wrapper{
	width:960px;
	margin:30px auto;
}
.maincol{
	width:690px;
	float:left;	
}
.subcol{
	width:240px;
	float:right;
}

/*common class */
.arrow{
background:url(../img/icon_arrow.png) no-repeat left center;
padding-left:16px;
color:#fff;	
}
.arrow:hover{
background:url(../img/icon_arrow_hover.png) left center no-repeat;
}

.fl{float:left;}
.fr{float:right;}

.fs12{font-size:12px;font-size:1.2rem !important;}
.fs14{font-size:14px;font-size:1.4rem !important;}
.fs16{font-size:16px;font-size:1.6rem !important;}
.fs18{font-size:18px;font-size:1.8rem !important;}

.tar{text-align:right;}
.tac{text-align:center;}
.fwb{font-weight:bold;}

.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb30{margin-bottom:30px !important;}
.mt04{margin-top:4px !important;}
.ml05{margin-left:5px !important;}
.ml25{margin-left:25px !important;}
.mr0{margin-right:0px !important;}
.mr32{margin-right:32px !important;}

.w330{width:330px;}
.w480{width:480px;}

.bordernone{border:none !important;	}


/*header*/
.header {
	width:960px;
	height:125px;
	margin:0 auto;
	padding-top:25px;
}
.header h1{
float:left;
padding-top:10px;
}
.header_copy {
float:left;	
margin-top:45px;
}
.header_right{
float:right;
width:475px;
}
.header_nav{
background:url(../img/header_nav_bg.png) repeat-x;
padding-left:20px;
}
.header_nav li{
float:left;
margin:24px 10px 24px 0px;
}
.header_nav a{
display:block;
padding-left:16px;
background:url(../img/icon_arrow.png) left center no-repeat;
}
.header_nav a:hover{
background:url(../img/icon_arrow_hover.png) left center no-repeat;
}
.header_box{
margin-left:40px;
margin-top:20px;	
}
.header_box li{
float:left;	
margin-right:5px;
}
.header_box .btn{
margin-top:2px;	
}
.search_input{
width:120px;	
}

/*nav*/
.nav{
background:url(../img/nav_bg.png) repeat-x;
height:60px;
}
.nav ul{
width:960px;
margin:0 auto;	
}
.nav li{
float:left;
width:120px;	
}
.nav a{
display:block;
width:120px;
height:60px;
text-indent:-999em;	
}
.nav01 a{ background:url(../img/nav_bt2.png) no-repeat 0px 0px; }
.nav01 a:hover{ background:url(../img/nav_bt2.png) no-repeat 0px -60px; }
.nav02 a{ background:url(../img/nav_bt2.png) no-repeat -120px 0px; }
.nav02 a:hover{ background:url(../img/nav_bt2.png) no-repeat -120px -60px; }
.nav03 a{ background:url(../img/nav_bt2.png) no-repeat -240px 0px; }
.nav03 a:hover{ background:url(../img/nav_bt2.png) no-repeat -240px -60px; }
.nav04 a{ background:url(../img/nav_bt2.png) no-repeat -360px 0px; }
.nav04 a:hover{ background:url(../img/nav_bt2.png) no-repeat -360px -60px; }
.nav05 a{ background:url(../img/nav_bt2.png) no-repeat -480px 0px; }
.nav05 a:hover{ background:url(../img/nav_bt2.png) no-repeat -480px -60px; }
.nav06 a{ background:url(../img/nav_bt2.png) no-repeat -600px 0px; }
.nav06 a:hover{ background:url(../img/nav_bt2.png) no-repeat -600px -60px; }
.nav07 a{ background:url(../img/nav_bt2.png) no-repeat -720px 0px; }
.nav07 a:hover{ background:url(../img/nav_bt2.png) no-repeat -720px -60px; }
.nav08 a{ background:url(../img/nav_bt2.png) no-repeat -840px 0px; }
.nav08 a:hover{ background:url(../img/nav_bt2.png) no-repeat -840px -60px; }

#home .nav .nav01 a{background-position:0 -60px !important;}
#room .nav .nav02 a{background-position:-120px -60px !important;}
#restaurant .nav .nav03 a{background-position:-240px -60px !important;}
#conference .nav .nav04 a{background-position:-360px -60px !important;}
#gallery .nav .nav05 a{background-position:-480px -60px !important;}
#facility .nav .nav06 a{background-position:-600px -60px !important;}
#sightseeing .nav .nav07 a{background-position:-720px -60px !important;}
#access .nav .nav08 a{background-position:-840px -60px !important;}


/*search*/
.booking-dyn {
	margin		: 0;
	padding		: 0;
	overflow	: hidden;
}

.search {
	background		: url(../img/header_bg.png);
	padding-bottom	: 15px;
	margin-bottom	: 30px;
}
.search_box {
	width		: 210px;
	margin		: 0 auto;
	padding-top	: 15px;
}
.search_box p {
	margin-bottom	: 15px;
}
#booking-tabs {
	width		: 100%;
	overflow	: hidden;
}
#booking-tabs li {
	line-height	: 0;
	float		: left;
}
#booking-tabs li.ui-tabs-selected a#tab-member {
	width		: 148px;
	height		: 36px;
	background	: url(../img/search_tab_bt01_on.png) no-repeat;
	text-indent	: -999em;
	display		: block;
}
#booking-tabs li a#tab-member {
	width		: 92px;
	height		: 36px;
	background	: url(../img/search_tab_bt01_off.png) no-repeat;
	text-indent	: -999em;
	display		: block;
}
#booking-tabs li.ui-tabs-selected a#tab-visitor {
	width		: 148px;
	height		: 36px;
	background	: url(../img/search_tab_bt02_on.png) no-repeat;
	text-indent	: -999em;
	display		: block;
}
#booking-tabs li a#tab-visitor {
	display		: block;
	width		: 92px;
	height		: 36px;
	text-indent	: -999em;
	background	: url(../img/search_tab_bt02_off.png) no-repeat;
}
.search_form01 {
	padding		: 15px;
	background	: #ab375e;
	color		: #fff;
}
.search_form01 p {
	margin-bottom	: 15px;
}
.search_form01 #search_bt_memberregist a {
	width		: 210px;
	height		: 42px;
	background	: url(../img/search_bt_memberregist01.png);
	text-indent	: -999em;
	display		: block;
}
.search_form01 #search_bt_memberconfirm a {
	display		: block;
	width		: 210px;
	height		: 62px;
	background	: url(../img/search_bt_memberconfirm01.png);
	text-indent	: -999em;
}
.search_form01 #search_bt_membermypage a {
	width		: 210px;
	height		: 42px;
	background	: url(../img/search_bt_membermypage01.png);
	text-indent	: -999em;
	display		: block;
}

.search_form02 {
	padding		: 15px;
	background	: #da96ad;
	color		: #4b1829;
}
.search_form02 p {
	margin-bottom	: 15px;
}
.search_form02 #search_bt_memberregist a {
	width		: 210px;
	height		: 42px;
	background	: url(../img/search_bt_memberregist02.png);
	text-indent	: -999em;
	display		: block;
}
.search_form02 #search_bt_memberconfirm a {
	width		: 210px;
	height		: 62px;
	background	: url(../img/search_bt_memberconfirm02.png);
	text-indent	: -999em;
	display		: block;
}
.search_form02 #search_bt_membermypage a {
	width		: 210px;
	height		: 42px;
	background	: url(../img/search_bt_membermypage02.png);
	text-indent	: -999em;
	display		: block;
}

.border_bottom {
	padding-bottom	: 15px;
	border-bottom	: 1px solid #da96ad;
}
.bnr {
	margin-bottom	: 15px;
}

/*footer*/
.pagetop{
width:960px;
margin:0 auto;
text-align:right;	
}
.footer{
padding-bottom:30px;	
}
.footer_hotel{
border-top:1px solid #ccc;
background:url(../img/footer_bg_hotel.png);	
padding:15px 0;
}
.footer_hotel_inner{
width:960px;
margin:0px auto;	
}
.footer_hotel_img{
float:left;
width:180px;
margin-right:15px;	
}
.footer_hotel_info{
float:left;
width:330px;	
}
.footer_hotel_name{
font-size:21px;
margin-bottom:8px;
font-weight:bold;	
}
.footer_hotel_copy{
float:right;
width:400px;
padding:10px;
background:#fff;
border:1px solid #ccc;	
}
.footer_nav{
background:#fff url(../img/footer_nav_bg.png) repeat-x left top;
text-align:center;
padding:30px 0;
line-height:2;
}
.footer_groups{
border-top:1px solid #ccc;
padding-top:15px;	
}
.footer_groups ul{
width:960px;
margin:0 auto;	
}
.footer_groups li{
float:left;
width:150px;
margin-right:10px;
line-height:1.8em;
}
.footer_groups strong{
font-size:14px;
font-weight:bold;
}
.footer_groups a{
font-size:10px;
background:url(../img/icon_arrow3.png) no-repeat left center;
padding-left:10px;
}

.footer_groups a:hover{
background:url(../img/icon_arrow3_hover.png) left center no-repeat;
}


/*home*/
.main_img{
background:url(../img/home/main.jpg) no-repeat center top;
height:440px;
}
.main_bg{
background:#fff;
 background-color: rgba(255, 255, 255, 0.8);
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */

}
.main_info{
width:960px;
margin:0 auto;
padding:18px 0;
}
.main_name{
font-size:30px;
font-weight:bold;
margin-bottom:12px;
}
.main_tel{
text-align:right;
}
.main_tel strong{
font-size:24px;
font-family:Arial, Helvetica, sans-serif;	
}
.news{
background:#fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;	
}
.news_title{
height:38px;
background:#827171;
}
.sisetsu_news_title{
background:#ab375e;
width:168px;
text-align:center;
padding:10px 15px;
float:left;
}
.blog_news_title{
background:#ab375e;
width:149px;
text-align:center;
padding:10px 15px;
float:left;
}
.news_archive{
float:right;
padding:10px 15px 0 0;	
}
.news_archive a{
color:#fff;	
}
.news_block{
width:660px;
margin:0 auto;
padding:15px 0;
border-bottom:1px solid #ccc;
}
.news_block_img{
float:left;
width:120px;	
}
.news_block_img img{
border:1px solid #ccc;	
}
.news_block_txt{
float:right;
width:520px;
}
.news_block_title{
font-size:16px;
font-weight:bold;
color: #72253e;
border-bottom:1px dotted #ccc;
padding-bottom:3px;
margin-bottom:5px;
}
.news_block_title a{
font-size:16px;
font-weight:bold;
background:url(../img/icon_arrow2.png) no-repeat left center;
padding-left:12px;
}
.news_block_title a:hover{
background:url(../img/icon_arrow2_hover.png) no-repeat left center;
}

.best3_bt li{
float:left;
width:345px;
line-height:0;
}
.best3_bt a{
display:block;
width:345px;
height:38px;
text-indent:-999em;
}
.best3_medal{
margin-bottom:5px;	
}
.best3_list{
background:#fff;
border:solid 3px #ab375e;
}

.best3_bt li.active a.best3_bt01{
background:url(../img/home/tab_kumiai_on.png);
}
.best3_bt li a.best3_bt01{
background:url(../img/home/tab_kumiai_off.png);
}
.best3_bt li.active a.best3_bt02{
background:url(../img/home/tab_ippan_on.png);
}
.best3_bt li a.best3_bt02{
background:url(../img/home/tab_ippan_off.png);
}

/*pages*/
.page_title{
background:url(../img/header_bg.png);
font-size:24px;
color:#fff;
padding:5px 10px;
font-weight:bold;
}
.page_nav{
border:1px solid #ccc;
background:#fff;
margin-bottom:30px;
padding:10px;
}
.page_nav li{
float:left;	
margin-right:20px;
}
.page_nav a{
font-size:16px;
font-weight:bold;
background:url(../img/icon_arrow2.png) no-repeat left center;
padding-left:12px;
}
.page_nav a:hover{
background:url(../img/icon_arrow2_hover.png) no-repeat left center;
}
.article_title{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
color:#4b1829;
}
.paragraph{
margin-bottom:30px;
border-bottom:1px dotted #777;
padding-bottom:15px;	
}
.img_border{
border:1px solid #ccc;
padding:5px 0;
text-align:center;
background:#fff;
}
.img_border_l{
border:1px solid #ccc;
padding:5px 0;
margin:0 auto;
width:652px;
background:#fff;
text-align:center;
}
.switch_list{
text-align:center;
padding:5px 0;	
}
.switch_list li{
float:left;
}

.page_table{
width:100%;
border-collapse:collapse;
border:1px solid #ccc;
margin-bottom:10px;
}
.page_table td{
padding:5px;
text-align:center;
border:1px solid #ccc;
}
.page_table .head{
background:#4b1829;
color:#fff;
font-size:0.9em;
}
.page_table .head2{
background:#555;
color:#fff;
}
.page_table .desc{
background:#fff;
font-weight:bold;	
}
.page_table .blank{
background:#eee;	
}
.page_table .w25p{
width:25%;	
}

/*garelly*/
.garelly li{
float:left;
margin:3px
}
.garelly li a{
display:block;
border:1px solid #ccc;
padding:2px;
text-align:center;
background:#fff;
}
.garelly li a:hover{
border:1px solid #72253e;
}


/*sogo*/
.sogo_main_img{
background:url(../img/sogo_pc/main.jpg) no-repeat center top #000 ;
height:550px;
}
.yasuragi_news_title{
background:#ab375e;
width:244px;
text-align:center;
padding:10px 15px;
float:left;
}
.sisetsusentaku_title{
background:#ab375e;
width:242px;
text-align:center;
padding:10px 15px;
float:left;	
}
.sisetsu_search{
padding:15px;
background:#fff;	
}
.map_search{
width:464px;
float:right;	
}
.area_list{
width:165px;
float:left;
padding-right:15px;
border-right:1px dotted #ccc;	
}
.area_list_title{
color:#72253e;
font-weight:bold;
font-size:13px;
margin-bottom:2em;
}
.area_list li{
margin-bottom:2em;
}
.area_list li a{
color:#333;
font-size:16px;
font-weight:bold;
background:url(../img/icon_arrow2.png) no-repeat left center;
padding-left:12px;
}
.area_list li a:hover{
background:url(../img/icon_arrow2_hover.png) no-repeat left center;
color:#fdc9c9;
}
.osusume_bt li{
float:left;
width:345px;
line-height:0;
}
.osusume_bt a{
display:block;
width:345px;
height:38px;
text-indent:-999em;
}

.osusume_list{
background:#fff;
border:solid 3px #ab375e;
}

.osusume_bt li.active a.osusume_bt01{
background:url(../img/sogo_pc/tab_kumiai_on.png);
}
.osusume_bt li a.osusume_bt01{
background:url(../img/sogo_pc/tab_kumiai_off.png);
}
.osusume_bt li.active a.osusume_bt02{
background:url(../img/sogo_pc/tab_ippan_on.png);
}
.osusume_bt li a.osusume_bt02{
background:url(../img/sogo_pc/tab_ippan_off.png);
}


/*
--------------------------------------------------
	ui.core.js
	ui.tabs.js only styles
-------------------------------------------------- */
/* Caution! Ensure accessibility in print and other media types... */
@media projection,screen {
/* Use class for showing/hiding tab content,
so that visibility can be better controlled in different media types... */
.ui-tabs-hide { display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav { display: none;}
}
/* ui-tabs-nav (hidden) */


.column-inner h3 { margin-bottom: 5px; color: #72253e; font-size: 112%; font-weight: bold; line-height: 1.572;}

/* Photos */
.photos{}
.photos-left{ margin-right: 10px; float: left;}
.photos-right{ margin-left: 10px; float: right;}
.photos-center{ width: 100%; text-align: center; margin-bottom: 5px;}

.photos-conformity  { margin: 0 auto;}
.photos-conformity-left  { margin: 0;}
.photos-conformity-right  { margin: 0;}
.photos-conformity-center { margin: 0 auto;}

.photos-conformity div,
.photos-conformity-left div,
.photos-conformity-right div,
.photos-conformity-center div { margin: 0 1px 0 0; padding: 0; float: left;}

.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}

.photos img,
.photos-left img,
.photos-right img,
.photos-center img,
.photos-conformity img,
.photos-conformity-left img,
.photos-conformity-right img,
.photos-conformity-center img { vertical-align: bottom; padding: 2px;}

.photos .caps,
.photos-left .caps,
.photos-right .caps,
.photos-center .caps,
.photos-conformity .caps,
.photos-conformity-left .caps,
.photos-conformity-right .caps,
.photos-conformity-center .caps { font-size: 100%; line-height: 1.32; padding-top: 2px; display: block;}

/* Detail */
.plandetail  { overflow: hidden;}
.plandetail-left  { overflow: hidden;}
.plandetail-right { overflow: hidden;}
.plandetail-center{ overflow: hidden; clear: both;}

.plandetail-conformity     { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-left  { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-right { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-center{ padding-top: 10px; overflow: hidden; clear: both;}

/* Arrow */
a.arrow { padding-left: 16px; background: url(../img/common/arrow.gif) no-repeat 0 1px;}
a.arrow-external { padding-left: 16px; background: url(../img/common/arrow_external.gif) no-repeat 0 1px;}

/* Move */
.move{ width: 100%; margin: 10px auto; clear: both;}
.move ul{ font-size: 85%; line-height: 1.32; text-align: right;}
.move ul li{ display: inline;}
.move ul li a{ color: #aaaaaa; text-decoration: none; padding-left: 16px; background: url(../img/common/arrow_totop.gif) no-repeat left center;}
.move ul li a:hover{ color: #5a604d; text-decoration: underline;}


/* メイン画像　指定　*/

.main_room_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_room.jpg) no-repeat center top;
height:340px;
}

.main_restaurant_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_restaurant.jpg) no-repeat center top;
height:340px;
}

.main_spa_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_spa.jpg) no-repeat center top;
height:340px;
}

.main_conference_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_conference.jpg) no-repeat center top;
height:340px;
}

.main_gallery_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_gallery.jpg) no-repeat center top;
height:340px;
}

.main_facility_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_facility.jpg) no-repeat center top;
height:340px;
}

.main_sightseeing_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_sightseeing.jpg) no-repeat center top;
height:340px;
}

.main_access_img{
background:url(https://www.kourituyasuragi.jp/tsu/img/main_access.jpg) no-repeat center top;
height:340px;
}