@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :copy.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/* -----------------------------------------------------------
	.con_her
----------------------------------------------------------- */
.con_her {
  width: 960px;
  margin: 50px auto;
  overflow: hidden;
}
.con_her h3 {
  margin: 0;
}
.con_her .box_slider {
  width: 960px;
  margin: 20px 0;
  position: relative;
  clear: both;
}
.con_her .box_slider .thum_slide {
  right: 0;
}
.con_her .box_slider .thum_slide {
  overflow: hidden;
  position: absolute;
  bottom: -10px;
  right: 20px;
  margin: 0 0 20px;
  z-index: 100;
}
.con_her .box_slider .thum_slide a {
  height: 0;
  padding-top: 47px;
  overflow: hidden;
  display: block;
  float: left;
  width: 47px;
  margin-left: 10px;
}
.con_her .box_slider #bx-pager_01 .pager-1 {
  background: url(../green_season/images/thumb_her_01.png) no-repeat 0 0;
}
.con_her .box_slider #bx-pager_01 .pager-2 {
  background: url(../green_season/images/thumb_her_02.png) no-repeat 0 0;
}
.con_her .box_slider #bx-pager_01 .pager-3 {
  background: url(../green_season/images/thumb_her_03.png) no-repeat 0 0;
}
.con_her .box_slider #bx-pager_01 a.active {
  background-position: 0 -47px;
}
.con_her .wrp_det {
  width: 480px;
  float: left;
}
.con_her .wrp_det h4 {
  margin: 0;
}
.con_her .wrp_det .txt {
  margin: 20px 0 0;
}
.con_her .wrp_det ul {
  margin-top: 20px;
  overflow: hidden;
}
.con_her .wrp_det ul li {
  float: left;
  margin-right: 20px;
}
.con_her .wrp_det ul li.last {
  margin: 0;
}
.con_her .wrp_tbl {
  width: 450px;
  float: right;
  margin-top: 50px;
}
.con_her .wrp_tbl .tbl_basic {
  margin: 20px 0 0;
}
.con_her .wrp_tbl .tbl_basic th {
  width: 20%;
  text-align: center;
}
.con_her .wrp_tbl .tbl_basic td {
  width: 30%;
}

