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

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #333;
	font-size: small;
	font-family:Verdana,Arial,Helvetica, sans-serif,"ＭＳ Ｐゴシック","MS PGothic";	
	line-height: 1.5em;
	background: url(../images/bg_body.jpg) repeat-x center 105px #b0dbcb;
}

a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: underline;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/* テーブル装飾 */
table.tbl_basic {
	border: none;
}

table.tbl_basic th,
table.tbl_basic td {
	border: 1px solid #82afa7;
}

table.tbl_basic th {
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	background-color: #bed3ce;
	padding: 8px 10px;
}

table.tbl_basic td {
	text-align: left;
	background-color: none;
	padding: 8px 10px;
}


/* -----------------------------------------------------------
	#header
	ヘッダ
----------------------------------------------------------- */
#header {
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
}

#header h1 {
	width: 950px;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	margin: 0 auto;
	padding: 2px 0;
}

#header p {
	height: 80px;
	background: url(../images/bg_header.gif) repeat-x;
	text-align: center;
	padding-top: 4px;
}


/* -----------------------------------------------------------
	#gnav
	グローバルメニュー
----------------------------------------------------------- */
#gnav {
	margin: 0 auto;
	width: 950px;
	height: 70px;
	background: url(../images/menu/gnav.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

#gnav li {
	float: left;
}

#gnav li a {
	display: block;
	height: 70px;
	overflow: hidden;
}

/* 客室・料金 */
#gnav li.gnav_room {
	width: 152px;
}
#gnav li.gnav_room a:hover,
#room #gnav li.gnav_room a {
	background: url(../images/menu/gnav.gif) no-repeat -0px -70px;
}

/* フロアガイド */
#gnav li.gnav_floor {
	width: 143px;
}
#gnav li.gnav_floor a:hover,
#floor #gnav li.gnav_floor a {
	background: url(../images/menu/gnav.gif) no-repeat -152px -70px;
}

/* 館内設備・サービス */
#gnav li.gnav_faci {
	width: 211px;
}
#gnav li.gnav_faci a:hover,
#facility #gnav li.gnav_faci a {
	background: url(../images/menu/gnav.gif) no-repeat -295px -70px;
}

/* 交通のご案内 */
#gnav li.gnav_access {
	width: 157px;
}
#gnav li.gnav_access a:hover,
#access #gnav li.gnav_access a {
	background: url(../images/menu/gnav.gif) no-repeat -506px -70px;
}

/* 周辺のご案内 */
#gnav li.gnav_local {
	width: 170px;
}
#gnav li.gnav_local a:hover,
#local #gnav li.gnav_local a {
	background: url(../images/menu/gnav.gif) no-repeat -663px -70px;
}

/* ご予約 */
#gnav li.gnav_reserve {
	width: 117px;
}
#gnav li.gnav_reserve a:hover,
#reserve #gnav li.gnav_reserve a{
	background: url(../images/menu/gnav.gif) no-repeat -833px -70px;
}


/*----------------------------------------------------
	#contents
		コンテンツ
----------------------------------------------------*/
#contents {
	width: 950px;
	margin: 10px auto 0;
}

#contents .pagetop {
	clear: both;
	text-align: right;
}

/* パンくず */
#contents .topicpath {
	color: #d1e2d8;
	text-align: left;
	margin: -5px 0 10px 5px;
	font-size: 90%;
}

#contents .topicpath li {
	display: inline;
	background: url(../images/ic_topicpath.gif) no-repeat left 4px;
	margin: 0 auto;
	padding: 0 0 0 15px;
}

#contents .topicpath li.home {
	color: #d1e2d8;
	background: none;
	padding: 0 5px 0 0;
}

#contents .topicpath li a {
	color: #d1e2d8;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: right;
	width: 700px;
	margin: 0 0 25px;
}

#main .box_main {
	width: 640px;
	background-color: #e6f5ec;
	border: solid 1px #76a89b;
	margin-bottom: 25px;
	padding: 24px 29px 29px 29px;
}

#main .box_main h3 {
	margin-bottom: 15px;
}

#main .box_main p {
	margin-bottom: 10px;
}

#main .box_main p.p_end {
	margin-bottom: 0;
}

#main .box_main p img {
	margin-bottom: 0;
}



/* -----------------------------------------------------------
	#side
		サイドバー
----------------------------------------------------------- */
#side {
	width: 220px;
	float: left;
}

#side li img {
	vertical-align: bottom;
}

/*　.con_side_search　空室検索
---------------------------------------- */
#side .con_side_search {
	background-color: #c0e49e;
	border: solid 1px #92b86d;
	border-bottom: none;
}

#side .con_side_search h3 {
	text-align: center;
	margin: 10px 0 0;
}

#side .con_side_search form {
	padding: 0 10px 10px;
}

#side .con_side_search form dt {
	background: url(../images/side/ic_side_search.gif) no-repeat left 8px;
	margin: 0 0 3px;
	padding: 0 0 0 15px;
}

#side .con_side_search form dd {
	margin: 0 0 10px;
}

#side .con_side_search form p {
	text-align: center;
	margin: 13px 0 0;
}

/*　.con_side_card　TEL、カード類
---------------------------------------- */
#side .con_side_card {
	margin: 0 0 15px;
}

/*　.bn_kamikochi　上高地フェアバナー
---------------------------------------- */
#side .bn_kamikochi {
	margin-bottom: 15px;
}

/*　.box_roten　露天風呂バナー
---------------------------------------- */
#side .box_roten {
	margin: 5px 0 20px;
}

#side .box_roten a {
	text-decoration: none;
}

#side .box_roten span {
	text-decoration: underline;
}

#side .box_roten a:hover span {
	text-decoration: none;
}

/*	.bn_picomo	 ピコモ
---------------------------------------*/
#side .bn_picomo {
	border:1px solid #B3CCBD;
	margin-top: 15px;
}

/*	.bn_picomo	 アクセス信州
---------------------------------------*/
#side .bn_access_shinshu {
	margin-top: 15px;
}



/* -----------------------------------------------------------
	#footer
	フッタ
----------------------------------------------------------- */
#footer {
	clear: both;
	background: url(../images/bg_footer.gif) repeat-x center top #37887E;
}

#footer .fo_logo {
	width: 950px;
	margin: 0 auto;
}

#footer .fo_logo p {
	display: inline;
	margin: 0 40px 0 0;
}

#footer address {
	clear: both;
	width: 950px;
	color: #fff;
	margin: 0 auto;
	padding: 15px 0 20px;
}

#footer address a {
	color: #fff;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}