@charset "UTF-8";
/* ==============================
  css-member-top
=================================
campaign
---------------------------------
h3
---------------------------------
nav-memTop
---------------------------------
start
---------------------------------
dotline
============================== */

/* ------------------------------
  campaign
------------------------------ */
#campaign {
  width: 695px;
  margin-bottom: 30px;
}

#campaign ul {
	width: 695px;
}
#campaign li {
	width: 695px;
	font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
#campaign li a {
	width: 695px;
	height: 282px;
	background-repeat: no-repeat;
	text-decoration: none;
  display: block;
  outline: none;
}


#campaign li.notice14 a {background-image: url(/image/contents/member/campaign14.jpg);}
#campaign li.notice24 a {background-image: url(/image/contents/member/campaign24.jpg);}
#campaign li.notice25 a {background-image: url(/image/contents/member/campaign25.jpg);}
#campaign li.notice28 a {background-image: url(/image/contents/member/campaign28.jpg);}
#campaign li.notice29 a {background-image: url(/image/contents/member/campaign29.jpg);}
#campaign li.notice30 a {background-image: url(/image/contents/member/campaign30.jpg);}
#campaign li.notice31 a {background-image: url(/image/contents/member/campaign31.jpg);}
#campaign li.notice32 a {background-image: url(/image/contents/member/campaign32.jpg);}
#campaign li.notice33 a {background-image: url(/image/contents/member/campaign33.jpg);}
#campaign li.notice34 a {background-image: url(/image/contents/member/campaign34.jpg);}

#campaign li a:hover {
	background-position: 0 -282px;
}



#campaign li.notice20 {
	height: 282px;
	background: url(/image/contents/member/campaign20.jpg) no-repeat;
}
#campaign li.notice21 {
	height: 282px;
	background: url(/image/contents/member/campaign21.jpg) no-repeat;
}
#campaign li.notice22 {
	height: 282px;
	background: url(/image/contents/member/campaign22.jpg) no-repeat;
}
#campaign li.notice23 {
	height: 282px;
	background: url(/image/contents/member/campaign23.jpg) no-repeat;
}
#campaign li.notice26 {
	height: 282px;
	background: url(/image/contents/member/campaign26.jpg) no-repeat;
}
#campaign li.notice27 {
	height: 282px;
	background: url(/image/contents/member/campaign27.jpg) no-repeat;
}


/* ------------------------------
  h3
------------------------------ */
h3#h3-memCont {
  width: 695px;
  height: 36px;
  background: url(/image/contents/member/h3_mem_cont.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 16px;
}
h3#h3-memCont-login {
  width: 695px;
  height: 36px;
  background: url(/image/contents/member/h3_mem_cont_login.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 16px;
}

/* ------------------------------
  nav-memTop
------------------------------ */
ul.nav-memTop {
  width: 695px;
  margin-bottom: 20px;
}
/* clearfix */
ul.nav-memTop:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.nav-memTop {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul.nav-memTop {
  height: 1%;
}
ul.nav-memTop {
  display: block;
}
/* End hide from IE-mac */

ul.nav-memTop li {
  width: 228px;
  height: 170px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-right: 5px;
  position: relative;
  float: left;
}
ul.nav-memTop li#nav-memTop03,
ul.nav-memTop li#nav-memTop08,
ul.nav-memTop li#nav-memTop09,
ul.nav-memTop li#nav-memTop12 {
  padding-right: 0;
}

ul.nav-memTop li a {
  width: 228px;
  height: 119px;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
.memTop-a li#nav-memTop01 a {background-image: url(/image/contents/member/nav_memtop01_1.jpg);}
.memTop-a li#nav-memTop02 a {background-image: url(/image/contents/member/nav_memtop02_1.jpg);}
.memTop-a li#nav-memTop03 a {background-image: url(/image/contents/member/nav_memtop03_1.jpg);}
.memTop-a li#nav-memTop04 a {background-image: url(/image/contents/member/nav_memtop04_1.jpg);}
.memTop-a li#nav-memTop05 a {background-image: url(/image/contents/member/nav_memtop05_1.jpg);}
.memTop-a li#nav-memTop06 a {background-image: url(/image/contents/member/nav_memtop06_1.jpg);}
.memTop-a li#nav-memTop07 a {background-image: url(/image/contents/member/nav_memtop07_1.jpg);}
.memTop-a li#nav-memTop08 a {background-image: url(/image/contents/member/nav_memtop08_1.jpg);}
.memTop-a li#nav-memTop09 a {background-image: url(/image/contents/member/nav_memtop09_1.jpg);}
.memTop-a li#nav-memTop10 a {background-image: url(/image/contents/member/nav_memtop10_1.jpg);}
.memTop-a li#nav-memTop11 a {background-image: url(/image/contents/member/nav_memtop11_1.jpg);}
.memTop-a li#nav-memTop12 a {background-image: url(/image/contents/member/nav_memtop12_1.jpg);}

.memTop-b li#nav-memTop01 a {background-image: url(/image/contents/member/nav_memtop01_2.jpg);}
.memTop-b li#nav-memTop02 a {background-image: url(/image/contents/member/nav_memtop02_2.jpg);}
.memTop-b li#nav-memTop03 a {background-image: url(/image/contents/member/nav_memtop03_2.jpg);}
.memTop-b li#nav-memTop04 a {background-image: url(/image/contents/member/nav_memtop04_2.jpg);}
.memTop-b li#nav-memTop05 a {background-image: url(/image/contents/member/nav_memtop05_2.jpg);}
.memTop-b li#nav-memTop06 a {background-image: url(/image/contents/member/nav_memtop06_2.jpg);}
.memTop-b li#nav-memTop07 a {background-image: url(/image/contents/member/nav_memtop07_2.jpg);}
.memTop-b li#nav-memTop08 a {background-image: url(/image/contents/member/nav_memtop08_2.jpg);}
.memTop-b li#nav-memTop09 a {background-image: url(/image/contents/member/nav_memtop09_2.jpg);}
.memTop-b li#nav-memTop10 a {background-image: url(/image/contents/member/nav_memtop10_2.jpg);}
.memTop-b li#nav-memTop11 a {background-image: url(/image/contents/member/nav_memtop11_2.jpg);}
.memTop-b li#nav-memTop12 a {background-image: url(/image/contents/member/nav_memtop12_2.jpg);}

ul.nav-memTop li a:hover {
  background-position: 0 -119px;
}

ul.nav-memTop li a span.bana {
  width: 228px;
  font-size: 10px;
  line-height: 1.7;
  text-align: center;
  text-indent: 0;
  display: block;
  position: absolute;
  top: 51px;
  left: 0;
}
ul.nav-memTop li a span.bana img {
  padding-bottom: 5px;
}

ul.nav-memTop li span.cap {
  width: 225px;
  color: #787878;
  font-size: 10px;
  line-height: 1.5;
  text-indent: 0;
  display: block;
  position: absolute;
  top: 128px;
  left: 3px;
}
* html ul.nav-memTop li span.cap {
  font-size: 9px;
}
ul.nav-memTop li span.cap img {
  vertical-align: middle;
  padding-left: 7px;
}

/* ------------------------------
  start
------------------------------ */
#start {
  width: 695px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 25px;
}
#start a {
  width: 695px;
  height: 175px;
  background: url(/image/contents/member/start_bg.jpg) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#start a:hover {
  background-position: 0 -175px;
}

/* ------------------------------
  dotline
------------------------------ */
.dotline {
  width: 695px;
  height: 21px;
  background: url(/image/contents/member/line03.gif) repeat-x;
  font-size: 1px;
  line-height: 1px;
}