@charset "UTF-8";

@import "common.css";

body {
  background: url(/imgs/sanraku_bg.jpg) repeat;
  font-size: 13px;
  color: #555555;
  line-height: 1.5;
  text-align: center;
}

#frame {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

/* --------------------------------------------------------------------
background
-------------------------------------------------------------------- */

#index-bg {
  background: url(/imgs/index_head_bg.jpg) repeat-x;
}
#page-bg {
  background: url(/imgs/page_head_bg.jpg) repeat-x;
}

/* --------------------------------------------------------------------
header
-------------------------------------------------------------------- */

#header h1, #header h2, #header p { margin: 0; padding: 0; }

#header .Lbox {
  width: 680px;
  padding: 0 100px 0 10px;
  float: left;
}

#header h1 {
  width: 247px;
  height: 41px;
  padding: 26px 0 25px 0;
}
#header h1 a {
  width: 247px;
  height: 41px;
  background: url(/imgs/head_logo.gif) no-repeat;
  text-indent: -9999px;
  display: block;
}

#header h2 {
  height: 82px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #330000;
  line-height: 82px;
}

#header .Rbox {
  width: 170px;
  float: right;
}

#header .Rbox p {
  width: 160px;
  height: 40px;
  padding: 27px 0 25px 0;
}
#header .Rbox p a {
  width: 160px;
  height: 40px;
  background: url(/imgs/head_btn.gif) no-repeat;
  text-indent: -9999px;
  display: block;
}

/* --------------------------------------------------------------------
index Flash
-------------------------------------------------------------------- */
#Flash {
  height: 328px;
  clear: both;
  margin-bottom: 16px;
/*  background: url(/imgs/flash_sample.jpg) no-repeat;	*/
/*  text-indent: -9999px;	*/
}

/* --------------------------------------------------------------------
folder & pages header image
-------------------------------------------------------------------- */
#main-img {
  height: 245px;
  clear: both;
  background: url(/imgs/folder-img01.jpg) no-repeat;
  text-indent: -9999px;
}

/* --------------------------------------------------------------------
index MENU
-------------------------------------------------------------------- */
#index-menu ul {
  height: 160px;
  margin: 0 0 20px 0;
  padding: 0;
}
#index-menu ul li {
  margin: 0;
  padding: 0 10px;
  list-style: none;
  float: left;
}
#index-menu li a {
  width: 140px;
  height: 160px;
  text-indent: -9999px;
  display: block;
}
#index-menu li.room a { background: url(/imgs/index_menu01.jpg) 0 0; }
#index-menu li.price a { background: url(/imgs/index_menu02.jpg) 0 0; }
#index-menu li.guide a { background: url(/imgs/index_menu03.jpg) 0 0; }
#index-menu li.bath a { background: url(/imgs/index_menu04.jpg) 0 0; }
#index-menu li.food a { background: url(/imgs/index_menu05.jpg) 0 0; }
#index-menu li.access a { background: url(/imgs/index_menu06.jpg) 0 0; }

#index-menu li a:hover { background-position: 0 -160px; }

/* --------------------------------------------------------------------
folder & page MENU
-------------------------------------------------------------------- */
#navi-menu ul {
  width: 960px;
  height: 50px;
  margin: 0 0 5px 0;
  padding: 0 15px;
  background: url(/imgs/navimenu_bg.jpg) no-repeat;
}
#navi-menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#navi-menu li a {
  width: 133px;
  height: 45px;
  text-indent: -9999px;
  display: block;
}
#navi-menu li.top a,
#navi-menu li.access a { width: 135px; }
#navi-menu li.top a { background: url(/imgs/menu-bar.jpg) 0 0; }
#navi-menu li.room a { background: url(/imgs/menu-bar.jpg) -135px 0; }
#navi-menu li.price a { background: url(/imgs/menu-bar.jpg) -268px 0; }
#navi-menu li.guide a { background: url(/imgs/menu-bar.jpg) -401px 0; }
#navi-menu li.bath a { background: url(/imgs/menu-bar.jpg) -534px 0; }
#navi-menu li.food a { background: url(/imgs/menu-bar.jpg) -667px 0; }
#navi-menu li.access a { background: url(/imgs/menu-bar.jpg) -800px 0 no-repeat; }

