@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","Lucida Grande",Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin:0;
	padding:0;
	color:#181818;
	font-size:12px;
	line-height:1.8em;
	background:url(../img/bg.jpg);
	margin:0 auto;
	}
h1, h2, h3, h4, h5, h6, p, div { margin:0; padding:0;}

a:link { color:#c80032; text-decoration:underline; }
a:visited { color:#df2f95; text-decoration:underline; }
a:hover { color:#ea51a9; text-decoration:underline; }
a:active { color:#ea51a9; text-decoration:underline; }
.clear{clear:both;}

.txt13{font-size:13px;}
.txt10{font-size:10px;}
.strong{font-weight:bold;}
.red{color:#B60000;font-size:13px;}
.bold{font-weight:bold;}
.mt-5{margin-left:-5px;}



#hdr{
width:302px;
clear:both;
margin-top:10px auto 15px auto;
color:#000;
}

#hdr h1{
background:url(../img/header.png) no-repeat left top;
background-size:100% 100%;
width:302px;
height:82px;
overflow:hidden; 
text-indent:-9999px;
clear:both;
}

#hdr h2{
	padding-top:10px;
	text-align:center;
}

#hdr h2 img{width:100%;
	height:auto;
	
}


#hdr p{
	padding:10px 0 10px 0;
	line-height:1.6em;
}

#hdr p#txt{
width:300px;
margin-bottom:10px;
overflow:hidden; 
text-align:center;
font-size:14px;
line-height:1.4em;
font-weight:bold;
color:#c80032;
padding:10px 0px;
}

#content_l {
	width:300px;
	margin:0 auto;
	padding:0px 15px 0 15px;
}

#hdr p#txt2{
width:80%;
overflow:hidden; 
text-align:left;
font-size:12px;
line-height:1.6em;
color:#000;
background:#fff;
border:1px solid #c80032;
padding:15px;
margin:0px auto;}

#content{
width:300px;
padding:0;
border-radius:10px;
border:5px solid #c80032;
background:#fff;
box-shadow:1px 1px 2px 1px #ccc inset;
}


.agreement{padding:0px;}

.agreement h3{background:#333;
	font-size:14px;
	padding:10px;
	color:#fff;
	margin-bottom:10px;}
	
.agreement h4{border-bottom:1px dotted #c80032;
	margin-bottom:10px;
	padding:5px 0px;
	color:#c80032;}
	
.agreement p{padding-bottom:30px;
	line-height:1.6em;}

li{list-style:none; list-style-image:none; list-style-type:none;}	

.agreement ul{padding-left:1em;
	padding-bottom:10px;}
.agreement li{text-indent:-1em;
	margin-bottom:10px;
	line-height:1.5em;}
	

#content #base_top{display:none;}
#content #base_mdl,#content #base_mdl2{background:none; padding:10px 10px;}
#content #base_btm{display:none;}


#content #base_mdl .form_mdl{
background-color:#FFFFFF;
width:100%;
margin:0 auto;
padding:0px;
}

#content #base_mdl .form_mdl p.txt , 
#content #base_mdl .form_quiz p.txt{
padding:0px;
font-weight:bold;
}

#content #base_mdl .form_mdl .q_box{
background-color:#343434;
margin:0 auto;
background-color:#FFF;
border-bottom:none;
border-left:none;
border-right:none;
width:100%;
float:none;
}

#content #base_mdl .form_mdl .q_box2{
margin:0 auto;
background-color:#FFF;
border:none;
width:100%;
float:none;
}

#content #base_mdl .form_mdl .q_box3{
margin:0 auto;
background-color:#FFF;
border-top:none;
border-left:none;
border-right:none;
width:100%;
float:none;
}



#content #base_mdl .form_mdl .q_box .item , 
#content #base_mdl .form_mdl .q_box2 .item , 
#content #base_mdl .form_mdl .q_box3 .item{
width:96%;
background:#343434;
padding:2% 2%;
color:#FFF;
margin-bottom:5px;}

#content #base_mdl .form_mdl .q_box .item2{
width:96%;
background:#343434;
padding:2% 2%;
color:#FFF;
float:none;
height:auto;
margin-bottom:5px;
}

#content #base_mdl .form_mdl .q_box .item3{
width:96%;
background:#343434;
padding:2% 2%;
color:#FFF;
float:none;
height:auto;
margin-bottom:5px;
}

#content #base_mdl .form_mdl .q_box .input , 
#content #base_mdl .form_mdl .q_box2 .input{
text-align:left;
color:#000;
float:none;
padding:3px 0px;
margin-top:2px;
margin-bottom:15px;

}

#content #base_mdl .form_mdl .q_box3 .input{
text-align:left;
color:#000;
float:none;
padding:3px 0px;
margin-bottom:15px;
}


#content #base_mdl .form_mdl .q_box .input2{
text-align:left;
color:#000;
float:none;
padding:3px 0px;
margin-top:5px;
margin-left:0px;
margin-bottom:15px;
}

#content p.btn{
text-align:center; padding:10px 0 0 0;
}


.cx_smartphoneview#content p.btnsp{ 
	background-image:url(/safe/Last_Cinderella/present/img/dramach.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center; padding:10px 0 0 0;}


#content p.btnsp img{
	visibility:hidden;
}

#content p.hissu{
text-align:left; padding:0px ;font-size:10px; color:#343434;
}

textarea { height:100px; width:100%;}
form{margin:0; padding:0;}

input{font-size:14px;
padding:3px;}

#ftr{
background:＃181818;
margin-top:15px;
margin-left:-15px;
padding-bottom:15px;
}

#copyright{
width:300px;
height:auto;
margin:12px auto 0px auto;
float:none;
font-size:10px;
text-align:center;
}

#copyright img{width:100%;
	height:auto;}

#close{
height:auto;
margin-top:7px;
text-align:center;
float:none;
}

#content #base_mdl2{
padding-top:10px;
padding-bottom:10px;
height: auto !important;
height: 280px;
text-align:center;
}

.thanks01{margin-top:70px; font-size:15px; color:#333; margin-bottom:50px;}
.thanks02{color:#333;}
#error1{color:#333;border-bottom:1px dotted #bf9b45;padding-bottom:3px;margin-bottom:10px;}
#btn_back{border-top:1px dotted #bf9b45;padding-top:5px;margin-top:10px;}


table{
	border-collapse:collapse;
	margin-top: 0px;
	margin-left: 5px;
	width:560px !important;
	padding:0;
}


table tr {
	width:560px;
}

table td {
	border:1px solid #343434;
	vertical-align:middle;
}

table .item4 {
	width:120px !important;
	background:#343434;
	padding:10px 6px;
	color:#FFF;
}

table .input4 {
	text-align:left;
	color:#000;
	padding:0px 10px 3px 10px;
}

.txt_c {
	text-align:center;
	margin-bottom:10px;
}

.sp{display:block;}
.pc{display:none;}