/* -----------------------------------------------------------
	.con_act
----------------------------------------------------------- */
.con_act {
  width: 960px;
  margin: 0 auto 50px;
}
.con_act h3 {
  margin: 0;
}
.con_act .act_area {
  margin: 20px 0 0;
}
.con_act .act_area h4 {
  margin: 0;
}
.con_act .act_area .act_list {
  overflow: hidden;
  width: 972px;
  margin: 20px -13px 15px 0;
}
.con_act .act_area .box_act {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width: 230px;
  /* float: left; */
  margin: 0 13px 13px 0;
}
.con_act .act_area .box_act .img_pho {
  margin: 0;
}
.con_act .act_area .box_act .wrp_det {
  padding: 19px 0;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.con_act .act_area .box_act .wrp_det .st {
  height: 45px;
  text-align: center;
}
.con_act .act_area .box_act .wrp_det .btn {
  text-align: center;
}

.con_act .act_area .panel_area_box{
  margin-top:20px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* -----------------------------------------------------------
	.bn_sea
----------------------------------------------------------- */
.bn_sea {
  text-align: center;
}

/* -----------------------------------------------------------
	.con_actdet
----------------------------------------------------------- */
.con_actdet {
  width: 960px;
  overflow: hidden;
  padding: 10px;
}
.con_actdet .box_det {
  width: 485px;
  float: left;
}
.con_actdet .box_det h1 {
  text-align: center;
}
.con_actdet .box_det .txt {
  margin: 10px 0 0;
}
.con_actdet .box_det .tbl_basic {
  font-size: 12px;
  margin: 20px 0 0;
}
.con_actdet .box_det .tbl_basic th {
  padding: 2px;
}
.con_actdet .box_det .tbl_basic th.type {
  width: 40%;
}
.con_actdet .box_det .tbl_basic td {
  padding: 2px;
}
.con_actdet .img_pho {
  width: 451px;
  float: right;
}

/* -----------------------------------------------------------
	.con_gia
----------------------------------------------------------- */
.con_gia {
  width: 960px;
  margin: 50px auto;
}
.con_gia h3 {
  margin: 0;
}
.con_gia .box_int {
  margin: 30px 0 0;
  padding: 0 0 200px;
  background: url(../green_season/giant_sculpture/images/bg_int.jpg) no-repeat 0 0;
}
.con_gia .box_int .wrp_int {
  width: 354px;
  margin: 0 0 0 auto;
}
.con_gia .box_int .wrp_int h4 {
  margin: 0;
}
.con_gia .box_int .wrp_int .txt {
  margin: 20px 0 0;
}
.con_gia .box_gialist {
  margin: 0 0 50px;
}
.con_gia .box_gialist h4 {
  margin: 0;
}
.con_gia .box_gialist .gia_list {
  overflow: hidden;
  width: 972px;
  margin: 20px -13px 15px 0;
}
.con_gia .box_gialist .box_gia {
  width: 230px;
  float: left;
  margin: 0 13px 13px 0;
}
.con_gia .box_gialist .box_gia .img_pho {
  margin: 0;
}
.con_gia .box_gialist .box_gia .wrp_det {
  padding: 19px 0;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.con_gia .box_gialist .box_gia .wrp_det .st {
  height: 45px;
  text-align: center;
}
.con_gia .box_gialist .box_gia .wrp_det .btn {
  text-align: center;
}

/* -----------------------------------------------------------
	.box_art
----------------------------------------------------------- */
.box_art {
  padding: 30px 0;
  background: url(../images/common/bg_roy.png) repeat 0 0;
}
.box_art .art_inner {
  width: 960px;
  margin: 0 auto;
  background: url(../green_season/giant_sculpture/images/bg_art.png) repeat-y 0 0;
}
.box_art .art_inner h3 {
  margin: 0;
  padding: 0;
}
.box_art .art_inner .inner {
  overflow: hidden;
  padding: 30px;
}
.box_art .art_inner .inner .img_pho {
  width: 300px;
  float: left;
}
.box_art .art_inner .inner .wrp_det {
  width: 560px;
  float: right;
}
.box_art .art_inner .inner .wrp_det dl {
  overflow: hidden;
  color: #FFF;
}
.box_art .art_inner .inner .wrp_det dl dt {
  width: 45px;
  float: left;
}
.box_art .art_inner .inner .wrp_det dl dd {
  width: 515px;
  float: right;
}
.box_art .art_inner .img_bot {
  margin: 0;
  padding: 0;
}

/* -----------------------------------------------------------
	.con_giadet
----------------------------------------------------------- */
.con_giadet {
  width: 900px;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px 0;
}
.con_giadet .box_det {
  width: 475px;
  float: left;
}
.con_giadet .box_det .st {
  text-align: center;
}
.con_giadet .box_det .txt {
  margin: 20px 0 0;
}
.con_giadet .box_det .tbl_basic {
  font-size: 12px;
  margin: 20px 0 0;
}
.con_giadet .box_det .tbl_basic th {
  width: 30%;
  text-align: center;
}
.con_giadet .box_det .tbl_basic td {
  width: 70px;
}
.con_giadet .img_pho {
  width: 400px;
  float: right;
}

/* -----------------------------------------------------------
	.con_tre	treeadventure.php
----------------------------------------------------------- */
#contents .con_tre {
  width: 960px;
  margin: 40px auto 50px;
  overflow: hidden;
}
#contents .con_tre .box_int {
  width: 960px;
  margin: 20px auto 0;
  padding: 0 50px;
  /* padding: 400px 0 50px;
  background: url(../green_season/images/treeadventure/bg_tre.jpg) no-repeat top left; */
}
/* #contents .con_tre .box_int .txt {
  width: 470px;
} */
#contents .con_tre .box_gui {
  margin-top: 30px;
}
#contents .con_tre .box_gui .tbl_basic {
  margin: 20px 0 10px;
}
#contents .con_tre .box_gui .tbl_basic span {
  color: #f00;
}
#contents .con_tre .box_cou {
  margin: 70px auto 0;
}
#contents .con_tre .box_cou h4 {
  margin-bottom: 30px;
}

/* -----------------------------------------------------------
	.con_ten	tennis.php
----------------------------------------------------------- */
#contents .con_ten {
  width: 960px;
  margin: 40px auto 50px;
  overflow: hidden;
}
#contents .con_ten h3 {
  margin-bottom: 30px;
}
#contents .con_ten .box_ten {
  background: url(../green_season/images/tennis/bg_ten.jpg) no-repeat top center;
  padding: 400px 0 75px;
}
#contents .con_ten .box_ten .txt_ten {
  width: 425px;
}
#contents .con_ten .box_sum .tbl_ten {
  margin-top: 20px;
}
#contents .con_ten .box_sum .tbl_ten th {
  width: 20%;
}
#contents .con_ten .img_ten {
  margin-top: 50px;
  text-align: center;
}

