@charset "utf-8";
/* CSS Document */
#main{
	width:880px;
	margin:0 auto;
	padding:10px;
}

#cont1{
	width:880px;
	margin:0 auto;
	padding-bottom:0;
}

.cont_sub{
	width:430px;
	float:left;
	margin-bottom:1.5em;
}
	
.floatr{
	float:right;
	}

.cont_img{
	width:344px;
	height:258px;
	margin-top: 1.5em;
	margin-right: auto;
	margin-bottom: 0.7em;
	margin-left: auto;
}

.cont_txt{
	width:400px;
	font-size:1.3em;
	font-weight:400;
	line-height:1.2;
	margin:0 auto;
	margin-bottom:0.5em;
}

.end{margin-bottom:0.5em;
	}

@media screen and (max-width:960px) {
#main{
	width:95%;
	margin:0 auto;
	padding:10px;
	}

#cont1{
	width:100%;
	margin:0 auto;
	padding-bottom:0;
	}
	
.cont_sub{
	width:50%;
	float:left;
	margin:0 auto 1em;
	}
.bar_wrap{
	text-align:center;
	}
.title_txt{
	text-align:left;
	}
.title_bar2{
	width:95%;
	margin:0 auto;
	}
	
.cont_img{
	width:80%;
	height:auto;
	margin: 1em auto 0.5em;
	}

.cont_img img{
	width:100%;
	}

.cont_txt{
	width:90%;
	font-size:1.2em;
	line-height:1.2;
	}
}

@media screen and (max-width:520px) {
.cont_sub{
	width:95%;
	float:none;
	}
.cont_txt{
	width:95%;
	font-size:1.1em;
	}
}