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

/* ------------------------------------------------------
mail_css
------------------------------------------------------ */

dl.mail dt.sb01 a{
background-image: url(../member/images/sb_01.jpg);
background-position:0 0;
}
dl.mail dt.sb01 a:hover{
background-image: url(../member/images/sb_01.jpg);
background-position:0 -40px;
}
dl.mail dt.sb01_on a{
background-image: url(../member/images/sb_01.jpg);
background-position:0 -40px;
}

dl.mail dt.sb02 a{
background-image: url(../member/images/sb_02.jpg);
background-position:0 0;
}
dl.mail dt.sb02 a:hover{
background-image: url(../member/images/sb_02.jpg);
background-position:0 -40px;
}
dl.mail dt.sb02_on a{
background-image: url(../member/images/sb_02.jpg);
background-position:0 -40px;
}

dl.mail dt.sb03 a{
background-image: url(../member/images/sb_03.jpg);
background-position:0 0;
}
dl.mail dt.sb03 a:hover{
background-image: url(../member/images/sb_03.jpg);
background-position:0 -40px;
}
dl.mail dt.sb03_on a{
background-image: url(../member/images/sb_03.jpg);
background-position:0 -40px;
}

dl.mail dt.sb04 a{
background-image: url(../member/images/sb_04.jpg);
background-position:0 0;
}
dl.mail dt.sb04 a:hover{
background-image: url(../member/images/sb_04.jpg);
background-position:0 -40px;
}
dl.mail dt.sb04_on a{
background-image: url(../member/images/sb_04.jpg);
background-position:0 -40px;
}

div.mail div#main .box_cap{
	padding:18px;
	width:603px;
}

div.mail div#main .box_cap div.box{
	margin:0 0 40px 0;
	padding:0;
}

div.mail div#main .box_cap h3{
	margin:0 0 0 0;
	padding:0 0 20px 0;
}

div.mail div#main .box_cap p{
	margin:0;
	padding:0;
}

div.mail div#main .box_cap dl{
	margin:0 0 0 0;
	padding:0 0 20px 5px;
	display:block;
	float:none;
}

div.mail div#main .box_cap input.box{
	background:#fff;
	border:1px solid #8a9dc3;
	height:18px;
	margin:0;
	padding:4px 2px 0px 2px;
}

div.mail div#main .box_cap input.nb{
	background:none;
	border:none;
}

div.mail div#main .box_cap dt{
	margin:2px 10px 0 0;
	padding:0 0 0 0;
	display:block;
	float:left;
	font-size:90%;
	line-height:120%;
}

dt.e-address{
	width:150px;
}

dd.e-address input{
	width:270px;
}

dd.e-address div{
	width:430px;
}

dt.pass{
	width:150px;
}

dd.pass input{
	width:135px;
}

dt.post{
	width:150px;
}

dd.post input{
	width:100px;
}

dt.name1{
	width:150px;
}

dd.name1 input{
	width:100px;
}

dt.name2{
	width:150px;
}

dd.name2 input{
	width:100px;
}

dt.address{
	width:150px;
}

dd.address input{
	width:400px;
}

dt.tel{
	width:150px;
}

dd.tel input{
	width:150px;
}


dt.tel{
	width:150px;
}

dd.tel input{
	width:150px;
}


dt.radio{
	width:150px;
	display:block;
}

dl div{
	width:400px;
	float:left;
}

div.mail div#main .box_cap dd.radio span{
	margin:0 0 0 0 ;
	padding: 0 0 5px 0;
	display:block;
	float:left ;
	width:100px;
}

.mt0{margin-top:0 !important;}

div.mail div#main .box_cap span.q{
	margin:25px 0 10px 0;
	padding:0 0 0 0;
	display:block;
	color:#1f3d79;
	font-weight:bold;
}

div.mail div#main .box_cap span{
	margin:0 0 5px 0;
	padding:0 0 0 0;
	display:block;
}

div.mail div#main .box_cap textarea{
	margin:10px 0 0 0;
	padding:0 0 0 0;
	display:block;
	border:1px solid #8a9dc3;
	width:466px;
	height:108px;
}

div.privacyinfo{
	overflow:auto;
	border:1px solid #8a9dc3;
	width:580px;
	height:160px;
	background:#fff;
	padding:10px;
	margin:10px 0 0 0;
}

div.privacyinfo em{
	font-weight:bold;
	font-style:normal;
}

div.mail em.kome{
	font-style:normal;
	color:#ff0000;
}

/* ------------------------------------------------------
6月1日追記
------------------------------------------------------ */
div.mail span.errorTxt{ color:#032b8e;}
div.mail div#main span.kakunin{
	background: url(../images/list_dot.gif) no-repeat left center;
	margin: 20px;
	padding-left: 8px;
	display: block;
}
div#BtnArea{
	width: 603px;
	text-align: center;
}
div#BtnArea02{
	width: 603px;
	text-align: center;
	margin:20px 0 0 0;
}