/* -----------------------------------------------------------
	.con_str
----------------------------------------------------------- */
#contents .con_str {
  width: 960px;
  margin: 40px auto 60px;
  overflow: hidden;
}
#contents .con_str h3 {
  margin-bottom: 32px;
}
#contents .con_str .photo {
  margin-bottom: 20px;
}
#contents .con_str .box_str {
  overflow: hidden;
  margin-bottom: 70px;
}
#contents .con_str .box_str .wrp_str {
  float: left;
  width: 465px;
}
#contents .con_str .box_str .wrp_str .url {
  color: #308ed2;
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 0;
}
#contents .con_str .box_str .tbl_basic {
  float: right;
  width: 465px;
}
#contents .con_str .box_str .tbl_basic th {
  width: 20%;
}
#contents .con_str .box_str .tbl_basic td {
  width: 30%;
}
#contents .con_str .box_str_01 {
  background: url(../green_season/images/strider/bg_beg.jpg) no-repeat top left;
  padding: 10px 0 190px;
  margin-bottom: 20px;
}
#contents .con_str .box_str_01 .wrp_str {
  margin: 0 0 0 auto;
  width: 352px;
}
#contents .con_str .box_str_01 .wrp_str h4 {
  margin-bottom: 20px;
}
#contents .con_str .box_str_02 {
  background: url(../green_season/images/strider/bg_tim.jpg) no-repeat right top;
  padding: 20px 0 170px;
}
#contents .con_str .box_str_02 .wrp_str {
  margin: 0 auto 0 0;
  width: 352px;
}
#contents .con_str .box_str_02 .wrp_str h4 {
  margin-bottom: 20px;
}
#contents .con_str .box_str_bot {
  width: 450px;
}
#contents .con_str .box_str_bot h4 {
  margin: 20px 0 20px;
}

/* -----------------------------------------------------------
	.con_int		INTRO
----------------------------------------------------------- */
#wj #contents .con_int {
  width: 960px;
  margin: 40px auto 30px;
  overflow: hidden;
}
#wj #contents .con_int .pnav {
  margin: 30px 0 50px 0;
  overflow: hidden;
  width: 960px;
}
#wj #contents .con_int .pnav li {
  float: left;
  margin: 0 20px 0 0;
  width: 225px;
}
#wj #contents .con_int .pnav li.last {
  margin: 0;
}
#wj #contents .con_wat {
  width: 960px;
  margin: -80px auto 45px;
  padding: 80px 0 0;
}
#wj #contents .con_wat .box_wat01 {
  background: url(../green_season/images/wj/bg_wat.jpg) no-repeat left top;
  margin-top: 40px;
  padding: 20px 0 150px;
}
#wj #contents .con_wat .box_wat01 .wrp_wat {
  margin: 0 0 0 auto;
  width: 360px;
}
#wj #contents .con_wat .box_wat01 .wrp_wat h4 {
  margin-bottom: 20px;
}
#wj #contents .con_wat .box_wat02 {
  overflow: hidden;
  margin-top: 30px;
}
#wj #contents .con_wat .box_wat02 .txt_wat {
  float: left;
  width: 360px;
  margin-top: 17px;
}
#wj #contents .con_wat .box_wat02 .img_wat {
  float: right;
  width: 585px;
}
#wj #contents .con_wat .box_too {
  margin: 50px 0 0 0;
}
#wj #contents .con_wat .box_too .txt_too {
  margin-top: 10px;
}
#wj #contents .con_wat .box_too .tbl_basic {
  margin-top: 20px;
}
#wj #contents .con_wat .box_too .tbl_basic th {
  width: 15%;
}
#wj #contents .con_wat .box_too .tbl_basic td {
  width: 35%;
}

/* -----------------------------------------------------------
	.con_fee
----------------------------------------------------------- */
#contents .con_fee {
  width: 960px;
  margin: -80px auto 45px;
  overflow: hidden;
  padding: 80px 0 0;
}
#contents .con_fee h3 {
  margin-bottom: 30px;
}
#contents .con_fee h4 {
  margin: 0 0 10px;
}
#contents .con_fee .tbl_basic th {
  width: 6%;
}
#contents .con_fee .tbl_basic th.rem {
  width: 30%;
}
#contents .con_fee .fee_area {
  margin-top: 10px;
  width: 460px;
}
#contents .con_fee .fee_area .box_fee {
  margin: 0 0 10px;
}
#contents .con_fee .fee_area .box_fee .tbl_basic {
  margin-top: 10px;
}
#contents .con_fee .fee_area .box_fee .tbl_basic th {
  width: 18%;
}

