@charset "utf-8";

/* ===================================================================
CSS information

 file name  :omotenashi.css
 author     :Ability Consultant
 style info :おもてなしページ専用css　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	omotenashi
		おもてなし　共通
----------------------------------------------------------- */

/* #sub - ヘッダ画像指定
------------------------------------------------ */
/* ---- おもてなしTOP -----*/
#omotenashi #wrapper #contents #contents_wrapper #sub h2#pagetitle_omotenashi {
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background: url(../omotenashi/images/img_titleimage.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

/* ---- 先代女将の自伝 -----*/
#omotenashi #wrapper #contents #contents_wrapper #sub h2#pagetitle_omotenashi_genki {
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background: url(../omotenashi/images/genki/img_titleimage.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

/* ---- 加賀屋の魅力 -----*/
#omotenashi #wrapper #contents #contents_wrapper #sub h2#pagetitle_omotenashi_miryoku {
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background:url(../omotenashi/images/miryoku/pagetitle_omotenashi_miryok.jpg) no-repeat 0 0;
	text-indent: -9999px;
}


/* ---- 加賀屋の歴史 -----*/
#omotenashi #wrapper #contents #contents_wrapper #sub h2#pagetitle_omotenashi_rekishi {
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background:url(../omotenashi/images/rekishi/pagetitle_omotenashi_rekish.jpg) no-repeat 0 0;
	text-indent: -9999px;
}


/* #menu_onsen - おもてなし　メニュー
------------------------------------------------ */

/* ---- メニュー共通 -----*/
#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con {
	width: 680px;
	height: 40px;
	margin: 0 0 20px 0;
	clear: both;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul {
	width: 680px;
	height: 40px;
	background: url(../omotenashi/images/menu_omotenashi.gif) no-repeat 0 0;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li {
	height: 40px;
	float: left;
	text-indent: -9999px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li a {
	height: 40px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi01 {
	width: 155px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi01 a:hover,
#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi01 a#active {
	background: url(../omotenashi/images/menu_omotenashi.gif) no-repeat 0 -40px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi02 {
	width: 153px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi02 a:hover,
#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi02 a#active {
	background: url(../omotenashi/images/menu_omotenashi.gif) no-repeat -155px -40px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi03 {
	width: 155px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi03 a:hover,
#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi03 a#active {
	background: url(../omotenashi/images/menu_omotenashi.gif) no-repeat -308px -40px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi04 {
	width: 215px;
}

#omotenashi #contents #contents_wrapper #main #menu_omotenashi_con ul li.menu_omotenashi04 a:hover {
	background: url(../omotenashi/images/menu_omotenashi.gif) no-repeat -463px -40px;
}


/* -----------------------------------------------------------
	index.htm
		おもてなしトップ
----------------------------------------------------------- */

/* 伝統のおもてなし
------------------------------------------------ */
#omotenashi #contents #contents_wrapper #main div.omotenasi_con {
	width: 680px;
	height: 805px;
	margin: 0 0 30px 0;
	background: url(../omotenashi/images/bg_omotenashi.jpg) no-repeat 0 0;
	overflow: hidden;
	position: relative;
}

#omotenashi #contents #contents_wrapper #main div.omotenasi_con div.omotenashi_left {
	width: 430px;
	float: left;
}

#omotenashi #contents #contents_wrapper #main div.omotenasi_con div.omotenashi_right {
	width: 240px;
	float: right;
}

/* ---- 文字・画像位置 -----*/
#omotenashi #contents #contents_wrapper #main div.omotenasi_con div.omotenashi_left p {
	width: 180px;
	margin: 220px 0 0 20px;
}

#omotenashi #contents #contents_wrapper #main div.omotenasi_con div.omotenashi_left div.omotenashi_image {
	width: 361px;
	height: 280px;
	background: url(../omotenashi/images/img_omotenashi_image.png) no-repeat 0 0;
	position: absolute;
	top: 350px;
	left: 78px;
}

#omotenashi #contents #contents_wrapper #main div.omotenasi_con div.omotenashi_right p {
	width: 190px;
	margin: 350px 0 0 25px;
}

#omotenashi #contents #contents_wrapper #main div.omotenasi_con div.omotenashi_right div.newspaper {
	margin: 55px 0 0 0;
}



