body {
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #fff;
  background-attachment: fixed;
}

.clearfix {
  width: 100%;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.opaclink a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.opacimg:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

a img {
  border: 0;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.copy {
  width: 100%;
}
/*.copy img {
  width: 295px;
  height: 12px;
  display: block;
  margin: 0 auto;
}*/
/*バナー追加*/
.copybanner {
	width: 391px;
	height: 44px;
	margin: 0 auto;
  display: inline;

}

#bg1, #bg2, #bg3 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-position: 0 0;
}

#bg1 {
  z-index: 10;
  background-image: url(../hw/img/common/bg01.png);
}

#bg2 {
  z-index: 9;
  background-image: url(../hw/img/common/bg02.png);
}

#bg3 {
  z-index: 8;
  background-image: url(../hw/img/common/bg03.png);
}

.head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  background: #fff;
  padding: 0;
  z-index: 10000;
}

.head-section {
  width: 1000px;
  height: 110px;
  margin: 0 auto;
  position: relative;
}

.toplogo {
  position: absolute;
  top: 0;
  left: 0;
  width: 115px;
  height: 115px;
}
.toplogo02 {
  position: absolute;
  top: 0;
  left: 120px;
  width: 115px;
  height: 115px;
}

.nav {
  width: 757px;
  height: 95px;
  position: absolute;
  right: 0;
  top: 0;
}

.nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
}

.nav li {
  float: left;
  text-indent: -9999px;
}
.nav li a {
  display: block;
}

.topmenu {
  width: 484px;/*width: 605px;*/
  height: 40px;
  top: 0;
}
.topmenu li {
  height: 40px;
  background-image: url(../hw/img/nav/topmenu.png);
  background-repeat: no-repeat;
}
.topmenu li:hover {
  background-image: url(../hw/img/nav/topmenu_on.png);
}
.topmenu li.active {
  background-image: url(../hw/img/nav/topmenu_active.png);
}
.topmenu li a {
  height: 40px;
}

.gn {
  width: 757px;
  height: 26px;
  bottom: 0;
}
.gn li {
  height: 26px;
  background-image: url(../hw/img/nav/gn.png);
  background-repeat: no-repeat;
}
.gn li:hover {
  background-image: url(../hw/img/nav/gn_on.png);
}
.gn li.active {
  background-image: url(../hw/img/nav/gn_active.png);
}
.gn li a {
  height: 26px;
}

.tm-contact {
  width: 98px;
  background-position: 0 0;
}

.tm-privacy {
  width: 116px;
  background-position: -98px 0;
}

.tm-prize {
  width: 96px;
  background-position: -214px 0;
}

.tm-about {
  width: 79px;
  background-position: -310px 0;
}

.tm-top {
  width: 95px;
  background-position: -389px 0;
}

.tm-st {
  width: 121px;
  background-position: -484px 0;
}

.tm-contact a {
  width: 98px;
}

.tm-privacy a {
  width: 116px;
}

.tm-prize a {
  width: 96px;
}

.tm-about a {
  width: 79px;
}

.tm-top a {
  width: 96px;
}

.gn-top {
  width: 93px;
  background-position: 0 0;
}

.gn-search {
  width: 123px;
  background-position: -93px 0;
}

.gn-news {
  width: 163px;
  background-position: -216px 0;
}

.gn-members {
  width: 113px;
  background-position: -379px 0;
}

.gn-eco {
  width: 153px;
  background-position: -492px 0;
}

.gn-recruit {
  width: 112px;
  background-position: -645px 0;
}

.gn-top a {
  width: 93px;
}

.gn-search a {
  width: 123px;
}

.gn-news a {
  width: 163px;
}

.gn-members a {
  width: 113px;
}

.gn-eco a {
  width: 153px;
}

.gn-recruit a {
  width: 112px;
}

.base-box {
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  z-index: 11 !important;
}

.inner {
  width: 1000px;
  margin: 0 auto;
}

.top-slide {
  width: 1000px;
  min-height: 500px;
  top: 155px;
  margin-bottom: 30px;
  overflow: visible;
  z-index: 100;
}

.showcase-content .readmore {
  position: absolute;
  top: 400px;
  left: 780px;
  z-index: 100;
}

.area-outer {
  width: 100%;
  height: 870px;
  background: #f4f2ef;
  z-index: 1;
}

.area {
  height: 870px;
}

.news-outer {
  width: 100%;
  height: 100%;
  background: #f4f2ef;
  z-index: 1;
}

.news {
  height: 683px;
  overflow: visible;
}

.members-outer {
  width: 100%;
  height: 100%;
  background: url(../hw/img/members/members-back.png) center top repeat-y #353332;
  z-index: 1;
}

.members {
  height: 100%;
}

.eco-outer {
  width: 100%;
  height: 100%;
  background: url(../hw/img/eco/eco-back.png) center top repeat-y #5cd492;
  z-index: 1;
}

.eco {
  height: 100%;
}

.recruit-outer {
  width: 100%;
  height: 100%;
  background: #f4f2ef;
  z-index: 1;
}

