@charset "shift_JIS";
/* CSS Document */
#index2{
	background:#600;
	color:#fff;
	height:30px;
	font-size:16px;
	vertical-align:middle;
	padding-left:20px;
	padding-top:5px;
	margin-top:20px;
	margin-bottom:10px
}
.section{width:960px;margin:0 auto;margin-top:20px;}

table.t_simple{
	width: 90%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #af9d88;
border-left: 1px solid #af9d88;
}
table.t_simple thead tr td{
	background:#e6decd;
}
table.t_simple th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #eeeadf;
border-left: 3px double #af9d88;
border-top: 1px solid #fff;
border-right: 1px solid #af9d88;
border-bottom: 1px solid #af9d88;
}
table.t_simple td{
padding:4px;
background-color: #fafafa;
border-right: 1px solid #af9d88;
border-bottom: 1px solid #af9d88;
}

.advice{
	width:82%;
	font-size:16px;
	line-height:20px;
	text-align:center;
	margin:0px auto
}

.offsp_btn{
		background:#D5B048;
	display:block;
	padding:10px;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:10px;
	width:70%;
	font-size:130%;
	vertical-align:top;		
	color:#FFFFFF !important;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none !important;
	font-weight:bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
.offsp_btn:hover,.kako_btn.hover{background:#EAD45C;}


<!--mail form-->
.formbox{
	background:#ccc;
	padding:20px;
}
dl.contactform dt,
dl.contactform dd{
	display:block;
	overflow:hidden;
	padding:5px 10px;
	margin:2px 0;
}

dl.contactform dt{
	float:left;
clear:both;
	width:240px;
	background:#f2e7c8;
	color:#333;}

dl.contactform dd{
float:right;width:570px}

dl.contactform .delete{	background:#CCC;}
dl.contactform .delete:hover{	background:#999;}
dl.contactform dd:after {
 content:'';
  display:block;
  clear:both;
}
<!--mail form end-->
.black{color:#000 !important}

@media screen and (max-width:720px) {
.section{width:100%}

.advice{width:100%;font-size:120%}
dl.contactform dt,
dl.contactform dd{
width:100%;
float:none}
}

.button:hover{
	color:#FFF;
	background-color:#BB8326;
}

.button{
	display:block;
	padding:10px;
	margin:10px;
	vertical-align:top;		
	color:#FFF;
	background-color:#D5B048;
	letter-spacing:2px;
	text-align:center;
	text-shadow: 0 -1px 3px rgba(0, 0, 0, .3);
	text-decoration:none !important;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.tenpo{
	width:22%;
	background-color:#B20300;
	color:#FFF;
	float:left;
	text-align:center;
	padding:4px;
	margin:13px auto auto 12px;
}
.tenposp{
	width:45%;
	background-color:#B20300;
	color:#FFF;
	float:left;
	text-align:center;
	padding:4px;
	margin:13px auto auto 8px;
}
.yoyaku{
	background-color:#063;
	color:#fff;
	font-weight:bold;
	font-size:120%;
	padding:6px;
	margin:8px auto 8px auto;
	width:80%;
	border:5px solid #fff;
}
.tenmei{
	font-size:19px;
	margin-top:5px;
}