.menu .mnhdr {
	display: block;
	width: 210px;
	height:45px;
	margin:0px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden; 
	}
	
.menu .mnhdr {
	display: block;
	width: 210px;
	height:45px;
	margin:0px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden; 
	}


.menu .menuheader01 {
	padding-top:5px;
	background: url(../img/left/menu_01p.jpg) center center no-repeat; 
	}
	

.menu .menuheader02 {
	padding-top:5px;
	background: url(../img/left/menu_02p.jpg) center center no-repeat; 
	}
	

.menu .menuheader03 {
	padding-top:5px;
	background: url(../img/left/menu_03p.jpg) center center no-repeat; 	
	}
	

.menu .menuheader04 {
	padding-top:5px;
	background: url(../img/left/menu_04p.jpg) center center no-repeat; 	
	}
	
.menu .menuheader05 {
	padding-top:5px;
	background: url(../img/left/menu_05p.jpg) center center no-repeat; 	
	}
	
.menu .menuheader06 {
	padding-top:5px;
	background: url(../img/left/menu_01g.jpg) center center no-repeat; 	
	}
	
.menu .menuheader07 {
	padding-top:5px;
	background: url(../img/left/menu_02g.jpg) center center no-repeat; 	
	}
	
.menu .menuheader08 {
	padding-top:5px;
	background: url(../img/left/menu_01b.jpg) center center no-repeat; 	
	}
	

.menu .menuheader09 {
	padding-top:5px;
	background: url(../img/left/menu_02b.jpg) center center no-repeat; 	
	}
	
.menu .menuheader10 {
	padding-top:5px;
	background: url(../img/left/menu_03b.jpg) center center no-repeat; 	
	}
	
.menu .menuheader11 {
	padding-top:5px;
	background: url(../img/left/menu_04b.jpg) center center no-repeat; 	
	}
	

div.categoryitems ul {
	list-style-type: none;
	}
	
div.categoryitems ul li {
	text-align: left;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right:13px;
	border-bottom: 1px dotted #cccccc;
	text-indent:1em;
	font-size: 13px;
	font-weight: bold;
	}

		
#menu div.categoryitems ul li a {
	color: #666;
	}
	
#menu div.categoryitems ul li a:hover {
	color: #099;
	}

/* sonota machiteku*/
#machiteku {}
#machiteku ul {}
#machiteku li {
	margin-bottom: 5px;
	padding: 7px 0 5px 30px;
	line-height: 18px;
	background: url('../img/sonota/matiteku/machiteku_li01.gif') 0 0 no-repeat;}
#machiteku table {
	border-collapse: collapse ;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc; }
#machiteku td {
	padding: 10px 5px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc; }

/* sonota tegata*/
#tegata {}
#tegata table {
	border-collapse: collapse ;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc; }
#tegata th {
	text-align: center;
	vertical-align: top;
	background: #efefef; }
 #tegata th,
 #tegata td {
	padding: 10px 5px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc; }
#tegata li {
	margin: 10px 0 5px 20px;
	list-style-type: decimal; }

#towada_yuuran_tbl01,
#towada_yuuran_tbl02,
#towada_yuuran_tbl01 {}
#towada_yuuran_tbl01 table {
	width: 540px;
	margin: 0 0 10px 5px;
	background: #ccc; }
#towada_yuuran_tbl02 table,
#towada_yuuran_tbl03 table {
	width: 400px;
	margin: 0 0 10px 5px;
	background: #ccc; }
#towada_yuuran_tbl01 th,
#towada_yuuran_tbl02 th,
#towada_yuuran_tbl03 th {
	font-size: 15px; 
	color: #fff; }
#towada_yuuran_tbl01 th,
#towada_yuuran_tbl02 th {
	text-align: center; }
#towada_yuuran_tbl01 th.ttl01,
#towada_yuuran_tbl02 th.ttl01,
#towada_yuuran_tbl03 th.ttl01 {
	background: #35f; }
#towada_yuuran_tbl01 th.ttl02,
#towada_yuuran_tbl02 th.ttl02,
#towada_yuuran_tbl03 th.ttl02 {
	background: #57f; }
#towada_yuuran_tbl03 th.ttl03 {
	background: #49c; }
#towada_yuuran_tbl01 td,
#towada_yuuran_tbl02 td,
#towada_yuuran_tbl03 td {
	padding: 5px;
	background: #fff; }
