@charset "shift_jis";

@import "/styles/import_sp.css";
@import "/inc/css/recommend_style.css";

/*調整用CSS*/
@import "/common/css/adjust.css";

/* ========================================== 

	Common

========================================== */

body { 
	background: #FFFFFF;
	} 


/* 新パンくず　 */
#TOPICPATH li:after { content: "\003e"; }
#TOPICPATH li:last-child:after { content: none; }


h2{ 

}
	
	
#MAIN{
	margin-top:15px;
}
#MAIN h3 {
	padding: 0;
	background: none;
	border: none;
}

#MAIN img {
	display: block;
}

.snsButtons{
	margin-bottom:8px
}




#wrapper {
	overflow: hidden;
}


#MAIN .lead {
	margin: 10px 0 20px 0;
	font-size: 16px;
	line-height: 1.6;
	border-left:solid 6px #661A00;
	padding-left: 7px;
	clear: left;
	width: 860px;
	overflow:auto;
	overflow:hidden;
}


#wrapper #contents_left {
	width: 590px;
	float: left;
}

#wrapper #contents_left_bg{
	width: 570px;
	background:url(../images/bg_re.jpg);
	background-repeat:repeat-y;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#wrapper #contents_right {
	width: 250px;
	float: right;
}


/* ========================================================================== */
/* contents_right
/* 右カラム
/* ========================================================================== */
#contents_right .article {
	margin: 0 0 10px 0;
	padding: 10px;
	padding-bottom: 15px;
	background: #B33D14;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(js/PIE.htc);
}

#contents_right .article .inner {
	margin: 0 5px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	behavior: url(js/PIE.htc);
}

#contents_right .article h2 {
	padding: 5px 0 12px 0;
}
#contents_right .article h2 img{
	margin:0 auto
}







/*--------------------------------------------------------------------
人気の日程の空室を探す
--------------------------------------------------------------------*/
#side_season .inner {
	padding: 10px;
}

#side_season .inner dl dt {
	margin: 5px 0 5px 0;
	padding: 7px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #ccc;
}

#side_season .inner dl dt:first-child {
	border: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#side_season .inner dl dt a {
	padding: 0 0 0 17px;
	color: #03c;
	background: url(../images/linkmarker1.png) no-repeat 0 4px;
}

#side_season .inner dl dt a:hover {
	color: #ff6800;
}

#side_season .inner dl dd ul {
	overflow: hidden;
	line-height: 1.8;
	width: 100%;
}

#side_season .inner dl dd ul li {
	margin: 0 10px 0 0;
	float: left;
	background: url(../images/linkmarker2.gif) no-repeat 0 6px;
}

#side_season .inner dl dd ul li a {
	padding: 0 0 0 7px;
	white-space: nowrap;
}

#side_season .inner dl dd ul li a:hover {

}


/*--------------------------------------------------------------------
SNS情報
--------------------------------------------------------------------*/
#side_sns .inner {
	padding: 0px 0;
}

#side_sns .inner ul {
	margin: 0 0 0 0px;
	overflow: hidden;
}

#side_sns .inner ul li {
	margin: 0 0px;
}

/* キャンペーンページでは非表示 */
/*.cpn_side #side_sns {
	display: none;
}*/


/*--------------------------------------------------------------------
秋特集コンテンツ
--------------------------------------------------------------------*/
#side_contents .inner {
	padding: 10px 0 5px 10px;
}

#side_contents .inner ul li {
	margin: 0 0 5px 0;
}

/* キャンペーンページでは非表示 */
.cpn_side #side_contents {
	display: none;
}

#top_bnr{
	padding-bottom: 15px;
}

#top_bnr a:hover{
	filter:alpha(opacity= 80); /* IE */
	-moz-opacity:0.8; /* Firefox CSS3以前 */
	opacity:0.8; /* CSS3 */
}

/*--------------------------------------------------------------------
カレンダーで探す
--------------------------------------------------------------------*/

#callender_area{
	width: 570px;
	height:488px;
	background:url(../images/bg_callender.png) no-repeat left bottom;
}

