@charset "UTF-8";

/*----------------------------------------------------
 clearfix
----------------------------------------------------*/




/*----------------------------------------------------
 mailmag（メルマガ会員募集ページ）
----------------------------------------------------*/
#mailmag{ margin-top:100px;}
#mailmag .mapBt{
	text-align:center;
	padding:10px 0px 10px 0px;
	margin-bottom:20px;
}
#mailmag .mapBt a {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#FFCCCC));
	padding: 4px 25px 4px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #EC75A3;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	border: 1px solid #FFCCCC;
	position:relative;
	
	
}

#mailmag .mapBt a:after {
display: block;
position: absolute;
top: 48.5%;
right: 10px;
width: 7px;
height: 7px;

margin-top: -4px;
border-top: solid 2px #EC75A3;
border-right: solid 2px #EC75A3;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}


#mailmag table{width:90%;border-collapse: collapse;border-spacing:0px; margin:10px auto}
#mailmag table th{ background:#FFF0E1; border:#CCCCCC 1px solid; padding:5px; text-align:left}
#mailmag table td{ border:#CCCCCC 1px solid; padding:5px; text-align:left;}
#mailmag table th span{ }
#mailmag table td span{ color:#999999;}


#mailmag table th.hissu span{background: -webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#990000));	
	border: 1px #CC0000 solid; color:#FFFFFF;border-radius:20px;
    -moz-border-radius:20px; text-align:center;font-size:11px;
    -webkit-border-radius:20px; font-size:10px; padding:2px 3px; margin-left:5px; margin-right:5px}
#mailmag table th.nii span{background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));	
	border: 1px #999999 solid; color:#333333;border-radius:20px;
    -moz-border-radius:20px; text-align:center;font-size:11px;
    -webkit-border-radius:20px; font-size:10px; padding:2px 3px; margin-left:5px; margin-right:5px}


form.myform{ margin-bottom:10px;}

form.myform p{ padding-top:10px; padding-bottom:5px; margin:0;}


form.myform input[type="text"],
form.myform input[type="tel"],
form.myform input[type="email"],
form.myform textarea,form.myform select {

    color: #5a5c63;
    font-size: 100% ;
    width: 100% ;
    padding: 3px ;
    border: 1px solid #999999 ;
     -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset ;
     -webkit-box-sizing: border-box;
}
form.myform input[type="checkbox"],
form.myform input[type="radio"],
form.myform select { display:inline; vertical-align: baseline ;margin-right: 5px ;}
form.myform select{width: 100% ;}

form.myform input[type=submit], form.myform input[type=submit]:hover {
    position:relative;
     border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	padding:6px;
	width: 100% ;
    background: -webkit-gradient(linear, left top, left bottom, from(#F6BAD1), to(#EC75A3));	
	border: 1px #EC75A3 solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #EC75A3;
	text-shadow: 1px 2px 3px #EC75A3;font-size:13px; font-weight:bold;
}

form.myform input[type=button]{
    position:relative;
     border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	padding:6px;
	width: 100% ;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));	
	border: 1px #999999 solid;
	color: #000000;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #ffffff;font-size:13px; font-weight:bold;
}