/* @charset "Shift_JIS"; */

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  background: #e5e5dd url(../../images/back.jpg) repeat-y;
}

#wrapper {
  width: 826px;
  color: #333333;
  background: url(../../images/back-body.jpg) repeat-y;
}

/* リンク
---------------------------------------------------- */
a:link {
  color: #3366ff;
  background: transparent;
}
a:visited {
  color: #800080;
  background: transparent;
}
a:hover, a:active {
  color: #ff9933;
  background: transparent;
}
/* ヘッダ
---------------------------------------------------- */
#header {
  padding-top: 0px;
  height: 236px;
  color: #999999;
  background: url(../../images/hotel_okuiya_top.jpg) no-repeat;
}
#header #logo {
  position: absolute;
  top: 31px;
}
#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
  font-size: x-small;
  line-height: 1.0;
}
#header li {
  display: inline;
  padding-left: 1em;
  text-transform: uppercase;
  vertical-align: top;
}

#header1 {
  padding-top: 0px;
  height: 236px;
  color: #999999;
  background: url(../../images/hotel_okuiya_top2.jpg) no-repeat;
}

/* ページ本体
---------------------------------------------------- */
#pagebody {
  width: 817px;
  padding-left: 10px;
}

/* コンテンツ
---------------------------------------------------- */
#content {
  float: right;
  width: 580px;
  font-size: 14px;
}
#content h2 
{
  height: 20px;
  width: 565px;
  margin-right : 10px;
  margin-bottom:0px;
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom:0px;
  border-top: 1px solid #329900;
  font-size: 16px;
  color: #FFFFFF;
  background: #329900;
}
#content p {
  margin: 20px 0px 20px 0px;
  padding: 0;
}
#clients1 {
 float: left;
 margin-left: -8px;
 padding-right:5px;
}
#clients2 {
 float: left;
 margin-left: -8px;
 padding-right:5px;
 padding-bottom:8px;
}

#clients_news , #clients_news1 , #clients_news2 , #clients_news3 , #clients_news4 , #clients_topics{
  width: 565px;
  margin-top: 5px;
  padding-top: 3px;
  padding-right:3px;
  border: 1px dashed #106400;
  vertical-align:text-top;
}

#text_news, #text_news1 , #text_news2 , #text_news3 , #text_news4 
{
  text-align:left;
  vertical-align:text-top;
  padding: 20px 2px 4px 6px; /* 上枠 右枠 下枠 左枠 */
}

#text_news p , #text_news1 p , #text_news2 p , #text_news3 p , #text_news4 p 
{
  margin: 0px 0px 0px 0px;	 /* 上枠 右枠 下枠 左枠 */
  line-height:20px;
}

#content ul {
  width: 557px;
  height:43px;
}
#content li {
  list-style: none;
  height:43px;
  width: 540px;
}
#content_body 
{
  font-size: 14px;
  margin-left: 60px;
  margin-right: 20px;
  line-height: 2;
}
#content_body h2 
{
  height: 17px;
  width: 240px;
  margin-right: 10px;
  margin-bottom:0px;
  padding-top: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom:0px;
  border-top: 1px solid #106400;
  font-size: 14px;
  color: #FFFFFF;
  background: #3366ff;
  line-height: 1;
  vertical-align:bottom;
}
#content_body h3 
{
  font-size: 16px;
  margin-left: -10px;
  margin-bottom: -10px;
  font-weight:bold;
}
#content_body h4 
{
  font-size: 14px;
  margin-left: -2px;
  margin-bottom: -25px;
  font-weight:bold;
}
#content_body h5 
{
  font-size: 16px;
  font-weight:bold;
  text-align:center; 
}
#content_body h6 
{
  font-size: 14px;
  font-weight:bold;
}
#content_body table 
{
  border-style:ridge;
  border-width:3px;
  border-color:White;
  border-collapse:collapse;
  margin-left: 50px;
  empty-cells:show;
}
#content_body td 
{
  border-style:ridge;
  border-width:3px;
  border-color:White;
  text-indent:10px;  
}
#content_body td#title 
{
  text-align:center;
  text-indent:0px;
}
#content_body table#no_line
{
 border-style:none;
 width:auto;
 height:auto;
 text-align:left;
 margin-top: 50px;
 margin-left: 0px;
}
#content_body table#no_line td
{
 border-style:none;
 text-align:left;
 vertical-align:text-top;
}
#content_body table#no_line1
{
 border-style:none;
 width:auto;
 height:auto;
 text-align:left;
 margin-top: 10px;
 margin-left: -40px;
}
#content_body table#no_line1 td
{
 border-style:none;
 text-align:left;
 vertical-align:text-top;
}
#content_body table#no_line1 p
{
  margin: 15px 0px 20px 0px;
  padding: 0;
 line-height: 0.8;
}
#content_body table#no_line2
{
 border-style:none;
 width:510px;
 height:auto;
 text-align:center;
 margin-top: 0px;
 margin-left: -20px;
}
#content_body table#no_line2 td
{
 border-style:none;
 text-align:center;
 vertical-align:text-top;
 padding-top: 0px;
}