.cal_style{
	width: 470px;
	overflow:auto;
	overflow:hidden;
	margin-left: 42px;
}
.cal_style#link9{
}


.cal_style li{
	float: left;
	display:inline;
	padding-left: 7px;
	padding-bottom: 7px;
}

.cal_style li a:hover{
	filter:alpha(opacity= 80); /* IE */
	-moz-opacity:0.8; /* Firefox CSS3以前 */
	opacity:0.8; /* CSS3 */
}

.spc_monday{
}

.spc_h{
	padding-top: 25px;
	padding-bottom:25px;
}

.spc_h2{
	margin-top: 20px;
}


/* カレンダー月の右を66pxごと増減させればOK */
.month_p09{
	padding-right: 195px;
}

.month_p10{
	padding-right: 328px;
}

.month_p11{
	margin-right: 63px;
}


#callender_scroll{
	position:relative;
	height:372px;
	margin-top: 20px;
	overflow:auto;
	width: 550px;
}

#changelink{
	width: 530px;
	text-align:right;
	margin-top: 10px;
	padding-right: 40px;
}

#changelink p{
	float: right;
	display:inline;
	margin-left: 7px;
}

#changelink p a{
	color:#8C4600;
}



/*--------------------------------------------------------------------
検索
--------------------------------------------------------------------*/
#sbox_search h3{
	display:none
}
#sbox_search .sbox_tab{
	background-color:#b33d14
}
#sbox_search.sbox_tab_size3 .sbox_tab li{
	padding-right:0;
	width:73px;
}


#sbox_search .sbox_tab li a {
    display: block;
    width: 100%;
    height: 36px;
    background-size: 100%;
    border-radius: 0;
	text-align:left;
	text-indent:-9999px;
}
#sbox_search .sbox_tab li a,
#sbox_search .sbox_tab li.active a{
	box-shadow:none;
}

#sbox_search .sbox_tab #sbox_tab_plan a{
	background:url(../images/common/btn_search_plan_off.gif) no-repeat
}
#sbox_search .sbox_tab #sbox_tab_plan.active a,
#sbox_search .sbox_tab #sbox_tab_plan a:hover{
	background:url(../images/common/btn_search_plan_on.gif) no-repeat
}
#sbox_search .sbox_tab #sbox_tab_air a{
	background:url(../images/common/btn_search_air_off.gif) no-repeat
}
#sbox_search .sbox_tab #sbox_tab_air.active a,
#sbox_search .sbox_tab #sbox_tab_air a:hover{
	background:url(../images/common/btn_search_air_on.gif) no-repeat
}
#sbox_search .sbox_tab #sbox_tab_train a{
	background:url(../images/common/btn_search_train_off.gif) no-repeat
}
#sbox_search .sbox_tab #sbox_tab_train.active a,
#sbox_search .sbox_tab #sbox_tab_train a:hover{
	background:url(../images/common/btn_search_train_on.gif) no-repeat
}





#sbox_search .sbox_tab li.active a:after{
	content:none
}



#sbox_search img {
	display:inline-block
}

#sbox_search .sbox_content{
	margin:0
}


#sbox_search form th{
	width:65px;
}
#sbox_search form td{
	width:150px;}

#sbox_search form td #sbox_hotel_sub_area,
#sbox_search form td #sbox_tour_sub_area,
#sbox_search form td #sbox_train_sub_area{
	width:100%
}

#sbox_search form .tr_kodawari,
#sbox_search form .divider img{
	display:none
}

#sbox_search form .divider{
	padding-top:10px;
	border-top:1px dotted #ccc
}

#sbox_search_tour form table,
#sbox_search_train form table {
    margin: 0 auto;
}



#sbox_search form .sbox_submit {
    padding: 0;
}
#sbox_search form .sbox_submit a {
	display:block;
	margin:0 auto;
    text-align: left;
	text-indent:-9999px;
    height: 31px;
    width: 181px;
	border:none;
    background: url(../images/common/btn_search_off.png) no-repeat
}
#sbox_search form .sbox_submit a:hover{
    background-image: url(../images/common/btn_search_on.png)
}


/*--------------------------------------------------------------------
おすすめ特集から探す
--------------------------------------------------------------------*/
#side_recommend .inner {
	padding: 20px 0 1px;
}

