/*
Theme Name: 湯平温泉 旅館志美津
Version: 1.0
*/
img {
  behavior: url(assets/js/iepngfix.htc);
}

a {
  color: #336699;
  font-weight: normal;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.asset-content .entry-content a:hover {
  text-decoration: underline;
  color: #3399CC;
}

:link, :visited {
  text-decoration: none;
}

.clear {
  clear: both;
}

#headerbg {
  background: url(assets/img/bg1.png) repeat scroll 0 0;
}

#header h1 {
  margin: 10px 0;
}

#header h2 {
  margin: 5px 0;
  color: #666;
  font-size: 12px;
}

#header-inner .left {
  float: left;
  width: 470px;
}

#header-inner .right {
  float: right;
  width: 470px;
  margin-top: 35px;
}

#contact-us {
  width: 295px;
  float: right;
  margin-top: 20px;
}

#header-link {
  float: right;
  margin: 0 0 15px 0;
}

#header-link img {
  float: left;
  margin-left: 10px;
}

.mt-main-index #contact-us {
  width: 295px;
  margin-top: 20px;
  float: right;
}

.mt-page-archive #alpha {
  left: 0;
  width: 960px;
}

.mt-page-archive #alpha-inner {
  /*padding: 0 20px;*/
}

#alpha-inner h2 {
  margin-bottom: 10px;
}

#alpha-inner .title {
  border-bottom: 1px dotted #666;
  width: 710px;
}


#navi-liquid {
  border-top: 4px double #666;
  width: 100%;
  min-width: 960px;
}

.mt-main-index #navi-liquid {
  border-top: 0 double #666;
}

#menu-liquid {
  color: #7D7D7D;
  text-align: center;
  margin: auto auto;
  padding: 0;
  width: 960px;
  overflow: hidden;
}

#menu-liquid .pad {
  padding-left: 5px;
  padding-right: 5px;

}

#menu-liquid ul {
  margin-top: 0;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

#menu-liquid ul li {
  font-size: 90%;
  font-weight: bold;
  display: inline;
  margin: 0 0 0 0;
  float: left;
}

#menu-liquid ul li a {
  font-weight: bold;
  text-decoration: none;
  color: #7D7D7D;
  margin: 15px 15px 10px 15px;
  float: left;
  text-align: left;
}

#menu-liquid ul li a:hover{
  color: #362e2b;
}

.mt-page-archive #menu-liquid ul li:first-child a {
  margin-left: 0;
}

#menu-liquid .top a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-top3.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid .room a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-oheya2.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid .spa a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-ofuro2.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid .dish a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-ryouri2.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid .access a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-access2.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid .reservation a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-yoyaku2.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid .plan a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-plan.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid .english a:hover {
  height: 20px;
  display: block;
  background: url(assets/img/navi-english2.png) no-repeat scroll 0 0 transparent;
}

#menu-liquid a:hover img {
  visibility: hidden;
}

#top-menu {
  width: 710px;
  height: 330px;
  clear: both;
  margin-bottom: 20px;
}

#top-menu .top-menu-box {
  float: left;
  width: 230px;
  height: 330px;
  margin-right: 10px;
}

#top-menu .yunohira {
  float: left;
  width: 230px;
  height: 330px;
  margin-right: 0;
}

#top-menu .top-menu-box a {
  width: 210px;
  height: 120px;
  display: block;
  padding: 180px 10px 0 10px;
  color: #444;
  text-decoration: none;
}

#top-menu .top-menu-box a:hover {
  width: 210px;
  height: 120px;
  display: block;
  padding: 180px 10px 0 10px;
  color: #444;
  text-decoration: none;
}

#top-menu .history a {
  background: url(assets/img/history.png) no-repeat scroll 0 0 transparent;
}

#top-menu .history a:hover {
  background: url(assets/img/history-bg.png) no-repeat scroll 0 0 transparent;
}

#top-menu .onsen a {
  background: url(assets/img/onsen.png) no-repeat scroll 0 0 transparent;
}

#top-menu .onsen a:hover {
  background: url(assets/img/onsen-bg.png) no-repeat scroll 0 0 transparent;
}

#top-menu .yunohira a {
  background: url(assets/img/yunohira.png) no-repeat scroll 0 0 transparent;
}

#top-menu .yunohira a:hover {
  background: url(assets/img/yunohira-bg.png) no-repeat scroll 0 0 transparent;
}

