@charset "utf-8";

/* top page CSS

Index
------------------------------------------------------------
== 1. wrapper
== 2. main visual/flash
== 3. contents
== 4. nProgram
------------------------------------------------------------*/
/*============================================================
== 1. wrapper
============================================================*/
/* selector (#container) */
#container.top {
  background: #ffffff;
}

/*============================================================
== 2. main visual/flash
============================================================*/
#mainVisual {
  height: 475px;
  margin: 0 auto;
  background-color: #ffffff;
}


/*-- js crossFadeGallery ----------*/
.crossFadeGallery {}

#mainVisual .imageList {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 475px;
  text-align: center;
}

#mainVisual .imageList li {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

#mainVisual .imageList li:first-child{
	z-index:1;
}

#mainVisual .image {
  display: block;
  width: 1000px;
  margin: 0 auto;
}

#mainVisual .image img {
  margin-left: -500px;
}

/* next prev */
.crossFadeGallery .nav {
  position: relative;
  z-index: 100;
  width: 98%;
  max-width: 1210px;
  margin: 0 auto;
}

.crossFadeGallery .nav li {
  position: absolute;
  top: 200px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

.crossFadeGallery .next {
  right: 0;
  background: url(../images/mainvisual_next_off.png); 
}

.crossFadeGallery .prev {
  left: 0;
  background: url(../images/mainvisual_prev_off.png); 
}

.crossFadeGallery .next:hover {
  background: url(../images/mainvisual_next_on.png);
}

.crossFadeGallery .prev:hover {
  background: url(../images/mainvisual_prev_on.png); 
}


/*============================================================
== 3. contents
============================================================*/
/*== section 1 ========================*/
.top #sec01 {
  position: relative;
  padding-bottom: 50px;
  background: url(../common_img/bg_texture01.jpg) center top;
}

.top #sec01:before {
  position: absolute;
  bottom: -8px;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 8px;
  background: url(../common_img/bg_shadow01.png) top;
  content: "";
}

/*-- block 1 ----------*/
.top #sec01 .bloc01 .btn {
  margin-bottom: 30px;
}

.top #sec01 .bloc01 .text {
  margin: 30px auto 24px;
  color: #fffefe;
  font-size: 16px;
  line-height: 40px;
}

/*-- block 2 ----------*/
.top #sec01 .bloc02 {
  margin-bottom: 40px;
}

.top #sec01 .bloc02 ul {
  display: table;
  margin: 16px auto 50px;
}

.top #sec01 .bloc02 li {
  display: table-cell;
  padding: 0 11px;
  vertical-align: middle;
}

/*-- block 3 ----------*/
.top #sec01 .bloc03 {
  width: 1000px;
  margin: 0 auto;
  text-align: right;
}

.top #sec01 .bloc03 li {
  padding-bottom: 50px;
}

.top #sec01 .bloc03 .li01 {
  float: left;
}

/*== section 2 ========================*/
.top #sec02 {
  height: 520px;
  background: url(../images/02bg.jpg) center top;
}

.top #sec02 h3 {
  padding: 80px 0 27px;
}

.top #sec02 .text {
  margin: 0 auto 42px;
  color: #fffefe;
  font-size: 20px;
  line-height: 40px;
}

/*== section 3 ========================*/
.top #sec03 {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 68px;
}

.top #sec03 h3 {
  padding-top: 77px;
}

.top #sec03 .list_box {
  display: table;
  margin-top: 43px;
  margin-left: -20px;
  margin-bottom: 20px;
}

.top #sec03 .repeat {
  display: table-cell;
  width: 200px;
  padding: 0 30px;
}

.top #sec03 .photo {
  margin-bottom: 10px;
}

.top #sec03 .text {
  margin: 0 3px 8px;
  font-size: 12px;
  text-align: left;
  line-height: 21px;
}

.top #sec03 .price {
  margin-bottom: 10px;
  font-weight: bold;
  text-align: right;
}

/*== section 4 ========================*/
.top #sec04 {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto 80px;
}

/* shop_ctgry_nav config -> base.css 6. other */


/*============================================================
== 4. nProgram
============================================================*/
.newsProgram {
  margin: 0 auto 70px;
  padding: 0 0 26px;
  border-top: 1px solid #e0cfc7;
  border-bottom: 1px solid #e0cfc7;
}

.newsProgram h3 {
  position: relative;
  width: 1000px;
  height: 22px;
  margin: 0 auto;
}

.newsProgram h3 img {
  position: absolute;
  top: -23px;
  left: 0;
}

.newsProgram ul {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.newsProgram .btn_rss {
  position: absolute;
  top: -43px;
  right: 56px;
  border: 12px solid #ffffff;
}

.newsProgram .btn_detail {
  position: absolute;
  top: -43px;
  right: 90px;
  border: 12px solid #ffffff;
}

/*-- プログラム部 ----------*/
.nProgram {
  overflow: auto;
  overflow-y: scroll;
  width: 980px;
  height: 210px;
  margin: 0 auto;
}

.nProgram dl {
  margin-right: 10px;
  text-align: left;
  line-height: 16px;
  padding-top: 12px;
}

.nProgram dt {
  clear: left;
  float: left;
  width: 90px;
  padding: 30px 0 0 6px;
  color: #99652d;
  font-size: 12px;
}

.nProgram dd {
  padding: 30px 0 12px 96px;
  border-bottom: 1px dotted #bbab9b;
  font-size: 13px;
}

.nProgram dd a,
.nProgram dd a:link,
.nProgram dd a:visited {
  color: #362116;
  text-decoration: none;
}

.nProgram dd a:hover,
.nProgram dd a:active,
.nProgram dd a:focus {
  color: #ff6600;
  text-decoration: underline;
}