@charset "utf-8";

/*--------------------------------

CPN用CSS

---------------------------------*/

body{
	background:url(../img/bg.png) #0082bd center -7px;
	font-size:14px;
	line-height:1.4em;
	color:#353535;
}

a:link{color:#fff25d;text-decoration:underline;}
a:visited{color:#fff25d;text-decoration:underline;}
a:hover{color:#fff25d;text-decoration:none;}
a:active{color:#fff25d;text-decoration:underline;}

img{
	vertical-align:bottom;
}

.btnTop{
  clear:both;
  margin-top:35px;
  text-align:right;
 }

/*--------------------------------

コンテンツ

---------------------------------*/
#mainvisual{
	margin:auto;
	padding-bottom:20px;
	width:960px;
}


#mainvisual img{
	vertical-align:top;
}

#mainvisual .wR{
	display:inline-block;
	vertical-align:top;
}

.btn{
	text-align:center;
}

#mainvisual .btn{
	display:inline-block;
	margin-left:40px;
}

#mainvisual .btn a:last-child{
	display:inline-block;
	margin-top:10px;
	padding-left:24px;
	height:21px;
	background:url(../img/icn_arrow.png) no-repeat left center;
	line-height:21px;
}


#cpn{
	padding-bottom:20px;
	border-top:solid 5px #02a0d7;
	border-bottom:solid 5px #02a0d7;
	background-color:#2fb4ec;
}

#cpn .btn{
	margin-top:-4px;
}

#cpn .btn a{
	display:inline-block;
	margin:0 6px;
}

#detail,
#attend{
	padding:0 25px;
}

#detail{
	margin-top:13px;
}

#detail dt{
	padding-top:7px;
	padding-left:32px;
	height:25px;
	background:url(../img/icn_slime.png) no-repeat left top;
	font-size:16px;
	font-weight:bold;
	color:#fffcd1;
}

#detail dd{
	margin-bottom:15px;
	padding-left:32px;
	color:#fffcd1;
	max-height: 999999px;
}

#detail dd:last-child{
	margin-bottom:0;
}

#detail span{
	color:#fff;
}

#detail table{
	width:580px;
}

#detail td span{
	color:#0082bd;
}

#detail th{
	padding-top:3px;
	padding-bottom:3px;
	background-color:#0082bd;
	font-weight:bold;
	text-align:left;
}

#detail tr th:first-child{
	width:422px;
}

#detail tr th:last-child{
	width:158px;
}

#detail tbody td{
	padding-top:2px;
	padding-bottom:2px;
	background-color:#fff;
	color:#0082bd;
}

#detail tbody tr:nth-child(odd) td{
	background-color:#bbebff;
}

#detail table tr:last-child td{
	text-align:center;
}


#detail tr th:first-child span,
#detail tr td:first-child span{
	display:inline-block;
	margin-left:30px;
	width:340px;
}

#detail tr th:last-child span,
#detail tr td:last-child span{
	display:inline-block;
	width:100px;
	margin-left:30px;
}

#detail tr th:first-child span,
#detail tr th:last-child span{
	text-align:center;
	font-weight:bold;
	color:#fffcd1;
}


#detail tr td:first-child span,
#detail tr td:last-child span{
	text-align:left;

}


#attend{
	color:#fff;
	max-height: 999999px;
}

#attend dt{
	margin-top:25px;
	font-weight:bold;

}

#attend span{
	font-size:16px;
	font-weight:bold;
}

.add{
	margin-top:0.4em;
	color:#ffcc00;
	font-weight:bold;
}

.pageTop{
	margin:auto;
	padding-top:10px;
	padding-bottom:15px;
	text-align:right;
}


#footer{
	position:relative;
	z-index:10;
	margin-bottom:-15px;
	min-width:960px;
	width:100%;
	background-color:#214656;
	text-align:center;
  }

#footer p{
	position:relative;
	top:-8px;
	padding:17px 0 4px;
	font-size:10px;
	font-style:normal;
	color:#68c9f2;
	max-height: 999999px;
  }


.home:link{
	display:inline-block;
	margin-bottom:2em;
	padding:1em 2em;
	border-radius:10px;
	background-color:#fff25d;
	color:#214656;
	text-decoration:none;
	font-size:14px;
}

.home:visited{
	color:#214656;
}


#cpn,
body,
html{
	position: relative;
}
#cpn .wrapper{
	padding-top: 60px;
}
#cpn::before {
  content: " ";
	height: 100%;
  width: 100%;
  position: absolute;
	display: block;
	background-image:url(../img/msg_cpn_end.png);
	background-position: center 15px;
	background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
}