@charset "UTF-8";

  /**
   * トップページレイアウト CSS
   * 
   * @author  HAKKO Development Co.,Ltd. az'Ciel division (Hiroyuki.Nagahara)
   * @version 2009.04.28
   * 
   */

/*

  ---INDEX---
  
  2,サブヘッダ
  3,メインコンテンツ
  6,サブカラム
*/

/*全体の幅決め*/
#wrapper {

	width            : 967px;
	text-align       : left;
  margin           : 0 auto;
}

/**
//=========================================//
//---------------1.ヘッダ------------------//
//=========================================//
*/

#header {

	background      : #FFF url(../images/top/top_belt.png) no-repeat 50% top;
	color           : #FFF;
	height          : 58px;
	margin          : 0;
	padding         : 0;
	min-width       : 970px;
	text-align      : center;
}

#headerWrapper {
	
	background      : url(../images/top/header_bg.png) no-repeat;
	width           : 967px;
	height          : 58px;
	margin          : 0 auto;
}

/**
//---------------1-1.ヘッダリンク----------//
*/
#headerWrapper div#englishPage {

	float           :left;
	padding         : 28px 0 0 208px;
}

ul#headerLink {

	float           :right;
	padding-top     : 10px;
	list-style-type : none;
}

ul#headerLink li {

	display         : inline;
	margin          : 0 7px 0 0;
}
/*IE7*/
*:first-child+html ul#headerLink li {

	display         : inline;
	margin          : 0 3px 0 0;
}

/*IE6*/
* html ul#headerLink li {

	display         : inline;
	margin          : 0 3px 0 0;
}

/**
//=========================================//
//---------------2.サブヘッダ--------------//
//=========================================//
*/

#subHeader-top {

	background      : #FFF url(../images/top/header.png) no-repeat;
	width           : 967px;
	height          : 450px;
	margin          : 0 auto;
	position        : relative;
}


/**
//---------------2-2.サブヘッダーFLASH-----//
*/

/*IE6*/
* html #subHeader {

	padding         : 0 0 0 0;
}

/*IE6*/
* html #subHeaderSide {
	
	float           : left;
	margin          : 0;
	padding         : 0;
	width           : 187px;
}

#subHeaderImage {

	float           : right;
	margin          : 0;
	padding         : 0 0 0 0;
	width           : 769px;
	height          : 450px;
	overflow        : hidden;
}
/*IE6*/
* html #subHeaderImage {

	padding         : 0;
}

#subHeaderImage img {

	margin          : 0;
	padding         : 0;
}

/**
// 検索パネル
*/

#searchBox2 {

	white-space     : nowrap;
	margin          : 0 0 -28px 4px;
	position        : absolute;
	bottom          : 36px;
	overflow        : hidden;
}

#searchBox2 a {

	color			: #006699;
}

#searchBox2 p {

	font-size       : 11px;
}

#searchBox2 p.title{

	margin-top		: 5px;
	font-size       : 12px;
}

#searchBox2 p.plan{

	margin			: 5px 0 5px 40px;
}

#searchBox2 p.03{

	margin			: 3px 0 0 5px;
	font-size       : 11px;
}

#searchBox2 form {

	border-left     : #313D28 solid 1px;
	border-right    : #313D28 solid 1px;
	padding         : 3px;
	width           : 183px;
	background		: #999F94;
}

#searchBox2 form input.btn {

	width           : 160px;
	margin          : 4px 0 0 0;
}

/*IE6*/
* html #searchBox2 form {

	width           : 190px;
}

* html #searchBox2 p.03{

	margin			: 3px 0 0 7px;
	font-size       : 11px;
}



#searchBox2 form#list {

	border-top      : #313D28 dashed 1px;
	border-bottom   : #313D28 solid  1px;
	padding         : 8px;
	width:173px;
}

/*IE6*/
* html #searchBox2 form#list {

	border-top      : #999F94 dashed 1px;
	width:190px;
}


#searchBox2 select {

	margin          : 2px 2px 2px 0;
}

* html #searchBox2 form input.btn {

	width           : 160px;
	margin          : 4px 0 0 7px;
}

