/*===========================================
  mainPhoto
=============================================*/
.photo {
  width: 100%;
  height: 530px;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}

div#topPhoto1 {
  width: 100%;
  height: 530px;
  margin: 0 auto;
  background: url(../../img/mainimg01.jpg) no-repeat center;
  text-indent: -9999px;
}

div#topPhoto2 {
  width: 100%;
  height: 530px;
  margin: 0 auto;
  background: url(../../img/mainimg02.jpg) no-repeat center;
  text-indent: -9999px;
}

div#topPhoto3 {
  width: 100%;
  height: 530px;
  margin: 0 auto;
  background: url(../../img/mainimg03.jpg) no-repeat center;
  text-indent: -9999px;
}

div#topPhoto4 {
  width: 100%;
  height: 530px;
  margin: 0 auto;
  background: url(../../img/mainimg04.jpg) no-repeat center;
  text-indent: -9999px;
}

div#topPhoto5 {
  width: 100%;
  height: 530px;
  margin: 0 auto;
  background: url(../../img/mainimg05.jpg) no-repeat center;
  text-indent: -9999px;
}

/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
  width: 1000px;
  margin: 30px auto 0px auto;
  padding: 0;
  /* newsArea */
  /* weatherArea */
}
div.pregArea_01 div#newsArea {
  width: 1000px;
  margin: 0;
  padding: 0;
  float: left;
}
div.pregArea_01 div#newsArea ul {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
  list-style: none;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px #999999;
}
div.pregArea_01 div#newsArea ul li {
  width: 980px;
  margin: 10px 0 0 0;
  padding: 0;
}
div.pregArea_01 div#newsArea ul li .dayArea {
  width: 110px;
  float: left;
}
div.pregArea_01 div#newsArea ul li .txtArea {
  width: 870px;
  float: right;
}
div.pregArea_01 div#weatherArea {
  width: 490px;
  margin: 0;
  padding: 0;
  float: right;
}

/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
  /* recommendArea */
  /* customersArea */
}
div.pregArea_02 .recommendArea {
  width: 420px;
  margin: 0;
  padding: 0;
  float: left;
}
div.pregArea_02 .recommendArea div.recommendBox {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
}
div.pregArea_02 .recommendArea div.recommendBox div.leftArea {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
  float: left;
}
div.pregArea_02 .recommendArea div.recommendBox div.rightArea {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
  float: right;
}
div.pregArea_02 .customersArea {
  width: 420px;
  margin: 0;
  padding: 0;
  float: right;
}
div.pregArea_02 .customersArea div.customersBox {
  width: 378px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
  padding: 20px;
  border: solid 1px #CCCCCC;
  overflow: hidden;
}
div.pregArea_02 .customersArea #review #reviewbox {
  width: 378px;
  margin: 0px 0px 0px 10px;
  height: 1800px;
  overflow: hidden;
  position: relative;
}
div.pregArea_02 .customersArea #review .list_guest .icon {
  padding: 0px 0px 0px 0px;
  float: left;
}
div.pregArea_02 .customersArea #review .list_guest .txt_wrap {
  width: 300px;
  margin: 0px 0px 10px 5px;
  background-color: #FFFFFF;
  border: solid #CCCCCC 1px;
  float: left;
  overflow: hidden;
}
div.pregArea_02 .customersArea #review .list_guest .txt_wrap .txt {
  width: 290px;
  padding: 5px;
}
div.pregArea_02 .customersArea #review #reviewbox .box_list {
  position: absolute;
  top: 0;
  visibility: hidden;
}

/*===========================================
	pregArea_03
=============================================*/
div.pregArea_03 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
}
div.pregArea_03 div.leftArea {
  width: 470px;
  margin: 0;
  padding: 0;
  float: left;
}
div.pregArea_03 div.rightArea {
  width: 470px;
  margin: 0;
  padding: 0;
  float: right;
}
div.pregArea_03 div.photoArea {
  width: 470px;
  margin: 0;
  padding: 0;
}
div.pregArea_03 div.photoArea div.photoBox {
  width: 250px;
  margin: 0;
  padding: 0;
  float: left;
}
div.pregArea_03 div.photoArea div.txtArea {
  width: 210px;
  margin: 0;
  padding: 0;
  float: right;
}

/*===========================================
	pregArea_04
=============================================*/
div.pregArea_04 {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
}
div.pregArea_04 ul {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
  list-style: none;
}
div.pregArea_04 ul li {
  width: 250px;
  margin: 0 0 0 100px;
  padding: 0;
  float: left;
}

/*===========================================
	pregArea_05
=============================================*/
div.pregArea_05 {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
}
div.pregArea_05 div.leftArea {
  width: 460px;
  margin: 0;
  padding: 0;
  float: left;
}
div.pregArea_05 div.rightArea {
  width: 460px;
  margin: 0;
  padding: 0;
  float: right;
}
div.pregArea_05 div.photoArea {
  width: 460px;
  margin: 0;
  padding: 0;
}
div.pregArea_05 div.photoArea div.photoBox {
  width: 250px;
  margin: 0;
  padding: 0;
  float: left;
}
div.pregArea_05 div.photoArea div.txtArea {
  width: 200px;
  margin: 0;
  padding: 0;
  float: right;
}

/*===========================================
	pregArea_06
=============================================*/
div.pregArea_06 {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
}
div.pregArea_06 ul {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
  list-style: none;
}
div.pregArea_06 ul li {
  width: 222px;
  margin-left: 17px;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  float: left;
}

/*# sourceMappingURL=top.css.map */