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

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

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: #fff;
	color: #000;
	font-size: small;
	font-family:Verdana,Arial,Helvetica, sans-serif,"ＭＳ Ｐゴシック","MS PGothic";
	line-height: 1.5em;
}

a:link {color:#2158a6; text-decoration:underline;}

a:visited {color:#3161a6; text-decoration:underline;}

a:hover {color:#2158a6; text-decoration:none;}

a:active {color:#2158a6; text-decoration:underline;}

.fleft {float:left;}


.fright {float:right;}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.img_r {
	float: right;
}

.img_l {
	float: left;
}

.img_r02 {
	float: right;
	padding-left: 15px;
}

.img_l02 {
	float: left;
	padding-right: 15px;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0.1px;
	line-height: 0.1px;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
.clearfix  {display: block; }
/* End hide from IE-mac */


.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

.attention {
	color: #a6202f;
}

.ac {
	text-align: center;
}

.al {
	text-align: left;
}

.ar {
	text-align: right;
}

.slide {
	display: none;
}

/*----------------------------------------------------
	#page	親レイヤー
	
----------------------------------------------------*/
#page {
	width:100%;
	text-align:left;
	background:url(../images/bg_header.jpg) center top repeat-x;
}


/* -----------------------------------------------------------
	#header		ヘッダー
	
----------------------------------------------------------- */
#header {
	width:100%;
}

/* .h_top		ヘッダー上部
----------------------------------------------------------- */
#header .h_top {
	margin:0 auto;
	width:950px;
	overflow:hidden;
}

/* SEOテキスト	*/ 
#header .h_top h1 {
	padding-top:13px;
	color:#073473;
	float:left;
	font-size:x-small;
	font-weight:normal;
}


/* ヘッダー　サブメニュー */
#header .h_top ul.hnav {
	width:618px;
	height:39px;
	float:right;
	background:url(../images/menu/hnav.gif) 0 0 no-repeat;
}

#header .h_top ul.hnav li {
	height:39px;
	list-style:none outside;
	float:left;
	text-indent:-9999px;
}


#header .h_top ul.hnav li a {
	height:39px;
	display:block;
	overflow:hidden;
}

#header .h_top ul.hnav li.hnav_sta a {
	width:84px;
}

#header .h_top ul.hnav li.hnav_sig a {
	width:75px;
}

#header .h_top ul.hnav li.hnav_acc a {
	width:75px;
}

#header .h_top ul.hnav li.hnav_new a {
	width:77px;
}

#header .h_top ul.hnav li.hnav_hom a {
	width:66px;
}

#header .h_top ul.hnav li.hnav_con a {
	width:241px;
}


/* .h_bottom		ヘッダー下部
----------------------------------------------------------- */
#header .h_bottom {
	margin:0 auto;
	padding-top:1px;
	width:950px;
	height:65px;
}

/* ロゴ */
#header .h_bottom p.logo {
	float:left;
	width:180px;
}


/* グローバルメニュー */
#header .h_bottom .gnav {
	width:729px;
	height:65px;
	float:right;
	background:url(../images/menu/gnav.jpg) 0 0 no-repeat;
}

#header .h_bottom .gnav li {
	width:104px;
	height:65px;
	float:left;
	list-style:none outside;
	text-indent:-9999px;
}

#header .h_bottom .gnav li a {
	width:104px;
	height:65px;
	display:block;
	overflow:hidden;
}

#header .h_bottom .gnav li.gnav_poi a:hover,
#points #header .h_bottom .gnav li.gnav_poi a {
	background:url(../images/menu/gnav.jpg) 0 -65px;
}

#header .h_bottom .gnav li.gnav_hot a:hover,
#hotspring #header .h_bottom .gnav li.gnav_hot a {
	background:url(../images/menu/gnav.jpg) -104px -65px;
}

#header .h_bottom .gnav li.gnav_roo a:hover,
#rooms #header .h_bottom .gnav li.gnav_roo a {
	background:url(../images/menu/gnav.jpg) -208px -65px;
}

#header .h_bottom .gnav li.gnav_din a:hover,
#dining #header .h_bottom .gnav li.gnav_din a {
	background:url(../images/menu/gnav.jpg) -312px -65px;
}

#header .h_bottom .gnav li.gnav_fac a:hover,
#facilities #header .h_bottom .gnav li.gnav_fac a{
	background:url(../images/menu/gnav.jpg) -416px -65px;
}

#header .h_bottom .gnav li.gnav_bridal a:hover {
	background:url(../images/menu/gnav.jpg) -520px -65px;
}

#header .h_bottom .gnav li.gnav_pla a:hover,
#plan #header .h_bottom .gnav li.gnav_pla a {
	background:url(../images/menu/gnav.jpg) -624px -65px;
}