/*IE7*/
*:first-child+html #searchBox2 form input {

	padding         : 2px 0 0 0;
}
/*IE6*/
* html #searchBox2 form input {

	padding         : 2px 0 0 0;
}

/**
//=========================================//
//---------------3.メインコンテンツ--------//
//=========================================//
*/

#bg_line-top {

	background		: url(../images/bg_line.png) no-repeat;
	height			: 20px;
	width			: 967px;
	margin			: 0 0 0 0;
}

#mainContents {

	background-color: #3F502D;
	background		: url(../images/top/side_navi_bg.png) repeat-y;
}

/*IE6*/
* html #mainContents {

	background-color: #354524;
}

/*IE7*/
*:first-child+html #mainContents {

	background-color: #354524;
}


#mainCol-top {

	float           : right;
	width           : 743px;
	padding         : 4px 10px 64px 0;
	margin          : 0;
	min-height      : 400px;
	overflow        : hidden;
	background-color: #3F502D;
}
/*IE6*/
* html #mainCol-top {

	width           : 758px;
	background-color: #354524;
}

/*IE7*/
*:first-child+html #mainCol-top {

	background-color: #354524;
}


/*トップ用 H3*/
#mainCol-top h3 {

	background      : transparent url(../images/h3_top.gif) no-repeat scroll left bottom;
	font-family     : "ＭＳ 明朝" , serif;
	font-size       : 14px;
	height          : 28px;
	letter-spacing  : 0.2em;
	line-height     : 150%;
	margin          : 12px 0 8px 0;
	padding         : 6px 0 0 0;
	text-indent     : 0.6em;
	clear           : both;
}
/*IE6*/
* html #mainCol-top h3 {

	padding         : 2px 0 0 5px;
}

#mainCol-top h3.event {

	background      : transparent url(../images/h3_top-e.gif) no-repeat scroll left bottom;
	font-family     : "ＭＳ 明朝" , serif;
	font-size       : 14px;
	height          : 28px;
	letter-spacing  : 0.2em;
	line-height     : 150%;
	margin          : 12px 0 8px 0;
	padding         : 6px 0 0 0;
	text-indent     : 0.6em;
	clear           : both;
}
/*IE6*/
* html #mainCol-top h3.event {

	padding         : 2px 0 0 5px;
}


#mainCol-top p {

	font-size       : 1.1em;
	line-height     : 140%;
	margin          : 1em 0;
}

/**
//-------------3-1.コラム-----------//
*/

ul#column {
	
	margin          : 12px 0 35px 0;
	clear			: both;	
}

ul#column li {
	
	display         : inline;
	margin          : 12px 0 0 5px;	
}

ul#column li span {

	display         : none;	
}

ul#column li a:hover {

	text-decoration : none;
}



/**
//-------------3-2.横メニュー-----------//
*/

ul#menu-line {
	
	margin          : 12px 0 35px 0;
	clear			: both;	
}

ul#menu-line li {
	
	display         : inline;
	margin          : 12px 0 0 0;	
}

ul#menu-line li span {

	display         : none;	
}

ul#menu-line li a:hover {

	text-decoration : none;
}

/**
//-------------3-3.イベント・キャンペーン-----------//
*/

#event{

	color			: #FFFFFF;
	clear			: both;	
}

ul#banner {
	
	margin          : 12px 0 35px 0;	
}

ul#banner li {
	
	display         : inline;
	margin          : 12px 0 0 3px;	
}

ul#banner li span {

	display         : none;	
}

ul#banner li a:hover {

	text-decoration : none;
}


/**
//-------------3-4.新着情報-----------//
*/
#informations {

	margin          : 0;
	width           : 556px;
	color			: #FFFFFF;
}

#informations a{

	color			: #FFFFFF;
}

#informations table {
	
	width           : 100%;
	border-top      : #CCC 1px dotted;
}

#informations div#infoNavi {
	
	margin          : 4px 0;
	text-align      : right;
}

#informations div#infoNavi img {
	
	margin          : 0 4px 2px 4px;
	vertical-align  : middle;
}
/*IE6*/
* html #informations div#infoNavi img {
	
	margin          : 0 4px;
}

#informations table tr {

	border-bottom   : #CCC 1px dotted;
	padding         : 4px;
}