/* 元気でやってるかい
------------------------------------------------ */
#omotenashi #contents #contents_wrapper #main div.genki_con {
	width: 680px;
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
	overflow: hidden;
	clear: both;
	position: relative;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_top {
	width: 680px;
	overflow: hidden;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_top p {
	width: 680px;
	text-align: right;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap {
	width: 678px;
	position: relative;
	border: 1px #E4E4E4 solid;
	overflow: hidden;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_left {
	width: 400px;
	margin: 0 0 20px 10px;
	padding: 140px 0 0 0;
	float: left;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_left p {
	width: 390px;
	margin: 0 0 30px 20px;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_right {
	width: 180px;
	margin: 0 20px 0 0;
	float: right;
}


#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_right h3#st_genki {
	width: 180px;
	height: 500px;
	background: url(../omotenashi/images/st_genki.gif) no-repeat 0 50px;
	text-indent: -9999px;
}

/* ---- 画像位置 -----*/
#omotenashi #contents #contents_wrapper #main div.genki_con p.book_image {
	width: 321px;
	height: 198px;
	background: url(../omotenashi/images/img_book.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* ---- リスト -----*/
#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_left ul {
	width: 350px;
	margin: 0 0 0 40px;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_left ul li {
	margin: 0 0 0 0;
	padding: 0 0 8px 15px;
	background: url(../omotenashi/images/icon_genki_list.gif) no-repeat 0 5px;
}

#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_left ul a:hover,
#omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_left ul a:hover{
	background: #E4DBE6;
}




/* -----------------------------------------------------------
	miryoku/index.htm
		加賀屋の魅力
----------------------------------------------------------- */

#omotenashi #wrapper #contents h2#tit_miryoku {
	margin:0px 0px 40px 0px;
	padding:0px;
	width:680px;
	height:50px;
	line-height: 1;
	background:url(../omotenashi/images/miryoku/st_miryoku.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#omotenashi #contents #contents_wrapper #main div#miryoku_con01 {
	margin: 0 auto 30px auto;
	padding:0;
	width: 620px;
}

#omotenashi #contents #contents_wrapper #main div#miryoku_con01 img {
	margin:0;
	padding:0;
	float:left;
}

#omotenashi #contents #contents_wrapper #main div#miryoku_con01 h3 {
	margin:0;
	padding:0;
	float:right;
	width:180px;
	height:300px;
	line-height:300px;
	text-indent:-9999px;
	background:url(../omotenashi/images/miryoku/tit_miryoku01.gif) left top no-repeat;
}

#omotenashi #contents #contents_wrapper #main div#miryoku_con02 {
	margin: 0;
	padding:0;
	width: 650px;
	height:456px;
	clear:both;
	background:url(../omotenashi/images/miryoku/img_miryoku02.jpg) right top no-repeat;
}

#omotenashi #contents #contents_wrapper #main div#miryoku_con02 p {
	padding:75px 0 0 0;
	padding:0 0 0 30px;
	width: 350px;
}

#omotenashi #contents #contents_wrapper #main div#miryoku_con03 {
	margin: 0;
	padding:0;
	width: 680px;
	position:relative;
}

#omotenashi #contents #contents_wrapper #main div#miryoku_con03 h3 {
	margin: 0;
	padding:0;
	width:200px;
	height:304px;
	line-height:304px;
	top:0;
	left:30px;
	position:absolute;
	text-indent:-9999px;
	background:url(../omotenashi/images/miryoku/st_miryoku02.gif) left top no-repeat;
}

#omotenashi #contents #contents_wrapper #main div.miryoku_main_con {
	margin:150px 0 0 0;
	padding:220px 0 0 0;
	width:680px;
	clear:both;
	background:url(../omotenashi/images/miryoku/img_miryoku03.jpg) left top no-repeat;
}

#omotenashi #contents #contents_wrapper #main div.miryoku_con {
	margin:0 auto 20px;
	padding:30px 30px; 
 	width: 560px;
	clear:both;
	border:1px solid #DBD6BB;
}

#omotenashi #contents #contents_wrapper #main div.sph {
	margin-bottom:50px;
}


#omotenashi #contents #contents_wrapper #main div.miryoku_con p {
	margin:0;
	padding:0; 
 	width:420px;
	float:left;
}

#omotenashi #contents #contents_wrapper #main div.miryoku_con h3#st_miryoku03 {
	margin:0;
	padding:0; 
	float:right;
	width:110px;
	height:390px;
	line-height:390px;
	text-indent:-9999px;
	background:url(../omotenashi/images/miryoku/st_miryoku03.gif) left top no-repeat;
}

