@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

a{text-decoration:underline;}

img{vertical-align:bottom; border:0px;}

body{
	background-color:#f7f3ef;
	text-align:center;
	font-size:12px;

}

#container{
	width:680px;
	margin:0px auto;
	padding-top:20px;
	text-align:left;
	line-height:1.6;
}

#main{
	background-color:#fff;
	padding-bottom:20px;
}


/* header */

#header dd{
	padding:10px;
	background-color:#fff;
}

#header dd span{color:#c00;}

/* soudan */

#soudan{
	margin:10px 0 10px 25px;
	width:655px;
}

#soudan .col1{width:495px;}
#soudan .col2{color:#525252; font-size:10px; vertical-align:bottom; width:190px;}
#soudan li{	padding:8px 0 0 50px; list-style:none;}
#soudan .col2 img{ margin-left:15px;}
a{color:#b5244f;}

/* form */

#form{
	border:1px solid #6b2408;
	width:680px;

}

#form th{
	background-color:#f7f7de;
	font-weight:normal;
	padding:8px 10px;
}
#form .right{border-left:1px solid #ccc;}

#form th span{color:#c00; padding-left:5px;}

#form td{
	background-color:#fff;
	padding:12px 20px 12px 20px;
}


input{margin-right:5px;}
.input1{width:450px;}
.input2{width:250px;}
.input3{width:75px;}

option{ padding-right:10px;}

textarea{width:545px; height:180px; margin-bottom:20px;}

#button{
	background-color:#6b2408;
	text-align:center;
	margin-bottom:15px;
	padding:10px;
}

#button input{ _padding-top:3px;}
*:first-child+html #button input{ padding-top:3px;}

#form table th,#form table td{
	background-color:#fff;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}

#form #name th{text-align:right; padding-right:10px;}
#form #name td{padding-right:15px; padding-bottom: 10px;}

#form #fuan th{vertical-align:top;}
#form #fuan td{padding:7px 10px; vertical-align:top;}

#form #tetsuduki th{padding-right:10px; padding-bottom:3px; vertical-align:top;white-space: nowrap; }
#form #tetsuduki td{padding-bottom:3px; vertical-align:top;}

.red{color:#c00;}

#notes{
	margin:20px 20px 0px 20px;
	background-color:#fffbf7;
	padding:15px;
	color:#555;
}


#btn_detailinfo{
  margin: 1em auto 1em;
  padding: 5px 10px;
  width: auto;
  border-width: 1px;
  border-radius: 5px;
  color: white;
  font-weight: normal;
  font-size: 16px;
  text-shadow: 0 0 10px #DD5000;
  box-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.2 );
  background-color: #DD5000;
  background-image: -webkit-linear-gradient(-180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
  background-image: -moz-linear-gradient(-180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(-180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(-180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
}
#btn_detailinfo:hover{
  background-image:none;
  box-shadow: none;
  text-shadow: none;
}
fieldset#saimuseiri{
	border: 5px solid #f7f7de;
	padding: 10px;
}
fieldset#saimuseiri legend{
  font-size: 14px;
  color:#c00;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
}
fieldset#saimuseiri table{}
fieldset#saimuseiri>table th{
	background: #f7f7de;
	font-weight:normal;
	padding:8px 10px;
}
fieldset#saimuseiri>table td{
	background-color:#fff;
	padding:12px 20px 12px 20px;
}
fieldset#saimuseiri>table td.pL0{
	padding-left: 0;
}



.sp,
.pc_none{
	display:none;
}
@media screen and (max-width:767px) {
	.sp,
	.pc_none {
		display: block;
	}

	#container{
		width: auto;
		padding: 10px;
		margin: 0;
	}
	img{
		max-width: 100%;
		height: auto;
		width: auto;
	}
	table#soudan{
		margin: 10px;
		width: auto;
	}
	table#soudan td{
		display: block;
	}
	table#soudan td br{
		display: none;
	}
	#soudan .col1,
	#soudan .col2{
		width: auto;
		padding-bottom: 10px;
	}
	#soudan li{
		padding-left: 0px;
	}
	#soudan .col2 a{
		display: block;
	}
	#form{
		width: auto;
	}
	#form th{
		min-width: 48%;
	}
	#form td{
		padding: 10px;
	}
	#form #name th{
		vertical-align: top;
	}
	#form #name td{
		vertical-align: top;
	}
	#form #tetsuduki th,
	#form #tetsuduki td{
		display: block;
	}
	#form #tetsuduki th{
		background-color: #EFEFEF;
		padding: 3px;
		margin-bottom: 5px;
	}
	select,
	input{
		border: 1px solid #CCCCCC;
		padding: 5px;
	}
	.input1{
		width: 95%;
	}
	.input2{
		width: 95%;
	}
	.input3{
		display: block;
	}
	textarea{
		width: 98%;
		border: 1px solid #CCCCCC;
	}

}