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

	「エナセーブブランドサイト」共通

=====================================================================*/
#dtglobal_container {
  z-index: 200;
}
body {
  position: relative;
}
img {
  vertical-align: bottom;
}
p {
  margin: 0;
}
.fade {
  transition: 0.7s ease-in-out;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
}
.fade:hover {
  opacity: 0.6;
}
a:hover img {
  opacity: 0.6;
/* IE6/7 */
  opacity: 0.6;
/* IE8 */
}
.clearfix {
  display: inline-table;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/*──────────────────────────
	LINK
────────────────────────── */
#specialSite_mainCol {
  padding: 0;
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  color: #333;
  position: relative;
}
#specialSite_mainCol a:link,
#specialSite_mainCol a:visited {
  text-decoration: none;
  color: #333;
}
#specialSite_mainCol a:hover {
  text-decoration: none;
  color: #00a53c !important;
}
#specialSite_mainCol a:active {
  text-decoration: none;
  color: #333;
}
#specialSite_mainCol #header {
  width: 970px;
  height: 26px;
  background: url("../img/bg_header.gif") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  padding: 12px 0 12px 30px;
}
#specialSite_mainCol #header h2 a {
  width: 167px;
  height: 25px;
  background: url("../img/logo_enasave.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
#specialSite_mainCol #pagename {
  width: 970px;
  padding: 5px 0 5px 30px;
  border-bottom: 1px #888 dotted;
}
#specialSite_mainCol #backtop {
  font-size: 13px;
  width: auto;
  z-index: 9999;
  padding: 16px 40px 20px 0;
  text-align: right;
}
/*──────────────────────────
	#specialSite_mainCol
────────────────────────── */
/*──────────────────────────
	#header ヘッダー
────────────────────────── */
/*──────────────────────────
	#pagename　パンクズ
────────────────────────── */
/*──────────────────────────
	#foot　トップに戻る
────────────────────────── */
#backtop a:link,
#backtop a:visited {
  text-decoration: none;
  color: #fff;
}
#backtop a:hover {
  text-decoration: none;
  color: #333 !important;
}
#backtop a:active {
  text-decoration: none;
  color: #fff;
}
/*=====================================================================

	「エナセーブブランドサイト」トップページ

=====================================================================*/
/*──────────────────────────
	#top_title ページメイン画像周り
────────────────────────── */
#specialSite_mainCol #top_title {
  width: 1000px;
  height: 250px;
  background: url("../img/top_main.jpg") no-repeat;
  display: block;
  overflow: hidden;
  position: relative;
}
#specialSite_mainCol #top_title .logo {
  width: 288px;
  height: 43px;
  background: url("../img/logo_enasave_b.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 45px;
}
#specialSite_mainCol #top_title .bg {
  width: 598px;
  height: 191px;
  background: url("../img/top_tit.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 41px;
  right: 45px;
}
/*──────────────────────────
	#top_inner　ページバックグランド
────────────────────────── */
#top_inner {
  width: 1000px;
  height: 750px;
  background: url("../img/bg.jpg") no-repeat;
  display: block;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  position: relative;
}
#top_inner .news {
  width: 898px;
  height: 105px;
  margin: 20px auto;
  padding: 15px 18px 20px 20px;
  background: url("../img/bg_news.png") no-repeat;
  display: block;
  overflow: hidden;
}
#top_inner .news h2 {
  width: 95px;
  height: 28px;
  background: url("../img/tit_news.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
#top_inner .news ul {
  overflow: auto;
  height: 85px;
  scrollbar-base-color: #c9c9c9;
}
#top_inner .news li {
  margin: 0px auto;
  padding: 10px;
  border-bottom: #888 dotted 1px;
}
#top_inner .news .day {
  width: 60px;
  margin-right: 30px;
  color: #00ab1d;
  float: left;
}
#top_inner .news .tit {
  width: 770px;
  float: left;
}
#top_inner .team {
  width: 901px;
  height: 240px;
  margin: 20px auto;
  padding: 20px;
  background: url("../img/bg_team2.png") no-repeat;
  display: block;
  overflow: hidden;
}
#top_inner .team .inner {
  width: 901px;
  height: 240px;
}
#top_inner .team .left {
  width: 442px;
  display: block;
  overflow: hidden;
  float: left;
  position: relative;
}
#top_inner .team .right {
  width: 459px;
  display: block;
  overflow: hidden;
  float: right;
  position: relative;
  text-align: center;
}
#top_inner .team .right .logo {
  width: 208px;
  height: 68px;
  margin: 10px auto 20px auto;
  background: url("../img/logo_team.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
#top_inner .team .right .main {
  width: 418px;
  height: 220px;
  margin: 0 auto 10px auto;
}
#top_inner .team .right h3 {
  font-weight: normal;
  line-height: 160%;
}
#top_inner .team .right .cat {
  margin-top: 20px;
  text-align: center;
  font-size: 10px;
  color: #00ab1d;
  font-weight: bold;
  text-align: center;
}
#top_inner .team a:hover {
  text-decoration: none;
  color: #333 !important;
}
#top_inner .taiya {
  width: 934px;
  margin: 0 auto 20px auto;
  position: relative;
}
#top_inner .taiya .new {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 78px;
  height: 43px;
  background: url("../img/icon_new.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9999;
}
#top_inner .taiya .bakudan {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 87px;
  height: 85px;
  background: url("../img/2015_badge.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9999;
}
#top_inner .taiya li {
  width: 296px;
  height: 345px;
  float: left;
  margin-right: 23px;
  background: url("../img/bg_taiya.png") no-repeat;
  display: block;
  overflow: hidden;
  position: relative;
}
#top_inner .taiya li .inner {
  width: 296px;
  height: 317px;
  float: left;
  position: relative;
}
#top_inner .taiya a:hover {
  text-decoration: none;
  color: #333 !important;
}
#top_inner .taiya .logo {
  width: 242px;
  height: 39px;
  margin: 15px auto;
  background: url("../img/tit_taiya.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
#top_inner .taiya .logo2 {
  width: 260px;
/* 242px => 260px;  2015.01.13 */
  height: 39px;
  margin: 15px auto;
  background: url("../img/tit_monodukuri.png") no-repeat;
/* image name 2015.01.13 */
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
#top_inner .taiya .logo3 {
  width: 115px;
  height: 39px;
  margin: 15px auto;
  background: url("../img/tit_mirai.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
#top_inner .taiya .main {
  width: 260px;
  height: 157px;
  margin: 0 auto 10px auto;
}
#top_inner .taiya h3 {
  width: 260px;
  margin: 0 auto 15px auto;
  font-weight: normal;
}
#top_inner .taiya .cat {
  font-size: 10px;
  color: #00ab1d;
  font-weight: bold;
  width: 296px;
  position: absolute;
  bottom: -11px;
  text-align: center;
}
#top_inner .twoclum {
  width: 946px;
  margin: 0 auto;
}
#top_inner .lineup {
  width: 100%;
  height: 220px;
  background: url("../img/bg_lineup2.png") no-repeat;
  background-size: cover;
  display: block;
  overflow: hidden;
  float: left;
}
#top_inner .lineup .logo {
  width: 321px;
  height: 32px;
  margin: 15px 22px;
  background: url("../img/logo_lineup.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
#top_inner .lineup ul {
  margin: 0 22px;
}
#top_inner .lineup li {
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 15px;
}
#top_inner .lineup li img {
  width: 100%;
}
#top_inner .lineup .banner {
  width: 446px;
  height: 97px;
  float: left;
}
#top_inner .lineup p {
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  margin: 0px 20px 0px 20px;
  float: right;
}
#top_inner .mono {
  width: 300px;
  height: 445px;
  background: url("../img/bg_mono.png") no-repeat;
  float: left;
}
#top_inner .mono .inner {
  position: relative;
  width: 300px;
  height: 445px;
}
#top_inner .mono .logo {
  width: 266px;