/* 掲示板
---------------------------------------------------- */
#input_part 
{
  margin-left:30px;
  padding-left:0;
  border-style:ridge;
  border-color:White;
  border-bottom-width:3px;
  width:500px;
}

#input_part p {
  padding-left:10px;
}

#disp_part 
{
  padding-left:22px;
}

#disp_part td {
  padding-left:4px;
}

/* トレッキング・剣山に咲く花・奥祖谷の散策
---------------------------------------------------- */
#disp_trekking{
  margin-left:3px;
  margin-right:3px;
  padding-left:0;
  border-style:ridge;
  border-color:White;
  border-bottom-width:3px;
  width:552px;
}

#disp_rafting{
  margin-left:25px;
  padding-left:0;
  border-style:ridge;
  border-color:White;
  border-bottom-width:3px;
  width:505px;
}

#disp_trekking td 
{
 padding-left:10px;
 vertical-align:middle;
 border-style:ridge;
 border-color:White;
 border-width:2px;
 white-space:nowrap;
}

#disp_flower{
  margin-left:50px;
  padding-left:10;
  border-style:ridge;
  border-color:White;
  border-bottom-width:3px;
  width:440px;
  vertical-align:middle;
}

#disp_flower td 
{
 padding: 10px 10px 10px 10px; /* 上枠 右枠 下枠 左枠 */
 border-style:ridge;
 border-color:White;
 border-width:2px;
 white-space:nowrap;
}

#disp_okuiya{
  margin-left:3px;
  margin-right:3px;
  padding-left:0;
  border-style:ridge;
  border-color:White;
  border-bottom-width:3px;
  width:553px;
}

#disp_okuiya td 
{
 padding-left:6px;
 padding-right:4px;
 vertical-align:middle;
 border-style:ridge;
 border-color:White;
 border-width:2px;
 white-space:nowrap;
}

/* ナビゲーション
---------------------------------------------------- */
#navigation 
{
  float: left;
  margin-left: -50;
  width: 211px;
  font-size:38px;
}
#navigation ul 
{
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}

#navigation li {
  margin: 0;
  padding: 0;
  width: 209px;
}

#navigation li a {
  text-decoration: none;
  height: 50px;
  color:#CAC11D;
}

#navigation li#menu01   
{
  border-top: 20px solid #AEA617;
}
#navigation li#menu07   
{
  border-top: 16px solid #AEA617;
}
#navigation li#menu11   
{
  border-top: 16px solid #AEA617;
  border-bottom : 20px solid #AEA617;
}

