/* catch
---------------------------------------*/
#catch{
  width:743px;
  height:398px;
  margin-left:40px;
  background:url(img/catch.jpg) no-repeat;
}
/* center-menu
---------------------------------------*/
#center_menu{
  margin-left:40px;
  margin-top:2px;
  margin-bottom:10px;
}
#center_menu a{
  float:left;
  display:block;
  width:100px;
  height:53px;
  text-indent:-9999px;
  margin-right:7px;
}
#center_menu a.what{
  background:url(img/cmenu_what.gif) repeat-x center;
}
#center_menu a:hover.what{
  background:url(img/cmenu_what_on.gif) repeat-x center;
}
#center_menu a.broad{
  background:url(img/cmenu_broad.gif) repeat-x center;
}
#center_menu a:hover.broad{
  background:url(img/cmenu_broad_on.gif) repeat-x center;
}
#center_menu a.hatu{
  background:url(img/cmenu_hatu.gif) repeat-x center;
}
#center_menu a:hover.hatu{
  background:url(img/cmenu_hatu_on.gif) repeat-x center;
}
#center_menu a.history{
  background:url(img/cmenu_history.gif) repeat-x center;
}
#center_menu a:hover.history{
  background:url(img/cmenu_history_on.gif) repeat-x center;
}
#center_menu a.walk{
  background:url(img/cmenu_walk.gif) repeat-x center;
}
#center_menu a:hover.walk{
  background:url(img/cmenu_walk_on.gif) repeat-x center;
}
#center_menu a.culture{
  background:url(img/cmenu_culture.gif) repeat-x center;
}
#center_menu a:hover.culture{
  background:url(img/cmenu_culture_on.gif) repeat-x center;
}
#center_menu a.etc{
  background:url(img/cmenu_photo.gif) repeat-x center;
}
#center_menu a:hover.etc{
  background:url(img/cmenu_photo_on.gif) repeat-x center;
}
#center_menu a.broad{
  background:url(img/cmenu_broad.gif) repeat-x center;
}
#center_menu a.broad{
  background:url(img/cmenu_broad.gif) repeat-x center;
}
/* index_colum
---------------------------------------*/
#index_colum{
  margin-left:40px;
}
#index_colum #index_colum1{
  width:566px;
  float:left;
}
#index_colum #index_colum2{
  float:left;
  width:206px;
}
#index_colum #index_left{
  float:left;
  width:200px;
}
/* hot-news
---------------------------------------*/
#index_colum #hot_news{
  width:198px;
}
#index_colum #hot_news h2{
  width:198px;
  height:69px;
  text-indent:-9999px;
  background:url(img/index_hotnews.gif) no-repeat;
}
#index_colum #hot_news_block{
  overflow:auto;
  width:198px;
  height:457px;
  background:#fff;
}
#index_colum #hot_news ul{
  margin:5px;
}
#index_colum #hot_news li{
  margin-bottom:8px;
  padding-left:20px;
  background:url(img/li_star.gif) no-repeat 0 0px;
}
#index_main{
  float:left;
  width:366px;
}
#index_main #info{
  width:366px;
  background:#000;
}
/* information
---------------------------------------*/
#index_colum #info{
  width:366px;
  height:526px;
  background:#000;
}
#index_colum #info h2{
  width:366px;
  height:60px;
  text-indent:-9999px;
  background:#000 url(img/index_info.gif) no-repeat 5px 7px;
}
#index_colum #info ul.menu{
  padding-left:10px;
}
#index_colum #info ul.menu li{
  float:left;
}
#index_colum #info ul.menu a{
  display:block;
  margin-right:2px;
  text-indent:-9999px;
  width:56px;
  height:57px;
}
#index_colum #info li.eat{
  background:#000 url(img/menu_info1.jpg) no-repeat;
}
#index_colum #info li.play{
  background:#000 url(img/menu_info2.jpg) no-repeat;
}
#index_colum #info li.shop{
  background:#000 url(img/menu_info3.jpg) no-repeat;
}
#index_colum #info li.enjoy{
  background:#000 url(img/menu_info4.jpg) no-repeat;
}
#index_colum #info li.sight{
  background:#000 url(img/menu_info5.jpg) no-repeat;
}
#index_colum #info li.stay{
  background:#000 url(img/menu_info6.jpg) no-repeat;
}
#index_colum #info li.eat a:hover{
  background:#000 url(img/menu_info1on.jpg) no-repeat;
}
#index_colum #info li.play a:hover{
  background:#000 url(img/menu_info2on.jpg) no-repeat;
}
#index_colum #info li.shop a:hover{
  background:#000 url(img/menu_info3on.jpg) no-repeat;
}
#index_colum #info li.enjoy a:hover{
  background:#000 url(img/menu_info4on.jpg) no-repeat;
}
#index_colum #info li.sight a:hover{
  background:#000 url(img/menu_info5on.jpg) no-repeat;
}
#index_colum #info li.stay a:hover{
  background:#000 url(img/menu_info6on.jpg) no-repeat;
}