#side_recommend .inner ul li {
	margin: 0 0 10px 0;
	text-align: center;
}

#side_recommend .inner ul li img {
	display: inline;
}

#side_recommend .inner ul li a:hover img{
	filter:alpha(opacity= 80); /* IE */
	-moz-opacity:0.8; /* Firefox CSS3以前 */
	opacity:0.8; /* CSS3 */
}



/*--------------------------------------------------------------------
最近みた宿・ホテル
--------------------------------------------------------------------*/
#side_browingHistory .inner {
	padding: 0 10px;
	
}

#side_browingHistory .inner ul li {
	border-top: 1px dotted #ccc;
}

#side_browingHistory .inner ul li:first-child {
	border-top: none;
}

#side_browingHistory .inner ul li.num1 {
	background: url(../images/history_num1.gif) no-repeat left 10px;	
}
#side_browingHistory .inner ul li.num2 {
	background: url(../images/history_num2.gif) no-repeat left 10px;	
}
#side_browingHistory .inner ul li.num3 {
	background: url(../images/history_num3.gif) no-repeat left 10px;	
}
#side_browingHistory .inner ul li.num4 {
	background: url(../images/history_num4.gif) no-repeat left 10px;	
}
#side_browingHistory .inner ul li.num5 {
	background: url(../images/history_num5.gif) no-repeat left 10px;	
}

#side_browingHistory .inner ul li div {
	background: url(../images/history_arrow.gif) no-repeat right center;
}

#side_browingHistory .inner ul li a {
	padding: 10px 10px 10px 20px;
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

#side_browingHistory .inner ul li a:hover {
	color: #F00;
}


/* ========================================================================== */
/* 左カラム
/* contents_left
/* ========================================================================== */
#contents_left .article {
	margin: 0 0 20px 0;
	padding: 10px;
	clear: both;
	background:url(../images/bg_teiban_re.jpg);
	background-repeat:repeat-y;
}

#contents_left #se_box .article {
	margin: 0 0 20px 0;
	padding: 0px 0px 10px 0px;
	clear: both;
	background:url(../images/bg_teiban_re.jpg);
	background-repeat:repeat-y;
}

#contents_left .article h2 {
	margin: 0 0 0px 0;
}

#contents_left .article .inner {
	overflow: hidden;
	background: #FFF;
	width:569px;
}


/*--------------------------------------------------------------------
visual
--------------------------------------------------------------------*/
#visual{
	margin-bottom: 20px;
	position: relative;
}

#visual a{
	position: absolute;
	display:block;
	right: 0;
	bottom: 0;
	width: 122px;
	height:83px;
}

#visual p{
	position: absolute;
	top: 110px;
	left: 15px;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	padding: 8px;
}
/* ↑紅葉を楽しむ各ページのみ */













/*--------------------------------------------------------------------
se_box
--------------------------------------------------------------------*/
#se_box {
	padding:0 10px;
	background: url(../images/area/bg_se.gif) repeat;
	
	behavior: url(js/PIE.htc);
	
}






/*--------------------------------------------------------------------
遊びから探す
--------------------------------------------------------------------*/
#se_box .outdoor {
	padding-bottom: 0;
	background: url(../images/outdoor/se_bg.gif) repeat;
}

#se_box .outdoor .desc {
	margin: 0 0 10px 0;
	font-size: 14px;
}

/* 大きい枠 */
.outdoor_main {
	width: 520px;
	height: 177px;
	background: url(../images/outdoor/content_bg.jpg) no-repeat;
	padding: 10px;
	margin-bottom: 15px;
	position: relative;
}

.outdoor_main .left {
	float: left;
	width: 258px;
}

.outdoor_main .right {
	float: right;
}

.outdoor_main h3 {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0 !important;
}

.outdoor_main p {
	margin: 0 0 10px 0;
}

.outdoor_main ul {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.outdoor_main ul li {
	margin: 5px 0 0 0;
}

/* 小さい枠 */
#se_box .outdoor .se_content {
	margin: 0 -15px 0 0;
	width: 555px;
}

