@charset "utf-8";
/* CSS Document

1:common
2:under
3:top
*/

/* 1:common
-------------------------------------------------------------------------------------------- */
/*---header---*/
#header{
	overflow:hidden;
	width:910px;
	margin:0 auto 26px auto;
	padding:0 29px 9px 24px;
	background:url(../img/bg_gnavi.gif) no-repeat center bottom;}

#header ul{font-size:0;}/*-header全てのul高さ調整-*/

#header #hnavi li,
#header #gnavi li{float:left;}

#header #hnavi_box{
	float:right;}

#header #hnavi li{
	padding-left:18px;}

#header #gnavi{
	width:692px;
	height:40px;
	float:right;
	padding-top:15px;}

/*---common_container---*/
#container{
	width:910px;
	margin:0 auto;
	padding:0 6px 0 0;
	overflow:hidden;}
	
/*---common_footer---*/
#footer{
	border-top:solid #CCCDCD 1px;
	padding-bottom:40px;
	}

/*---common decoration style---*/
.deco{
	position:relative;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Firefox用 */
	box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* CSS3 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}

.style01{
	width:587px;
	background:#FFE6D2;
	border:solid #C9C6BB 1px;
	padding:5px 15px;
	position:relative;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Firefox用 */
	box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* CSS3 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}
	

.style02{
	position:relative;
	background:url(../img/bg_style02.jpg) repeat-x top left #A21B4F;
	color:#fff;
	font-weight:bold;
	padding:5px 3px 3px 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Firefox用 */
	box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* CSS3 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}
	
h4.style03{
	text-align:center;
	font-size:14px;
	position:relative;
	background:#A01A4D;
	color:#fff;
	font-weight:bold;
	padding:5px 10px 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Firefox用 */
	box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* CSS3 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}
	
h4.style04{
	width:635px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:20px;
	color:#A21B4F;
	padding:5px 10px 3px 0;
	border-bottom:1px solid #A21B4F;}
	
	.w-100{
		width:100px;
	}
	
	.w-200{
		width:200px;
	}
	
	.w-300{
		width:300px;
	}
	
	.w-350{
		width:350px;
	}


/*---table---*/
table.basic{border:solid #CCCDCD 1px;}

table.basic th,
table.basic td{
	border:solid #CCCDCD 1px;
	padding:8px 10px;
	vertical-align:middle;}

table.basic th{text-align:center;}

table.basic tr.beige th{background:#F4F0DF;}
table.basic tr.gray th{background:#EBEAEA;}



#billboard{
	width:916px;
	margin:0 auto;}
	
/* 2:under
-------------------------------------------------------------------------------------------- */
.under #billboard{overflow:hidden;}

.under #lnavi_box{
	width:910px;
	margin:0 auto 15px auto;
	padding-right:6px;}

.under #lnavi_box h2{
	font-size:167%; /*-22px-*/
	font-weight:bold;}
	
.under #lnavi_box h2.solong{
	width:910px;
	font-size:167%; /*-22px-*/
	font-weight:bold;}
	
.under #lnavi_box #lnavi{
	background:url(../img/sep_lnavi.jpg) no-repeat right center;
	margin-top:5px;}

.under #lnavi_box #lnavi li{	display:inline;}
	
.under #lnavi_box #lnavi li{
	background:url(../img/sep_lnavi.jpg) no-repeat left center;
	padding:2px 10px;}
	
.under #lnavi_box #lnavi li a{
	color:#464646;
}

.t-deco-u{
	text-decoration:underline;
	color:#999;
}
	

.under #lnavi_box div#main_image-sato{margin:20px 0 20px 0;}

/*---under_main---*/
.under #main{
	padding:15px 6px 0 0;
	width:645px;
	float:left;}
	
.under #main02{
	padding:15px 6px 0 0;
	width:910px;}
	
.under #main03{
	padding:15px 6px 0 0;
	width:645px;
	margin:0 auto;
	}

/*---under_side---*/
.under #side{
	padding-top:15px;
	width:230px;
	float:right;}
	
	.under #side a img{
	background-color:#fff;
	}

/* 3:top
-------------------------------------------------------------------------------------------- */
/*---top_billboard---*/
#top #billboard{
	border-bottom:solid #CCCDCD 1px;
	padding:0 0 15px 0;
	position:relative;}

#top #billboard #bill_menu{
	width:230px;
	position:absolute;
	top:13px;
	left:651px;
	z-index:100;
	border:solid #C9C6BB 1px;
	background:#F4F0DF;
	padding:8px 6px 10px 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Firefox用 */
	box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* CSS3 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}
	
	#top #billboard #bill_menu img{
	background-color:#F4F0DF;
	}

/*---top_main---*/
#top #main{
	padding-top:15px;
	width:623px;
	float:left;}

/*---top_side---*/
#top #side{
	padding-top:15px;
	width:259px;
	float:right;}

#top #side div.bn_box{
	border:solid #C9C6BB 1px;
	padding:10px 12px 10px 14px;
	background:#fff;}

#top #side #qr_wrapper{
	border:solid #C9C6BB 1px;
	background:#fff}

