/*
Theme Name: Child
Template: twentythirteen
*/

@import url("../twentythirteen/style.css");

body {
  background: #61dafb;
  min-width: 980px;
}

.site {
  background: #61dafb;
  max-width: none;
}

/* header */
#masthead {
  background: #61dafb;
}
#header_inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.home_head {
  height: 410px;
}
.page_head {
  height: 195px;
}

.logo_area {
  float: left;
  width: 320px;
  height: 110px;
  background: url(img/logo_bg.png) top no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 120;
}
.tel_area {
  float: right;
  width: 270px;
  height: 90px;
  background: url(img/tel_bg.png) top no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 120;
}
.logo_area img {
  margin: 10px 0 0 30px;
}
.tel_area img {
  margin: 10px;
}

.main_img_area {
  width: 980px;
  margin: 0 auto;
  height: 380px;
  background: url(img/main_img_bg.png) top no-repeat;
  position: absolute;
  top: 20px;
  z-index: 110;
}
.ananan {
  position: absolute;
  bottom: 20px;
  right: 30px;
}
.main_img_area img {
  margin: 10px 10px;
  z-index: 110;
}
.main_inner_top {
  background: url(img/main_inner_t_bg.png) top no-repeat;
  width: 980px;
  margin: 0 auto;
  height: 30px;
  position: relative;
}
.chara_area {
  height: 80px;
  z-index: 120;
  position: absolute;
  top: -60px;
  left: 50px;
}
.chara_area img {
  z-index: 120;
}

.sub_img_area {
  width: 980px;
  margin: 0 auto;
  height: 155px;
  background: url(img/sub_t_bg.png) top no-repeat;
  position: absolute;
  top: 40px;
  z-index: 110;
}
.subtitle {
  text-align: center;
  margin-top: 45px;
}
.subtitle h2 {
  color: #317927;
  font-family: Verdana, sans-serif;
  font-size: 250%;
  border: none;
  background: none;
  padding: 0;
  behavior: none;
}

h2 {
  font-size: 120%;
  border: 1px #ccc solid;
  border-left: 5px #ff7200 solid;
  padding: 15px 0 15px 15px;
  line-height: 1.5;
  color: #333;
  background: -moz-linear-gradient(bottom, #eee, #fff); /* Firefox用 */
  background: -webkit-linear-gradient(bottom, #eee, #fff);
  background: -o-linear-gradient(bottom, #eee, #fff); /* opera用 */
  background: linear-gradient(to top, #eee, #fff);
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

#nav_area {
}
#nav_area ul {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}
#nav_area ul li {
  float: left;
}

/* main */

.pankuzu {
  padding: 5px 0 15px 5px;
  background: url(img/pan_bar.jpg) bottom no-repeat;
  font-size: 90%;
}
.pankuzu a {
  text-decoration: underline;
  color: #ff7200;
}
.pankuzu a:hover {
  color: #fe9917;
}

#main {
  background: #61dafb url(img/main_bg.jpg) bottom repeat-x;
}
#main_inner {
  width: 980px;
  margin: 0 auto;
  background: url(img/main_inner_bg.gif) repeat-y;
}

#primary_main {
  padding: 0 40px;
}

.top_box_1 {
  float: left;
  width: 510px;
}
.top_box_2 {
  float: right;
  width: 335px;
}

.t_side_box {
  background: url(img/t_side_bg.jpg) no-repeat;
  width: 335px;
  height: 121px;
  margin-bottom: 20px;
}
.t_side_box img.sub {
  margin: 10px 0 0 10px;
}
.t_side_box img.imgover {
  margin: 5px 0 0 10px;
}
.t_side_box p {
  font-size: 80%;
  color: #888;
  margin: 0 10px;
}