#se_box .outdoor .se_content li {
	margin-bottom: 15px;
}

#se_box .outdoor .se_content li h3 {
	padding: 10px 0 0 0;
	height: 30px;
	text-align: center;
}

#se_box .outdoor .se_content li h3 img {
	display: inline;
}



/*--------------------------------------------------------------------
秋の味覚から探す
--------------------------------------------------------------------*/
#se_box .gourmet {
	background: url(../images/gourmet/se_bg.gif) repeat;
}

.se .bottom {
	margin-top: 15px;
}


/*--------------------------------------------------------------------
？？から探す
--------------------------------------------------------------------*/
#se_box .spa {
	background: url(../images/spa/se_bg.gif) repeat;
}

.spa .spa_main {
	width: 540px;
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}

.spa .spa_main li {
	width: 262px;
	background: url(../images/spa/content_bg.png) no-repeat;
	float: left;
	margin-right: 16px;
	padding-top: 5px;
}

.spa .spa_main .lL {
	margin-right: 0;
}

.spa .spa_main li div {
	width: 262px;
	text-align: center;
	margin-bottom: 3px;
}

.spa .spa_main li div img {
	display: inline !important;
}

.spa .spa_main li .detail {
	width: 242px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
}

.spa .spa_main li .detail dt {
	margin-bottom: 7px;
}

.spa .spa_main li .detail dd {
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

.spa .spa_main li .btn {
	width: 242px;
	display: block;
	clear: both;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background: url(../images/spa/content_bg_bottom.png) no-repeat left bottom;
}

.spa .spa_main li .btn dt {
	float: left;
}

.spa .spa_main li .btn dd {
	float: right;
}


/*--------------------------------------------------------------------
共通
--------------------------------------------------------------------*/
.se .se_content {
	width: 540px;
	display: block;
	clear: both;
	overflow: hidden;
}

.se .se_content li {
	width: 170px;
	float: left;
	margin-right: 15px;
	background: url(../images/content_bg01.png) no-repeat;
	padding-top: 5px;
}

.se .se_content .lL {
	margin-right: 0;
}

.se .se_content li div {
	width: 170px;
	text-align: center;
	margin-bottom: 3px;
}

.se .se_content li div img {
	display: inline !important;
}

.se .se_content li .detail {
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
}

.se .se_content li .detail dt {
	margin-bottom: 7px;
}

.se .se_content li .detail dd {
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}

.se .se_content li .btn {
	width: 150px;
	display: block;
	clear: both;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}

.se .se_content li .gr {
	background: url(../images/gourmet/content_bg02.png) no-repeat left bottom;
	padding-bottom: 10px;
}

.se .se_content li .on {
	background: url(../images/spa/content_bg02.png) no-repeat left bottom;
	padding-bottom: 10px;
}

.se .se_content li .ou {
	background: url(../images/outdoor/content_bg02.png) no-repeat left bottom;
	padding-bottom: 10px;
}

.se .se_content li .btn dt {
	float: left;
}

.se .se_content li .btn dd {
	float: right;
}


/*--------------------------------------------------------------------
テーマで探す
--------------------------------------------------------------------*/
.se_theme {
	padding-bottom: 0 !important;
}

.se_theme h3 {
	text-align: center;
}

.se_theme h3 img {
	display: inline !important;
}

.se_theme .inner ul {
	margin: 0 -10px 0 0;
	width: 580px;
	overflow: hidden;
}

.se_theme ul li {
	margin: 0 10px 10px 0;
	float: left;
}

/*--------------------------------------------------------------------
キーワードから探す
--------------------------------------------------------------------*/
#keyword {
	height: 45px;
	background: url(../images/bg_keywords.png) ;
	margin:35px 0;
	padding: 5px 10px 5px 20px;
	display: block;
	clear: both;
	overflow: hidden;
	behavior: url(js/PIE.htc);
}

#keyword h3 {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

#keyword .inner {
	padding: 10px;
	/*width: 360px;*/
	width: 300px;
	height: 25px;
	/*box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);*/
	float: right;
	behavior: url(js/PIE.htc);
	
}

