/* TOP
=======================================*/

#content_index{
  width: 968px;
  clear: both;
  padding: 10px;
  _padding: 9px; /* IE6 */
  border: 1px solid #e7e7e7;
}


/* subject menu */

#index_food{
  width: 476px;
  float: left;
  padding: 9px;
  border:  1px solid #e7e7e7;
}

#index_pet{
  width: 475px;
  float: left;
  padding: 9px;
  border-top:  1px solid #e7e7e7;
  border-right:  1px solid #e7e7e7;
  border-bottom:  1px solid #e7e7e7;
}

#index_wed{
  width: 310px;
  float: left;
  padding: 9px 10px;
  border-top:  1px solid #e7e7e7;
  border-right:  1px solid #e7e7e7;
  border-bottom:  1px solid #e7e7e7;
}

#container.fukuoka #index_food,
#container.fukuoka #index_pet {
  width: 310px;
}

#index_food,
#index_pet,
#index_wed {
  height: 371px;
}


/* news ticker */

#news_index{
  position: relative;
  width: 865px;
  height: 17px;
  clear: both;
  overflow: hidden;
  padding: 5px 5px 5px 118px;
  background: url(../images/ttl_news.png) 9px 4px no-repeat;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  font-size: 11px;
}

#news_index_subject{
  position: relative;
  width: 858px;
  height: 17px;
  clear: both;
  overflow: hidden;
  padding: 5px 5px 5px 125px;
  background: url(../../food/images/ttl_news.gif) 9px 4px no-repeat;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  font-size: 11px;
}

#news_index .box_right,
#news_index_subject .box_right {
  position: absolute;
  top: 5px;
  right: 0px;
}

ul#news{ list-style-type: none; list-style-position: outside; }
ul#news li { padding-bottom: 10px; padding-top: 1px; clear: left; }
ul#news li div { float: left; }
.news_head { padding-right: 10px; }
.news_text { padding-top: 1px; }

#container div.box_right a.next {
  display: block;
  width: 72px;
  height: 0px;
  padding-top: 17px;
  margin-right: 12px;
  overflow: hidden;
  background: url(../../style/images/btn_news.png) left top no-repeat;
}

#container div.box_right a.next:hover {
  background-position: 0px -17px;
}

#container div.box_right a.next:hover {
  color: #01dab9;
}


/* main menu */

#menu_index,
#info_index {
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu_index {
  float: left;
  _height: 304px;
}

#menu_index div {
  float: left;
  width: 228px;
  height: 304px;
  padding: 9px;
  border-left: 1px solid #e7e7e7;
}

#menu_index div.banner {
  width: 247px;
  height: 322px;
  padding: 0;
  border-right: 1px solid #e7e7e7;
}

#menu_index div p.menu_food {
  padding: 5px 0;
  background: url(../../food/images/bg_oblique.png);
}

#menu_index div p.menu_pet {
  padding: 5px 0;
  background: url(../../pet/images/bg_oblique.png);
}

#menu_index div p.menu_wed {
  padding: 5px 0;
  background: url(../../wedding/images/bg_oblique.png);
}

#menu_index div.banner p {
  margin: 9px 10px 9px 9px;
}

#menu_index div img {
  border: none;
}

#menu_index div.opencampus {
  position: relative;
  background: url(../images/index_open_bg.png) 9px 48px no-repeat;
  _padding-left: 8px;
}

#menu_index div.opencampus p {
}

#menu_index div.opencampus p a {
  display: block;
  width: 174px;
  height: 59px;
  padding: 27px 0 0 54px;
  font-size: 12px;
  line-height: 15px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#menu_index div.opencampus p.food_dept {
	position: absolute;
	left: 64px;
	top: 57px;
	z-index: 1;
}

#menu_index div.opencampus p.food_date {
	position: absolute;
	left: 11px;
	top: 48px;
	z-index: 2;
}

#menu_index div.opencampus p.food_date a {
	color: #e07d08;
}

#menu_index div.opencampus p.pet_dept {
	position: absolute;
	left: 64px;
	top: 147px;
	z-index: 1;
}

#menu_index div.opencampus p.pet_date {
	position: absolute;
	left: 11px;
	top: 138px;
	color: #5d9f0c;
	z-index: 2;
}

#menu_index div.opencampus p.pet_date a {
	color: #5d9f0c;
}

#menu_index div.opencampus p.wed_dept {
	position: absolute;
	left: 64px;
	top: 237px;
	z-index: 1;
}

#menu_index div.opencampus p.wed_date {
	position: absolute;
	left: 11px;
	top: 228px;
	width: 228px;
	height: 86px;
	color: #dc6197;
	z-index: 2;
}

#menu_index div.opencampus p.wed_date a {
	color: #dc6197;
}

#menu_index div.opencampus p a:hover {
  color: #01dab9;
}

#menu_index div.information p {
  padding: 5px 0 0 0;
  background: url(../images/bg_oblique.png);
}

#info_index {
  width: 107px;
  height: 64px;
  padding-left: 140px;
  border-top:  1px solid #e7e7e7;
  background: url(../images/bg_info.png) left 10px no-repeat;
}

#info_index a {
  display: block;
  width: 94px;
  height: 0px;
  overflow: hidden;
  padding-top: 17px;
  font-size: 0.1em;
  line-height: normal;
  background: url(../images/btn_info.png) no-repeat;
}

#info_index li {
  line-height:0.1em;
  font-size:1%;
}

#info_index #info01 { margin-top: 7px; }
#info_index #info02 a { background-position: 0 -17px; }
#info_index #info03 a { background-position: 0 -34px; }

#info_index #info01 a:hover { background-position: -94px 0px; }
#info_index #info02 a:hover { background-position: -94px -17px; }
#info_index #info03 a:hover { background-position: -94px -34px; }


/* hypertext */

#container a:link {
  color: #777;
  text-decoration: none;
}

#container a:visited {
  color: #777;
  text-decoration: none;
}

#container a:hover {
  color: #01dab9;
  text-decoration: none;
}

#container.food a:hover {
  color: #f08200;
}

#container.pet a:hover {
  color: #98c561;
}

#container.wed a:hover {
  color: #e674a7;
}
#container #footer a,
#container.food #footer a,
#container.pet #footer a {
  color: #333;
  text-decoration: none;
}

#container #footer a:hover,
#container.food #footer a:hover,
#container.pet #footer a:hover {
  color: #01dab9;
  text-decoration: none;
}