.news_1_area {
  width: 435px;
  float: left;
  margin: 15px 0 30px 0;
}
.news_2_area {
  width: 435px;
  float: right;
  margin: 15px 0 30px 0;
}
.news_h3_area_1 {
  height: 35px;
  width: 435px;
  background: url(img/t_h3_1_bg.jpg) no-repeat;
  color: #64ae57;
}
.news_h3_area_2 {
  height: 35px;
  width: 435px;
  background: url(img/t_h3_2_bg.jpg) no-repeat;
  color: #7bc6e6;
}
.news_h3_area_1 h3 {
  color: #64ae57;
  margin: 0;
  padding: 0 0 0 35px;
  width: 200px;
  float: left;
  /* font-family: none; */
  font-family: sans-serif;
}
.news_h3_area_2 h3 {
  color: #7bc6e6;
  margin: 0;
  padding: 0 0 0 35px;
  width: 200px;
  float: left;
  /* font-family: none; */
  font-family: sans-serif;
}

.news_ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 85%;
}
.news_ul li {
  padding: 10px 0;
  border-bottom: 1px #888 dotted;
}
.news_a_link {
  float: right;
}

.news_ul .news_left {
  float: left;
  width: 100px;
}
.news_ul .news_right {
  float: right;
  width: 320px;
}

#primary {
  float: right;
  width: 615px;
  margin-right: 40px;
  margin-top: 10px;
}
.entry-content {
  max-width: 615px;
}

#secondary {
  float: left;
  width: 250px;
  margin-left: 40px;
  margin-top: 10px;
}

.f_txt {
  margin-top: 15px;
}

/* sidebar */

.side_nav {
  padding: 10px 10px;
  margin: 0;
  list-style: none;
  background: url(img/side_nav_bg.jpg) repeat-y;
}

.side_child_ul {
  padding: 5px 0 10px 0;
  margin: 0 0 10px 0;
  list-style: none;
  background: url(img/side_nav_child_b_bg.jpg) bottom no-repeat;
}
.side_child_ul li {
  background: url(img/arrow_1.jpg) left center no-repeat;
  padding: 0 0 0 15px;
  margin: 0 0 5px 30px;
}
.side_nav_btm {
  height: 10px;
  background: url(img/side_nav_b_bg.jpg) bottom no-repeat;
}

.side_child_ul li a {
  text-decoration: underline;
  color: #457ac4;
}
.side_child_ul li a:hover {
  color: #6dade9;
}

/* footer */

#colophon {
  background: #fff url(img/footer_bg.png) bottom center no-repeat;
  clear: both;
}
#footer_inner {
  width: 980px;
  margin: 0 auto;
  background: url(img/main_inner_b_bg.png) top no-repeat;
  height: 160px;
}
.footer_txt {
  text-align: right;
  float: right;
  background: url(img/eco.jpg) top right no-repeat;
  padding: 5px 40px 0 0;
  margin-top: 30px;
}
.copy {
  text-align: left;
  float: left;
  margin-top: 55px;
}

/* 新着情報 */
.single_date {
  margin: 10px 0;
  color: #ff7200;
}

h3.single_title {
  border-left: 5px #ff7200 solid;
  padding: 0 0 0 10px;
  /* font-family: none; */
  font-family: sans-serif;
}

/* エコパーク阿南とは */
.eco_table {
  width: 100%;
}
.eco_table th {
  border: 1px #ccc solid;
  padding: 5px 10px;
  background: #feeee1;
}
.eco_table td {
  border: 1px #ccc solid;
  padding: 5px 10px;
}

.eco_table_2 {
  width: 100%;
}
.eco_table_2 th {
  border: 1px #ccc solid;
  padding: 5px 10px;
  background: #feeee1;
}
.eco_table_2 td {
  border: 1px #ccc solid;
  padding: 5px 10px;
}