/* 242px => 260px;  2015.01.13 */
  height: 58px;
  margin: 48px auto 25px;
  background: url("../img/tit_monotsukuri.png") no-repeat;
/* image name 2015.01.13 */
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
#top_inner .mono .main {
  width: 260px;
  height: 157px;
  margin: 0 auto 15px auto;
}
#top_inner .mono h3 {
  width: 260px;
  margin: 0 auto 15px auto;
  font-weight: normal;
}
#top_inner .mono .cat {
  font-size: 10px;
  color: #00ab1d;
  font-weight: bold;
  text-align: center;
  margin-top: 55px;
}
#top_inner .mono a:hover {
  text-decoration: none;
  color: #333 !important;
}
/*──────────────────────────
	.news　新着
────────────────────────── */
/*──────────────────────────
	.team　チーム エナセーブ、100人の想い
────────────────────────── */
/*──────────────────────────
	.taiya　タイヤ先生、タイヤとエコ
────────────────────────── */
/*──────────────────────────
	.lineup　商品ラインナップ
────────────────────────── */
/*#top_inner .lineup li {
	width: 218px;
	height: 155px;
	float: left;
	margin-right: 9px;
}*/
/*=====================================================================

	「エナセーブスペシャルサイト」チーム エナセーブページ

=====================================================================*/
/*──────────────────────────
	#team_inner　ページバックグランド
────────────────────────── */
#specialSite_mainCol .team_inner {
  width: 1000px;
  height: auto;
  background: url("../img/team_enasave/bg.jpg") no-repeat;
  display: block;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  position: relative;
}
#specialSite_mainCol .team_inner .top_title {
  width: 950px;
  margin: 40px 0 30px 50px;
  position: relative;
}
#specialSite_mainCol .team_inner .top_title .logo {
  width: 350px;
  height: 114px;
  background: url("../img/team_enasave/logo.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
#specialSite_mainCol .team_inner .top_title .thmb {
  width: 459px;
  height: 251px;
  background: url("../img/team_enasave/thmb.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -30px;
  right: 40px;
}
#specialSite_mainCol .team_inner .top_title .text {
  font-size: 14px;
  color: #00ab1d;
  padding-top: 30px;
  font-weight: normal;
}
/*──────────────────────────
	.top_title メイン画像説明文周り
────────────────────────── */
/*──────────────────────────
	.left　GREENプロジェクト、未来プロジェクト
────────────────────────── */
.team_inner .left {
  width: 460px;
  height: 538px;
  margin: 0 0 0 30px;
  background: url("../img/team_enasave/bg_team.png") no-repeat;
  display: block;
  overflow: hidden;
  float: left;
}
.team_inner .left .logo {
  width: 252px;
  height: 80px;
  margin: 20px auto;
  background: url("../img/team_enasave/logo_green.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
.team_inner .left .main {
  width: 417px;
  height: 220px;
  margin: 0 auto 10px auto;
}
.team_inner .left h3 {
  width: 417px;
  margin: 0 auto 20px auto;
  font-weight: normal;
}
.team_inner .left .button01 {
  margin: 0 auto;
  width: 191px;
}
.team_inner .right {
  width: 460px;
  height: 538px;
  margin: 0 30px 0 0;
  background: url("../img/team_enasave/bg_team.png") no-repeat;
  display: block;
  overflow: hidden;
  float: right;
}
.team_inner .right .logo {
  width: 248px;
  height: 80px;
  margin: 20px auto;
  background: url("../img/team_enasave/logo_mirai.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
.team_inner .right .main {
  width: 417px;
  height: 220px;
  margin: 0 auto 10px auto;
}
.team_inner .right h3 {
  width: 417px;
  margin: 0 auto 20px auto;
  font-weight: normal;
}
.team_inner .right .button01 {
  margin: 0 auto;
  width: 191px;
}
.team_inner .right .button02 {
  margin: 0 auto 15px auto;
  width: 216px;
}
.team_inner .right .unesco {
  text-align: center;
  margin-top: 20px;
}
/*=====================================================================

	「エナセーブスペシャルサイト」GREENプロジェクトページ

=====================================================================*/
/*──────────────────────────
	#team_inner　ページバックグランド
────────────────────────── */
#specialSite_mainCol .green_inner {
  width: 1000px;
  height: auto;
  background: url("../img/green/bg.jpg") no-repeat;
  display: block;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  position: relative;
}
#specialSite_mainCol .green_inner .top_title {
  width: 950px;
  margin: 40px 0 30px 50px;
  position: relative;
}
#specialSite_mainCol .green_inner .top_title .logo {
  width: 358px;
  height: 114px;
  background: url("../img/green/logo.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
#specialSite_mainCol .green_inner .top_title .thmb {
  width: 491px;
  height: 265px;
  background: url("../img/green/thmb.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -30px;
  right: 40px;
}
#specialSite_mainCol .green_inner .top_title .text {
  font-size: 14px;
  font-weight: normal;
  color: #00ab1d;
  padding-top: 30px;
}
#specialSite_mainCol .green_inner .syokuju {
  background: url("../img/green/bg_syokuju.png") no-repeat;
  display: block;
  overflow: hidden;
  width: 936px;
  height: 288px;
  margin: 0 auto;
}
#specialSite_mainCol .green_inner .syokuju .main {
  background: url("../img/green/syokuju_main.jpg") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  width: 424px;
  height: 243px;
  margin: 20px;
  float: left;
}
#specialSite_mainCol .green_inner .syokuju .text {
  width: 424px;
  float: left;
  position: relative;
  padding: 40px 30px 40px 0;
}
#specialSite_mainCol .green_inner .syokuju .text .icon {
  background: url("../img/green/icon01.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  width: 26px;
  height: 46px;
  margin-right: 10px;
  float: left;
}
#specialSite_mainCol .green_inner .syokuju .text h3 {
  font-size: 30px;
  font-weight: normal;
  float: left;
  color: #00a53c;
}
#specialSite_mainCol .green_inner .syokuju .text span {
  font-size: 38px;
  font-weight: bold;
  color: #00a53c;
}
#specialSite_mainCol .green_inner .syokuju .text p {
  font-size: 14px;
  font-weight: normal;
  color: #333;
}
#specialSite_mainCol .green_inner .syokuju .text .button01 {
  width: 268px;
  height: 45px;
  margin: 30px auto 0 auto;
}
#specialSite_mainCol .green_inner .blog {
  background: url("../img/green/bg_blog.png") no-repeat;
  display: block;
  overflow: hidden;
  width: 936px;
  height: 288px;
  margin: 20px auto 0 auto;
}
#specialSite_mainCol .green_inner .blog .main {
  background: url("../img/green/blog_main.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  width: 424px;
  height: 243px;
  margin: 20px;
  float: left;
}
#specialSite_mainCol .green_inner .blog .text {
  width: 424px;
  float: left;
  position: relative;
  padding: 40px 30px 40px 0;
}
#specialSite_mainCol .green_inner .blog .text .bg {
  width: 399px;
  height: 157px;
  background: url("../img/green/bg_leaf.png") no-repeat;
  display: block;
  overflow: hidden;
}
#specialSite_mainCol .green_inner .blog .text h3 {
  font-size: 28px;
  font-weight: normal;
  float: left;
  color: #fff;
  padding: 29px 0 0 85px;
  text-align: center;
  margin-left: 0px;
}
#specialSite_mainCol .green_inner .blog .text .button01 {
  width: 191px;
  height: 45px;
  margin: 10px auto 0 auto;
}
#specialSite_mainCol .green_inner .katsudo {
  background: url("../img/green/bg_katsudo.png") no-repeat;
  display: block;
  overflow: hidden;
  width: 936px;
  height: 219px;
  margin: 20px auto 0 auto;
}
#specialSite_mainCol .green_inner .katsudo .bg {
  width: 305px;
  height: 131px;
  float: left;
  background: url("../img/green/bg_leaf2.png") no-repeat;
  display: block;
  overflow: hidden;
  margin: 30px auto 0 10px;
}
#specialSite_mainCol .green_inner .katsudo .bg h3 {
  font-size: 28px;
  font-weight: normal;
  float: left;
  color: #fff;
  padding: 37px 0px 0px 47px;
  text-align: center;
  margin-left: 0px;
}
#specialSite_mainCol .green_inner .katsudo ul {
  margin-top: 30px;
  float: left;
}
#specialSite_mainCol .green_inner .katsudo li {
  width: 131px;
  height: 131px;
  margin-left: 18px;
  float: left;
}
#specialSite_mainCol .green_inner .katsudo .button01 {
  width: 127px;
  height: 26px;
  float: right;
  margin: 12px 27px 0 auto;
}
#specialSite_mainCol .mirai_inner {
  width: 1000px;
  height: auto;
  background-image: url("../img/mirai/bgmori.jpg");
  background-repeat: no-repeat;
  background-position: 0px bottom;
  display: block;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  position: relative;
}
#specialSite_mainCol .mirai_inner .top_title {
  width: 950px;
  margin: 40px 0 30px 50px;
  position: relative;
}
#specialSite_mainCol .mirai_inner .top_title .logo {
  width: 351px;
  height: 115px;
  background: url("../img/mirai/logo.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
#specialSite_mainCol .mirai_inner .top_title .thmb {
  width: 453px;
  height: 230px;
  background: url("../img/mirai/thmb.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -30px;
  right: 40px;
}
#specialSite_mainCol .mirai_inner .top_title .text {
  font-size: 14px;
  font-weight: normal;
  color: #00ab1d;
  padding-top: 30px;
}
/*──────────────────────────
	.top_title メイン画像説明文周り
────────────────────────── */
/*──────────────────────────
	.syokuju 植樹実績
────────────────────────── */
/*──────────────────────────
	.blog ブログ
────────────────────────── */
/*──────────────────────────
	.katsudo 植樹活動
────────────────────────── */
/*=====================================================================

	「エナセーブスペシャルサイト」未来プロジェクト

=====================================================================*/
/*──────────────────────────
	.mirai_inner　ページバックグランド
────────────────────────── */
/*──────────────────────────
	.top_title メイン画像説明文周り
────────────────────────── */
/*──────────────────────────
	.map　地図
────────────────────────── */
.mirai_inner .map {
  width: 876px;
  height: 728px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  padding: 30px;
  position: relative;
}
.mirai_inner .map .closemap {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 876px;
  height: 728px;
}
.mirai_inner .map .left {
  width: 514px;
  height: 694px;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 0;
}
.mirai_inner .map .pin01 {
  width: 28px;
  height: 52px;
  position: absolute;
  top: 384px;
  left: 355px;
  z-index: 100;
}
.mirai_inner .map .pin02 {
  width: 28px;
  height: 52px;
  position: absolute;
  top: 400px;
  left: 298px;
}
#SH-001 {
  z-index: 1000;
}
.mirai_inner .map .tab_content {
  width: 250px;
  padding: 10px;
  background: #fff;
  border-radius: 6px;
/* CSS3草案 */
  -webkit-border-radius: 6px;
/* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
/* Firefox用 */
  position: absolute;
  top: 50px;
  left: 50px;
}
.mirai_inner .map .tab_content .thmb {
  width: 250px;
  height: 140px;
  margin-bottom: 10px;
}
.mirai_inner .map .tab_content .day {
  color: #00ab1d;
  margin: 10px 5px 5px 5px;
}
.mirai_inner .map .tab_content .tit {
  margin: 0 5px;
}
.mirai_inner .map .tab_content .button {
  width: 134px;
  height: 33px;
  margin: 10px auto 0 auto;
}
.mirai_inner .map .right {
  width: 302px;
  height: 654px;
  background: #fff;
  border-radius: 10px;
/* CSS3草案 */
  -webkit-border-radius: 10px;
/* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
/* Firefox用 */
  position: absolute;
  padding: 20px;
  z-index: 100;
  position: absolute;
  top: 30px;
  right: 30px;
}
.mirai_inner .map .right h2 {
  width: 124px;
  height: 28px;
  background: url("../img/mirai/tit_report.png") no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
.mirai_inner .map .right li {
  width: 300px;
  padding: 10px 0;
  border-bottom: 1px #888 dotted;
}
.mirai_inner .map .right li img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
}
.mirai_inner .map .right li .detail {
  width: 190px;
  float: left;
}
.mirai_inner .map .right li .day {
  color: #00ab1d;
  margin-bottom: 5px;
}
.mirai_inner .map .logo {
  width: 342px;
  text-align: center;
  z-index: 1000;
  position: absolute;
  bottom: 24px;
  right: 30px;
}
/*──────────────────────────
	.map .right　活動リスト
────────────────────────── */
/*──────────────────────────
	#miraimap
────────────────────────── */
#specialSite_mainCol #top_title .logo {
  width: 288px;
  height: 43px;
  background: url("../img/logo_enasave_b.png") no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 45px;
}
#specialSite_mainCol .main_gf01 {
  width: 1000px;
  height: 667px;
  background: url("../img/mirai/kv01.jpg") no-repeat;
  margin-bottom: 20px;
  text-indent: -9999px;
  overflow: hidden;
}
#specialSite_mainCol .main_gf02 {
  width: 1000px;
  height: 667px;
  background: url("../img/mirai/kv02.jpg") no-repeat;
  margin-bottom: 20px;
  text-indent: -9999px;
  overflow: hidden;
}
#specialSite_mainCol .main_gf03 {
  width: 1000px;
  height: 667px;
  background: url("../img/mirai/kv03.jpg") no-repeat;
  margin-bottom: 20px;
  text-indent: -9999px;
  overflow: hidden;
}
#miraimap .logo {
  background: url("../img/mirai/logo.jpg") no-repeat;
  overflow: hidden;
  width: 381px;
  height: 124px;
  margin-top: 70px;
  text-indent: -9999px;
  overflow: hidden;
}
#miraimap .contaner {
  width: 938px;
  margin: 0 auto;
}
#miraimap .logo_text {
  margin-top: 36px;
  text-align: left;
}
#miraimap .wrap_o {
  position: relative;
  background: url("/images/enasave/mirai/index/nihontizu2022.jpg") no-repeat;
  background-position: 0px 0px;
  width: 938px;
  height: 842px;
}
#miraimap .logo_text {
  position: absolute;
  top: 53px;
  left: 38px;
  z-index: 10;
}
#miraimap .pin,
#miraimap .pin04,
#miraimap .pinsaitama {
  cursor: pointer;
}
#miraimap .hokkaidou {
  position: absolute;
  top: 17px;
  left: 450px;
  z-index: 10;
}
#miraimap .iwate {
  position: absolute;
  top: 253px;
  left: 675px;
  z-index: 10;
}
#miraimap .saitama2 {
  position: absolute;
  top: 500px;
  left: 716px;
  z-index: 10;
}
#miraimap .saitama {
  position: absolute;
  top: 486px;
  left: 669px;
  z-index: 10;
}
#miraimap .tokyo {
  position: absolute;
  top: 483px;
  left: 671px;
  z-index: 10;
}
#miraimap .yamanashi,
#miraimap .niigata {
  position: absolute;
  top: 281px;
  left: 412px;
  z-index: 10;
}
#miraimap .kanagawa {
  position: absolute;
  top: 600px;
  left: 578px;
  z-index: 10;
}
#miraimap .hukui {
  position: absolute;
  top: 370px;
  left: 280px;
  z-index: 10;
}
#miraimap .wakayama {
  position: absolute;
  top: 668px;
  left: 393px;
  z-index: 10;
}
#miraimap .okayama {
  position: absolute;
  top: 412px;
  left: 140px;
  z-index: 10;
}
#miraimap .hiroshima {
  position: absolute;
  top: 688px;
  left: 260px;
  z-index: 10;
}
#miraimap .hukuoka {
  position: absolute;
  top: 516px;
  left: 29px;
  z-index: 10;
}
#miraimap .aichi {
  position: absolute;
  top: 591px;
  left: 536px;
  z-index: 10;
}
#miraimap .paddingR13 {
  padding-right: 13px;
}
#miraimap .s_logo {
  position: absolute;
  width: px;
  height: px;
  bottom: 14px;
  right: 16px;
}
#miraimap .wrap_u_middle {
  width: 938px;
  padding-bottom: 25px;
  background: url("../img/mirai/bg_repeat.png") repeat-y;
}
#miraimap .wrap_u_top {
  background: url("../img/mirai/bg_top.png") no-repeat;
  width: 938px;
  height: 14px;
}
#miraimap .wrap_u_bottom {
  background: url("../img/mirai/bg_bottom.png") no-repeat;
  width: 938px;
  height: 14px;
}
#miraimap .w_content {
  width: 885px;
  margin: 0 auto;
  padding-top: 32px;
}
#miraimap .w_content ul {
  padding-top: 25px;
}
#miraimap .w_content ul li {
  float: left;
  padding-right: 12.5px;
  padding-left: 12.5px;
  padding-bottom: 30px;
  width: 270px;
}
#miraimap .c_left {
  width: 100px;
  height: 100px;
  float: left;
  padding-right: 11px;
}
#miraimap .c_right {
  float: left;
}
#miraimap .miraicontent {
  display: block;
}
#miraimap .miraicontent:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#miraimap .miraicontent h4 {
  line-height: 12px;
  font-size: 12px;
  overflow: hidden;
  padding-top: 4px;
  font-weight: normal;
}
#miraimap .miraicontent h4 a {
  margin-right: 5px;
}
#miraimap .miraicontent h3 {
  line-height: 1.4em;
  font-size: 13px;
  height: 2.8em;
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 3px;
  font-weight: normal;
}
#miraimap .miraicontent .red {
  color: #f00;
}
#miraimap .miraicontent h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}
#miraimap .miraicontent h2 span {
  font-size: 12px;
  font-weight: bold;
}
#miraimap .miraicontent .c_right p {
  font-size: 11px;
  margin-top: 6px;
  color: #137d26;
}
#miraimap .w_item {
  display: block;
}
#miraimap .w_item:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#miraimap .text_hokkaidou {
  color: #6e63be;
}
#miraimap .text_iwate {
  color: #47a5a5;
}
#miraimap .text_saitama {
  color: #a076af;
}
#miraimap .text_tokyo {
  color: #48a0cc;
}
#miraimap .text_yamanashi {
  color: #a23162;
}
#miraimap .text_niigata {
  color: #b59f8d;
}
#miraimap .text_aichi,
#miraimap .text_kanagawa {
  color: #e07d09;
}
#miraimap .text_hukui {
  color: #e36162;
}
#miraimap .text_wakayama {
  color: #b3a56b;
}
#miraimap .text_okayama {
  color: #b8b900;
}
#miraimap .text_hukuoka {
  color: #58b686;
}
#miraimap .text_hiroshima {
  color: #428eba;
}
#miraimap .textgreen {
  color: #00ac1e;
}
#miraimap .miraibox {
  position: fixed;
  left: 50%;
  top: 50% !important;
  margin-left: -274px;
  margin-top: -274px;
  width: 548px;
  height: 550px;
  z-index: 10000 !important;
}
#miraimap .mirai_rightbox {
  position: absolute;
  width: 548px;
  height: 550px;
  opacity: 0;
  z-index: 10000 !important;
  display: none;
}
#miraimap .mirai_rightbox .modoru {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 44px;
  left: 407px;
  z-index: 1002;
}
#miraimap .mirai_rightbox .more {
  position: absolute;
  width: 248px;
  height: 35px;
  top: 433px;
  left: 150px;
  z-index: 1002;
}
#miraimap .mirai_rightbox .more2 {
  position: absolute;
  width: 139px;
  height: 35px;
  top: 433px;
  left: 131px;
  z-index: 1002;
}
#miraimap .mirai_rightbox .more3 {
  position: absolute;
  width: 139px;
  height: 35px;
  top: 433px;
  left: 278px;
  z-index: 1002;
}
/*──────────────────────────
	.mirai_rightbox　ライトボックス
────────────────────────── */
.overlay {
  position: absolute;
  display: none;
  top: 0;
  width: 100%;
  z-index: 199 !important;
}
#miraimap .inner_hokkaidou {
  width: 550px;
  height: 548px;
}
/*──────────────────────────
	.mirai_rightbox　未来プロジェクト活動追加
────────────────────────── */
#miraikatsudo {
  width: 1000px;
  margin: 0 auto;
}
#miraikatsudo .read01 {
  width: 1000px;
  margin: 20px auto;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 160%;
}
#miraikatsudo .prof {
  width: 860px;
  margin: 0 auto 10px auto;
}
#miraikatsudo .prof .left,
#miraikatsudo .prof .cent {
  width: 272px;
  float: left;
  margin-right: 17px;
}
#miraikatsudo .prof .right {
  width: 272px;
  float: left;
}
#miraikatsudo .prof .photo {
  width: 272px;
  text-align: center;
}
#miraikatsudo .prof .name {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #00ab00;
  margin: 10px auto;
}
#miraikatsudo .prof .txt {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 160%;
}
#miraikatsudo .prof2 {
  width: 860px;
  margin: 0 auto;
}
#miraikatsudo .prof2 .program01,
#miraikatsudo .prof2 .program02 {
  width: 272px;
  float: left;
  margin-right: 17px;
  border-bottom: #00ab00 1px solid;
  line-height: 160%;
  font-size: 12px;
  font-weight: bold;
}
#miraikatsudo .prof2 .program03 {
  width: 272px;
  float: left;
  border-bottom: #00ab00 1px solid;
  line-height: 160%;
  font-size: 12px;
  font-weight: bold;
}
#miraikatsudo .prof2 .program03 p {
  width: 400px;
}
#miraikatsudo .prof3 {
  width: 860px;
  margin: 20px auto 0 auto;
}
#miraikatsudo .prof3 .btn01 {
  width: 277px;
  float: left;
  margin-right: 12px;
}
#miraikatsudo .prof3 .btn02 {
  width: 570px;
  float: left;
}
#miraikatsudo .prof4 {
  width: 700px;
  margin: 30px auto 10px auto;
  border: 1px #00ab00 dashed;
  text-align: center;
  padding: 20px 0;
}
#miraikatsudo .prof4 .txt01 {
  width: 627px;
  height: 20px;
  margin: 0 auto 10px auto;
}
#miraikatsudo .prof4 .btn {
  width: 281px;
  height: 42px;
  margin: 20px auto 10px auto;
}
#miraikatsudo .prof4 .txt02 {
  width: 377px;
  height: 21px;
  margin: 0 auto;
}
#miraikatsudo .read02 {
  width: 1000px;
  margin: 20px 0 20px 70px;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 160%;
}
#miraikatsudo .slider {
  widows: 600px;
  margin: 30px auto 0 auto;
}