#info h2 {
  padding-bottom: 20px;
  border-bottom: 4px double #888;
}

#kakokiji, #kakoplan {
  float: right;
  margin-top: 0;
  margin: 10px 0 0 -5px;
}

#kakokiji a:hover {
  background: url(assets/img/kakokiji-bg.png) no-repeat scroll 0 0 transparent;
  display: block;
}

#kakokiji a:hover img {
  visibility: hidden;
}

#kakoplan a:hover {
  background: url(assets/img/kakoplan-bg.png) no-repeat scroll 0 0 transparent;
  display: block;
}

#kakoplan a:hover img {
  visibility: hidden;
}

#alpha-footer {
  text-align: center;
}

#bottom-inner {
  width: 960px;
}

#plan {
  width:470px;
  height: 300px;
  float: left;
}

#plan-inner {
  width:470px;
  height: 215px;
  border-bottom: 1px dotted #444;
}

#plan h2 {
  padding-bottom: 2px;
  border-bottom: 1px solid #333;
  margin-bottom: 3px;
}

#plan .asset-body {
  width: 460px;
  height: 65px;
  margin-bottom: 0;
  border-bottom: 1px dotted #444;
  padding-bottom: 5px;
}

#plan .asset-content {
  margin: 0;
}

#plan .asset-header {
  margin-bottom: 2px;
}

#plan h3 a {
  margin-bottom: 0;
  background: url(assets/img/indent.png) no-repeat scroll 0 50% transparent;
  padding-left: 20px;
}

#plan h3 a:hover {
  border-left: 0;
  text-decoration: underline;
}

#plan .rate {
  font-weight: normal;
}

#plan p {
  color: #444;
  margin-bottom: 3px;
}

#topics {
  width: 470px;
  height: 300px;
  float: right;
}


#topics h2 {
  padding-bottom: 2px;
  border-bottom: 1px solid #333;
  margin-bottom: 3px;
}

#topics h2 img {
  display: inline;
}

#topics .rss {
  float: right;
}

#topics .rss a:hover {
  width: 38px;
  height: 17px;
  display: block;
  background: url(assets/img/rss-bg.png) no-repeat scroll 0 0;
}

#topics h2 a:hover img {
  visibility: hidden;
}

#topics .asset-body {
  float: none;
  width: 470px;
  height: 90px;
  clear: none;
}

#topics .asset-name a {
  font-size: 13px;
  font-weight: bold;
  fon-color: #444;
}

#topics .asset-body p {
  font-size: 12px;
}

#link {
  width: 230px;
  /* height: 300px;
  background: url(assets/img/link-bg.png) no-repeat scroll 0 0 transparent; */
}

#link .link-box a {
  width: 230px;
  height: 85px;
  display: block;
  margin-bottom: 15px;
}


#link .link-box a:hover img {
  opacity: 0.8;
}

#footer-content .left {
  width: 470px;
  float: left;
}

#footer-content .right {
  float: right;
}

#footer-menu {
  float: right;
}

#footer-info img {
  float: right;
  margin: 10px 0;
}

#footer-info p {
  text-align: right;
  clear: both;
}

#spa .left img {
  float: left;
  margin: 0 20px 20px 0;
}

#spa .spa-inner h2 {
  width: 960px;
}

#spa .spa-inner {
  border-bottom: 4px double #666666;
  height: 350px;
  margin-bottom: 30px;
}

#spa .right {
  float: right;
  margin-top: 6px;
  width: 450px;
}

#spa .right img {
  float: right;
}

#spa .spa-inner2 {
  width: 460px;
  float: left;
  display: inline;
}

#spa .spa-inner2 h2 {
  width: 470px;
}

#spa .spa-box {
  float: left;
  width: 470px;
  margin-right: 20px;
}

#spa .spa-box-in {
  float: left;
  height: 175px;
}

#higaeri-inner {
  margin-bottom: 30px;
  border-bottom: 4px double #666;
}

#higaeri-inner .right {
  float: right;
  width: 230px;
  margin: 30px 0 0 20px;
}

#higaeri-inner .left {
  float:left;
  width: 710px;
  margin-top: 30px;
}

#higaeri-inner2 .left {
  float: left;
  width: 470px;
  margin-top: 20px;
}

#higaeri-inner2 .right {
  float: right;
  margin-top: 20px;
  width: 470px;
}

#higaeri-inner2 .right img {
  float: left;
}