#towada_yuuran_tbl01 td,
#towada_yuuran_tbl02 td {
	text-align: center;}
#towada_yuuran_tbl01 td.kikan {
	background: #DEE5FF; }
#towada_yuuran_tbl02 td.kikan {
	text-align: left;
	background: #DEE5FF; }
#towada_yuuran_tbl03 td.ttl01 {
	background: #eee; }

/* index */
#index_bnr_jr {
	width: 420px;
	height: 130px;
	margin-bottom: 10px;
	background: url('../img/banner01.jpg') 0 0 no-repeat;}
#index_bnr_jr_inner {
	width:130px;
	height:50px;
	padding: 10px 0 0 280px;
 }
/* nanako idea_recipi */
#recipi_box {
	width: 610px;
	margin: 0 auto 20px;}
#recipi_box h4 {
	height: 30px;
	margin-bottom: 10px;
	line-height: 30px; 
	text-align: center;
	font-size: 16px;
	color: #666;
	background: url('../img/sonota/recipi/idea_recipi_h4bg.gif') 0 0 no-repeat;}
#recipi_box table {
	width: 100%;	}
#recipi_box th.zairyo,
#recipi_box th.making {
	height: 20px;
	padding-left: 70px;
	text-align: left;
	line-height: 20px;
	font-size: 15px; }
#recipi_box th.zairyo {
	background: url('../img/sonota/recipi/idea_recipi_zairyo.gif') 0 0 no-repeat;}
#recipi_box th.making {
	background: url('../img/sonota/recipi/idea_recipi_making.gif') 0 0 no-repeat;}
#recipi_box td.zairyo li {
	margin: 0 0 0 5px;
	padding-left: 20px;
	line-height: 20px;
	border-bottom: dotted 1px #ccc;
	background: url('../img/sonota/recipi/recipi_box_li01.gif') 0 0 no-repeat;}
#recipi_box td.making li{
	margin: 5px 0 10px 20px;
	list-style-type: decimal; }


/* event */
#event {}
#event h4 {
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
	line-height: 30px;
	text-indent: 10px;
	font-size: 17px;
	color: #fff;
	border-right: solid 5px #f93;
	background: #333; }

#event table {
	border-collapse: collapse; }

/* event_koyomi_index */
#event_koyomi_index {
	width: 205px;
	margin: 0 auto; }
#event_koyomi_index table {
	width: 203px;
	margin: 0 auto;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc; }
#event_koyomi_index .koyomi_top_ttl {
	text-align: center;
	font-weight: bold;
	background: #555;
	color: #f93;}
ul#top_koyomi {
	width: 195px;
	margin: 5px auto; }
ul#top_koyomi li {
	margin-bottom: 5px;
	padding-left: 20px;
	line-height: 15px;
	border-bottom: dotted 1px #f93;
	background: url('../img/right/top_koyomi_li.gif') left center no-repeat; }


#event_koyomi_inner_index th,
#event_koyomi_inner_index td {
	width: 29px;
	text-align: center;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc; }
#event_koyomi_inner_index p.copy {
	width: 195px;
	height: 35px;
	padding: 15px 5px 0 5px ;
	font-size: 12px;
	line-height: 15px;
	background: url('../img/event_koyomi_inner_index_copy_bg.gif') 0 0 no-repeat;}

/* event_koyomi */
#event_koyomi {
	float: right;
	width: 210px; }
#event_koyomi_navi_index table,
#event_koyomi_navi table {
	float: left;
	width: 210px;
	border-style: none;  }
#event_koyomi_inner table {
	width: 210px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc; }
#event_koyomi_inner th,
#event_koyomi_inner td {
	width: 30px;
	text-align: center;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc; }
#event_koyomi_inner_index th,
#event_koyomi_inner th {
	height: 20px; }
#event_koyomi_inner_index td,
#event_koyomi_inner td {
	height: 35px;
	line-height: 20px; 
	font-size: 15px; }
#event_koyomi_inner_index td a:hover,
#event_koyomi_inner td a:hover {
	cursor: pointer;
	text-decoration: underline; }
/* everyday */
#event_koyomi_inner_index th.sunday,
#event_koyomi_inner th.sunday,
#event_koyomi_inner_index td.sunday,
#event_koyomi_inner td.sunday {
	background: #FFD6DF;
	color: #f00; }
