/* ゴシックフォント */
/* 	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;

 */

@font-face {
  font-family: 'official';
  src: url("https://www.m-ine.net/sankara/font/gihi.eot");
  /* IE9 Compat Modes */
  src: url("https://www.m-ine.net/sankara/font/gihi.eot?#iefix") format("embedded-opentype"), url("https://www.m-ine.net/sankara/font/gihi.woff") format("woff"), url("https://www.m-ine.net/sankara/font/gihi.ttf") format("truetype"), url("https://www.m-ine.net/sankara/font/gihi.otf") format("opentype");
  /* url('webfont.svg#svgFontName') format('svg'); Legacy iOS */
}

body {
	width:950px;
	margin:0 auto;
	text-align:center auto;
	/* position:absolute; left:50%; margin-left:-625px; */
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:15px;
	line-height:20px;
	color:#444;
}

@media only screen and (min-device-width: 980px) {
	body {
		background-image:url(../img1/bg.jpg);
		background-repeat:repeat-y;
		background-position:top center;
	}
}


/*--- rakuten style reset */

#htlContents {
	width: 1190px !important;
	_width: 1230px !important;
	margin: 0 auto !important;
	min-width: 0 !important;
}

#htlHeader {
	width: 1190px !important;
	_width: 1230px !important;
}


.io, .io td, .io th{
	font-size:12px;
	color:#222222;
	line-height:140%;
	}


.menubtn a:link, .menubtn a:visited{
	display:block;
	background-image:url(img-tr2013/btnbg.jpg);
	margin:1px;
	border:solid #dddddd 1px;
	text-align:center;
	text-decoration:none;
	color:#332211;
	padding-top:8px;
	padding-bottom:4px;
	line-height:200%;
	}

.menubtn a:hover{
	display:block;
	background-image:url(img-tr2013/btnbg-.jpg);
	margin:1px;
	border:solid #dddddd 1px;
	text-align:center;
	text-decoration:none;
	color:#332211;
	padding-top:8px;
	padding-bottom:4px;
	line-height:200%;
	}



.leftbnr img{
	margin-bottom:10px;
	}


.fttx {
	padding:10px;
	margin:20px;
	margin-top:120px;
	line-height:160%;
	text-align:right;
	font-size:12px;
	}

.fttx b{font-size:18px;}

.fttxsub {
	padding:0px 20px 20px 350px;
	line-height:150%;
	text-align:left;
	font-size:11px;
	}

.hd {
	overflow-y:scroll;
	scrollbar-arrow-color:#cc6666;
	scrollbar-face-color:#eeeeee;
	scrollbar-3dlight-color:#f2f2f2;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-highlight-color:#f2f2f2;
	scrollbar-shadow-color:#cccccc;
	border-style:none;
	}

.news {
	margin-right:5px;
	padding:10px 0px;
	border-bottom:dotted #555555 1px;
	font-size:11px;
	line-height:150%;
	text-align:left;
	}

.news b{
	color:#554488;
	font-size:13px;
	font-weight:normal;
	}
	
.news ul,.news li{margin:0px; padding:0px; list-style:none;}
.news li{display:block; margin-right:5px; padding:10px 0px; border-bottom:dotted #555555 1px; font-size:11px; line-height:150%; text-align:left;}

.banner {
	width:704px;
	margin:0px;
	padding:0px;
	text-align:center;
	}

.banner img{
	margin:5px;
	}


.rk table{
	background-image:url(img-tr2013/rkbg.jpg);
	background-repeat:repeat-x;
	height:340px;
	}

.rk td{
	padding:60px 0px 10px 50px;
	font-size:11px;
	width:33%;
	}

.rk img{
	margin-bottom:5px;
	border:solid #ffffff 5px;
	width:160px;
	}

.rk #one{
	background-image:url(img-tr2013/best1.jpg);
	background-repeat:no-repeat;
	position:right;
	}

.rk #two{
	background-image:url(img-tr2013/best2.jpg);
	background-repeat:no-repeat;
	}