.recruit {
  height: 700px;
}

.other-outer {
  width: 100%;
  height: 100%;
  background: #4746a7;
  background: url(../hw/img/other/others-back.png) center top repeat-y #4746a7;
  z-index: 2;
}

.other {
  height: 100%;
}

.footer-outer {
  width: 100%;
  height: 80px;
  background: #404041;
  z-index: 2;
}

/*.footer {
  height: 80px;
  background: #404041;
  position: relative;
}*/
/*バナー追加*/
.footer {
  background: #404041;
  height: 80px;
  color: #fff;
}

.base-box h1 {
  margin: 0;
}
.base-box h2 {
  text-align: center;
}
.base-box .message {
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}

.readmore {
  width: 122px;
  height: auto;
  cursor: pointer;
  z-index: 5000 !important;
}
.readmore img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* area map */
.area .title {
  width: 690px;
}

/*.area-map {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -224px;
  width: 448px;
  height: 526px;
  background: url(../hw/img/area/map-okayama.png) left top no-repeat;
}
.area-map ul {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
}
.area-map ul li {
  border: 1px solid #ccb18b;
  padding: 0 10px;
  margin-bottom: 5px;
  height: 18px;
  cursor: pointer;
  width: 70px;
  background: url(../hw/img/area/area-list-arrow.png) left center no-repeat white;
}
.area-map ul li:hover, .area-map ul li.m-active {
  background-image: url(../hw/img/area/area-list-arrow_on.png);
  background-color: #e60012;
  border-color: #e60012;
  color: #fff;
}
.area-map a {
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding-left: 8px;
  color: #ccb18b;
  text-decoration: none;
}
.area-map a:hover {
  color: #fff;
}

.m-active a {
  color: #fff;
}

.area-okayama {
  top: 260px;
  left: 110px;
}

.area-hiroshima {
  top: 320px;
  left: 5px;
}

.area-osaka {
  top: 440px;
  left: 200px;
}

.area-kanto {
  top: 290px;
  left: 360px;
}

.area-kanagawa {
  top: 390px;
  left: 290px;
}

.area-fukuoka {
  top: 430px;
  left: -100px;
}*/

.area-choice {
  width: /*184*/1000px;
  height: /*400*/500px;
  padding: 0;
  margin: 0;
  /*background: #fff;*/
  z-index: 10000;
}
/*.area-choice p {
  margin: 0;
  padding: 0;
}
.area-choice > p {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #ccb18b;
}
.area-choice > div {
  width: 134px;
  height: 320px;
  padding: 20px 20px 0 30px;
  background: #fff;
}*/
.area-choice ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.area-choice ul li {
  /*background: url(../hw/img/area/area-listmark.png) left center no-repeat;*/
  /*font-size: 13px;*/
  cursor: pointer;
  float: left;
  /*margin-bottom: 3px;*/
}
.area-choice ul li a {
  display: block;
  padding-left: 5px;
  /*color: #333;*/
  /*line-height: 50px;*/
  text-decoration: none;
}
.area-choice ul li a:hover {
  color: #f00;
}
.area-choice ul li.active a {
  color: #f00;
}
/*.area-choice ul li:hover,
.area-choice ul li.active {
  background-image: url(../hw/img/area/area-listmark_on.png);
}*/
.area-choice .prefecture {
  margin-bottom: 8px;
}

/* hiroshima area */
.area_hiroshima {
	width: 243px;
	height: 245px;
	margin: 0;
	padding: 0;
	background: url("../hw/img/area/area_hiroshima.gif") no-repeat 0 0;
}

/* hiroshima area */
.area_okayama {
	width: 243px;
	height: 245px;
	margin: 0;
	padding: 0;
	background: url("../hw/img/area/area_okayama.gif") no-repeat 0 0;
}

/* list */
ul.area_bt {
	*zoom: 1; /*forIE6,7*/
}
ul.area_bt:after {
	content: "";
	display: block;
	clear: both;
}
ul.area_bt li {
	width: 243px!important; /*リストの幅*/
	padding: 0!important;
	position: relative;
	bottom: 0;
	left: 0!important;
	/*color: #fff;文字色
	text-align: center;*/
	line-height: 0;
	font-size: 1%;
}
ul.area_bt li img {
	display: block;
	margin: 1px 0 0 0;
}
ul.area_bt li.listHeight {
	height: 245px; /*第1階層のリストの高さ*/
}
ul.area_bt li ul {
	width: 243px;
}
ul.area_bt li ul.secondList {
	position: absolute;
	bottom: 0; /*第1階層のリストの高さを変更した場合は合わせて変更*/
	left: 0;
}
ul.area_bt li ul.lowList {
	position: absolute;
	top: 0;
	left: 0; /*リストの幅を変更した場合は合わせ変更*/
}
ul.area_bt li ul li {
	height: auto;
	padding: 0;
	float: none;
}
ul.area_bt li ul li a {
	display: block;
	*zoom: 1; /*forIE6,7*/
	color: #fff; /*テキストリンクの文字色*/
	text-decoration: none;
	margin: 0;
	padding: 0;
}
ul.area_bt li ul li a:hover {
	color: #0b9; /*テキストリンクのホバー時の文字色*/
}