#omotenashi #contents #contents_wrapper #main div.miryoku_con h3#st_miryoku04 {
	margin:0;
	padding:0; 
	float:right;
	width:110px;
	height:340px;
	line-height:340px;
	text-indent:-9999px;
	background:url(../omotenashi/images/miryoku/st_miryoku04.gif) left top no-repeat;
}



/* -----------------------------------------------------------
	genki/index.htm
		先代女将の自伝
----------------------------------------------------------- */

/* タイトル(加賀屋の先代女将 小田孝が心を語る「元気でやってるかい」) */
#omotenashi #wrapper #contents h2#tit_genki {
	margin:0px 0px 20px 0px;
	padding:0px;
	width:680px;
	height:50px;
	line-height: 1;
	background: url(../omotenashi/images/genki/st_genki.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}



/* ---- 元気でやってるかいメニュー -----*/

#omotenashi #contents #contents_wrapper #main div.genki_menulist {
	width: 640px;
	margin: 0 0 30px 20px;
	overflow: hidden;
}

#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_r,
#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_l {
	width: 290px;
	margin: 0;
	padding: 0;
}

#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_l {
	float: left;
}

#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_r {
	float: right;
}

#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_r li,
#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_l li {
	margin: 0 0 0 0;
	padding: 0 0 8px 15px;
	background: url(../omotenashi/images/icon_genki_list.gif) no-repeat 0 5px;
}

#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_r li a:hover,
#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_l li a:hover{
	background: #E4DBE6;
}

#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_r li a#genki_active,
#omotenashi #contents #contents_wrapper #main div.genki_menulist ul.genki_menulist_l li a#genki_active{
	background: #E4DBE6;
}

/* ---- ページタイトル -----*/

#omotenashi #contents #contents_wrapper #main h3 {
	margin: 0 0 20px 0;
	padding: 0;
	width:680px;
	height:40px;
	text-indent: -9999px;
	display: block;
}

