@charset "euc-jp";
/*------------------------------------------------------------------*/
/*     プラン＠詳細用CSS                                            */
/*------------------------------------------------------------------*/


body{ background: url("../../shared/images/bg_head.gif") repeat-x 0 -200px #f4eee2; }





/* メインビジュアル領域
-------------------------------------------------- */
h1 a {
  height: 200px;
  background-image: url("../images/mainimg.jpg");
}





/* コンテンツ領域
-------------------------------------------------- */
/* タイトル */
h2 {
  height: 85px;
  margin: 0 0 5px 0;
  text-indent: -9999px;
  background: url("../images/title.gif") no-repeat 0 0;
}

  h2 a {
    width: 80px;
    height: 15px;
    margin: 32px 10px 0 auto;
    display: block;
    background: url("../../shared/images/btn_list.gif") no-repeat;
  }

  h2 a:hover { background-position:0 -15px; }


  /* 詳細情報領域
  ------------------------------ */
  #detailItemBase {
    width: 700px;
    margin: 0 0 10px 0;
    padding: 10px 0;
    text-align: center;
    background: url("../images/bg_bottom.png") no-repeat center bottom;
  }

  #detailItemBase .rangeBase {
    width: 670px;
    margin: 0 auto;
  }


    #detailItemBase .titleBox {
      padding: 8px 0;
      font-size: 1.4em;
      font-weight: bold;
      text-align: left;
      border-bottom: 1px solid #dad2c5;
      border-right: 1px solid #dad2c5;
      background: #f6efe5;
    }

      #detailItemBase .titleBox span.title {
        color: #671d1c;
        margin: 0 0 0 10px;
      }

      #detailItemBase .priceBox {
          margin: 0 0 5px;
          padding: 8px 0;
          font-weight: bold;
          text-align: right;
          border-bottom: 1px dotted #999;
      }

        #detailItemBase .priceBox span.price {
          margin: 0 10px;
          color: #F40;
          font-size: 1.2em;
          line-height: 1.4em;
          display: block;
        }

    #detailItemBase .snsBox {
      padding: 7px 10px 7px 0;
      text-align: right;
    }


    #detailItemBase .planBox {
      width: 650px;
      text-align: left;
      margin: 0 auto 20px auto;
    }

      #detailItemBase .planBox .photoCase {
        width: 320px;
        float: left;
      }

        /* 画像領域 */
        #view {
          width: 310px;
          height: 240px;
          overflow: hidden;
          position: relative;
        }

          #view p {
            width: 300px;
            height: 225px;
            padding: 4px;
            text-align: center;
            border: 1px solid #aaa;
            position: absolute;
            top:0;
            left:0;
          }

            #view p img {
              max-width: 300px;
              max-height: 225px;
              -ms-interpolation-mode: bicubic;
            }

            * html body #view p img {
              width: expression(this.width > this.height ? "225px" : "auto");
              height: expression(this.width < this.height ? "225px" : "auto");
            }

        #thumbBtn li.active {
          opacity: 0.5;
          filter:alpha(opacity=50);
          -ms-filter: "alpha( opacity=50 )";
        }

        /* サムネイル領域 */
        .jcarousel-container {
          background: #333;
        }

        .jcarousel-container-horizontal {
          width: 260px;
          padding: 10px 25px;
        }

        .jcarousel-clip {
          overflow: hidden;
        }

        .jcarousel-clip-horizontal {
          width: 260px;
          height: 60px;
        }

        .jcarousel-item {
          width: 80px;
          height: 60px;
          cursor: pointer;
        }

        .jcarousel-item-horizontal {
          margin-left: 0;
          margin-right: 10px;
        }

        .jcarousel-next-horizontal {
          width: 10px;
          height: 60px;
          background: transparent url("../images/detail/next-horizontal.png") no-repeat 0 0;
          cursor: pointer;
          position: absolute;
          top: 10px;
          right: 5px;
        }

          .jcarousel-next-horizontal:hover,
          .jcarousel-next-horizontal:focus {
            background-position: -10px 0;
          }

          .jcarousel-next-horizontal:active {
            background-position: -20px 0;
          }

          .jcarousel-next-disabled-horizontal,
          .jcarousel-next-disabled-horizontal:hover,
          .jcarousel-next-disabled-horizontal:focus,
          .jcarousel-next-disabled-horizontal:active {
            cursor: default;
            background-position: -30px 0;
          }

        .jcarousel-prev-horizontal {
          width: 10px;
          height: 60px;
          background: transparent url("../images/detail/prev-horizontal.png") no-repeat 0 0;
          cursor: pointer;
          position: absolute;
          top: 10px;
          left: 5px;
        }

          .jcarousel-prev-horizontal:hover, 
          .jcarousel-prev-horizontal:focus {
              background-position: -10px 0;
          }

          .jcarousel-prev-horizontal:active {
              background-position: -20px 0;
          }

          .jcarousel-prev-disabled-horizontal,
          .jcarousel-prev-disabled-horizontal:hover,
          .jcarousel-prev-disabled-horizontal:focus,
          .jcarousel-prev-disabled-horizontal:active {
              cursor: default;
              background-position: -30px 0;
          }


      #detailItemBase .planBox .txtCase {
        width: 330px;
        float: left;
      }

        #detailItemBase .planBox .txtCase .titleCell {
          margin: 0 0 10px 0;
          padding: 5px 0 7px 17px;
          font-weight: bold;
          background: url("../images/icon_arrow-green.png") no-repeat 0 6px;
          border-bottom: 1px dotted #999;
        }

        #detailItemBase .planBox .txtCase .descCell {
          font-size: 1.2em;
          line-height: 1.4em;
        }


    #detailItemBase .courseBox {
      width: 650px;
      margin: 0 auto 20px auto;
      text-align: left;
    }

      #detailItemBase .courseBox .titleCase {
        margin: 0 0 10px 0;
        padding: 5px 0 7px 17px;
        font-weight: bold;
        background: url("../images/icon_arrow-green.png") no-repeat 0 6px;
        border-bottom: 1px dotted #999;
      }

      #detailItemBase .courseBox table th,
      #detailItemBase .courseBox table td {
        padding: 7px;
        line-height: 1.4em;
        border-top: 2px solid #fff;
      }

      #detailItemBase .courseBox table th {
        width: 80px;
        text-align: center;
        font-weight: normal;
        background: #eee;
      }


    #detailItemBase .cuisineBox {
      width: 650px;
      margin: 0 auto 20px auto;
      text-align: left;
    }

      #detailItemBase .cuisineBox .titleCase {
        margin: 0 0 10px 0;
        padding: 5px 0 7px 17px;
        font-weight: bold;
        background: url("../images/icon_arrow-green.png") no-repeat 0 6px;
        border-bottom: 1px dotted #999;
      }

        #detailItemBase .cuisineBox .descCase {
          line-height: 1.4em;
        }


    #detailItemBase .otherBox {
      width: 650px;
      margin: 0 auto 20px auto;
      text-align: left;
    }

      #detailItemBase .otherBox .titleCase {
        margin: 0 0 10px 0;
        padding: 5px 0 7px 17px;
        font-weight: bold;
        background: url("../images/icon_arrow-green.png") no-repeat 0 6px;
        border-bottom: 1px dotted #999;
      }

        #detailItemBase .otherBox .descCase {
          line-height: 1.4em;
        }


    #detailItemBase .privilegeBox {
      width: 644px;
      margin: 0 auto 20px auto;
      text-align: left;
      border: 3px solid #ba4033;
      background: #fef8f8;
    }

      #detailItemBase .privilegeBox .descCase {
        padding: 10px;
        line-height: 1.4em;
      }


    #detailItemBase .reservedBox {
      width: 650px;
      margin: 0 auto;
      padding: 0 0 20px 0;
    }

      #detailItemBase .reservedBox a.btn {
        width: 650px;
        height: 45px;
        text-indent: -9999px;
        background: url("../images/detail/btn_reserved.jpg") no-repeat 0 0;
        display: block;
      }

        #detailItemBase .reservedBox a.btn.selected { background: url("../images/detail/btn_reserved.jpg") no-repeat 0 -45px; }

      #detailItemBase .reservedBox .itemBox {
        border-left: 1px solid #d17301;
        border-right: 1px solid #d17301;
        border-bottom: 1px solid #d17301;
        background: #fffaf4;
      }

        #detailItemBase .reservedBox .rangeBox {
          width: 625px;
          margin: 0 auto;
          padding: 15px 0;
        }

        #detailItemBase .reservedBox .itemBox iframe {
          height: 100%;
          border: none;
        }