@charset "utf-8";

.bg_guide01 {
	background-image:url(../images/bg_01.jpg);
	background-repeat:repeat-y;
	padding:10px;
}
.bg_blue {
	background-image:url(../images/bg_02.jpg);
	background-repeat:repeat-y;
	padding:10px;
}
.guidebox {
	background:#FFF;
	padding:10px;
	margin-bottom:20px;
}
.guidebox h5 a {
  color:#000;
  text-decoration:none;
}
.guidebox h5 span {
	font-size: 60%;
	display:inline-block;
	font-weight: normal;
}
.guidebox .photo {
	width:200px;
	float:left;
	margin:0 10px 10px 0;
}
.guidebox .photo img {
  width:100%;
  height:auto;
}
.guidebox dl {
	width:450px;
	float:left;
}
.guidebox dt {
	color:#ff6600;
	font-weight:bold;
	font-size: 143%;
}
.guidebox dd {
	margin-top:8px;
}
.guidebox .btn_box {
  overflow:hidden;
}
.guidebox .btn_box li {
  width:49%;
  margin-right:2%;
  float:left;
}
.guidebox .btn_box li.last {
  margin:0;
}
.guidebox .btn_box .btn_03 a {
  padding: 12px 16px;
}
@media screen and (max-width: 700px){
.guidebox h5 {
	padding-bottom: 8px;
	}
	.guidebox dl {
		width:100%;
		float:none;
	}
	.guidebox .photo {
		width:100%;
		float:none;
		text-align:center;
	}
	.guidebox .photo img {
		max-width:200px;
		height:auto;
	}
  .guidebox .btn_box li {
    width:100%;
    margin-right:0;
    float:none;
  }
}