#informations table th,
#informations table td {

	font-weight     : normal;
	font-size       : 1.0em;
	padding         : 4px;
	border-bottom   : #CCC 1px dotted;
	vertical-align  : top;
	color			: #FFFFFF;
}

* html #informations table th,
* html #informations table td {

	padding         : 8px;
}

#informations table img {
	
	vertical-align  : middle;
	margin-left     : 8px;
}

/**
//=========================================//
//-------------6.サブカラム----------------//
//=========================================//
*/

#subCol {

	background      : none;
	float           : right;
	width           : 180px;
	padding         : 16px 8px 64px 8px;
	margin          : 0;
	min-height      : 400px;
	overflow        : hidden;
}

/*IE6*/
* html #subCol {

	width           : 196px;
}


/**
//=========================================//
//-------------7.サイドメニュー------------//
//=========================================//
*/

#sideCol {

	float           : left;
	width           : 206px;
	padding         : 0;
	overflow        : hidden;
}

/*IE6*/

* html #sideCol {

	width           : 207px;
	padding         : 0 16px 0 0;
	background		: url(../images/top/side_navi_bg.png) repeat-y;
	height			: 100%;
}



/**
// 3-2-1.サイドナビ
*/

ul#sideNavi {

	margin         : 0;
	list-style     : none;
}

ul#sideNavi span {

	visibility     : hidden;
}

/*サイドナビ*/
ul#sideNavi li a {

	width          : 208px;
	height         : 40px;
	display        : block;
	margin         : 0;
	padding        : 0;
}

/*宿泊プラン・ご予約*/
ul#sideNavi li.plan a {

	background     : url('../images/top/side_navi_plan.png') no-repeat left top;
}

/*笹屋のこころ*/
ul#sideNavi li.heart a {

	background     : url('../images/top/side_navi_heart.png') no-repeat left top;
}

/*交通アクセス*/
ul#sideNavi li.access a {

	background    : url('../images/top/side_navi_access.png') no-repeat left top;
}

/*温泉*/
ul#sideNavi li.spa a {

	background    : url('../images/top/side_navi_spa.png') no-repeat left top;
}

/*お料理*/
ul#sideNavi li.cuisine a {

	background    : url('../images/top/side_navi_cuisine.png') no-repeat left top;
}

/*客室*/
ul#sideNavi li.room a {

	background    : url('../images/top/side_navi_room.png') no-repeat left top;
}

/*館内施設*/
ul#sideNavi li.facility a {

	background    : url('../images/top/side_navi_facility.png') no-repeat left top;
}

/*各種宴席（日帰りプラン）*/
ul#sideNavi li.banquet a {

	background     : url('../images/top/side_navi_banquet.png') no-repeat left top;
}


/*オンマウス・アクティブ*/
ul#sideNavi li.toppage  a:hover,
ul#sideNavi li.plan     a:hover,
ul#sideNavi li.banquet  a:hover,
ul#sideNavi li.heart    a:hover,
ul#sideNavi li.spa      a:hover,
ul#sideNavi li.room     a:hover,
ul#sideNavi li.cuisine  a:hover,
ul#sideNavi li.facility a:hover,
ul#sideNavi li.access   a:hover,
ul#sideNavi li          a:hover,
ul#sideNavi li.active   a {

	background-position : -208px 0%;
	text-decoration     : none;
}


/**
//=========================================//
//-------------4.フッターナビ--------------//
//=========================================//
*/

#footerNavi-top {

	background    : url(../images/footer_navi_bg-top.png) no-repeat;
	color         : #746447;
	height        : 32px;
	font-size     : 1.0em;
	margin        : -32px 0 0 0;
	padding       : 0 0 0 210px;
	position      : relative;
}


#footerNavi-top div#faq {

	border        : #A79E8B solid 1px;
	margin        : -27px 0 0 0;
	padding       : 2px 4px 0px 4px;
	letter-spacing: 0.3em;
	float         : left;
	font-family   : "ＭＳ 明朝",serif; 
}

#footerNavi-top a {

	color         : #A79E8B;
}


#footerNavi-top ul {

	float         : right;
	color         : #009999;
	font-size     : 0.9em;
	padding       : 8px 16px 8px 0;
	margin		  : -32px 0 0 0;
}

