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

 file name  :dish.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	各ページ専用指定
----------------------------------------------------*/
#dish #header_wrap h2 {
	background: url(../dish/images/title.jpg) no-repeat center;
}


/* 信州 長野の旬を召し上がれ
----------------------------------------------------*/
#dish #main .m_d_sinsyu{
	width:755px;
	background:url(../dish/images/bg_sinsyu.jpg) bottom right no-repeat;
	overflow:hidden;
	padding-bottom:250px;
	margin-bottom:-55px;
	overflow: hidden;
}

#dish #main .m_d_sinsyu .m_d_sconl{
	width:254px;
	float:left;
	overflow:hidden;
}

#dish #main .m_d_sinsyu .m_d_sconm{
	width:345px;
	float:left;
	overflow:hidden;
}

#dish #main .m_d_sinsyu .m_d_sconm .txt_sconm{
	width:324px;
	margin:5px auto 35px auto;
}

#dish #main .m_d_sinsyu h3{
	width:156px;
	float:left;
	overflow:hidden;
}


/* 季節ごとの美味しさをご紹介献立の一例
----------------------------------------------------*/
#dish #main .m_d_konta .m_d_con,
#dish #main .m_d_konta{
	width:755px;
	overflow:hidden;
	clear:both;
}

/*ご夕食切り替えボタン 
----------------------------------------------------*/
#dish .img_display{
	width:667px;
	float:left;
	overflow:hidden;
}

#dish .img_display{
	background:url(../dish/images/bg_bkon.gif) top left no-repeat;
}

#dish .box_kon{
	width:85px;
	overflow:hidden;
}

#dish ul.ul_kon{
	width:61px;
	margin:0 auto;
	overflow:hidden;
}

#dish ul.ul_kon li{
	width:61px;
	overflow:hidden;
}

#dish ul.ul_kon li img{
	width:50px;
	padding:4px 0 0 5px;
	overflow:hidden;
}

#dish ul.ul_kon li a{
	width:61px;
	height:58px;
	background:url(../dish/images/bg_skon.gif) top no-repeat;
	float:left;
    overflow:hidden;
}

#dish ul.ul_kon li a:hover,
#dish ul.ul_kon li .active{
	background:url(../dish/images/bg_skon_on.gif) top no-repeat;
}

#dish .m_d_konta .txt_m_kon2{
	margin-bottom:30px;
}

/*ご朝食朝から美味しく楽しく元気よく！*//*IEの場合JSがうまくいかないので、ちょっと仕様が変更した*/

#dish .m_d_asasy{
	width:755px;
	overflow:hidden;
	clear:both;
}

#dish .m_d_asasy .box_asasy{
	width:424px;
	float:left;
	overflow:hidden;
	clear:both;
}

/*ご朝食切り替えボタン 
----------------------------------------------------*/
#dish .m_d_asasy .img_display2{
	width:424px;
	float:left;
	overflow:hidden;
	background:url(../dish/images/bg_basasy.gif) top left no-repeat;
	margin-bottom:4px;
	clear:both;
}

#dish ul.ul_asasy{
	width:424px;
	overflow:hidden;
}

#dish ul.ul_asasy li.bg_dish_t1,
#dish ul.ul_asasy li.bg_dish_t2,
#dish ul.ul_asasy li.bg_dish_t3{
	width:61px;
	height:59px;
	overflow:hidden;
	float:left;
	margin-right:3px;
}

#dish ul.ul_asasy a{
	width:61px;
	height:59px;
	float:left;
}

#dish ul.ul_asasy li.bg_dish_t1{
	background:url(../dish/images/img_sasasy01.jpg) top no-repeat;
}

#dish ul.ul_asasy li.bg_dish_t1 a:hover,
#dish ul.ul_asasy li.bg_dish_t1 .active{
	background:url(../dish/images/img_sasasy01on.jpg) top no-repeat;
}

#dish ul.ul_asasy li.bg_dish_t2{
	background:url(../dish/images/img_sasasy02.jpg) top no-repeat;
}

#dish ul.ul_asasy li.bg_dish_t2 a:hover,
#dish ul.ul_asasy li.bg_dish_t2 .active{
	background:url(../dish/images/img_sasasy02on.jpg) top no-repeat;
}

#dish ul.ul_asasy li.bg_dish_t3{
	background:url(../dish/images/img_sasasy03.jpg) top no-repeat;
}

#dish ul.ul_asasy li.bg_dish_t3 a:hover,
#dish ul.ul_asasy li.bg_dish_t3 .active{
	background:url(../dish/images/img_sasasy03on.jpg) top no-repeat;
}

/*ご夕食テキスト部分*/
#dish .m_d_konta .txt_m_kon{
	width:715px;
	float:left;
	padding:10px 0 0 8px;
}

/*ご朝食部分*/
#dish .m_d_konta .m_d_asasyr{
	width:331px;
	float:left;
	overflow:hidden;
}

/*ご朝食テキスト部分*/
#dish .m_d_konta .txt_d_asasy{
	width:270px;
	padding:0 0 10px 19px;
}

#dish .m_d_konta .txt_d_asasy2{
	padding-bottom:25px;
}

/*宿泊プラン一覧btn*/
#dish #main .m_d_konta .btn_plan,
#dish #main .m_d_konta .btn_plan a{
	width:215px;
	height:40px;
	overflow:hidden;
	float:right;
	clear:both;
}

#dish #main .m_d_konta .btn_plan a:hover{
	text-indent:-9999px;
	background:url(../dish/images/btn_best_plan_on.gif) top left no-repeat;
}

/*dotline*/
#dish .ic_line{
	width:755px;
	height:1px;
	background:url(../dish/images/ic_dish_line.gif) center left repeat-x;
	padding:66px 0 43px 0;
}

#dish .ic_line.short{
	padding:30px 0 0 0;
}


/*ふる里館自慢の職人です！料理長のご紹介 
----------------------------------------------------*/
#dish .m_d_konta .m_d_ryoril{
	width:268px;
	float:left;
	overflow:hidden;
	margin:0 auto;
}
#dish .m_d_konta .m_d_ryoril .txt_htkt_first{
	width:234px;
	margin:0 auto;
	padding:15px 12px 10px 12px;
	background:url(../dish/images/bg_hitokoto.gif) left top repeat;
	font-size:10px;
}

#dish .m_d_konta .m_d_ryoril .txt_hitokoto{
	width:234px;
	margin:0 auto;
	padding:0 12px 10px 12px;
	background:url(../dish/images/bg_hitokoto.gif) left top repeat;
	font-size:10px;
}

#dish .m_d_konta .m_d_ryorir{
	width:480px;
	float:left;
	overflow:hidden;
}

#dish .m_d_konta .m_d_ryorir .txt_details{
	width:450px;
	margin:0 auto;
	padding-bottom:25px;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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