#top #side #qr{
	background:#A21B4F;
	color:#fff;
	font-weight:bold;
	padding:3px;
	border-top-left-radius: 5px; /* CSS3草案 */
	-webkit-top-left-radius: 5px; /* Safari,Chrome用 */
	border-top-right-radius: 5px; /* CSS3草案 */
	-webkit-top-right-radius: 5px; /* Safari,Chrome用 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}

#top #side #qr_inner{padding:10px 20px;}

#top div.tabSet_wrapper{

	min-height:151px;}

#top div.tabSet ul {
	display:block;
	padding-left:25px;}

#top div.tabSet div.panel {
	padding:22px 10px 22px 10px;
}

#top div.tabSet div.panel th{width:120px; text-align:right; padding:5px 25px 5px 0;}
#top div.tabSet div.panel td{padding:5px 0;}

#top div.tabSet div.panel td a{
	color: #464646;
	text-decoration:underline;}

#top div.tabSet div.panel td a:hover{text-decoration:none;}		


#top div.tabSet #TabPanel01{
	background:url(../img/top/bg_toptab2.gif) no-repeat center 0;
}

#top div.tabSet #TabPanel02{
	background:url(../img/top/bg_toptab.gif) no-repeat center 0;
}

#TabPanel01 .inner{
	height: 420px;
	overflow: auto;
}
#TabPanel01 .inner table{
	width: 570px;
}
#TabPanel01 .inner table a.a_arrow{
	display: block;
}

#top #side a img{
	background-color:#fff;
}


/** お見舞い文 */
.msg-omimai{
    margin: 1em 0;
    padding: 2em 1em;
    border-top:1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.msg-omimai .context{
    font-size: 0.9rem;
    line-height: 1.7;
    color:#500;
}


/* 4:other - use pie.htc
-------------------------------------------------------------------------------------------- */
.btn-hot{
	position:relative;
	background-color:#C72C30;
	color:#fff;
	font-weight:bold;
	padding:7px 6px 6px 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}
	
.btn-cold{
	position:relative;
	background-color:#2D609D;
	color:#fff;
	font-weight:bold;
	padding:7px 6px 6px 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}
	
	
/* 5:boil.html
-------------------------------------------------------------------------------------------- */

#boil_sep dl.boil_howto{	padding-left:100px;}

#boil_sep dl#boil01{	background:url(../img/img01.jpg) no-repeat top left;}
#boil_sep dl#boil02{	background:url(../img/img02.jpg) no-repeat top left;}
#boil_sep dl#boil03{	background:url(../img/img03.jpg) no-repeat top left;}

#boil_sep dl#memo{
	border:solid #CCCDCD 1px;
	-webkit-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* Firefox用 */
	box-shadow: 3px 3px 5px rgba(200,200,200,0.6); /* CSS3 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}

#boil_sep dl#memo dt{
	background:#A21B4F;
	color:#fff;
	font-weight:bold;
	padding:3px;
	border-top-left-radius: 5px; /* CSS3草案 */
	-webkit-top-left-radius: 5px; /* Safari,Chrome用 */
	border-top-right-radius: 5px; /* CSS3草案 */
	-webkit-top-right-radius: 5px; /* Safari,Chrome用 */
	behavior: url(http://www.ibonoito.or.jp/PIE.htc);}

#boil_sep dl#memo dd{padding:10px;}


	
/* 6:about-link.html
-------------------------------------------------------------------------------------------- */

ol.about-link{
	list-style:decimal outside;
	padding-left:25px;
}

ol.about-link li{
	margin-top:5px;
}

/* 7:restaurant.html
-------------------------------------------------------------------------------------------- */
.restaurant-box01{
		width:380px;
}

ul.restaurant-detail{
	margin-bottom:15px;
}

ul.restaurant-detail li{
	padding:0 10px 5px 10px;
	background:url(../img/listbg.jpg) no-repeat left 7px;
	float:left;
	white-space:nowrap;
}

/* 7:cm.html
-------------------------------------------------------------------------------------------- */
.cm-box01{
	padding:20px;
	background:url(../img/background.gif);
}

.cm-box02{
	width:360px;
}

.cm-box03{
	width:225px;
}

.cm-box04{
	background:url(../img/cm-marterial-bg.jpg) repeat-y;
	width:205px;
	border-bottom:1px solid #E3D7BF;
	padding:10px;
}

.cm-box04 table th , .cm-box04 table td{
	border-bottom:1px dotted #666;
	padding:3px;
	font-size:11px;
}

.cm-box04 table td{
	text-align:right;
}

.cm-detail{
	border-bottom:2px solid #972E33; 
}

.cm-box04 .f-c-r{
	font-weight:bold;
	margin-top:10px;
	color:#972E33;
}

.cm-list01{
	background:url(../img/cm-01.jpg) no-repeat;
	padding-left:22px;
	margin-top:10px;
}

.cm-list02{
	background:url(../img/cm-02.jpg) no-repeat;
	padding-left:22px;
	margin-top:10px;
}

.cm-list03{
	background:url(../img/cm-03.jpg) no-repeat;
	padding-left:22px;
	margin-top:10px;
}

.cm-list04{
	background:url(../img/cm-04.jpg) no-repeat;
	padding-left:22px;
	margin-top:10px;
}

.cm-list05{
	background:url(../img/cm-05.jpg) no-repeat;
	padding-left:22px;
	margin-top:10px;
}



/* 8:missibonoito-2013.html
-------------------------------------------------------------------------------------------- */
.miss2013-box01{
	background-color:#F9DAE9;
	width:560px;
	margin:0 auto 20px;
	padding:20px;
}

ul.miss {
	margin-bottom:10px;
}

ul.miss li{
	padding:0 15px 5px 10px;
	background:url(../img/listbg.jpg) no-repeat left 7px;
}

p.miss-dl{
	height:32px;
	line-height:32px;
	text-align:center;
	padding-top:10px;
}