#event_koyomi_inner_index td.everyday,
#event_koyomi_inner td.everyday {
	background: #fff;
	color: #666;}
#event_koyomi_inner_index th.saturday,
#event_koyomi_inner th.saturday,
#event_koyomi_inner_index td.saturday,
#event_koyomi_inner td.saturday {
	background: #E1F4FE;
	color: #35f;}
/* holiday_colors */
#event_koyomi_inner_index td.whitered,
#event_koyomi_inner td.whitered {
	background: #fff;
	color: #f00;}
#event_koyomi_inner_index td.redred,
#event_koyomi_inner td.redred {
	background: #FFD6DF;
	color: #f00;}
#event_koyomi_inner_index td.bluered,
#event_koyomi_inner td.bluered {
	background: #E1F4FE;
	color: #f00;}
#event_koyomi_inner_index a.red,
#event_koyomi_inner a.red {
	text-decoration: none;
	color: #f00;}
#event_koyomi_inner_index a.black,
#event_koyomi_inner a.black {
	text-decoration: none;
	color: #666;}
#event_koyomi_inner_index a.blue,
#event_koyomi_inner a.blue {
	text-decoration: none;
	color: #35f;}
#event_koyomi_inner_index a.today,
#event_koyomi_inner a.today {
	font-weight: bold;
	}
#event_koyomi_inner .arrow {
	width: 210px;
	height: 50px;
	margin: 5px 0;
	padding-bottom: 10px;
	background: url('../img/event/event_arrow.gif') left bottom no-repeat; }

#event_pickup {
	float: left;
	width: 380px; }
#event img.event_thum01_x {
	width: 100px;
	border: solid 1px #ccc;}
#event img.event_thum01_y {
	height: 75px;
	border: solid 1px #ccc;}
#event img.event_thum02_x {
	width: 160px;
	border: solid 1px #ccc;}
#event img.event_thum02_y {
	height: 120px;
	border: solid 1px #ccc;}
#event_more table {
	width: 600px;
	margin: 0 auto;
	border-collapse: collapse; }
#event_more img.event_thum03_x {
	width: 200px; }
#event_more img.event_thum03_y {
	height: 180px; }

#event img.event_thum01_x:hover,
#event img.event_thum01_y:hover,
#event img.event_thum02_x:hover,
#event img.event_thum02_y:hover {
	border: solid 1px #f00; }

#eventbox_pickup,
#eventbox_today,
#eventbox_monthly {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 3px #f93; }
#eventbox_pickup th,
#eventbox_today th {
	height: 20px;
	padding-left: 5px;
	text-align: left;
	line-height: 20px;
	border-bottom: solid 1px #ccc;
	border-left: solid 5px #fff; }
#eventbox_pickup td,
#eventbox_today td,
#eventbox_monthly td {
	vertical-align: top;
	padding-left: 5px;
	line-height: 18px; }
#eventbox_monthly th {
	width: 200px;
	text-align: left; }
#eventbox_pickup td.img {
	width: 100px;
	text-align: center; }
#eventbox_today td.img {
	width: 160px;
	text-align: center; }

#eventbox_pickup_span {
	height: 25px;
	margin: 5px 0 ;
	font-weight: bold;
	background: url('../img/event/event_span_bg_right.gif') top right no-repeat;}
#eventbox_pickup_span .span_left {
	height: 25px;
	padding-left: 90px;
	line-height: 25px;
	background: url('../img/event/event_span_bg_left.gif') 0 0  no-repeat;}

#eventmap {
	width: 580px;
	height: 400px;
	margin: 0 auto 10px;
	border: solid 1px #aaa;
	background: #fff; }


/* topics */
#topics {
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: dotted 3px #f93; }
#topics table {
	margin-bottom: 5px;
	border-collapse: collapse;
	border-top: solid 5px #fff; }
#topics th,
#topics td {
	padding: 5px; }
#topics th {
	border-right: solid 5px #fff;
	background: #FFECDD; }
#topics td.date {
	padding-right: 50px;
	text-align: right;
	color: #F7923E;
	background: #333 url('../img/otoku/otoku_date_bg.gif') top right no-repeat;}

#topics_navi {
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: #333; }
#topics_navi .number {
	width: 100%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #fff; }