/* -----------------------------------------------------------
	.con_fee
----------------------------------------------------------- */
#contents .con_pri {
  width: 960px;
  margin: -80px auto 45px;
  overflow: hidden;
  padding: 80px 0 0;
}
#contents .con_pri .box_pri {
  background: url("../green_season/images/bg_liv.png") repeat;
  margin: 20px 0 0;
  padding: 15px;
}
#contents .con_pri .box_pri .inner {
  background: none repeat scroll 0 0 #fff;
  padding: 40px 50px;
}
#contents .con_pri .box_pri .inner h3 {
  text-align: center;
  margin-bottom: 30px;
}
#contents .con_pri .box_pri .inner .wrp_pri {
  margin: 0 auto 30px;
  overflow: hidden;
}
#contents .con_pri .box_pri .inner .wrp_pri h4 {
  margin-bottom: 20px;
}
#contents .con_pri .box_pri .inner .wrp_pri .pri_area {
  float: left;
  margin-right: 17px;
  width: 265px;
}
#contents .con_pri .box_pri .inner .wrp_pri .pri_area .txt_area {
  width: 233px;
  border: 1px solid #dbdbdb;
  border-top: none;
  padding: 15px 15px 20px;
}
#contents .con_pri .box_pri .inner .wrp_pri .last {
  margin: 0;
}
#contents .con_pri .box_pri .inner .pri_com .pri_area {
  float: left;
  margin-right: 25px;
  width: 400px;
}
#contents .con_pri .box_pri .inner .pri_com .pri_area .txt_area {
  width: 368px;
  border: 1px solid #dbdbdb;
  border-top: none;
  padding: 15px 15px 20px;
}
#contents .con_pri .box_pri .inner .pri_com .last {
  margin: 0;
}

/* -----------------------------------------------------------
	.con_fac
----------------------------------------------------------- */
#contents .con_fac {
  width: 960px;
  margin: -80px auto 45px;
  overflow: hidden;
  padding: 80px 0 0;
}
#contents .con_fac .fac_area {
  margin: 20px 0 30px 0;
  overflow: hidden;
  width: 960px;
}
#contents .con_fac .fac_area .box_fac {
  float: left;
  margin: 0 27px 0 0;
  width: 302px;
}
#contents .con_fac .fac_area .box_fac .wrp_fac {
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  padding: 19px 0;
}
#contents .con_fac .fac_area .box_fac .wrp_fac h4 {
  margin: 0 0 10px;
  text-align: center;
}
#contents .con_fac .fac_area .box_fac .wrp_fac .txt_area {
  margin: 0 auto 20px;
  width: 260px;
}
#contents .con_fac .fac_area .last {
  margin: 0;
}

/* -----------------------------------------------------------
	.con_acc
----------------------------------------------------------- */
#contents .con_acc {
  width: 960px;
  margin: -80px auto 80px;
  padding: 80px 0 0;
}
#contents .con_acc h3 {
  margin-bottom: 30px;
}
#contents .con_acc .box_acc {
  overflow: hidden;
}
#contents .con_acc .box_acc .map {
  float: left;
  width: 396px;
}
#contents .con_acc .box_acc .acc_area {
  float: right;
  width: 520px;
}
#contents .con_acc .box_acc .acc_area .txt_acc {
  margin: 10px 0 40px;
}

/* -----------------------------------------------------------

	other.php
	
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_oth
----------------------------------------------------------- */
#contents .con_oth {
  width: 960px;
  margin: 40px auto 0;
}
#contents .con_oth h3 {
  margin-bottom: 32px;
}
#contents .con_oth .box_oth {
  margin: -80px auto 40px;
  padding: 80px 0;
  overflow: hidden;
}
#contents .con_oth .box_oth .wrp_l {
  float: left;
  width: 465px;
}
#contents .con_oth .box_oth .wrp_r {
  float: right;
  width: 465px;
}
#contents .con_oth .box_oth .wrp_r .txt {
  margin: 23px 0 17px;
}
#contents .con_oth .box_oth .wrp_r .tbl_basic th {
  width: 27%;
}
#contents .con_oth .box_oth02 .wrp_l {
  float: left;
  width: 465px;
}
#contents .con_oth .box_oth02 .wrp_l .txt {
  margin: 23px 0 17px;
}
#contents .con_oth .box_oth02 .wrp_l .tbl_basic th {
  width: 27%;
}