#footerNavi-top li {

	display       : inline;
	background    : url(../images/footernavi_li.png) no-repeat bottom left;
	text-indent   : 1em;
	padding       : 0 0 0 16px;
	margin        : 0 0 0 8px;
}

/*IE6*/

* html #footerNavi-top {

	margin        : -32px 0 0 0;
	padding       : 0 0 0 210px;
}

* html #footerNavi-top div#faq {

	border        : #A79E8B solid 1px;
	margin        : 5px 0 0 0;
	padding       : 2px 4px 0px 4px;
	letter-spacing: 0.3em;
	float         : left;
	font-family   : "ＭＳ 明朝",serif; 
}

* html #footerNavi-top ul {

	float         : right;
	color         : #009999;
	font-size     : 0.9em;
	padding       : 8px 16px 8px 0;
	margin		  : 0;
}

/*IE7*/
*:first-child+html #footerNavi-top {

	margin        : -32px 0 0 0;
	padding       : 0 0 0 210px;
}

*:first-child+html #footerNavi-top div#faq {

	border        : #A79E8B solid 1px;
	margin        : 5px 0 0 0;
	padding       : 2px 4px 0px 4px;
	letter-spacing: 0.3em;
	float         : left;
	font-family   : "ＭＳ 明朝",serif; 
}

*:first-child+html #footerNavi-top ul {

	float         : right;
	color         : #009999;
	font-size     : 0.9em;
	padding       : 8px 16px 8px 0;
	margin		  : 0;
}




/**
// 4-1.ページトップへ戻る
*/

#footerNavi-top div.pageTop {

	position      : absolute;
	right         : 18px;
	bottom        : 42px;
	line-height   : 100%;
}

#footerNavi-top div.pageTop img {

	margin        : 0 0 0 4px;
	/*
vertical-align : middle;
*/
}

/**
//=========================================//
//-------------5.フッタ--------------------//
//=========================================//
*/

#footer {

	background    : url(../images/footer_bg-top.png) repeat-y;
	height        : 36px;
	color         : #746447;
	font-size     : 1.0em;
	margin        : 0;
	padding       : 0;
}

/*IE6*/
* html #footer {
	
	margin        : -3px 0 0 0;	
}

div#footer address {

	float         : left;
	font-style    : normal;
	font-size     : 1.0em;
	margin        : 4px 0 0 8px;
	padding       : 0;
	line-height   : 120%;
}

div#footer span {

	font-size     : 0.84em;
}

#footer div#copyright {

	float         : right;
	margin        : 14px 6px 0 0;
	padding       : 0;
}

div#footer img {

	display       : none;
}

#bottomBelt {
    
	background    : #FFF url(../images/bottom_belt.png) no-repeat 50% bottom;
	height        : 20px;
	margin        : 0;
	padding       : 0;
}

#bottomBeltWrapper {
	
	background    : url(../images/bottom_bg.png) no-repeat;
	width         :	970px;
	margin        : 0 auto;
}

/**
//=========================================//
//-------------6.告知用テーブル------------//
//=========================================//
*/

div#info-table {
	color		: #FFFFFF;
	padding:5px;
	border:solid #FFFFFF 1px;
	margin-top:3px;
}

div#info-table p.info_1 {
	font-size	: 14px;
	color		: #FFFFFF;
	border-bottom   : #FFFFFF 1px solid;
	margin-top:0;
}

div#info-table p.info_2 {
	font-size	: 12px;
	color		: #FFFFFF;
	line-height : 120%;
	margin:-5px 0 0 0;
}

div#info-table p.info_2 a {

	color		: #FFFFFF;
}

div#info-table p.info_2 a:hover {

	color		: #FFFFFF;
}

div#info-table p.info_2 a:visited {

	color		: #FFFFFF;
}


/*IE6*/
* html div#info-table p.info_2 {
	font-size	: 12px;
	color		: #FFFFFF;
	line-height : 120%;
	margin:0 0 0 0;
}

/*IE7*/

*:first-child+html div#info-table p.info_2 {
	font-size	: 12px;
	color		: #FFFFFF;
	line-height : 120%;
	margin:0 0 0 0;
}


/**
//=========================================//
//-----------------------------------------//
//=========================================//
*/