#keyword .inner .keyword_box {
	width: 180px;
	height: 20px;
	margin-right: 10px;
	float: left;
}

#keyword .inner .search_btn:hover {
	 opacity: 0.5;
}




/*--------------------------------------------------------------------
●●が楽しめる宿
--------------------------------------------------------------------*/
#hotels_autumn .inner {
	margin: 0 0 20px 0;
	background: url(../images/hotels_bg.gif) 0 0;
}

#hotels_autumn .inner div {
	margin: 0 0 0 21px;
	float: left;
	width: 176px;
}

#hotels_autumn .inner div:first-child {
	margin: 0;
}

#hotels_autumn .inner div p img {
	width: 168px;
	border: 4px solid #fff;
}

#hotels_autumn .inner div p {
	margin: 0 0 5px 0;
}

#hotels_autumn .inner div h3 {
	margin: 0 0 5px 0;
	text-align: center;
}

#hotels_autumn .inner div h3 a {
	color: #400;
}

#hotels_autumn .inner div h3 a:hover {
	color: #c00;
}

#hotels_autumn .inner div ul li {
	margin: 0 0 3px 0;
}

#hotels_autumn .inner div ul li:first-child {
	margin: 0 0 6px 0;
}

/* ●●が楽しめる宿を探す */
#hotels_autumn .hotels_search {
	margin: 0 0 2px 0;
	background: url(../images/hotels_btn_search_on.gif) no-repeat 0 0;
}

#hotels_autumn .hotels_search a {
	display: block;
	color: #600;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	background: url(../images/hotels_btn_search_off.gif) no-repeat 0 0;
}

#hotels_autumn .hotels_search a img {
	margin: 0 3px 0 0;
	display: inline;
	position: relative;
	top: 2px;
}

#hotels_autumn .hotels_search a:hover {
	background: none;
}


/*--------------------------------------------------------------------
お得なプラン・定番のプラン
--------------------------------------------------------------------*/
.plan_autumn .inner {
	margin: 0 10px 0 0;
	width: 580px;
	overflow: hidden;
		
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	behavior: url(js/PIE.htc);
}



.plan_autumn .inner div {
	margin: 0 6px 10px 0;
	padding: 10px;
	float: left;
	width: 163px;
	
}

.plan_autumn .inner div p {
	margin: 0 0 5px 0;
}

.plan_autumn .inner div ul {

}

.plan_autumn .inner div ul li {
	margin: 2px 0 0 0;
	height: 22px;
	padding-top: 7px;
	padding-bottom: 10px;
}

.plan_autumn .inner div ul li:first-child {
	margin: 0;
}



/* お得なプラン */
#plan_value{
}

#contents_left #plan_value .inner{
	background-color: #fff8e3
}
#plan_value ul{
	padding: 14px 0 19px 5px
}
#plan_value ul li{
	float:left;
	margin-left:14px;
}






/* ========================================================================== */
/* cpn_yoko
/* キャンペーン応募要項
/* ========================================================================== */
#cpn_yoko table {
	width: 100%;
}

#cpn_yoko table th,
#cpn_yoko table td {
	padding: 10px;
	border: 1px solid  #ccc;
}

#cpn_yoko table th {
	background: #eee;
	vertical-align: top;
	width: 18%;
}




/* ========================================================================== */
/* lower_page
/* 下層ページ共通
/* ========================================================================== */

/*--------------------------------------------------------------------
アンカーメニュー
--------------------------------------------------------------------*/
.anchor_menu {

margin: 0px 0px 20px;

width: 860px;
overflow:auto;
overflow:hidden;
clear: left;
}

/*.anchor_menu ul {    margin: 0px 0px 10px;
    	padding: 8px 0px 0px 122px;
	background: url("../images/anchor_menu_bg.gif") no-repeat scroll 0px 0px;
	background-position:center left;
    overflow: hidden;
}
*/
.anchor_menu ul li {
	/*margin: 0 0 0 0;
	padding: 0 0 8px 35px;
	background: url(../images/anchor_menu_list_bg1.gif) no-repeat 0 0;
	color: #dc2834;
	font-weight: bold;
	line-height: 44px;
	display: inline-block;
	display: -moz-inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;*/
	float: left;
	display:inline;
}