#navigation li#menu00 a  {
  background: url(../../images/nav.gif) no-repeat 0 0;
}
#navigation li#menu01 a  {
  background: url(../../images/nav.gif) no-repeat 0 -110px;
}
#navigation li#menu02 a  {
  background: url(../../images/nav.gif) no-repeat 0 -153px;
}
#navigation li#menu03 a  {
  background: url(../../images/nav.gif) no-repeat 0 -196px;
}
#navigation li#menu04 a  {
  background: url(../../images/nav.gif) no-repeat 0 -239px;
}
#navigation li#menu05 a  {
  background: url(../../images/nav.gif) no-repeat 0 -282px;
}
#navigation li#menu06 a  {
  background: url(../../images/nav.gif) no-repeat 0 -325px;
}
#navigation li#menu07 a  {
  background: url(../../images/nav.gif) no-repeat 0 -368px;
}
#navigation li#menu08 a  {
  background: url(../../images/nav.gif) no-repeat 0 -411px;
}
#navigation li#menu09 a  {
  background: url(../../images/nav.gif) no-repeat 0 -454px;
}
#navigation li#menu10 a  {
  background: url(../../images/nav.gif) no-repeat 0 -497px;
}
#navigation li#menu11 a  {
  background: url(../../images/nav.gif) no-repeat 0 -540px;
}
#navigation li#menu12 a  {
  background: url(../../images/nav.gif) no-repeat 0 -583px;
}
#navigation li#menu13 a  {
  background: url(../../images/nav.gif) no-repeat 0 -626px;
}

/* ■マウスオーバー時の処理 */
#navigation li#menu00 a:hover  {
  background: url(../../images/nav.gif) no-repeat 0px 0px;
  color:#F6F6F6;
}
#navigation li#menu01 a:hover  {
  background: url(../../images/nav.gif) no-repeat -230px -110px;
  color:#F6F6F6;
}
#navigation li#menu02 a:hover  {
  background: url(../../images/nav.gif) no-repeat -230px -153px;
  color:#F6F6F6;
}
#navigation li#menu03 a:hover {
  background: url(../../images/nav.gif) no-repeat -230px -196px;
  color:#F6F6F6;
}
#navigation li#menu04 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -239px;
  color:#F6F6F6;
}
#navigation li#menu05 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -282px;
  color:#F6F6F6;
}
#navigation li#menu06 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -325px;
  color:#F6F6F6;
}
#navigation li#menu07 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -368px;
  color:#F6F6F6;
}
#navigation li#menu08 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -411px;
  color:#F6F6F6;
}
#navigation li#menu09 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -454px;
  color:#F6F6F6;
}
#navigation li#menu10 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -497px;
  color:#F6F6F6;
}
#navigation li#menu11 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -540px;
  color:#F6F6F6;
}
#navigation li#menu12 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -583px;
  color:#F6F6F6;
}
#navigation li#menu13 a:hover      {
  background: url(../../images/nav.gif) no-repeat -230px -626px;
  color:#F6F6F6;
}

/* バナー
---------------------------------------------------- */
#banner 
{
	height:106px;
	margin-left:10px;
}

/* フッタ
---------------------------------------------------- */
#footer {
  clear: both;
}
#footer ul {
  margin: 0;
  padding: 15px 0;
  list-style: none;
  text-align: right;
  font-size: xx-small;
}
#footer li {
  display: inline;
  padding-left: 1.7em;
  text-transform: uppercase;
}
#footer li a {
  padding: 11px 0;
  vertical-align: middle;
  text-decoration: none;
}
#footer li#privacy a {
  padding-right: 18px;
  color: #666666;
  background: url(../../images/sample/privacy.gif) right no-repeat;
}
#footer li#sitemap a {
  padding-right: 19px;
  color: #666666;
  background: url(../../images/sample/sitemap.gif) right no-repeat;
}
#footer li#info a {
  padding-right: 22px;
  color: #666666;
  background: url(../../images/sample/info.gif) right no-repeat;
}
#footer p {
  margin: 0;
  padding: 1em 35px 1em 0;
  height: 127px;
  text-align: right;
  text-transform: uppercase;
  font-size: x-small;
  color: #ffffff;
  background: url(../../images/hotel_okuiya_rogo2.jpg) no-repeat;
}

#copyright
{
  width: 826px;
  text-align: center;
}