#index_colum #info_list{
  overflow:auto;
  margin:5px;
  height:398px;
  background:#fff;
  border-bottom:0px solid #000;
}
#index_colum #info_list a{
  color:#333;
  text-decoration:none;
}
#index_colum #info_list a:hover{
  text-decoration:underline;
}
#index_colum #info_list a .shop_name{
  color:#e60012;
}
#index_colum #info_list a .date{
  color:#666;
}
#index_colum #info ul.info{
  padding:5px;
}
#index_colum #info ul.info li{
  margin-bottom:8px;
  padding-left:20px;
  background:url(img/li_star.gif) no-repeat 0 0px;
}
#index_colum #info .shop_name{
  font-weight:bold;
  padding-right:0.5em;
}
/* paper
---------------------------------------*/
#index_colum #paper{
  margin-top:5px;
  width:566px;
  height:170px;
  background:#000 url(img/index_paper.gif) no-repeat 10px 10px;
}
#index_colum #paper_flash{
  padding-top:10px;
  margin-left:170px;
}
/* category
---------------------------------------*/
#index_colum #category #cat_head{
  width:206px;
  height:142px;
  background:#000 url(img/index_cat_head.jpg) no-repeat;
}
#index_colum #category{
  background:url(img/index_cat_bg.gif) repeat-y;
}
#index_colum #category ul{
  padding:0px 20px;
}
#index_colum #category #cat_foot{
  height:30px;
  background:url(img/index_cat_foot.gif) no-repeat 0px bottom;
}
#index_colum #category li{
  margin-bottom:3px;
  padding-left:18px;
  background:url(img/li_star.gif) no-repeat 0px 50%;
}
#index_colum #category a.indent{
  padding-left:1em;
  background:url(img/li_cat.gif) no-repeat 0px 50%;
}
#index_colum #banner {
  margin:5px 0 10px 12px;
}
#index_colum #banner-top {
  margin:5px 0 10px 12px;
}
#index_colum #index_tonbori {
  margin:5px 0 0 12px;
}
#index_colum #index_tonbori img {
  border:none;
}
#index_colum #banner img{
  margin-bottom:2px;
}
#index_colum #index_mail{
  margin-top:20px;
}
#index_colum #index_mail a{
  display:block;
  width:205px;
  height:197px;
  text-indent:-9999px;
  background:url(img/index_mail.jpg) no-repeat;
}
/* about
---------------------------------------*/
#cont_about{
  height:357px;
  padding:0 0 0 280px;
  overflow:auto;
}
#cont_about #left_side{
  float:left;
  width:215px;
  margin-right:10px;
  line-height:150%;
}
#cont_about #right_side{
  float:left;
  width:160px;
}
#cont_about dl{
  width:154px;
  margin-bottom:5px;
  border:1px solid #ccc;
}
#cont_about dd{
  padding:2px 2px 0px 2px;
}
#cont_about dt{
  font-size:12px;
  padding:0px 2px 0px 2px;
}
#cont_about h2{
  padding:4px 8px;
  margin-bottom:5px;
  font-weight:bold;
  border-left:#e60012 4px solid;
}
#cont_about .date{
  color:#fff;
  padding:1px 5px;
  background:#555;
}
#cont_about img.right{
  float:right;
}
#cont_about #history{
  line-height:150%;
}
#cont_about h1{
  text-indent:-9999px;
  height:50px;
}
#cont_about h1.what{
  background:url(about/about_h1_what.gif) no-repeat;
}
#cont_about h1.broad{
  background:url(about/about_h1_broad.gif) no-repeat;
}
#cont_about h1.hatu{
  background:url(about/about_h1_hatu.gif) no-repeat;
}
#cont_about h1.history{
  background:url(about/about_h1_history.gif) no-repeat;
}
#cont_about h1.walk{
  background:url(about/about_h1_walk.gif) no-repeat;
}
#cont_about h1.culture{
  background:url(about/about_h1_culture.gif) no-repeat;
}
#cont_about h1.etc{
  background:url(about/about_h1_etc.gif) no-repeat;
}
#cont_about #issun{
  width:350px;
  margin-top:20px;
  padding:10px;
  background:#ccc;
}
#cont_about #issun h3{
  color:#e60012;
  font-weight:bold;
  margin-bottom:10px;
}
#cont_about #etc_history a{
  float:left;
  margin:0 2px 2px 0;
  display:block;
  width:120px;
  height:100px;
  border:1px solid #ccc;
}
#cont_about #etc_history a:hover{
  border:1px solid #e60012;
}
#cont_about b.english {
  color:#f00;
  font-weight:bold;
}