@charset "Shift_JIS";

@import "layout.css";



div#spring_gtop,div#spring_btop,div#springtop,div#roomstop,
div#syuntop,div#coursetop,div#morningtop,div#buffettop,div#facilitytop,
div#contacttop,div#officetop,div#blogtora,div#q_atop,
div#reservetop,div#accesstop,div#optiontop,
div#styletop,div#coupletop,div#conciergetop,
div#voicetop,div#voice2top,div#voice3top,
div#sightseeingtop,div#tickettop{
  width: 800px;
  margin:0 auto;
  height:200px;
  text-indent:-9999px;
  }
  
div#spring_gtop {
background: url(../spring/img/topg.jpg) no-repeat;
  }
  
div#spring_btop {
background: url(../spring/img/topb.jpg) no-repeat;
  }
  
div#springtop {
background: url(../spring/img/top.jpg) no-repeat;
  }
  
div#roomstop {
background: url(../rooms/img/top.jpg) no-repeat;
  }
  
div#syuntop {
background: url(../dinner/img/summertop.jpg) no-repeat;
  }
  
div#coursetop {
background: url(../dinner/img/coursetop.jpg) no-repeat;
  }
  
div#morningtop {
background: url(../dinner/img/morningtop.jpg) no-repeat;
  } 
  
div#optiontop {
background: url(../dinner/img/optiontop.jpg) no-repeat;
  }

div#buffettop {
background: url(../dinner/img/buffettop.jpg) no-repeat;
  }
  
div#facilitytop {
background: url(../facility/img/top.jpg) no-repeat;
  } 
  
div#contacttop {
background: url(../contact/img/top.jpg) no-repeat;
  }
  
div#officetop {
background: url(../office/img/top.jpg) no-repeat;
  } 

div#blogtora {
background: url(../blog/tora/wp-content/themes/ogagra/images/title.jpg) no-repeat;
  } 
  
div#q_atop {
background: url(../q_a/img/top.jpg) no-repeat;
  } 
  
div#reservetop {
background: url(../reserve/img/top.jpg) no-repeat;
  } 
  
div#accesstop {
background: url(../../access/img/top.jpg) no-repeat;
  } 
  
div#styletop {
background: url(../reserve/img/styletop.jpg) no-repeat;
  } 
    
div#coupletop {
background: url(../reserve/img/coupletop.jpg) no-repeat;
  }  

div#conciergetop {
background: url(../concierge/img/top.jpg) no-repeat;
  }
div#voicetop {
background: url(../voice/img/top.jpg) no-repeat;
  }
div#voice2top {
background: url(../voice/img/top2.jpg) no-repeat;
  }
div#voice3top {
background: url(../voice/img/top3.jpg) no-repeat;
  }
div#sightseeingtop {
background: url(../sightseeing/img/topimage.jpg) no-repeat;
  }
div#tickettop {
background: url(../reserve/img/ticket.jpg) no-repeat;
  }
div.roomsn{
float:left;
width:250px;
margin:0 20px 10px 0;
}
div.roomsr{
float:right;
width:250px;
margin:0 0 10px 0;
}


  

/* トピックパス 
 ---------------------------------------------------- */
ul.topic_path{
padding:8px 10px;
list-style:none;
font-size:85%;
background:url(../img/back_member.gif);
text-align:left;
}
ul.topic_path li{
padding:0 13px 0 0;
display:inline;
background:url(../img/topicpath_arrow.gif) no-repeat 100% 50%;
}
ul.topic_path li.selected{
padding:0;
background:none;
}



/* 定義 
 ---------------------------------------------------- */

div.bunseki dl{
border-bottom:1px solid #ccc;
font-size:85%;
}
div.bunseki dl dt{
float:left;
width:15em;
margin:0 0.5em 0 0;
padding:0.5em 0;
border-top:1px solid #ccc;
text-align:left;
font-weight:bold;
}
div.bunseki dl dd{
margin:0;
padding:0.5em 0 0.5em 14.5em;
border-top:1px solid #ccc;
}





/* ---------------------------------------------------------------- *
	サムネイルリスト
 * ---------------------------------------------------------------- */


#thumbslist {
  list-style: none;
}

#thumbslist li {
  float: left;
  overflow: hidden;
  display: block;
  text-align: left;
}

/* サムネイルはボックスの中央に */
.thumbnail {
  margin: 0 auto;
}



ul#thumbslist {
  /* ★--- マージンを設定してください --- */
  margin: 0;
  /* ★--- パディングを設定してください --- */
  padding: 0;
}

ul#thumbslist li {
  background: #FFFFFF;
  margin-right: 10px;
  margin-bottom: 15px;
  padding: 0;
  width: 250px;
  height: 250px;
}

/* ---------------------------------------------------------------- *
	サムネイル画像についての設定です
 * ---------------------------------------------------------------- */
div.thumbnail {
  background: transparent;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	説明キャプションについての設定です
 * ---------------------------------------------------------------- */

ul#thumbslist li p {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  line-height: 1.5;
}


/**/

ul.special{
padding:5px;
background:#F2FDE1;
font-size:85%;
}
ul.special li{
margin:0 0 0 20px;
}

div.plan dl{
background:#F2F7EA;
font-size:85%;
}
div.plan dl dt{
background:url(../reserve/img/plan_background2.gif) repeat-x 5em 0;
width:5em;
float:left;
padding:1em 0 0 0;
color:#669900;
font-weight:bold;
text-align:center;
}
div.plan dl dd{
padding:1em 0 1em 5.5em;
background:url(../reserve/img/plan_background.gif) repeat-y 5em 0;
border-bottom:10px solid #fff;
}
div.plan dl dd strong{
color:#CC6600;
}
div.plan dl dd p.pict_r{
margin:0;
padding:0;
}


div.date{
border:3px solid #ccc;
padding:0 10px;
}