/* .gnav_fac　館内施設のサブメニュー
----------------------------------------------------------- */

#header .h_bottom .gnav li.gnav_fac {
	position: relative;
}

#header .h_bottom .gnav li.gnav_fac ul {
	display: none;
	position:absolute;
	top: 65px;
	left: 0;
}
#header .h_bottom .gnav li.gnav_fac ul li {
	float:none;
	background-color:#8a4766;
	text-indent:0;
	font-size:0;
	width:120px;
	height:28px !important;
}

#header .h_bottom .gnav li.gnav_fac ul li a {
	width:120px;
	height:28px !important;
}

/*----------------------------------------------------
	#bg_main_content	コンテンツ部分背景
	
----------------------------------------------------*/
#bg_main_content {
	width:100%;
	background:url(../images/bg_main_content.jpg) center top no-repeat;
}

/*----------------------------------------------------
	#contents	コンテンツ
	
----------------------------------------------------*/
#contents {
	margin:0 auto;
	padding:5px 0 30px 0;
	width: 950px;
	overflow:hidden;
}



/*----------------------------------------------------
	#main		メイン
----------------------------------------------------*/
#main {
	width:700px;
	float:left;
}

/*	.con_title		メインタイトル
----------------------------------------------------*/
#main h2.main_title {
	width:700px;
	margin-bottom:10px;
}

/*----------------------------------------------------
	#topicpath	パンクズ
	
----------------------------------------------------*/
#topicpath {
	margin-bottom:10px;
	width:700px;
	font-size:90%;
}

#topicpath li {
	margin-right:5px;
	padding-left:10px;
	list-style:none outside;
	display:inline;
	background:url(../images/ic_topicpath.gif) 0 3px no-repeat;
}

#topicpath li.home {
	padding-left:5px;
	background:none;
}

#topicpath li.home a {
	font-weight:bold;
}



/*----------------------------------------------------
	#side		サイド
----------------------------------------------------*/
#side {
	margin-top:110px;
	padding-top:20px;
	width:220px;
	float:right;
}

#side .bn_side {
	margin-bottom:10px;
}

#side .m_utility {
	margin-bottom:15px;
}


#side .m_utility li {
	line-height:0;
	list-style:none outside;
	font-size:0;
}

/* .con_access  アクセス情報 */

#side .con_access {
	margin-bottom:5px;
	width:220px;
}

#side .con_access p.img_map {
	margin-bottom:3px;
}

#side .con_access ul {
	text-align:right;
}

#side .con_access ul li {
	font-size:0;
}

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

/* .bn_picomo 岳
---------------------------------------*/
#side .bn_gaku {
	margin-top:10px;
}

/* .con_bn_ss　周辺観光バナー
---------------------------------------*/
#side .con_bn_ss {
	margin:10px 0 10px;
}

#side .con_bn_ss #flashcontent_ss {
	width:220px;
	height:76px;
}

/* .bn_kamikochi 上高地フェア
---------------------------------------*/
#side .bn_kamikochi,
#side .bn_kamikochi,
#side .bn_access_shinshu {
	margin:10px 0;
}

/*	.con_search		検索機能
----------------------------------------------------*/
#side .con_search {
	margin-bottom:10px;
	padding:10px;
	width:200px;
	background:url(../images/side/bg_search.jpg) 0 0 repeat-y;
}

#side .con_search h3 {
	margin-bottom:10px;
}

#side .con_search select,
#side .con_search span{
	margin:0;
	padding:0;
}

#side .con_search span{
	font-size:x-small;
}

#side .con_search dl {
	width:200px;
	overflow:hidden;
}

#side .con_search dl dt {
	margin:0 0 5px 0;
	font-weight:bold;
}

#side .con_search dl dd{
	margin-bottom:5px;
}

/* プランボタン */
#side .con_search .btn_search {
	margin-bottom:15px;
	text-align:center;
}

#side .con_search .btn_search input.bsubmit{
	cursor: pointer;
}

/* プランボタン */
#side .con_search .btn_plan {
	margin-bottom:15px;
}

/* プランボタン */
#side .con_search ul li {
	list-style:none outside;
	display:inline;
}

#side .con_search ul li.mrg {
	margin-right:5px;
}



/* -----------------------------------------------------------
	#footer		フッター
	
----------------------------------------------------------- */
#footer {
	width:100%;
	padding-bottom:20px;
	clear:both;
	position:relative;
	background:url(../images/bg_foot.jpg) center 26px repeat-x;
}

/* .fnav		サブコンテンツメニュー
----------------------------------------------------------- */
#footer .fnav {
	margin:0 auto;
	width:950px;
	height:26px;
	overflow:hidden;
}

#footer .fnav ul {
	margin:0 0 0 auto;
	width:370px;
	height:26px;
	background:url(../images/menu/fnav.gif) 0 0 no-repeat;
}