#navi-menu li.top a:hover { background: url(/imgs/menu-bar.jpg) 0 -45px; }
#navi-menu li.room a:hover { background: url(/imgs/menu-bar.jpg) -135px -45px; }
#navi-menu li.price a:hover { background: url(/imgs/menu-bar.jpg) -268px -45px; }
#navi-menu li.guide a:hover { background: url(/imgs/menu-bar.jpg) -401px -45px; }
#navi-menu li.bath a:hover { background: url(/imgs/menu-bar.jpg) -534px -45px; }
#navi-menu li.food a:hover { background: url(/imgs/menu-bar.jpg) -667px -45px; }
#navi-menu li.access a:hover { background: url(/imgs/menu-bar.jpg) -800px -45px no-repeat; }

#navi-menu li.room_on  { background: url(/imgs/menu-bar.jpg) -135px -45px; }
#navi-menu li.price_on { background: url(/imgs/menu-bar.jpg) -268px -45px; }
#navi-menu li.guide_on { background: url(/imgs/menu-bar.jpg) -401px -45px; }
#navi-menu li.bath_on { background: url(/imgs/menu-bar.jpg) -534px -45px; }
#navi-menu li.food_on { background: url(/imgs/menu-bar.jpg) -667px -45px; }
#navi-menu li.access_on { background: url(/imgs/menu-bar.jpg) -800px -45px no-repeat; }

/* --------------------------------------------------------------------
Topic Path  
-------------------------------------------------------------------- */
#topic-path p {
  font-size: 12px;
  margin: 0 0 5px 0;
  padding: 0 20px;
}


/* --------------------------------------------------------------------
index main
-------------------------------------------------------------------- */

#main {
  clear: both;
  padding: 0 10px 40px;
}

#newsBox {
  width: 700px;
  height: 200px;
  background: url(/imgs/index_news_bg.jpg) no-repeat right bottom;
  float: left;
}
#newsBox h3 {
  margin: 0 0 10px;
  padding: 0;
}
#newsBox h3 a {
  width: 700px;
  height: 40px;
  background: url(/imgs/index_news_title.jpg) no-repeat;
  text-indent: -9999px;
  display: block;
}
#newsBox dl {
  margin: 0;
  padding: 0 0 8px;
}
#newsBox dt {
  clear: both;
  float: left;
  width: 80px;
  margin: 0;
  padding: 6px 0 6px 25px;
  border-bottom: solid 1px #d4d0c6;
  background: url(/imgs/dl_list.gif) no-repeat 10px 12px;
}
#newsBox dd {
  margin: 0 0 0 80px;
  padding: 6px;
  border-bottom: solid 1px #d4d0c6;
}
#newsBox #news-list {
  padding: 0 10px 20px 12px;
  float: right;
  background: url(/imgs/dl_list.gif) no-repeat 0 5px;
}
#sideBox {
  width: 220px;
  padding-left: 20px;
  float: right;
}


/* --------------------------------------------------------------------
folder main
-------------------------------------------------------------------- */
#folderBox {
  width: 700px;
  float: left;
}
#folder-title {
  width: 700px;
  height: 72px;
  margin-bottom: 15px;
  background: url(/imgs/folder_title_bg.jpg) no-repeat;
}
#folder-title h3 {
  font: bolder 19px "ＭＳ 明朝", serif;
  color: #333333;
  margin: 0;
  padding: 17px 15px 5px 55px;
}
#folder-title .outline {
  color: #333333;
  padding: 0 15px 0 55px;
}

#folderBox dl {
  margin: 0;
  padding: 0 0 8px;
}
#folderBox dt {
  clear: both;
  width: 700px;
  height: 60px;
  margin: 0;
  padding: 0;
  background: url(/imgs/folder_washi_top.jpg) no-repeat;
}
#folderBox .title {
  font-size: 16px;
  padding: 28px 0 0 60px;
  float: left;
}
#folderBox .update {
  font-size: 13px;
  color: #666666;
  padding: 30px 25px 0 10px;
  float: right;
}
#folderBox dd.box-bg {
  height: 115px;
  margin: 0;
  padding: 5px 15px 10px 15px;
  background: url(/imgs/folder_washi_under.jpg) no-repeat bottom;
  display: block;
}
#folderBox dd img {
  border: 1px solid #bfb8a8;
  margin: 0 15px 10px 15px;
}