#access-inner, #access-inner2 {
  padding-bottom: 20px;
  border-bottom: 4px double #666;
  margin-bottom: 20px;
}

.access-box {
  border: 1px dotted #666;
  padding: 15px 0 0 15px;
  margin-bottom: 15px;
}

.resv-en #reservation h2 {
  font-size: 35px;
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体";
  border-left: 5px solid #666666;
  padding-left: 20px;
  line-height: 38px;
}

.resv-en #reservation #reservation-inner #tel-number {
  font-size: 30px;
  font-family: Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: bold;
  color: #333;
  padding-left: 25px;
  letter-spacing: 2px;
}

.resv-en #reservation-inner {
  margin: 30px 0 50px;
}

#reservation-inner2 {
  padding-bottom: 10px;
  border-bottom: 1px dotted #666;
  margin-bottom: 10px;
}

#yunohira-inner {
  border-bottom: 4px double #666666;
  height: 300px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#yunohira-inner2 .left {
  float: left;
  display: inline;
}

.yunohira-box {
  float: left;
  width: 380px;
  border-bottom: 1px dotted #666;
  margin: 10px 0 0 20px;
  padding-bottom: 10px;
}

.yunohira-box h3 {
  font-size: 15px;
  font-weight: bold;
  width:380px;
  margin-bottom: 2px;
}

.yunohira-box a img {
  float: right;
  margin-left: 20px;
}

#dish .right {
  width: 390px;
  float: right;
}

#dish .left {
  width: 570px;
}

#dish .gallery {
  margin-top: 50px;
}

#dish-inner {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 4px double #666;
  height: 395px;
}

.dish-box {
  border-bottom: 1px dotted #666666;
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
  width: 450px;
  height: 45px;
}

.dish-box h3 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0;
}

.dish-box p {
  font-size: 11px;
  font-color: #666;
}

.mt-category-archive #alpha-inner .asset-header h2 {
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 0.25em;
}

.mt-category-archive #alpha-inner .asset-header h2 a {
  background: url("assets/img/indent.png") no-repeat scroll 0 50% transparent;
  font-size: 15px;
  font-weight: bold;
  padding-left: 20px;
}

#room-inner #room-inner-top {
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  width: 960px;
  height: 300px;
  background: url(assets/img/room-bg1.png) no-repeat scroll 0 0 transparent;
}

#room-inner #room-inner-bottom {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  width: 960px;
  height: 300px;
  background: url(assets/img/room-bg2.png) no-repeat scroll 0 0 transparent;
}

#room-inner2 #room-inner-top {
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  width: 960px;
  height: 300px;
  background: url(assets/img/room-bg3.png) no-repeat scroll 0 0 transparent;
}

#room-inner2 #room-inner-bottom {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  width: 960px;
  height: 300px;
  background: url(assets/img/room-bg4.png) no-repeat scroll 0 0 transparent;
}


.room-box {
  float: left;
  width: 230px;
  height: 300px;
  display: inline;
  margin-right: 10px;
}

.room-box a {
  display: block;
  width: 230px;
  height: 300px;
}

.room-box a:hover img {
  visibility: hidden;
}

#room-information {
  height: 165px;
  border-bottom: 1px dotted #666;
  width: 510px;
}

#room-gallery {
  margin-top: 15px;
  width: 510px;
}

#room-gallery img {
  margin-right: 10px;
}

#company .info {
  width: 680px;
}

.info dt{
  padding-top: 0.1px;
  padding-left: 5px;
  padding-right: 0;
  padding-bottom: 0;
}

.info dd{
  line-height: 1.6;
  margin-top: -1.5em;
  margin-left: 9em;
  margin-right: 0;
  margin-bottom: .8em;
  border-bottom: 1px dotted #666666;
}

#linkpage h2 {
  font-size: 150%;
  border-left: 3px solid;
  padding-left: 5px;
  margin-bottom: 20px;
}

#linkpage ul {
  list-style: none outside none;
  margin-left: 5px;
}

#linkpage ul li {
  background: url("assets/img/indentsml.png") no-repeat scroll 0 50% transparent;
  margin-bottom: 5px;
  margin-left: 3px;
  padding-left: 10px;
  font-size: 110%;
  border-bottom: none;
}

#linkpage ul li a {
  border-bottom: 1px dotted #666666;
  color: #444;
}

#english h2 {
  font-size: 180%;
  border-left: 3px solid;
  padding-left: 5px;
  margin-bottom: 20px;
  margin-top: 30px;
}