/* -----------------------------------------------------------
	.box_pnav	アンカーリンク
----------------------------------------------------------- */
#contents .box_pnav {
  width: 960px;
  margin: 30px auto 50px;
}
#contents .box_pnav .pnav {
  width: 960px;
  overflow: hidden;
}
#contents .box_pnav .pnav li {
  float: left;
  margin: 0 9px 6px 0;
  height: 41px;
}
#contents .box_pnav .pnav li.last {
  margin: 0;
}

/* -----------------------------------------------------------

	herb.php
	
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_int		INTRO
----------------------------------------------------------- */
#herb #contents .con_int {
  width: 960px;
  margin: 40px auto 60px;
  overflow: hidden;
}
#herb #contents .con_int .pnav {
  margin: 0 auto;
  width: 960px;
}
#herb #contents .con_int .pnav ul {
  overflow: hidden;
}
#herb #contents .con_int .pnav ul li {
  float: left;
  margin-right: 20px;
  width: 225px;
}
#herb #contents .con_int .pnav ul li.last {
  margin: 0;
}

/* -----------------------------------------------------------
	.con_her
----------------------------------------------------------- */
#herb #contents .con_her {
  margin: -120px auto 40px;
  overflow: hidden;
  padding: 80px 0;
  overflow: hidden;
}
#herb #contents .con_her h3 {
  margin-bottom: 32px;
}
#herb #contents .con_her .box_har {
  background: url(../green_season/images/herb/bg_her.jpg) no-repeat left top;
  padding: 580px 0 0;
  overflow: hidden;
  margin-bottom: 50px;
}
#herb #contents .con_her .box_har .wrp_det {
  float: left;
  width: 470px;
}
#herb #contents .con_her .box_har .wrp_det .tbl_basic {
  margin: 20px 0 0 0;
}
#herb #contents .con_her .box_har .wrp_det ul {
  overflow: hidden;
  margin-top: 20px;
}
#herb #contents .con_her .box_har .wrp_det ul li {
  float: left;
  width: 230px;
  margin-right: 10px;
}
#herb #contents .con_her .box_har .wrp_det ul li.last {
  margin: 0;
}
#herb #contents .con_her .her_area {
  margin: 20px -40px 0 0;
  overflow: hidden;
  width: 1000px;
}
#herb #contents .con_her .her_area .box_her {
  float: left;
  margin: 0 40px 0 0;
  width: 460px;
}
#herb #contents .con_her .her_area .box_her .wrp_her {
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  padding: 10px 0 19px;
  overflow: hidden;
}
#herb #contents .con_her .her_area .box_her .wrp_her ul {
  width: 395px;
  margin: 0 auto;
}
#herb #contents .con_her .her_area .box_her .wrp_her ul li {
  width: 395px;
  margin: 0 auto;
  list-style: outside none disc;
  margin: 0 auto 3px;
}
#herb #contents .con_her .her_area .box_her .wrp_her ul.her_item {
  float: left;
  padding: 0 0 0 30px;
  width: 190px;
}

/* -----------------------------------------------------------
	.con_gar
----------------------------------------------------------- */
#contents .con_gar .photo {
  position: relative;
  margin-bottom: 20px;
}
#contents .con_gar .photo .img_gar02 {
  position: absolute;
  right: 30px;
  top: 500px;
}
#contents .con_gar .box_det {
  width: 550px;
}
#contents .con_gar .box_gui {
  margin-top: 50px;
}
#contents .con_gar .box_gui .tbl_basic {
  margin: 20px 0 10px;
}
#contents .con_gar .box_gui .tbl_basic th.type {
  width: 50%;
}

