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

/**コンテンツ１ここから**/
#contents {
	width:100%;
	height:auto;
}

/**メインここから**/
#main {
	width:100%;
	background:none;
	height:100%;
	margin-bottom:100px;
}

.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:block;
	margin:10px 10px 0 0;
}

.red2 {
	display:block;
	border-radius:6px;
	background:#FF6666;
	color:#fff;
	font-size:1em;
	padding:3px 6px;
	margin:10px 0 0 0;
}


/**メインここまで**/
 
/**************************************パソコン対応ここから**************************************/

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

#main {
 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 {
 float:none;
 width:960px;
 margin:20px auto 0;
 background:#fff;
 box-shadow:2px 2px 6px #ccc;
 padding:10px;
 border-radius:12px;
}

#form-box-wap {
	width:960px;
	margin:10px auto;
}


}