/* ------------ Font Style */


#wrapper {
 width:768px;
 margin:0 auto;
 text-align:left;
}
#contents{width:700px;margin:0 auto;}
@media only screen and (max-width:768px){
 #wrapper, #contents {width:100%;border-radius:0px;}
}



/* ------------ form design */
section {width:100%;margin:0 auto;margin-left:-0px;}
@media only screen and (max-width:768px){
 section {width:100%;margin:0 auto;}
}

section table.items {width:95%;}
section table.items th {background: #f6f6f6;font-weight:bold;}
@media only screen and (min-width:769px){
 section table.items th {vertical-align:top;}
}
@media only screen and (max-width:768px){
 section table.items th {background: #f6f6f6;}
}
section table.items td {line-height:1.6em;}
section table.items th, section table.items td {padding:10px;border-bottom:1px solid #f6f6f6;}
@media only screen and (max-width:768px){
 section table.items th, section table.items td {border-bottom:0px solid #f6f6f6;}
}
section table.items th {text-align:left;width:25%;}
table.items tr:first-child th {border-top:1px solid #f6f6f6;}
@media only screen and (max-width:768px){
 section table.items th, section table.items td{width:100%;display: block;border-top: none;}
}
section table.items td li {list-style-type: none;}
section table.items td div {font-size:0.85em;padding:5px;color:#999;}


section table.mess {width:100%;}
section table.mess td {padding:10px;}
@media only screen and (max-width:700px){
 section table.mess td {width:100%;display: block;}
}
section table.mess td span {color:#F00;font-size:0.9em;}

section h4 {text-align:center;padding-top:30px;font-size:1.6em;}
section p {text-align:center;padding:30px;}

.copyright {font-size:0.6em;height:50px;vertical-align:bottom;}
.btn {margin-top:20px;}

mark.req {font-size:10px;font-weight:normal;color:#FFF;margin-right:6px;padding:0 3px;background:#66c;}
mark.opt {font-size:10px;font-weight:normal;color:#FFF;margin-right:6px;padding:0 3px;background:#b6b6b6;}

@media only screen and (max-width:700px){
 label.inp {display:block;}
 label.inp input{width:95%;}
}
label.rad, label.chk {width:100px;height:25px;display:block;float:left;}
@media only screen and (max-width:700px){
 label.rad, label.chk {height:40px;padding-top:5px;}
}

input.ds-input {color:#000;}
input.ds-input::-webkit-input-placeholder {color: #ccc;}
input.ds-input:-ms-input-placeholder {color: #ccc;}
input.ds-input::-moz-placeholder {color: #ccc;}

.ds-input {ime-mode: disabled;border:0;padding:7px;font-size:1.0em;color:#aaa;border:solid 1px #ccc;}
.w95{width:95%;}
.ds-submit {border:solid 1px #ccc;padding:10px 70px;font-size:1.2em;font-weight:bold;color:#000;cursor:pointer;border-radius:5px;}
.lightgray {color:#999;}
.ds-rad,.ds-chk {transform:scale(1.2);}
select,select option {width:95%;height:38px;padding: 7px 0 10px 10px;}