@charset "UTF-8";

/*================================================
　 帳票用CSS Document 
================================================*/

/*================================================
  各ページ共通部
================================================*/

.shrink-for-print img{
	width:90%;
	}

/*clearfix
　　　Firefoxで、ブロックの途中で
　　　改ページされない問題の対処
------------------------------------------------*/
.clearfix:after{
	display:inline;
	}

/*地図
------------------------------------------------*/	
.map-screen{
	display:none;
	}

.map-print{
	display:block;
	}

.map-print img{
	width:96%;
	}


/*================================================
  コンテナ部
================================================*/

/*min-width を解釈するブラウザ向け
------------------------------------------------*/
#container {
	/*width: 96%;*/
	width: 96%;
	min-width: 10px;
}

/*IE5.5 と IE6 でmin-widthを実現する
------------------------------------------------*/
* html #container {
	border-right:0px solid #ffffff;
}

* html #container-box {
	margin-right:0px;
}


/*================================================
  ヘッダ部
================================================*/

#header{
	min-height:60px;
	}

* html #header{
	height:60px;
	}
	
/*ヘッダ左側
------------------------------------------------*/
#header .left{
	min-height:60px;
	}

* html #header .left{
	height:60px;
	}

/*見出し１
------------------------------------------------*/	
#header  h1{
	margin:2px 2px 2px 2px;
	}

* html #header  h1{	/*IE6対策*/
	margin:2px 2px 2px 2px;
	}

#header .right img{
	width:80%;
	}

/*山小屋情報
------------------------------------------------*/
#header .tel{
	padding:2px 0px 2px 10%;
	}

* html #header .tel{	/*IE6対策*/
	padding:2px 0px 2px 10%;
	}


/*================================================
  メイン部
================================================*/

* html #main{
	width:75%;
	}

/*見出し２
------------------------------------------------*/	
#main  h2{
	padding:5px 5px 5px 5px;
	}

/*セールスポイント
------------------------------------------------*/
#main .sales-point{
	font-weight:normal;
	padding-right:2%;
	}

/*キャッチコピー
------------------------------------------------*/	
#main .catch-copy{
	width:80%;
	}


/*おかわり無料
------------------------------------------------*/
#main .okawari{
	width:80%;
	}

* html #main .okawari{
	width:80%;
	}

	
/*メニューwrapper
------------------------------------------------*/
#main .menu-wrapper{
	width:80%;
	min-height:100px;
	}

* html #main .menu-wrapper{	/*IE6対策*/
	width:80%;
	height:150px;
	}
	
/*メイン画像
------------------------------------------------*/
#main .main-img{
	width:60%;
	}

* html #main .main-img{		/*IE6対策*/
	}

#main .main-img img{
	width:95%;
	}



/*トップメニュー抜粋
------------------------------------------------*/
#main .top-menu{
	width:35%;
	min-height:100px;
	}

* html #main .top-menu{	/*IE6対策*/
	width:35%;
	height:150px;
	}

	
#main .top-menu .menu-item{
	width:90%;
	}

* html #main .top-menu .menu-item{	/*IE6対策*/
	width:90%;
	}
	
#main .top-menu .menu_price{
	width:90%;
	}

* html #main .top-menu .menu_price{	/*IE6対策*/
	width:90%;
	}
	
#main .top-menu .menu_explain{
	width:90%;
	}

* html #main .top-menu .menu_explain{	/*IE6対策*/
	width:90%;
	}
	

/*期間
------------------------------------------------*/
#main .period{
	width:90%;
	}

#main .period-detail{
	width:90%;
	}

* html #main .period-detail{	/*IE6対策*/
	width:90%;
	}

/*セールスポイント
------------------------------------------------*/
#main .sales-point{
	/*width:60%;*/
	}

/*アイテム 強調
------------------------------------------------*/	
#main .item .strong{
	font-weight:normal;
	}


/*アイテム(全幅)
------------------------------------------------*/	
#main .full-item{
	clear:both;
	width:95%;
	}

/*アイテム(半分の幅の列)
------------------------------------------------*/	
#main .half-item{
	float:left;
	width:40%;
	}

* html #main .half-item{	/*IE6対策*/
	width:10%;
	background-color:red;
	}

/*アイテム(広い幅の列)
------------------------------------------------*/	
#main .wide-item{
	width:60%;
	}

* html #main .wide-item{	/*IE6対策*/
	/*width:56%;*/
	width:74%;
	}

#main .wide-item img{
	width:90%;
	}

/*アイテム(狭い幅の列)
------------------------------------------------*/	
#main .narrow-item{
	width:30%;
	}

* html #main .narrow-item{	/*IE6対策*/
	/*width:26%;*/
	width:22%;
	}
	

#main .narrow-item img{
	width:90%;
	}

/*アイテム(半分の幅の列)
------------------------------------------------*/	
#main .half-item{
	width:45%;
	}

* html #main .half-item{	/*IE6対策*/
	width:45%;
	}
	

#main .half-item img{
	width:90%;
	}

/*お品書き
------------------------------------------------*/	
.menu-table .price{
	font-size:100%!important;
	}

/*周辺見所の写真
------------------------------------------------*/	
#main .arround-photo .l-photo{
	clear:both;
	}

#main .arround-photo .s-photo{
	clear:both;
	}


/*================================================
  サブ部
================================================*/
* main #sub{
	/*width:48%;*/
	}

/*================================================
  ナビゲーション部
================================================*/
#navi a{
	padding:5px 5px 5px 5px;
	}