@charset "shift_jis";
/* common
------------------------- */
html {
  overflow-y: scroll;
}
body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-width: 960px;
  -webkit-text-size-adjust: none;
  background:#000000;
}
img {
  vertical-align: top;
}
/* contentsArea
------------------------- */
#contentsArea {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
}
/* headerArea
------------------------- */
#headerArea {
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: 674px;
}
#headerArea .logo {
  position: absolute;
  top: 20px;
  left:0px;
}
#headerArea .logo2 {
  position: absolute;
  top: 20px;
  left:175px;
}
#headerArea h1, #headerArea p {
  font-size:0px;
}
#headerArea h1 {
  padding:166px 0 111px;
  margin-left: -5px;
}
#headerArea .btnBnr {
  padding-top: 0;
}

#headerArea .btnMoive {
  padding-top: 0;
}
#headerArea #js_smth {
  position: absolute;
  top: 353px;
  right: 72px;
  width: 260px;
  height: 260px;
}
#headerArea .txtLink a {
  position: absolute;
  width: 270px;
  height: 16px;
  top: 637px;
  right: 84px;
  color: #000;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
}
/* mainArea
------------------------- */
#mainArea {
  margin: 0 auto;
  width: 1000px;
}
/* sec01 */
#mainArea #sec01 {
  margin-top: 9px;
  height: 677px;
}
#mainArea #sec01 h2 {
  margin-left: 163px;
}
#mainArea #sec01 ol:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#mainArea #sec01 ol {
  width: 1010px;
  margin-top: -14px;
  margin-left: -30px;
  zoom: 1;
}
#mainArea #sec01 ol>li {
  float: left;
  width: 380px;
  margin-right: -50px;
}
#mainArea #sec01 ol>li p {
  padding-left: 50px;
}
#mainArea #sec01 ol>li .txt {
  padding: 27px 0 0 50px;
  height: 116px;
  line-height: 18px;
  color: #666666;
}
#mainArea #sec01 ol>li.last {
  width: 350px;
  margin-right: -1px;
}
/* sec02 */
#mainArea #sec02 {
  margin-top: 29px;
  height: 350px;
}
#mainArea #sec02 h2 {
  padding-bottom: 26px;
  text-align: center;
}
#mainArea #sec02 ul.step:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#mainArea #sec02 ul.step {
  padding-left: 20px;
}
#mainArea #sec02 ul.step>li {
  float: left;
  font-size: 0px;
}
#mainArea #sec02 ul.note {
  margin: 7px 0 0 39px;
*margin:8px 0 0 39px;
  line-height: 16px;
  font-size: 11px;
  color: #666666;
  zoom: 1;
}
/* sec03 */
#mainArea #sec03 {
  position: relative;
  margin-top: 21px;
  height: 182px;
}
#mainArea #sec03 .btn {
  margin-left: 250px;
}
#mainArea #sec03 .txtLink a {
  position: absolute;
  left: 256px;
  top: 121px;
  width: 290px;
  height: 16px;
  color: #333333;
  line-height: 16px;
  z-index: 99;
}


/* footArea
---------------------------------------------------------- */
#footArea{
  padding: 20px 0 30px;
  background: #000;
  color: #999;
}
#footArea a{
  color: #666;
}
#footer{
  position: relative;
  width: 960px;
  margin: 0 auto;
}
#footer .spec{
  float: right;
  width: 208px;
  margin: 0 25px 0 0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
}
#footer .logos p{
  float: left;
  padding: 0 0 0 30px;
}
#footer .logos p.nhnLogo{
  padding: 4px 0 0 42px;
}
#footer address{
  color: #999;
  font-family: Verdana;
  font-size: 10px;
  font-style: normal;
  line-height: 15px;
  padding: 0 0 0 226px;
}
#footer .copyRight{
  padding: 18px 0 0 226px;
}
#footer .notice{
  margin-top: 18px;
  padding-top: 8px;
  border-top: 1px solid #E6E6E6;
}
#footer .notice p{
  padding-left: 228px;
  font-size: 11px;
  letter-spacing: 0.03em;
  color: #bfbfc1;
}
#footer .notice a{
  font-weight: bold;
  color: #bfbfc1;
}