#bg_kouyou_navi_l{
	background-color:#FFF4D7;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 664px;
	float: left;
	min-height:27px;
}


#bg_kouyou_navi{
	width: 664px;
	background: url(../images/bg_navi.jpg) repeat-y;
	background-position:right;
	overflow:auto;
	overflow:hidden;
}

#theme_btn{
	float: left;
	display:inline;
}





.anchor_menu ul li{
	text-align:center;
	font-size:16px;
	padding-top: 0px;
	background: url(../images/img_allow_navi.jpg) no-repeat;
	background-position:center bottom;
	padding-bottom: 13px;
	color:#D3D3D3;
}

.anchor_menu ul li a {
	color: #8C4600;
	text-decoration:none;
}

.anchor_menu ul li a:hover {
	color: #AD2C00;
}

.anchor_menu ul li span a {
	color: #600;
	font-weight: normal;
}

.anchor_menu ul li span a:hover {
	color: #f00;
}

.anchor_menu ul li img {
	display: inline !important;
	vertical-align: top;
}

.anchor_menu p {
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 10px 0;
}










/******************

******************/

.anchor_menu2 ul {    margin: 0px 0px 10px;
    	padding: 8px 0px 0px 122px;
	background: url("../images/anchor_menu_bg.gif") no-repeat scroll 0px 0px;
	background-position:center left;
    overflow: hidden;
}

.anchor_menu2 ul li {
	margin: 0 0 0 0;
	padding: 0 0 8px 35px;
	background: url(../images/anchor_menu_list_bg1.gif) no-repeat 0 0;
	color: #dc2834;
	font-weight: bold;
	line-height: 44px;
	display: inline-block;
	display: -moz-inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}

.anchor_menu2 ul li a {
	color: #dc2834;
}

.anchor_menu2 ul li a:hover {
	color: #600;
}

.anchor_menu2 ul li span a {
	color: #600;
	font-weight: normal;
}

.anchor_menu2 ul li span a:hover {
	color: #f00;
}

.anchor_menu2 ul li img {
	display: inline !important;
	vertical-align: top;
}

.anchor_menu2 p {
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 10px 0;
}



/******************

******************/



/*--------------------------------------------------------------------
se_box .white_frame 2016のみ
--------------------------------------------------------------------*/
#se_box .padding_b{
	padding-bottom:12px;
}
#se_box .white_frame{
	padding-bottom:10px;
	background: #FFF url(../images/bg_white_bottom.jpg) no-repeat left bottom;
}

#se_box .white_frame a:hover img{
	filter:alpha(opacity= 80); /* IE */
	-moz-opacity:0.8; /* Firefox CSS3以前 */
	opacity:0.8; /* CSS3 */
}

#se_box .white_frame ul{
	margin-left: 9px;
	width:560px;
}
#se_box .white_frame ul.margin_b{
	margin-bottom:10px;
}

#se_box .white_frame li{
	float:left;
	margin-right:6px;
	width:180px;
	
	display:inline;
}

#se_box .white_frame li h4{
	margin-bottom:7px
}

#se_box .white_frame li p,
#se_box .white_frame li img,
#se_box .white_frame li div{
	margin:0 auto;
}

#se_box .white_frame li p{
	width:150px;
	height:53px;
	font-size:12px;
	letter-spacing:-1px;
	color:#8D4600;
}

#se_box .white_frame li div{
	margin-top:5px;
	height:72px;
	background-position: left bottom;
	background-repeat:no-repeat;
}

#se_box .white_frame li div p{
	width:160px;
	height: auto;
}

#se_box .white_frame li div a{
	float:left;
	width:80px;
	overflow:hidden;
}




/*--------------------------------------------------------------------
コンテンツ部分
--------------------------------------------------------------------*/
#lower_page {
	
}

#lower_page .row {
	margin: 0 0 30px 0;
	clear: both;
}

#lower_page .row h2 {
	margin: 0 0 15px 0;
	padding: 0 0 0 8px;
	color: #a32222;
	font-size: 18px;
	line-height: 1.3;
	border-left: 5px solid #a32222;
}

