@charset "utf-8";
p.cap{
	font-size:11px;
}
.notes {
	padding: 6px 0 0;
	line-height: 1.15;
	font-size: 11px;
}

/* div.box */
div.box {
	padding:0px 0px 30px 0px;
}
div.box div.photo01 {
	float:right;
	width: 47.102%;
	margin-left: 20px;
}
div.box h3 {
	width: 100%;
}
div.box p.txt {
	line-height:1.7;
}
div.box1 p.bot {
	clear:both;
}
div.box1 div.cont {
	width:689px;
	background:url(../imgs/bg2.jpg) repeat-y left top;
	float:left;
	clear:both;
}
div.box1 div.cont_inner01 {
	width:635px;
	margin-left:18px;
	float:left;
	display:inline;
}
div.box1 div.cont_inner01 p {
	float:left;
	padding:0px 20px 0px 0px;
}
div.box1 div.cont_inner01 p.title {
	float:left;
	font-size:14px;
	padding:0px 0px 10px 0px;
	width:300px;
}
div.box1 div.cont_inner01 table {
	width:450px;
	float:left;
}
div.box1 div.cont_inner01 table tr {
	line-height:1.35;
}
div.box1 div.cont_inner01 table th {
	font-weight:normal;
	width:60px;
	text-align:left;
	vertical-align:top;
}



/* div.box2 */
div.box2 {
	width:689px;
	margin:auto;
	overflow:hidden;
	clear:both;
}
div.box2 p.txt {
	line-height:1.7;
	padding:0px 0px 0px 0px;
}
div.box2 p.photo01 {
	float:left;
}
div.box2 div.cont {
	width:403px;
	float:left;
	padding:0px 0px 0px 25px;
}
div.box2 div.cont p {
	padding:0px 0px 17px 0px;
	line-height:1.7;
}
div.box2 div.cont p.last {
	padding:0px;
}

/* div.box3 */
div.box3 {
	margin:30px auto 10px auto;
}
h4 {
	padding:0 0 3px 0;
}
h5 {
	padding:0 0 3px 0;
}
div.box3 div.cont {
	width:100%;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	box-sizing: border-box;
}
div.box3 div.cont p.tit {
	font-size:14px;
	color:#3f4545;
	padding:0 0 11px 25px;
}
div.box3 div.cont p.txt {
	line-height:1.7em;
}
div.box3 div.cont p.img01{
	float: left;
	width: 44.026%;
}
div.box3 div.cont p.txt01 {
	padding:10px 0 0px 0px;
	text-align:left;
}
div.box3 div.cont p.txt01 a {
	color:#000;
}
.good{
	margin-top:30px;
}

/* -------------------- */

.mt20{ margin-top:20px;}

/* clearfix */

.clearfix {
	display: block; 
	zoom:1;
}

.clearfix:after{
	content: ""; 
    display: block; 
    clear: both;	
}


/* end clearfix */
/*
* responsive
*/
@media only screen and (max-width: 640px) {
	div.box h3,
	div.box div.photo01,
	div.box p.txt
	{
		float:none;
		width:100%;
	}
	div.box div.photo01{
		margin-left: 0;
		text-align: center;
	}
	div.box3 div.cont p.img01 {
		width: 100%;
		text-align: center;
	}
	#wrap .notes {
		background: #e8d1d1;
		text-align: left;
		padding: 6px 1%;
		margin-bottom: 1em;
	}

}