#omotenashi #contents #contents_wrapper #main h3#genki_page_t01 {
	background: url(../omotenashi/images/genki/sst_genki_01.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t02 {
	background: url(../omotenashi/images/genki/sst_genki_02.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t03 {
	background: url(../omotenashi/images/genki/sst_genki_03.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t04 {
	background: url(../omotenashi/images/genki/sst_genki_04.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t05 {
	background: url(../omotenashi/images/genki/sst_genki_05.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t06 {
	background: url(../omotenashi/images/genki/sst_genki_06.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t07 {
	background: url(../omotenashi/images/genki/sst_genki_07.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t08 {
	background: url(../omotenashi/images/genki/sst_genki_08.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t09 {
	background: url(../omotenashi/images/genki/sst_genki_09.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t10 {
	background: url(../omotenashi/images/genki/sst_genki_10.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t11 {
	background: url(../omotenashi/images/genki/sst_genki_11.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t12 {
	background: url(../omotenashi/images/genki/sst_genki_12.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t13 {
	background: url(../omotenashi/images/genki/sst_genki_13.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t14 {
	background: url(../omotenashi/images/genki/sst_genki_14.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t15 {
	background: url(../omotenashi/images/genki/sst_genki_15.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t16 {
	background: url(../omotenashi/images/genki/sst_genki_16.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t17 {
	background: url(../omotenashi/images/genki/sst_genki_17.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t18 {
	background: url(../omotenashi/images/genki/sst_genki_18.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t19 {
	background: url(../omotenashi/images/genki/sst_genki_19.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t20 {
	background: url(../omotenashi/images/genki/sst_genki_20.gif) top left no-repeat;
}
#omotenashi #contents #contents_wrapper #main h3#genki_page_t21 {
	background: url(../omotenashi/images/genki/sst_genki_21.gif) top left no-repeat;
}

/* ---- 本の内容共通設定 -----*/

#omotenashi #contents #contents_wrapper #main div#genki_page_con {
	margin: 0 0 10px 0;
	padding: 30px;
	width:616px;
	border: 1px solid #E4E4E4;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_con h4.genki_page_st {
	margin: 0 0 10px 0;
	font-size: 120%;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_con p {
	margin: 0 0 30px 0;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_con p#genki_page_mokuji {
	margin: 0 0 0 400px;
	padding: 0 0 8px 30px;
	background: url(../omotenashi/images/genki/icon_book.gif) no-repeat 5px 0;
}


/* ---- 本の内容(下に点線が出る場合) -----*/

#omotenashi #contents #contents_wrapper #main div#genki_page_con p.genki_page_dot {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	background: url(../omotenashi/images/genki/bg_dot.gif) bottom left repeat-x;
}

/* ---- 料理写真の設定 -----*/

#omotenashi #contents #contents_wrapper #main div#genki_page_con div#genki_page_con_ryouri {
	margin: 0 0 20px 20px;
	padding: 0 0 15px 0;
	width: 200px;
	background: #C9C3CA;
	float: right;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_con div#genki_page_con_ryouri img {
	vertical-align: bottom;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_con div#genki_page_con_ryouri p#genki_page_img_ryouri {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 45px;
	text-indent: -9999px;
	display: block;	
	background: url(../omotenashi/images/genki/img_ryouri_title.gif) top left no-repeat;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_con div#genki_page_con_ryouri p {
	margin: 0;
	padding: 0;
	width: 170px;
	margin: 0 auto;
	line-height: 17px;
	color: #4D444F;
}

/* ---- ページ遷移のボタン -----*/

#omotenashi #contents #contents_wrapper #main div#genki_page_button {
	width: 670px;
	height: 25px;
	margin: 0 0 40px 0;
	padding: 5px;
	background: #E4E4E4;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_button p {
	float: left;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_button p#genki_page_button_l a,
#omotenashi #contents #contents_wrapper #main div#genki_page_button p#genki_page_button_r a  {
	width: 130px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_button p#genki_page_button_l a {
	background: url(../omotenashi/images/genki/bt_page_front.gif) top left no-repeat;
}

#omotenashi #contents #contents_wrapper #main div#genki_page_button p#genki_page_button_r a {
	margin: 0 0 0 410px;
	background: url(../omotenashi/images/genki/bt_page_next.gif) top left no-repeat;
}




/* -----------------------------------------------------------
	rekishi/index.htm
		加賀屋の歴史
----------------------------------------------------------- */

#omotenashi #wrapper #contents h2#tit_rekishi {
	margin:0px 0px 20px 0px;
	padding:0px;
	width:680px;
	height:50px;
	line-height: 1;
	background:url(../omotenashi/images/rekishi/st_rekishi.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#omotenashi #contents #contents_wrapper #main div.rekishi_main_con {
	margin:0;
	padding:100px 30px 0 30px;
	width:620px;
	background:url(../omotenashi/images/rekishi/bg_rekishi_main_con.jpg) left top no-repeat;
}

#omotenashi #contents #contents_wrapper #main div.rekishi_con {
	margin:0 auto 40px;
	padding:30px 0 0 0;
	width:620px;
	background-color:#fff;
}

/* ---- テーブル -----*/

#omotenashi #contents #contents_wrapper #main table {
	font-size:12px;
	margin:0 auto;
	border: none;
	border-top:2px solid #B6B6B6;
	border-bottom:1px dotted #A3A3A3;
	width:560px;
}

#omotenashi #contents #contents_wrapper #main table th {
	padding:0 10px 0 40px;
	background: #EBEBEB;
	font-weight: normal;
	text-align:left;
	color: #646565;
	border:none;
	width:130px;
	border-bottom:1px dotted #A3A3A3;
}

#omotenashi #contents #contents_wrapper #main table td {
	padding:10px 20px;
	border:none;
	background: #fff;
	text-align:left;
	color:#646565;
	border-bottom:1px dotted #A3A3A3;
}


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

	hack - 各種cssハック - for IE7

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

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

	hack - 各種cssハック - for IE6

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

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/* #menu_onsen - おもてなし　メニュー
------------------------------------------------ */

/* ---- メニュー共通 -----*/
* html #omotenashi #contents #contents_wrapper #main #menu_omotenashi_con {
	margin: 0 0 5px 0;
}

/* -----------------------------------------------------------
	index.htm おもてなしトップ
----------------------------------------------------------- */
/* 元気でやってるかい
------------------------------------------------ */
/* ---- リスト -----*/
* html #omotenashi #contents #contents_wrapper #main div.genki_con div.genki_wrap div.genki_left ul {
	width: 350px;
	margin: 0 0 20px 40px;
}


/* -----------------------------------------------------------
	genki/index.htm 先代女将の自伝
----------------------------------------------------------- */
/* ---- ページ遷移のボタン -----*/
* html #omotenashi #contents #contents_wrapper #main div#genki_page_button {
	overflow: hidden;
}