#lower_page .row p {
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 1.8;
}

#lower_page .row .img {
	margin: 0 0 10px 10px;
	float: right;
}

/*--------------------------------------------------------------------
施設情報
--------------------------------------------------------------------*/
#lower_page .hotels {
	padding: 10px;
	background: #f7e9d8;
}

#lower_page .hotels h3 {
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 18px;
	line-height: 45px;
	text-align: center;
	background: url(../images/heading_bg01.gif) no-repeat 0 0;
}

#lower_page .hotels h3 strong {
	color: #ea3c58;
}

#lower_page .hotels div a {
	color: #300;
}

#lower_page .hotels div a:hover {
	color: #f00;
}

#lower_page .hotels_inner {
	margin: 0 -21px 10px 0;
	width: 591px;
}

#lower_page .hotels_inner div {
	margin: 0 10px 20px 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #b9a2a2;
	float: left;
	width: 176px;
}
#lower_page .hotels_inner div:nth-of-type(3n){
	border-right: none
}


#lower_page .hotels_inner div p {
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 150%;
}

#lower_page .hotels_inner div span{
	display:block
}
#lower_page .hotels_inner div h4 {
	margin: 0 0 7px 0;
}

#lower_page .hotels_inner div .photo img {
	width: 100%;
}

#lower_page .hotels_inner div .plan {
	background: url(../images/linkmarker3.png) no-repeat 0 2px;
}

#lower_page .hotels_inner div .plan a {
	padding: 0 0 0 22px;
}




#lower_page .hotels_inner_02 {
	margin: 0 -21px 10px 0;
	width: 591px;
	overflow: hidden;
}

#lower_page .hotels_inner_02 div {
	margin: 0 10px 20px 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #b9a2a2;
	float: left;
	width: 125px;
}

#lower_page .hotels_inner_02 div p {
	margin: 0 0 5px 0;
	font-size: 10px;
	line-height: 150%;
}

#lower_page .hotels_inner_02 div h4 {
	margin: 0 0 7px 0;
}

#lower_page .hotels_inner_02 div .photo img {
	width: 120px;
}

#lower_page .hotels_inner_02 div .plan {
	background: url(../images/linkmarker3.png) no-repeat 0 2px;
}

#lower_page .hotels_inner_02 div .plan a {
	padding: 0 0 0 22px;
}




/* その他のリンク */
#lower_page .hotels_other_link {
	margin: 0 0 10px 0;
}

#lower_page .hotels_other_link ul {
	overflow: hidden;
}

#lower_page .hotels_other_link ul li {
	float: right;
	clear: both;
	margin: 0 0 3px 0;
	background: url(../images/linkmarker3.png) no-repeat 0 0;
}

#lower_page .hotels_other_link ul li a {
	padding: 0 0 0 22px;
}

/* その他のボタン */
#lower_page .hotels_other_btn {
}


#lower_page .hotels_other_btn ul li {
	margin: 0 0 0 10px;
	float: left;
}

#lower_page .hotels_other_btn ul li:first-child {
	margin: 0;
}

#lower_page .hotels_other_btn p {
	margin: 0 0 5px 0;
	line-height: 150%;
}


/*--------------------------------------------------------------------
京都マップ
--------------------------------------------------------------------*/
#lower_page .kyoto_map h2 {
	margin: 0;
	padding: 0;
	border: none;
}

#lower_page .kyoto_map_inner {
	position: relative;
}

#lower_page .kyoto_map_inner ul li {
	position: absolute;
}

#lower_page .kyoto_map_inner ul li.arashiyama {
	top: 88px;
	left: 12px;
}

#lower_page .kyoto_map_inner ul li.eikando {
	top: 89px;
	left: 464px;
}

#lower_page .kyoto_map_inner ul li.kiyomizudera {
	top:205px;
	left: 450px;
}

#lower_page .kyoto_map_inner ul li.tofukuji {
	top: 298px;
	left: 450px;
}







/* ========================================================================== */
/* yado_momiji
/* 秋の紅葉を楽しめる宿
/* ========================================================================== */
.yado{
	margin-bottom:26px;
	background-image:url(../images/area/bg_yado.gif)
}