div#BtnAreaError{
	width: 685px;
	text-align: center;
}

div#BtnAreaError img{ margin-left:10px; }
.mt30{
	margin-top:30px;
}

.mt0{
	margin-top:0px !important;
}

span.bd{
	font-weight:bold;
	display:block;
	font-size:110%;
}

div.mail div#main div.transition{
	margin:25px 0 0 25px;
	padding:0 0 0 0;
}

div.mail div#main .transition dl{
	margin:0 0 0 0;
	padding:0 0 20px 5px;
	display:block;
	float:none;
}

div.mail div#main .transition input.box{
	background:#fff;
	border:1px solid #8a9dc3;
	height:18px;
	margin:0;
	padding:4px 2px 0px 2px;
}

div.mail div#main .transition dt{
	margin:2px 10px 0 0;
	padding:0 0 0 0;
	display:block;
	float:left;
	font-size:90%;
	line-height:120%;
}

div.mail div#main .box_cap span.last{
	text-align: center !important;
	width: 300px;
	margin: 10px auto 10px;
}

span.doui{ text-align: center;}

div.mailbtn{
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:-30px;
}

div.mailbtn span{
	padding-right:30px;
}



div.about_text{
	background: url(../member/images/bg_about.gif) no-repeat right top;
	width:650px;
	height:180px;
	margin-bottom:30px;
}

	div.about_text p{
	width:500px !important;
}


div.about {
	background: #f5f5f6;
}

div.about h4{
	margin:0 !important;
	padding:0;
}

div.about h5{
	margin:10px 0 0px 10px !important;
	padding:0;
	display:block;
}

div.about h5.ttl{
	margin:5px 0 10px 10px !important;
	padding:0;
	display:block;
	font-size:110%;
	color:#ff9c00;
	font-weight:bold;
	border-bottom:1px dotted #ff9c00;
	width:600px;
}

table.about{
	vertical-align:top;
	margin-left:10px;
	width:560px;
}

table.about tr{
	vertical-align:top;
}

table.about th{
	padding-bottom:8px;
	width:100px;
}

table.about td{
	padding-bottom:8px;
}

p.mb_50{
	margin-bottom:50px !important;
	display:block;
}

span.gotomail{
	display:block;
	margin-top:10px;
	text-align:center;
}

table.illust_01{
	background: url(../member/images/illust_01.gif) no-repeat right top !important;
}

table.illust_02{
	background: url(../member/images/illust_02.gif) no-repeat right top !important;
}

div.veri div{
	float:left;
	width:150px;
	margin-left:20px;
}

div.veri span{
	display:block;
	float:left;
	width:480px;
	margin-top:15px;
}

span.img_chart {
	margin-left:22px;
}



div.box_btn{
	margin-top:20px;
}

div.box_btn div {
	width:283px;
	float:left;
	padding:20px 0 10px 0;

	border-radius: 10px;	 /* CSS3 */  
	-webkit-border-radius: 10px;	/* Safari, Chrome */  
	-moz-border-radius: 10px;	/* Firefox */
}


div.box_mail {background:#FCEEDB;margin-right:30px; border:1px solid #FCD9AC;}
div.box_soramame {background:#f3ffe3; border:1px solid #c7ef91;}

div.box_btn div h6{
	display: block;
	margin:0 0 10px 20px !important;
	padding:0 !important;
	width:188px !important;
	height:16px !important;
	line-height:0;
	text-indent:-9999px;
}

div.box_mail h6{ background: url(../member/images/h6_mail.gif) no-repeat 0 0;}
div.box_soramame h6{ background: url(../member/images/h6_soramame.gif) no-repeat 0 0;}

div.box_btn div p{
	display:block;
	margin:0 0 0 20px !important;
	padding:0 !important;
	width:245px !important;
	font-size:90%;
	line-height:130%;
	height:90px;
	margin-bottom:20px;
}

div.box_btn div input{
	margin-left:20px;
}

div.btn_secession { text-align:center; margin:0 0 30px 0;}
.box p.cet_mb { text-align:center; margin-bottom:18px !important;}

span.btn_done{
	display:block;
	text-align:center;
	width:226px;
	height:35px;
	margin:10px auto;
	
}

ul.errorMes{
	margin-left:30px;
	color:#ff0000;
}

div.cmp{
	margin:0 0 30px 30px;
	width:580px;
	border:1px solid #e0e0da;
	padding:20px 20px 10px 20px;
}



div.cmp ul{ 
	margin-top:10px;
}

div.cmp ul li{ 
	list-style: disc outside; 
	margin-left:18px;
	margin-bottom:10px;
}


p.prepare {
	padding-bottom:30px !important;
}


p.str {
	font-weight:bold;
}