.af img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}


/*.on-map a {
  display: block;
  position: absolute;
  padding: 0;
  margin: 0;
}

.on-okayama {
  width: 12px;
  height: 12px;
  top: 388px;
  left: 125px;
}

.on-kurashiki {
  width: 12px;
  height: 12px;
  top: 388px;
  left: 115px;
}

.on-tsuyama {
  width: 18px;
  height: 6px;
  top: 383px;
  left: 118px;
}

.on-hiroshima {
  width: 20px;
  height: 19px;
  top: 395px;
  left: 89px;
}

.on-fukuyama {
  width: 12px;
  height: 20px;
  top: 395px;
  left: 107px;
}

.on-osaka {
  width: 26px;
  height: 26px;
  top: 386px;
  left: 163px;
}

.on-fukuoka {
  width: 42px;
  height: 26px;
  top: 425px;
  left: 14px;
}

.on-kanagawa {
  width: 26px;
  height: 20px;
  top: 360px;
  left: 286px;
}

.on-tokyo {
  width: 26px;
  height: 13px;
  top: 346px;
  left: 286px;
}

.on-saitama {
  width: 28px;
  height: 13px;
  top: 333px;
  left: 284px;
}

.on-chiba {
  width: 28px;
  height: 34px;
  top: 346px;
  left: 313px;
}*/

.hw-news {
  position: absolute;
  top: 0;
  width: 50%;
  height: 683px;
  background: url(../hw/img/news/news-back-left.jpg) right top no-repeat #00b1ad;
}

.new-machine {
  position: absolute;
  top: 0;
  width: 50%;
  height: 683px;
  background: url(../hw/img/news/news-back-right.jpg) left top no-repeat #ea5532;
}

.news-title {
  width: 402px;
  color: #fff;
}

.machine-title {
  width: 328px;
  color: #fff;
}

.news-table {
  color: #fff;
}
.news-table dl {
  width: 350px;
}
.news-table dl dt {
  font-family: Verdana, sans-serif;
  margin: 15px 0 6px;
  font-size: 14px;
}
.news-table dl dd {
  width: 360px;
  margin-left: 0;
  padding-bottom: 15px;
  border-bottom: 1px dotted #fff;
  font-size: 12px;
}
.news-table dl dd a {
  color: #fff;
  text-decoration: none;
}
.news-table dl dd a:hover {
  text-decoration: underline;
}

/* members */
.members .title {
  width: 886px;
  color: #51b98d;
}

#goodvalue {
  width: 217px;
  height: 217px;
  overflow: visible;
}

.changesize {
  border-radius: 50%;
  border: 1px solid #51b98d;
  position: absolute;
}

.good-value {
  width: 182px;
  height: 182px;
  position: absolute;
  top: 18px;
  left: 18px;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 50%;
  border: 0;
}

/* eco */
.eco .title {
  width: 632px;
  color: #fff;
}

.recruit .title {
  width: 525px;
  color: #444;
}

.other .title {
  width: 658px;
  color: #fff;
}

.slider-wrap {
  position: relative;
  top: 270px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 320px;
  overflow: hidden;
  margin-bottom: 100px;
}

.cycle-slideshow {
  margin-left: -274px !important;
  overflow: hidden;
}

#confortable {
  top: 270px;
  overflow: hidden;
}

#aboutaprizes {
  top: 450px;
  overflow: hidden;
}

#begginersguide {
  top: 530px;
  overflow: hidden;
}

.other .slider-outer {
  position: absolute;
  top: 0;
  left: -274px;
  height: 320px;
}

.other .slider-over {
  position: absolute;
  left: 0;
  width: 1000px;
  height: 320px;
  background: url(../hw/img/other/slider-back3.png) top center no-repeat transparent;
  z-index: 10 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.other .slider-title {
  width: 315px;
  height: 125px;
  position: absolute;
  left: 60px;
  z-index: 11 !important;
}
.other .slider-title span {
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding-left: 4px;
}

.other .detail {
  position: absolute;
  right: 64px;
  width: 188px;
  height: 51px;
}

.confortable .slider-over {
  top: 270px;
}
.confortable .slider-title {
  top: 453px;
}
.confortable .detail {
  top: 505px;
}

.aboutaprizes .slider-over {
  top: 690px;
}
.aboutaprizes .slider-title {
  top: 853px;
}
.aboutaprizes .detail {
  top: 905px;
}

.beginnersguide .slider-over {
  top: 1110px;
}
.beginnersguide .slider-title {
  top: 1253px;
}
.beginnersguide .detail {
  top: 1305px;
}

/*.footer .inner {
  position: relative;
}*/
/*バナー追加*/
.footer .inner {
  height: 40px;
  padding: 20px;
}



.to_top {
  display: block;
  position: absolute;
  right: 30px;
  top: -45px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 10000;
}