.yado h2{
	height: 59px;
	background-repeat:no-repeat;
	background-image:url(../images/area/bg_yado_top.jpg);
	text-align:center;
	color:#FFF;
	font-size:24px;
	letter-spacing: 3px;
	line-height:52px;
}


.yado div,
.yado ul{
	margin:0 auto;
}


.yado ul{	
	width:555px;	
}
.yado li{
	float:left;
	width:185px;
}
.yado li img{
	width:177px;
	height:auto;
}

.yado li .img_sizing{
}
.yado li span,
.yado li p{
	margin: 0 auto;
	width:170px;
}
.yado li span{
	display:block;
	padding-top:8px;
}

.yado li p{
	padding: 8px 0 ;
}

.yado li span,
.yado li p a{
	color:#8C4600;
}

.yado li p a{
	font-size:15px;
	font-weight:bold;
	color:#8C4600;
}
.yado li p a:hover{
	text-decoration:none
}


.yado div{
	margin-top:10px;
	padding-top:12px;
	border-top: 1px solid #A40000;	
	width:540px;
	text-align:center;
}

#MAIN .yado ul img,
#MAIN .yado div img{
	display:block;
	margin:0 auto;
}

.yado a img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

















/* ========================================================================== */
/* autumn_links
/* 回遊リンク
/* ========================================================================== */

.autumn_links {
	/*padding: 20px 20px 5px 20px;*/
	color: #8C4600;
	clear: both;
/*	border: 5px solid #baa488;*/
}

.autumn_links a {
	color: #8C4600;
}

.autumn_links a:hover {
	color: #f00;
}

.autumn_links h2 {
	/*margin: 0 0 15px 0;*/
	/*padding: 0 0 0 8px;*/
	color:#661900;
	font-size: 18px;
	/*border-left: 5px solid #553208;*/
	margin-bottom: 3px;
}

#MAIN .autumn_links div {
	margin: 0 0 15px 0;
	font-size: 14px;
	background-color: #F3D6D6;
}
#MAIN .autumn_links div.autumn_links_gourmet{
	background-color: #F9E7D5;
}
#MAIN .autumn_links div.autumn_links_outdoor{
	margin-bottom:5px;
	background-color: #E6ECD5;
}
#MAIN .autumn_links div.autumn_links_event{	
	background-color: #F7E1DF;
}
#MAIN .autumn_links div.autumn_links_onsen{
	background-color: #EAE7F4;
}


.autumn_links div a {
	padding: 6px 5px 5px 35px;
	display: block;
	text-decoration: none;
	background: url(../images/marker1.png) no-repeat 5px 3px;
}
.autumn_links div a:hover {
	color: #fff;
	background-color: #e99b38;
}
.autumn_links div.autumn_links_gourmet a{
	color: #D96D00;
	background-image: url(../images/marker2.png)
}
.autumn_links div.autumn_links_outdoor a{
	color: #698C00;
	background-image: url(../images/marker3.png)
}
.autumn_links div.autumn_links_event a{
	color: #CF4639;
	background-image: url(../images/marker4.png)
}
.autumn_links div.autumn_links_onsen a{
	color: #826CBD;
	background-image: url(../images/marker5.png)
}





.autumn_links table {
	margin: 0 0 0px 0;
	width: 100%;
}

.autumn_links table th,
.autumn_links table td {
	padding: 0 0 0 0;
	vertical-align: top;
}

.autumn_links table th {
	width: 20%;
	
}

.autumn_links table th a {
	/*padding: 0 0 0 20px;
	background: url(../images/linkmarker4.png) no-repeat 0 1px;*/
	white-space: nowrap;
}

.autumn_links table th p{
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}

.autumn_links ul {
	margin: 0 0 10px 0;
	/*overflow: hidden;*/
}
.autumn_links_outdoor_ul{
	padding-left:133px;
}


.autumn_links ul li {
	margin: 6px 10px 5px 0;
	float: left;
	background: url(../images/linkmarker5.png) no-repeat 0 2px;
}

.autumn_links ul li a {
	padding: 0 0 0 12px;
	white-space: nowrap;
}