.rk #three{
	background-image:url(img-tr2013/best3.jpg);
	background-repeat:no-repeat;
	padding-right:15px;
	}

.rk b{
	font-size:13px;
	font-weight:bold;
	color:#442211;
	}


.rc {width:916px; padding:0px; margin:0px;}
.rc ul{margin:0px -4px 0px 0px; padding:0px; list-style:none;}
.rc li a:link,.rc li a:visited,.rc li a:hover{display:block; width:226px; padding:0px; margin:0px; float:left; margin-right:4px; margin-bottom:4px;}
.rc #wk{display:block; background:url(img-tr2013/rcbg.jpg) no-repeat; height:360px; text-align:center; font-weight:bold;}
.rc #tx{display:block; padding:5px 15px 2px 15px; font-size:11px; text-align:left; font-weight:normal;}
.rc img{margin:20px 0px 5px 0px; border:solid #ffffff 5px; width:180px;}


.ftmenu td{width:135px;}

/*****************************************************************ヘッダー */
header {
	background:#012a18;
	padding:10px;
	font-family:official;
}

footer {
	background:#012a18;
	padding:10px;
	margin-top:50px;
}

address {
	text-align:center;
	color:#fff;
}
.head_col1,.head_col2,.head_col3 {
	display: table-cell;
}

.head_col1 {
	width:166px;
	height:47px;
}

a.logo_img img {
	transition: 0.6s;
}

a.logo_img:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.head_col2 {
	width:605px;
	text-align:center;
	vertical-align:bottom;
	height:47px;
}

.head_col3 {
	width:166px;
	height:47px;
	background:#ccc;
	position:relative;
}

h2.common_desc {
	font-size:26px;
	margin-bottom:8px;
	color:#fff;
	font-weight:normal;
}

h3.common_title {
	font-size:16px;
	color:#fff;
	font-weight:normal;
}

.head_col3 a.plan {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:25px;
	background:#ceccb8;
	text-decoration:none;
	color:#241408;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	transition:0.5s ;
}

.head_col3 a.plan:hover {
	color:#7d6859;
}

/*****************************************************************グロナビ */
nav.gr li {
	position: relative;
	display: inline-block;
	margin: 30px 15px 0px 15px;
	outline: none;
	font-weight: 400;
}

nav.gr a {
	color: #fff;
	transition: 1.0s ;
	text-decoration: none;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size:18px;
}

nav.gr a:hover,
nav.gr a:focus,
nav.gr a.current {
	outline: none;
	color:#666;
}

.gr ul li {
	padding: 0 0 5px;
}

.gr a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.6s, opacity 0.6s, -webkit-transform 0.6s;
	-moz-transition: height 0.6s, opacity 0.6s, -moz-transform 0.6s;
	transition: height 0.6s, opacity 0.6s, transform 0.6s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.gr a:hover::after,
.gr a:focus::after,
.gr a.current::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/*****************************************************************スライダー */
#slide,#slide2,#slide3,#slide4 {
	margin-bottom:30px;
}

/*****************************************************************コンテンツ */

.top_cont {
	margin-bottom:50px;
}

