@charset "UTF-8";
/* CSS Document */
/**************************************スマホ対応ここから**************************************/

/**メインここから**/
#main {
	width:100%;
	background:none;
	height:100%;
	margin-bottom:100px;
}
#form-box-wap {
	width:100%;
	margin:10px auto;
}
.red {
	border-radius:6px;
	background:#FF6666;
	color:#fff;
	font-size:.9em;
	padding:3px 6px;
	margin-left:6px;
}

.c-box {
	display:block;
	float:left;
	margin-bottom:10px;
	width:33%;
}

.style1 {
	width:80% !important;
}
.style3 {
	float:none;
}
.atn {
	float:left;
	display:inline-block;
	margin:10px 10px 0 0;
}
.red2 {
	border-radius:6px;
	background:#FF6666;
	color:#fff;
	font-size:12px;
	padding:3px 6px;
	margin-left:6px;
}
#form-box-wap ul {
	width:100%;
	height:auto;
	
}
#form-box-wap ul li {
	width:100%;
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
 box-sizing:border-box; 
	font-size:.8em;
	list-style:none;
}

select {
	display:block;
	width:50%;
	height:40px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	text-align:left;
	border-radius: 0;
	margin: 10px 2% 10px 0;
	padding: 6px;
	background: url(img/select-icon.png) center right 12px no-repeat, #f9f9f9;
	background-size:5%;
	vertical-align: middle;
	border:1px solid #ccc;
	color: inherit;
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
 box-sizing:border-box; 
	font-size:1rem;
	color:#666;
}


ul.select_list{
		width:100% !important;
		overflow:hidden !important;
	}	

ul.select_list li{
	color:#444!important;
	font-size:16px !important;
	float:left !important;
	width:48% !important;
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	}	

 
/**************************************パソコン対応ここから**************************************/

 
@media screen and (min-width: 769px) {

#main {
 float:l;
 width:100%;
 background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
 height:auto;
 padding:12px 0px;
}
 #form-box-wap {
 width:960px;
 margin:20px auto;
 background:#fff;
 box-shadow:2px 2px 6px #ccc;
 padding:10px;
 border-radius:12px;
 overflow:hidden;
}
#form-box-wap ul {
 width:960px;
 height:auto;
}

 #form-box-wap ul li {
 float:left;
border-bottom:1px dotted #ccc;
padding:10px 0px;
}
 #form-box-wap ul li#sub {
padding:20px 0px;
border:none;
}
 #form-box-wap ul li .left {
 width:25%;
 background:none;
 height:auto;
 padding-top:1em;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fffff', endColorstr='#66cccc', GradientType=0 ); /* IE6-9 */
}
 #form-box-wap ul li .right {
 width:70%;
}

.form_li{
	width:680px;
	margin:0px auto;
	background:#fff;
	padding:10px;
	overflow:hidden;
}

.form_li li{
	list-style:none;
	margin-bottom:10px;
}

.form_li li a{
	text-decoration:none;
}


ul.select_list li{
	font-size:16px !important;
	float:left !important;
	width:32% !important;
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	}	
	
	
}