/* -----------------------------------------------------------
	.con_gre
----------------------------------------------------------- */
#contents .con_gre {
  width: 100%;
}
#contents .con_gre .box_gre {
  width: 960px;
  margin: 0 auto;
}
#contents .con_gre .box_gre .photo {
  position: relative;
}
#contents .con_gre .box_gre .photo .img_gre02 {
  position: absolute;
  right: 15px;
  top: 500px;
}
#contents .con_gre .box_gre .photo .img_gold02 {
	position: absolute;
	right: -9px;
	top: 91px;
}
#contents .con_gre .box_gre .wrp_det {
  width: 480px;
  float: left;
  overflow: hidden;
}
#contents .con_gre .box_gre .wrp_det .txt {
  margin: 20px 0 0;
}
#contents .con_gre .box_gre .wrp_det .btn {
  margin: 20px 10px 0 0;
  width: 240px;
  float: left;
}
#contents .con_gre .box_sho {
  background: url("../images/common/bg_roy.png") repeat;
  margin: 120px 0 0;
  padding: 50px 0;
}
#contents .con_gre .box_sho .wrp_sho {
  margin: 0 auto;
  width: 960px;
  overflow: hidden;
}
#contents .con_gre .box_sho .wrp_sho .photo {
  float: left;
  width: 641px;
}
#contents .con_gre .box_sho .wrp_sho .txt_area {
  float: right;
  width: 305px;
}
#contents .con_gre .box_sho .wrp_sho .txt_area .txt_sho {
  color: #FFF;
  margin-top: 20px;
}
#contents .con_gre .box_sho .wrp_sho .txt_area .ice {
  text-align: right;
}

/* -----------------------------------------------------------
	.con_kao
----------------------------------------------------------- */
#contents .con_kao {
  padding-bottom: 0px;
}
#contents .con_kao .photo {
  position: relative;
}
#contents .con_kao .photo .img_kao02 {
  position: absolute;
  right: 0;
  top: 315px;
}
#contents .con_kao .box_det {
  width: 960px;
}
#contents .con_kao .box_det .wrp_l {
  float: left;
  width: 580px;
}
#contents .con_kao .box_det .wrp_l .st_kao {
  margin: 20px 0 20px;
}
#contents .con_kao .box_det .wrp_r {
  float: right;
  width: 380px;
  margin-top: 150px;
  text-align: right;
}

/* -----------------------------------------------------------

	promenade.php
	
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_pro
----------------------------------------------------------- */
#contents .con_pro {
  width: 960px;
  position: relative;
  margin: 40px auto 60px;
}
#contents .con_pro h3 {
  margin-bottom: 30px;
  padding-top: 10px;
}
#contents .con_pro .photo_cam {
  position: absolute;
  top: 0;
  right: 50px;
}
#contents .con_pro .photo {
  position: absolute;
  bottom: 0;
  right: 10px;
}
#contents .con_pro .box_cam {
  margin-top: 20px;
  width: 480px;
}
#contents .con_pro .box_cam .tbl_basic {
  margin-top: 20px;
}
#contents .con_pro .box_pro {
  margin-top: 20px;
  overflow: hidden;
}
#contents .con_pro .box_pro .txt {
  float: left;
  width: 480px;
}
#contents .con_pro .box_pro .tbl_basic {
  float: right;
  width: 465px;
}
#contents .con_pro .box_for {
  overflow: hidden;
  margin-top: 60px;
}
#contents .con_pro .box_for h4 {
  margin-top: 15px;
}
#contents .con_pro .box_for .wrp_l {
  float: left;
  width: 450px;
}
#contents .con_pro .box_for .wrp_r {
  float: right;
  width: 450px;
}

/* -----------------------------------------------------------

	bbq.php
	
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_bbq
----------------------------------------------------------- */
#contents .con_bbq {
  width: 960px;
  margin: 40px auto 60px;
  overflow: hidden;
}
#contents .con_bbq h3 {
  margin-bottom: 32px;
}
#contents .con_bbq .photo {
  margin-bottom: 20px;
  position: relative;
}
#contents .con_bbq .photo .img_bbq02 {
  position: absolute;
  right: 30px;
  top: 290px;
}
#contents .con_bbq .box_bbq {
  width: 500px;
}
#contents .con_bbq .box_bbq .tbl_basic {
  margin-top: 20px;
}

/* -----------------------------------------------------------
	.tab_wrap
----------------------------------------------------------- */
.tab_wrap{width:950px; margin:20px auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width:220px; margin:0 5px; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:20px 0; display:none;}
.tab_panel p.season{
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: #8CA80C;
	font-weight: bold;
}
 
#tab1:checked ~ .tab_area .tab1_label{background:#D6F3E1; color:#000;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#D6F3E1; color:#000;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#D6F3E1; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#D6F3E1; color:#000;}
#tab4:checked ~ .panel_area #panel4{display:block;}