.top_cont>h2 {
	font-weight:bold;
	color:#000;
	padding-left:24px;
	padding-bottom:5px;
	border-bottom:6px solid #012a18;
	font-size:24px;
	background-image:url(../img1/h2.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom:10px;
	font-family:official;
	font-weight:normal;
}

h3.cont_titles {
	font-family:official;
	color:#000;
	font-size:21px;
	font-weight:normal;
	margin-bottom:20px;
	margin-top:10px;
}

/*****************************************************************ニュース */
.top_news {
}

.news_article {
	display:table;
	border-bottom:dotted 1px #333;
	margin-bottom:30px;
}

.news_image {
	display:table-cell;
	width:200px;
	padding-right:20px;
}

.news_image img {
	width:100%;
}

.news_cont {
	display:table-cell;
	width:720px;
	vertical-align:top;
	padding-bottom:3px;
}

.news_cat,.news_date {
	display:table-cell;
	padding-left:10px;
	padding-right:10px;
}

.news_cat {
	width:80px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	font-size:19px;
}

.news_date {
	font-size:19px;
}

.news_title {
	font-size:19px;
	padding-top:20px;
}

.plan {
	background:#f39800;
}

.event {
	background:#22ac38;
}

.tourism {
	background:#e4007f;
}

.info {
	background:#0000cc;
}


/*****************************************************************トップコンテンツその他 */
.top_cont_cover {
}

.img_space {
}

.text_space {
}

span.s_desc {
	font-size:15px;
	font-weight:bold;
}

span.s_text {
	margin-left:10px;
	margin-bottom:10px;
}

.detail_link {
	display:block;
	width:150px;
	height:30px;
	background:#ceccb8;
	text-align:center;
	font-size:15px;
	line-height:30px;
	padding:3px;
	padding-left:10px;
	margin-right:0px;
	margin-top:20px;
}

a.topcont_detail {
	display:block;
	width:100%;
	height:100%;
	color:#241408;
	text-decoration:none;
	background-image:url(../img1/detail_arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:2px;
	transition: 1.0s ;
}

a.topcont_detail:hover {
	color:#fff;
}






/*****************************************************************about */

#con_headline {
	font-family:official;
	font-weight:normal;
	font-size:35px;
	text-align:center;
	line-height:40px;
	margin-top:20px;
	margin-bottom:20px;
}

#con_detail {
	text-align:center;
}

#con_detail img {
	margin-bottom:40px;
}

/*****************************************************************rooms */

.room_btn ul li {
	display:inline;
}

.room_btn {
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}

.room_btn ul li img {
	transition: 0.6s;
}

.room_btn ul li a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

h2.rooms_cap {
	text-align:center;
	font-size:40px;
	font-weight:normal;
	font-family:official;
	padding-top:30px;
	padding-bottom:10px;
	color:#000;
}

h3.rooms_hd {
	text-align:center;
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin-bottom:20px;
	margin-top:10px;
	font-family:official;
}

span.ruby {
	display:block;
	font-size:20px;
	margin:0 auto;
	margin-top:20px;
	color:#000;
	font-family:official;
}

.room_desc {
	display:table;
}

.room_text {
	display:table-cell;
	width:50%;
	border-right:2px solid #ccc;
	padding-right:20px;
}

.room_size {
	display:table-cell;
	width:50%;
	padding-left:20px;
}

h2.rooms_cap {
	margin-bottom:20px;
}

h3.amenity {
	border-left:4px solid #241408;
	border-bottom:1px solid #241408;
	padding-left:4px;
	padding-bottom:2px;
	font-size:18px;
	margin-bottom:20px;
	font-weight:bold;
}

.a_desc {
	margin-bottom:30px;
}

.a_desc_left {
	display:table-cell;
	width:579px;
	padding-right:20px;
	vertical-align:top;
}

.a_desc_right {
	display:table-cell;
	width:351px;
}

.a_desc_right img {
	width:100%;
}

/*****************************************************************access */
.access_cont {
	width:100%;
}

.access_cont img {
	display:block;
	margin:0 auto;
}

.ac_txt {
	margin-top:20px;
	margin-bottom:20px;
}

.cont_box {
	font-size:17px;
	width:700px;
	margin:0 auto;
	border:1px solid #666;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#e7fef1;
	padding:20px;
	margin-top:20px;
}

.con_blk {
	margin-bottom:10px;
}

.cont_mnbox {
	display:table;
}

.mn_left {
	display:table-cell;
	width:330px;
	margin-right:20px;
	border-right:1px solid #666;
}

.mn_right {
	display:table-cell;
	width:330px;
	padding-left:20px;
}

.mn_title {
	display:inline-block;
	width:130px;
}

.mn_ten {
	display:inline-block;
	width:30px;
}

.mn_no {
	display:inline-block;
	width:170px;
}

.cont_nmlbox {
	margin-top:30px;
}

.mn_title2 {
	display:inline-block;
	width:130px;
}

.mn_ten2 {
	display:inline-block;
	width:30px;
}

