#sub-nav {
	font-size: 13px;
	line-height:13px;
	margin: 20px auto 50px;
	padding: 0px;
	display: block;
}

#sub-nav a {
	margin: 6px;
	padding: 0px;
	float: left;
	border-left:0px solid #666;
	display: inline-block; 
}

/* -----/topbox----- */ 

/*  -----orderform-----  */

form {
	width:75%;
	margin:0 auto;
	padding:10px 20px;
	background-color:#E6F0DF;
	/* box-shadow */
box-shadow:2px 2px 8px 0px #ccc;
-moz-box-shadow:2px 2px 8px 0px #ccc;
-webkit-box-shadow:2px 2px 8px 0px #ccc;

/* border-radius */
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}

form h2 {
	font-size: 1.2em;
	font-weight:bold;
	margin: 20px 0 ;
	text-align: center;
	display:block;
	border-bottom:1px dotted #333;
	}
	
form h3 {
	font-size: 1em;
	font-weight:400;
	margin: 0 0 5px;
	display:inline-block;
	}
	
form h4 {
	font-size: 0.8em;
	font-weight:400;
	margin: 0;
	display:inline-block;
	}
	
form h5 {
	font-size: 0.8em;
	font-weight:400;
	margin: 0 0 5px;
	color: red;
	display:inline-block;
	}

#ftittle {
	font-size: 1.5em;
	padding: 0px;
	margin: 10px auto 20px;
	text-align:center;
	display:block;
	border-bottom:1px dotted #333;
}

.hoge {
border:0;
padding:5px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 20px;
width:70%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
display:block;
}

input[type=checkbox] {
  display: none;
}

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 10px 8px 0;
  padding: 10px 10px 10px 38px;
  border:solid 1px #ccc;
  border-radius: 8px;
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:hover {
  background-color: #e2edd7;
}
.checkbox:hover:after {
  border-color: #53b300;
}
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  margin-top: -11px;
  width: 18px;
  height: 18px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.apply {
width:90%;
margin:20px auto;
}

@media screen and (max-width: 680px) {

form {
	width:100%;
}

.hoge {
	width:100%;
}

}