.text, textarea, .dropdown{
    margin: 4px 10px 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "IPA 明朝", sans-serif;
	font-size: 13px;
	line-height: 1.6;
    border:1px solid #777;
    padding: 3px;
    color: #999;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
    }
     
.submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #428ec9;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
    }
     
     
     
.checkbox,.radio{
/* 	position: absolute;
	z-index: -1;
 */}
    .CheckBoxLabelClass{
        /* background: url("img/checkbox.png") no-repeat top left; */
        margin-right:20px;
        padding-left:22px;
        }
     
    .radiolabel{
       /*  background: url("img/radio.png") no-repeat top left; */
        margin-right:20px;
        padding-left:2px;
        }
    .LabelSelected,.RadioSelected{
        background-position: bottom left;
        }	

.name {
width: 15em;
}
.long {
width: 45em;
}

.comment {
	width: 45em;
	height: 10em;
}
/* レイアウト */
.required {
	color: #ff6600;
}

dl.mail {
		margin: 60px 0 20px 30px;
	padding: 10px;
	clear: both;
}
.mail span {
	font-size: 85%;
	font-weight: normal;
}
.mail dt {
		font-weight: bold;
	color: #000;
	padding-left: 5px;
	width: 14em;
	float: left;
	clear: left;
}

dl.mail dd {
		color: #000;
  margin-bottom: 1em;
  margin-left: 15em;
}
dl.mail p {
	padding-bottom: 10px;
}
p.btn_confirm {
	text-align: center;
	padding: 40px 0 ;
}

	.btn_confirm .btn {
		display: inline-block;
		padding: 13px 24px 10px;
		margin-bottom: 15px;
		
		background-color: #c4652d;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d07936), to(#b95124));
		background-image: -webkit-linear-gradient(top, #d07936, #b95124);
		background-image: -moz-linear-gradient(top, #d07936, #b95124);
		background-image: -o-linear-gradient(top, #d07936, #b95124);
		background-image: -ms-linear-gradient(top, #d07936, #b95124);
		background-image: linear-gradient(top, #d07936, #b95124);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d07936', EndColorStr='#b95124');
		
		border-radius: 5px;
		box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.1);
		
		color: #fff;
		text-shadow: 0 1px 2px rgba(0,0,0,.2);
		
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		text-transform: uppercase;
		
		border: none;
	}
		.btn_confirm .btn:hover {
			opacity: .95;
			color: #fff;
		}
		.btn_confirm .btn:active {
			opacity: 1;
			background-color: #bc5f29;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#b55625), to(#c3692d));
			background-image: -webkit-linear-gradient(top, #b55625, #c3692d);
			background-image: -moz-linear-gradient(top, #b55625, #c3692d);
			background-image: -o-linear-gradient(top, #b55625, #c3692d);
			background-image: -ms-linear-gradient(top, #b55625, #c3692d);
			background-image: linear-gradient(top, #b55625, #c3692d);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b55625', EndColorStr='#c3692d');
			
			box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,.1), inset 0 2px 2px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.1);
		}
	.btn_confirm a {
		margin: 0 4px;
		
		color: #79654e;
		text-decoration: none;
		border-bottom: 1px solid #ddd2c6;
	}
		.btn_confirm a:hover {
			color: #665139;
			border-color: #d1bfa9;
		}


/* =====================
	タブレット向け
======================= */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {

.mail dt {
	padding-left: 0px;
	width: 100%;
	clear: both;
}

dl.mail dd {
		color: #000;
  margin-bottom: 1em;
  margin-left: 0em;
}


/* タブレット向けここまで */ }

/* =====================
	スマホ向け
======================= */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
dl.mail {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.name,.long,.comment {
width: 100%;
}

/* スマホ向けここまで */ }