.mn_no2 {
	display:inline-block;
	width:500px;
}

.ac_txt {
	width:700px;
	margin:0 auto;
	display:table;
	margin-top:20px;
	margin-bottom:40px;
}

.txt_left {
	display:table-cell;
	width:340px;
	margin-right:5px;
	vertical-align:top;
}

.txt_right {
	display:table-cell;
	width:340px;
	padding-left:5px;
}

h3.kg_hd {
	border-left:3px solid #241408;
	border-bottom:1px solid #241408;
	padding-left:4px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
}

.ac_fif {
	display:table-cell;
	vertical-align:top;
	width:340px;
	padding:5px;
}

.ac_fif img {
	width:100%;
}

/*****************************************************************spa */

.spa_cont {
	width:950px;
}

.spa_cont img {
	display: block;
	margin:0 auto;
}

.spa_content {
	display:table;
	width:700px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.spa_left {
	display:table-cell;
	width:49%;
	vertical-align:top;
	text-align:left;
	margin-right:2%;
}

.spa_right {
	display:table-cell;
	width:49%;
	vertical-align:top;
	text-align:left;
}

.spa_desc {
	color:#aaa;
}

.spa_left a {
	font-weight:bold;
}
/*****************************************************************know */

.know_cont img {
	display:block;
	margin-bottom:0;
	margin-top:0;
}

.know_title {
	width:950px;
	margin-bottom:20px;
	margin-top:20px;
	
}

.know_title img {
	display:block;
	margin:0 auto;
}

.know_mon {
	width:950px;
	margin-bottom:40px;
}

.know_titleimg {
	width:950px;
}

.know_titleimg img {
	display:block;
	margin:0 auto;
}

.know_cont {
	display:table;
}

.know_images {
	display:table-cell;
	width:49%;
	margin-right:2%;
}

.month_txt {
	display:table-cell;
	vertical-align:middle;
	width:49%;
}

/*****************************************************************restaurant */

.res_titles {
	width:950px;
	margin-top:40px;
	margin-bottom:20px;
}

.res_titles img {
	display:block;
	margin:0 auto;
}

.chef_mes {
	width:100%;
}

.chef_photo {
	float:left;
}

.chef_com {
}

.chef_sign {
	clear:both;
}

.season {
	display:table;
	width:100%;
	clear:both;
	margin-bottom:30px;
}

.season_left {
	display:table-cell;
	width:48%;
	padding-right:4%;
	clear:both;
}

.season_right {
	display:table-cell;
	width:48%;
	clear:both;
}

.seasons_txt {
	font-size:35px;
	display:block;
	font-family:official;
	margin-bottom:20px;
}

.season_desc {
	display:inline;
}

.season_images {
	display:inline;
	float:right;
}

.res_2 {
	display:table;
	width:950px;
	margin-bottom:40px;
}

.restaurant_left {
	display:table-cell;
	width:40%;
	padding-right:10%;
}

.restaurant_right {
	display:table-cell;
	width:40%;
}

.restaurant_left img,.restaurant_right img {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}

#rest_ayana,#rest_okas {
	width:950px;
}

#rest_ayana img, #rest_okas img {
	display:block;
	margin:0 auto;
}

.ayana_chefdesc, .okas_chefdesc {
	display:table;
	width:750px;
	margin:0 auto;
}

.ayana_left, .okas_left {
	display:table-cell;
	width:49%;
	padding-right:2%;
	vertical-align:top;
}


.ayana_right, .okas_right {
	display:table-cell;
	width:49%;
	vertical-align:top;
}

.rest_link {
	width:324px;
	display:table;
	margin:0 auto;
}

.link_left {
	display:table-cell;
	width:152px;
	padding-right:10px;
	border-right:1px solid #aaa;
}

.link_right {
	display:table-cell;
	padding-left:10px;
	idth:154px;
}

.rest_timg {
	margin-top:80px;
	margin-bottom:40px;
}

.pdflink {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}

.chefdesc_img {
	display:block;
	margin-top:100px;
	margin-bottom:50px;
}