@charset "UTF-8";

#confirm_layer {
	background-color: #f7f7f7;
	position: absolute;
	top: 0;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	width: 100%;
	font-size: 16px !important;
}
#confirm_layer h1, #confirm_layer h2, #confirm_layer h3, #confirm_layer p {
    font-weight: normal;
	line-height: initial;
}
#confirm_layer h1.cl_sp_logo img {
	width: 50%;
	padding: 16px;
}
#confirm_layer #ContentsBlock {
	background-image: url(/sp/common_v3/img/base/grad01.gif),url(/sp/common_v3/img/base/grad02.gif);
    background-position: left top,left bottom;
    background-repeat: repeat-x,repeat-x;
    padding-top: 16px;
}
#confirm_layer .cl_mainvisual {
	display: none;
}
#confirm_layer .cl_sp_mainvisual {
	margin: 0;
}
#confirm_layer .cl_sp_mainvisual img {
	width:100%;
}
#confirm_layer #cl_mainBlock .inner {
	width:91.875%;
	margin:0 auto 16px;
}
#confirm_layer #cl_mainBlock .inner h2 {
	background-color:#0087af;
	color:#fff;
	font-size:100%;
	padding: 2% 8%;
	margin-bottom:2%;
}
#confirm_layer #cl_mainBlock .inner p {
	font-size:80%;
}
#confirm_layer #cl_mainBlock .inner p ~ p {
	padding-top:1em;
}

#confirm_layer #cl_mainBlock .inner .cl_box {
	background-color:#fff;
	padding:4%;
	margin-top:16px;
}
#confirm_layer #cl_mainBlock .inner .cl_box h3 {
	border-bottom:1px solid #d8d8d8;
	color:#0087af;
	font-size:120%;
	text-align:center;
	padding-bottom:6px;
}
#confirm_layer #cl_mainBlock .inner .cl_box p {
	padding:12px 0;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question {
}
#confirm_layer #cl_mainBlock .inner .cl_box .question p {
	font-size:110%;
	float:left;
	width:54%;
	color:#0087af;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question ul {
	float:right;
	width:46%;
	margin-top:10px;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question li {
	width:48%;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question li.yes {
	float:left;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question li.no {
	float:right;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question li a{
	text-decoration:none;
	color:#fff;
	width:100%;
	display:block;
	text-align:center;
	padding:16px 0;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question li.yes  a{
	background-color:#0087af;
}
#confirm_layer #cl_mainBlock .inner .cl_box .question li.no a {
	background-color:#969696;
}

#confirm_layer .link.center {
	text-align:center;
	padding:24px 0 8px;
    position: inherit;
}
#confirm_layer .link a {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-repeat:no-repeat;
	background-position:right top,left top;
	background-size:contain,contain;
	background-image:url(/common_v3/img/base/icon05.gif),url(../img/key01.gif);
	font-size:110%;
	padding:10px 60px 10px 45px;
	color:#fff;
	background-color:#0088b2;
	text-decoration:none;
}

#confirm_layer #cl_mainBlock .inner .cl_box3 ul {
	width:100%;
}
#confirm_layer #cl_mainBlock .inner .cl_box3 li {
	width:48%;
}
#confirm_layer #cl_mainBlock .inner .cl_box3 li.member{
	float:left;
}
#confirm_layer #cl_mainBlock .inner .cl_box3 li.register {
	float:right;
}
#confirm_layer #cl_mainBlock .inner .cl_box3 li a {
	display:block;
	background-color:#0087af;
	color:#fff;
	text-decoration:none;
	font-size:80%;
	text-align:center;
	padding:12px 0;
}


#confirm_layer.no_layer {
	opacity: 0;
	transition: opacity 1s;
}

#confirm_layer.confirmOverlay {
	opacity: 1;
}

#body_overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	background-color: #FFFFFF;
	position: absolute;
}

#body_overlay.no_layer {
	opacity: 0;
	transition: opacity 1s;
}
#click_confirm {
	cursor: pointer;
}
.copyrightBlack p {
    text-align: center;
    width: 100%;
    font-size: 60%; 
    padding: 0 0 10px;
}