h4 {
  border: 1px #ccc solid;
  border-left: 5px #ff7200 solid;
  padding: 15px 0 15px 15px;
  line-height: 1.5;
  color: #333;
  background: -moz-linear-gradient(bottom, #eee, #fff); /* Firefox用 */
  background: -webkit-linear-gradient(bottom, #eee, #fff);
  background: -o-linear-gradient(bottom, #eee, #fff); /* opera用 */
  background: linear-gradient(to top, #eee, #fff);
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}
h5 {
  border-left: 5px #ff7200 solid;
  border-bottom: 1px #aaa dotted;
  padding: 5px 0 5px 10px;
  /* font-family: none; */
  font-family: sans-serif;
  font-size: 100%;
  margin: 15px 0;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  color: #d02153;
}

.eco_area ul {
  list-style-image: url(img/arrow.gif);
  padding: 0 0 0 20px;
}
.eco_area ul li {
  margin-bottom: 5px;
}

/* 運営会社 */
.company_table {
  width: 100%;
  margin-top: 10px;
}
.company_table th {
  border: 1px #ccc solid;
  padding: 4px 10px 4px 10px;
  background: #eee;
  width: 160px;
  vertical-align: middle;
  font-size: 14px;
}
.company_table td {
  border: 1px #ccc solid;
  padding: 4px 10px 4px 10px;
}

/* 施設の紹介 */
.e-facility_left_box {
  width: 300px;
  float: left;
  background: #f0f0f0;
  height: 200px;
}
.e-facility_right_box {
  width: 300px;
  float: right;
}
.e-facility_table {
  width: 100%;
}
.e-facility_table th {
  border: 1px #ccc solid;
  padding: 5px 10px;
  background: #f0f0f0;
}
.e-facility_table td {
  border: 1px #ccc solid;
  padding: 5px 10px;
}

/* 会議室案内 */
.guidance_left_box {
  width: 200px;
  float: left;
  background: #f0f0f0;
  height: 140px;
}
.guidance_right_box {
  width: 400px;
  float: right;
}
.guidance_table {
  width: 100%;
}
.guidance_table th {
  border: 1px #ccc solid;
  padding: 5px 10px;
  background: #f0f0f0;
}
.guidance_table td {
  border: 1px #ccc solid;
  padding: 5px 10px;
}
.guidance_table .gt1 {
  width: 180px;
}
.guidance_table .gt2 {
  width: 80px;
}

/* 見学者受付 */
.contact_left_box {
  width: 300px;
  float: left;
  background: #f0f0f0;
  height: 200px;
}
.contact_right_box {
  width: 300px;
  float: right;
}

.ob_root {
  margin-bottom: 10px;
  padding-bottom: 15px;
  background: url(img/b_arrow2.png) bottom center no-repeat;
}

.observe_left_box {
  width: 150px;
  float: left;
  background: #f0f0f0;
  height: 100px;
}
.observe_right_box {
  width: 450px;
  float: right;
}

.observe_right_box span {
  font-weight: bold;
  color: #d02153;
}

/* イベント情報 */
.event_box {
  border-bottom: 1px #ccc solid;
}
h5.event_title {
  border-left: 5px #ff7200 solid;
  padding: 5px 0 5px 10px;
  margin: 15px 0;
  /* font-family: none; */
  font-family: sans-serif;
}
.event_pdf {
  margin-bottom: 5px;
  text-align: right;
}

/* contact */
.contact_table {
  width: 100%;
  margin-top: 10px;
}
.contact_table th {
  border: 1px #ccc solid;
  padding: 4px 10px 4px 10px;
  background: #eee;
  width: 160px;
  vertical-align: middle;
  font-size: 14px;
}
.contact_table td {
  border: 1px #ccc solid;
  padding: 4px 10px 4px 10px;
}
.c_submit {
  margin-bottom: 30px;
  font-weight: bold;
  text-align: center;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End Hack */

#imageContainer {
  z-index: 11050;
}

.modal_img_1 {
  width: 1024px;
  height: 750px;
  background: url(img/eco_img_003.jpg) no-repeat;
  pasition: relative;
}
.modal_img_2 {
  width: 1024px;
  height: 750px;
  background: url(img/eco_img_004.jpg) no-repeat;
  pasition: relative;
}
.modal_img_1 a {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 5px 10px;
  border: 1px #ccc solid;
  font-size: 80%;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff,gradienttype=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff)";
  zoom: 1;
}
.modal_img_2 a {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 5px 10px;
  border: 1px #ccc solid;
  font-size: 80%;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff,gradienttype=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff)";
  zoom: 1;
}

.modal_link_1 {
  position: absolute;
  top: 90px;
  left: 100px;
}
.modal_link_2 {
  position: absolute;
  top: 270px;
  left: 320px;
}
.modal_link_3 {
  position: absolute;
  top: 120px;
  left: 340px;
}
.modal_link_4 {
  position: absolute;
  top: 10px;
  left: 420px;
}
.modal_link_5 {
  position: absolute;
  top: 470px;
  left: 490px;
}
.modal_link_6 {
  position: absolute;
  top: 180px;
  left: 630px;
}

.modal_link_7 {
  position: absolute;
  top: 180px;
  left: 320px;
}
.modal_link_8 {
  position: absolute;
  top: 180px;
  left: 500px;
}
.modal_link_9 {
  position: absolute;
  top: 10px;
  left: 600px;
}
.modal_link_10 {
  position: absolute;
  top: 30px;
  left: 820px;
}
.modal_link_11 {
  position: absolute;
  top: 230px;
  left: 900px;
}
.modal_link_12 {
  position: absolute;
  top: 440px;
  left: 420px;
}
.modal_link_13 {
  position: absolute;
  top: 250px;
  left: 450px;
}
.modal_link_14 {
  position: absolute;
  top: 520px;
  left: 420px;
}
.modal_link_15 {
  position: absolute;
  top: 600px;
  left: 400px;
}
.modal_link_16 {
  position: absolute;
  top: 700px;
  left: 750px;
}
.modal_link_17 {
  position: absolute;
  top: 290px;
  left: 520px;
}

.modal_link_2 .tip {
  position: absolute;
  top: -200px;
}
.modal_link_3 .tip {
  width: 420px;
}
.modal_link_4 .tip {
  width: 420px;
}
.modal_link_5 .tip {
  position: absolute;
  top: -350px;
}
.modal_link_6 .tip {
  position: absolute;
  left: -500px;
}

.modal_link_7 .tip {
  width: 420px;
}
.modal_link_8 .tip {
  width: 420px;
}
.modal_link_13 .tip {
  width: 420px;
}
.modal_link_17 .tip {
  width: 420px;
}

.modal_link_9 .tip {
  position: absolute;
  left: -500px;
}
.modal_link_10 .tip {
  position: absolute;
  left: -500px;
}
.modal_link_11 .tip {
  position: absolute;
  left: -500px;
}

.modal_link_12 .tip {
  position: absolute;
  top: -250px;
}
.modal_link_14 .tip {
  position: absolute;
  top: -500px;
}
.modal_link_15 .tip {
  position: absolute;
  top: -500px;
}
.modal_link_16 .tip {
  position: absolute;
  top: -500px;
  left: -500px;
}

#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787,
#div788 {
  background: none repeat scroll 0 0 #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  width: 1024px;
  pasition: relative;
}

.tip {
  color: #fff;
  background: #1d1d1d;
  width: 600px;
  display: none; /*--基本は非表示--*/
  padding: 10px;
  position: absolute;
  z-index: 1000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

a {
  text-decoration: none;
}

/* 追加20180413　アンケート */

.inquiry_list,
.inquiry_list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.inquiry_list li {
  border-bottom: 1px dotted #ccc;
  padding: 15px;
}

.inquiry_list li a {
  display: block;
}

.inquiry_list li a::before {
  display: inline-block;
  content: "";
  background: url(img/ico_pdf01.png) no-repeat left top;
  width: 64px;
  height: 64px;
  vertical-align: middle;
}

.inquiry_list li a .inquiry_tit {
  display: inline-block;
  vertical-align: middle;
  width: 510px;
  margin-left: 11px;
}

/* 20240329追加 */
.chara_area a:hover {
  opacity: 0.7;
}

.top_box_1 .map {
  width: 510px;
}


h2 {
    background: linear-gradient(bottom, #eee, #fff);
    z-index: 2;
    position: relative;
}

h4 {
    background: linear-gradient(bottom, #eee, #fff);
    z-index: 2;
    position: relative;
}

#div787, #div788 {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    z-index: 2;
    position: relative;
}

.tip {
    border-radius: 3px;
}