#topics_navi .number a {
	padding: 3px;
	font-weight: bold;
	color: #F7923E;
	background: #333; }
#topics_navi .number a:hover {
	text-decoration: underline; }

/* onsen */
#onsen_container {
	width: 610px;
	margin: 0 auto; }
#onsen_form {
	width: 600px;
	margin: 0 auto;
}
#onsen_form table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
#onsen_form th,
#onsen_form td {
	padding: 5px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	line-height: 20px;
 }
#onsen_form th,
#onsen_form th.arrow,
#onsen_form div.arrow {
	width: 100px;
	padding: 10px 0 10px 20px;
	text-align: left;
	background: url('../images/arrow2.gif') 10px center no-repeat;}
#onsen_form th.no_bdr,
#onsen_form td.no_bdr {
	border: solid 1px #fff; }

/* shoku */
#shoku {
	}
#shoku_list table {
	width: 610px;
	margin-bottom: 10px;
	border-spacing: 5px;
	background: #fcd;
	}
#shoku_list table td {
	height: 20px;
	line-height: 20px;
	padding:5px 5px 5px 35px;
	background: #fff url('../images/shoku_list_td_bg.gif') 0 0 no-repeat;}

#shoku_tbl {}
#shoku_tbl table{
	border-spacing: 0 5px;}
#shoku_tbl td.genre {
	height: 25px;
	padding-left: 35px;
	line-height: 30px;
	border-top: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	background: url('../images/shoku_tbl_td_bg.gif') left center no-repeat;}
	
	/* 2010.12.22追加 */
	#shoku_tbl td.genre02 {
	height: 25px;
	padding-left: 35px;
	line-height: 30px;
	border-top: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	background: url('../images/shoku_tbl_td_bg2.gif') left center no-repeat;}
	
	#shoku_tbl td.genre03 {
	height: 25px;
	padding-left: 35px;
	line-height: 30px;
	border-top: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	background: url('../images/shoku_tbl_td_bg3.gif') left center no-repeat;
}

		/* ここまで2010.12.22追加 */
	
#shoku_tbl td.shop {
	border: solid 1px #ccc; }
#shoku_tbl .name {
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
	background: #FCEAF0;
	}
#shoku_tbl div.add {}

/*----------------------------------ここから2011.2.21追加------------------------------------------------------- */
/* structural styles and offsets */
ul.vertical, ul.vertical li, ul.vertical ul {
  margin: 0px 0px 10px 0px;
  padding: 0;
  list-style-type: none;
}

ul.vertical {
  position: absolute;
  z-index: 1000;
  cursor: default;
  width: 210px;
}

ul.vertical li {
  position: relative;
  text-align: left;
  width: 210px;
  margin: -1px 0 0 0;
}

ul.vertical ul {
  z-index: 1020;
  width: 210px;
  height:45px;
  margin: -3.5em 0 0 15.5em;
  position: absolute;
  left: -100em;
  top: 0px;
  padding: 0px;
}


img.btn{
	width:210px;
	height:45px;
	margin-top:6px;
	text-align:center;
	z-index:auto;
	}

/* design styles */

ul.vertical ul li.links a:link, ul.vertical ul li.links a:visited {
  display: block;
  background: #FFFEEA;
  border: 1px solid #BFBFBF;
  padding: 5px 7px;
  color: #068E76;
  text-decoration: none;
}

ul.vertical ul li.links a:hover, ul.vertical ul li.links a:focus, ul.vertical ul li.links a:active,
ul.vertical ul li.links a.rollover:link, ul.vertical ul li.links a.rollover:visited {
  background: #FEF8FA;
  color: #E46801;
}

/* iframe layer */
ul iframe {
  position: absolute;
  z-index: 1010;
  border: none;
}

/* browser hacks */
ul.vertical li.links { display:table; }
ul[class="vertical"] li.links { display:block; }

@media screen, projection {
  * html ul.vertical li.links {
    display: inline;
    f\loat: left;
    background: #fff;
  }
}
* html ul.vertical li.links { position: static; }
* html ul.vertical li.links a:link, * html ul.vertical li.links a:visited { position: relative; }

*+html ul.vertical li.links{
  display: inline;
  float: left;
  background: #fff;
  }
*+html ul.vertical li.links { position: static; }
*+html ul.vertical li.links a:link, *+html ul.vertical li.links a:visited { position: relative; }