#footer .fnav ul li {
	float:left;
	height:26px;
	text-indent:-9999px;
}

#footer .fnav ul li a {
	height:26px;
	display:block;
	overflow:hidden;
}

#footer .fnav ul li.fnav_pri a {
	width:145px;
}

#footer .fnav ul li.fnav_sit a {
	width:99px;
}

#footer .fnav ul li.fnav_top a {
	width:125px;
}



/* m_foot		フッターメニュー
----------------------------------------------------------- */
#footer .m_foot {
	padding:0 0 35px 0;
	height:90px;
}

#footer .dock_menu {
    position: absolute;
    top:50px;
    left:0;
    width:100%;
    display:none;
}

#footer .dock_menu a {
    color: #fff;
    text-decoration: none;
}

#footer .dock_menu img {
    padding: 0 12px 0 0;
}

#footer .dock_menu div.jqDock {
    cursor:pointer;
}

#footer .dock_menu div.jqDockWrap {
    margin:0 auto;
}


/* .con_footer		フッターコンテンツ
----------------------------------------------------------- */
#footer .con_footer {
	margin:0 auto;
	width:950px;
	overflow:hidden;
}

/* 左側 */
#footer .con_footer .con_footer_l {
	width:250px;
	float:left;
}

#footer .con_footer .con_footer_l address {
	margin-bottom:5px;
	font-size:90%;
}

/* 右側 */
#footer .con_footer .con_footer_r {
	width:670px;
	float:right;
	overflow:hidden;
}

#footer .con_footer .con_footer_r .con_msite {
	margin-bottom:20px;
	overflow:hidden;
}

#footer .con_footer .con_footer_r .con_msite ul {
	margin-right:10px;
	float:left;
	font-size:x-small;
}

#footer .con_footer .con_footer_r .con_msite ul.last {
	margin-right:0;
}

#footer .con_footer .con_footer_r .con_msite ul li {
	list-style:none outside;
	width:150px;
}

#footer .con_footer .con_footer_r .txt_copyright {
	padding-left:30px;
	clear:both;
	font-size:x-small;
}





/* #grouplink		フッターグループ一覧
----------------------------------------------------------- */

#footer #grouplink {
	width:930px;
	height:212px;
	background:url(../images/footer/bg_group.gif) left top no-repeat;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0px 10px 20px;
	clear:both;
}

#footer #grouplink h4 {
	width:607px;
	height:26px;
	margin:0 auto 10px;
}
#footer #grouplink ul {
	width:930px;
	overflow:hidden;
}
#footer #grouplink ul li {
	float:left;
	width:168px;
	margin-right:17px;
}
#footer #grouplink ul li a {
	display:block;
	width:168px;
	padding-top:122px;
	font-weight:bold;
	text-align:center;

}
#footer #grouplink ul li.gp1 a {
	background:url(../images/footer/btn_group1.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp2 a {
	background:url(../images/footer/btn_group2.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp3 a {
	background:url(../images/footer/btn_group3.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp4 a {
	background:url(../images/footer/btn_group4.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp5 a {
	background:url(../images/footer/btn_group5.jpg) left top no-repeat;
}


#footer #grouplink ul li.gp1 a:hover {
	background:url(../images/footer/btn_group1_on.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp2 a:hover {
	background:url(../images/footer/btn_group2_on.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp3 a:hover {
	background:url(../images/footer/btn_group3_on.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp4 a:hover {
	background:url(../images/footer/btn_group4_on.jpg) left top no-repeat;
}
#footer #grouplink ul li.gp5 a:hover {
	background:url(../images/footer/btn_group5_on.jpg) left top no-repeat;
}






/*----------------------------------------------------
	テーブル BASIC
----------------------------------------------------*/
table.tbl_basic {
	border: none;
}

table.tbl_basic th,
table.tbl_basic td {
	border-top:1px solid #d2d7e1;
	border-bottom:1px solid #d2d7e1;
}

table.tbl_basic th {
	padding-left:20px;
	text-align:left;
	font-weight:normal;
	color: #014099;
	background: #e6f1f6;
}

table.tbl_basic td {
	padding:10px;
	text-align:left;
	background:#fff;
}

table.tbl_basic02 {
	border: none;
}

table.tbl_basic02 th,
table.tbl_basic02 td {
	border-top:1px solid #d2d7e1;
	border-bottom:1px solid #d2d7e1;
}

table.tbl_basic02 th {
	padding:10px;
	text-align:center;
	font-weight:bold;
	color: #014099;
	background: #e6f1f6;
}

table.tbl_basic02 td {
	padding:10px;
	text-align:left;
	background:#fff;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #footer .con_footer .con_footer_r .con_msite {
	zoom:1;
}