@charset "utf-8";

body, form {
	font-family:'Lucida Grande', Meiryo,'Hiragino Kaku Gothic ProN', sans-serif;
	background:#fff;
	color:#000;
	margin:0;
    padding:0;
    border:0;
    outline:0;
}
table.form {
	border:1px solid #999; border-collapse:collapse; margin-top:1em; margin-left:1em; width:580px;
}
table.form th,td {
	border:1px solid #999; text-align:left; padding:8px; font-weight:normal; height:auto; font-size: 14px;
}
table.form th {
	background:#edeff4; line-height:18px; word-break: keep-all;
}
table.form td {
	background:#fff;
}
table.form td input {
	height:30px;
}
strong.ttl {
	text-align:left; border-left:solid 4px #cc0000; display:block; padding:2px 5px; margin-top:2em;
}
input.button {
width:100px;
padding:10px;
}
input[type=button] {
margin-left: 15px;
}

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

table.form {
	border:1px solid #999; border-collapse:collapse; margin-top:1em; width:290px;
}
table.form th,td {
	border:1px solid #999; text-align:left; padding:8px; font-weight:normal; height:auto;
}

table.form td input {
	height:30px;
}
}
.red {
	color: #F00;
	font-size: 14px;
}

.orange {
	color: #ff7811;
	font-size: 13px;
}

.center {
	margin-left:170px;
}

dd input {
	height:18px;
	max-width: calc(100% - 10px);
}

input[type=checkbox] {
	margin-bottom: -5px;

}
input[type=submit] {

margin-left:220px;
padding:10px;
}
input[type=reset] {
margin-left:50px;
padding:10px;
}
input[type=text]  {
height: 18px
}

textarea {
	width: 360px;
}
@media screen and (max-width: 768px) {
input,select,textarea{
   font-size:16px;
}
}
dl {
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
    margin:5px;
	width: 688px;
	background-color:#edeff4;

}

dl dt {
    float:left;
    clear: left;
    width:240px;
    border-top:1px solid #999;
    padding:8px;
	 line-height:20px;
	 font-weight: normal;
}


dl dd {
    background-color:#fff;
    border-top:1px solid #999;
		border-left: 1px solid #999;

    margin-left:250px;
    padding:8px;
	 line-height:16px;
	 background-color: #fff;
}
dl.dltbl dt {
    float:left;
    clear: left;
    width:190px;
    height: 18px;
    border-top:1px solid #999;
    padding:8px 0 8px 8px;
	 line-height:22px;
	 font-weight: normal;
}
dl.dltbl dd {
    background-color:#fff;
    border-top:1px solid #999;
		border-left: 1px solid #999;
    margin-left:200px;
    padding:8px;
	 line-height:16px;
	 background-color: #fff;
}

.form_txt {
  margin-bottom: 5px;
  margin-top: 20px;
  margin-left: 5px;
}

.form_txt:before {
 color:#C00;
 content:"\25C6"
}

dl dt.dt5 {
height: 84px;
line-height:20px;
position: relative;
}
dt.dt5 p {
position: absolute;
top: 50%;
}

@media screen and (max-width: 1000px) {
.center {
	margin-left:140px;
}
input[type=submit] {

margin-left:200px;
padding:10px;
margin-bottom: 50px;
}
textarea {
	width: 340px;
}
dl {
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
    margin:5px;
	width: 620px;
	background-color:#edeff4;
}
}

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

.center {
	margin-left:80px;
}

dd input {
	height:36px;
}
input[type=text]  {
height: 36px
}
input[type=checkbox] {
	margin-bottom: -5px;

}
input[type=submit] {
margin-left:0px;
width: 300px;
-webkit-border-radius: 10px;
margin-bottom: 20px;
}
input[type=reset] {
margin-left:0px;
width: 300px;
-webkit-border-radius: 10px;
margin-bottom: 20px;
}
input[type=button] {
margin-left:15px;
width: 290px;
-webkit-border-radius: 10px;
margin-bottom: 20px;
}


textarea {
	width: 260px;
}


dl {
    border-bottom:none;
    border-left:none;
    border-right:none;
    margin:0px;
	width: 100%;
	background-color:#edeff4;

}

dl dt {
    float:none;
    clear: none;
    width:100%;
    border-top:none;
    padding:0px;
	 line-height:16px;
	 font-weight: normal;
}
dl dd {
    background-color:#fff;
    border-top:none;
		border-left: none;

    margin-left:0px;
    padding:8px;
	 line-height:16px;
	 background-color: #fff;
}
dl.dltbl {
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-top:1px solid #999;
    margin:0px;
	width: 100%;
	background-color:#edeff4;

}

dl.dltbl dt {
    float:none;
    clear: none;
    width:100%;
    border-top:none;
    padding:10px 0 10px 10px;
	 line-height:16px;
	 font-weight: normal;
}
dl.dltbl dd {
    background-color:#fff;
    border-top:none;
		border-left: none;
    margin-left:0px;
    padding:8px;
	 line-height:16px;
	 background-color: #fff;
}

dl dt.dt5 {

height: auto;
position: inherit;
}
dl dt.dt5 p {
position: inherit;
top: auto;
}

}