/* --------------------------------------------------------------------
pages main
-------------------------------------------------------------------- */
#pageBox {
  width: 700px;
  float: left;
}
#page-title {
  width: 700px;
  background: url(/imgs/washi_bg.jpg) repeat-y;
}
#page-title h3 {
  font-size: 17px;
  color: #4E3B00;
  margin: 0;
  padding: 40px 15px 15px 75px;
  background: url(/imgs/page_washi_top.jpg) no-repeat;
}
#page-title .outline {
  margin: 0;
  padding: 0 25px;
}
#ContsBox {
  margin: 0;
  padding: 20px 25px 30px;
  background: url(/imgs/washi_bg.jpg) repeat-y;
}
#pageBox #update {
  width: 650px;
  padding: 0 25px 45px;
  background: url(/imgs/folder_washi_under.jpg) no-repeat bottom;
}
#pageBox #update p {
  margin: 0;
  padding: 5px 10px;
  background: #e8e5db;
  text-align: right;
}

/* --------------------------------------------------------------------
go-pagetop
-------------------------------------------------------------------- */
#go-top {
  float: right;
}
#go-top a {
  width: 160px;
  height: 48px;
  background: url(/imgs/go_top.jpg) no-repeat;
  text-indent: -9999px;
  display: block;
}
#go-top a:hover { background-position: 0 -48px; }


/* --------------------------------------------------------------------
side contents
-------------------------------------------------------------------- */

#sideBox .logo, #sideBox .logo a {
  width: 220px;
  height: 41px;
  text-indent: -9999px;
  padding-bottom: 15px;
  background: url(/imgs/side_logo.gif) no-repeat;
  display: block;
}
#sideBox #side-news h4 { margin: 0; padding: 0; }
#sideBox #side-news h4 a {
  width: 220px;
  height: 43px;
  text-indent: -9999px;
  background: url(/imgs/sidenews_top.jpg) no-repeat;
  display: block;
}
#sideBox #side-news dl {
  font-size: 12px;
  margin: 0;
  padding: 0;
  background: url(/imgs/sidenews_bg.jpg) repeat-y;
}
#sideBox #side-news dt {
  margin: 0;
  padding: 8px 15px 3px 26px;
  background: url(/imgs/sidenews_list.gif) no-repeat 17px 14px;
}
#sideBox #side-news dd {
  margin: 0 15px;
  padding: 0 5px 3px 10px;
  border-bottom: dotted 1px #bbb07d;
}
#sideBox #side-news #news-list {
  width: 220px;
  height: 40px;
  margin: 0 0 20px;
  background: url(/imgs/sidenews_under.jpg) no-repeat;
}
#sideBox #side-news #news-list p {
  padding-left: 10px;
  float: right;
  background: url(/imgs/sidenews_list.gif) no-repeat 0 7px;
}
  
#sideBox #yoyaku-tel {
  width: 220px;
  height: 48px;
  text-indent: -9999px;
  padding-bottom: 20px;
  background: url(/imgs/side_tel.gif) no-repeat;
}
#side-btn { padding-bottom: 20px; }
#side-btn a {
  width: 220px;
  height: 64px;
  text-indent: -9999px;
  background: url(/imgs/side_yoyaku_btn.jpg) no-repeat;
  display: block;
}
#side-btn a:hover { background-position: 0 -64px; }

#history a,
#daisen a {
  width: 220px;
  height: 110px;
  margin-bottom: 15px;
  text-indent: -9999px;
  display: block;
}
#history a { background: url(/imgs/bnr_history.jpg) no-repeat; }
#daisen a { background: url(/imgs/bnr_daisen.jpg) no-repeat; }

#history a:hover, #daisen a:hover { background-position: 0 -110px; }


/* --------------------------------------------------------------------
footer
-------------------------------------------------------------------- */

#foot-link {
  clear: both;
  height: 70px;
  background: url(/imgs/foot_img.gif) no-repeat right bottom;
}
#foot-link ul {
  margin: 0;
  padding: 40px 15px 0 15px;
  list-style: none;
}
#foot-link li {
  margin: 0;
  padding: 0 16px 0 12px;
  float: left;
  background: url(/imgs/dl_list.gif) no-repeat 0 5px;
}
#footer {
  background: url(/imgs/footer_bg.jpg) repeat-x;
  color: #EEE;
  font-size: 14px;
}
#footer .box {
  padding: 10px 0 20px;
}
#footer p,
#footer address {
  margin: 0;
  padding: 4px 0 2px;
}