@charset "UTF-8";

#container_inner {
  width: 100%;
  /*width: 1000px;*/
  background-color: #FFFFFF;
  padding-bottom: 0px;
}
#container_inner a {
  /*color: #333333; */
}
#container_inner a:hover {
  text-decoration: none;
}

#topic_path {
  margin: 0 auto;
}

.gray {
  color: #333333
}

.green {
  color: #00b3c4;
}
.white {
  color: #ffffff;
}


/*========================================
  con_title
========================================*/

.con_title {
  display: block;
  position: relative;
  width: 1000px;
  height: 480px;
  background: url(../img/title.png) top left no-repeat;
  margin: 0 auto;
}

.con_title_txt {
  position: absolute;
  width: 520px;
  left: 70px;
  top: 350px;
}


/*========================================
  con01
========================================*/

.con01 {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 100px;
}
.con01_inner {
  position: relative;
  width: 1000px;
  height: 768px;
  background: url(../img/con01.png) top left no-repeat;
  margin: 0 auto;
}

.con01_txt01 { position: absolute; width: 450px; left: 70px; top: 320px; }
.con01_txt02 { position: absolute; width: 160px; left: 810px; top: 500px; }

.con01_txt01 {
  padding: 25px 30px;
  background-color: rgba(255,255,255,0.6)
}


/*========================================
  con02
========================================*/

.con02 {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 90px;
}
.con02_inner {
  position: relative;
  width: 1000px;
  height: 580px;
  background: url(../img/con02.png) top left no-repeat;
  margin: 0 auto;
}

.con02_txt01 { position: absolute; width: 260px; left: 716px; top: 162px; }
.con02_txt02 { position: absolute; width: 260px; left: 716px; top: 302px; }
.con02_txt03 { position: absolute; width: 260px; left: 716px; top: 462px; }
.con02_txt04 { position: absolute; width: 180px; left: 456px; top: 492px; }


/*========================================
  con03
========================================*/

.con03 {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 90px;
}
.con03_inner {
  position: relative;
  width: 1000px;
  height: 620px;
  background: url(../img/con03.png) top left no-repeat;
  margin: 0 auto;
}

.con03_txt01 { position: absolute; width: 310px; left: 0px; top: 105px; }
.con03_txt02 { position: absolute; width: 92px; left: 0px; top: 318px; }
.con03_txt03 { position: absolute; width: 92px; left: 110px; top: 318px; }
.con03_txt04 { position: absolute; width: 92px; left: 218px; top: 318px; }

.con03_txt05 { position: absolute; width: 132px; left: 178px; top: 502px; }
.con03_txt06 { position: absolute; width: 310px; left: 0px; top: 605px; }

.con03_txt07 { position: absolute; width: 160px; left: 820px; top: 560px; }


/*========================================
  con04
========================================*/

.con04 {
  width: 100%;
  background-color: #ecf2f3;
  margin-bottom: 70px;
}
.con04_inner {
  position: relative;
  width: 1000px;
  padding: 35px 0;
  margin: 0 auto;
}


/*========================================
  con_footer
========================================*/

.con_footer {
  position: relative;
  width: 1000px;
  height: auto;
  margin: 0 auto;
	margin-bottom: 30px;
}

.btn_official a {
  display: block;
	width: 1000px;
	height: 90px;
	background: url(../img/btn_official.png) top left no-repeat;
	margin-bottom: 30px;
  
  text-align: left;
  text-indent: -9999px;
}
.btn_official a:hover {
	filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}