#mainContent {
	position: relative; }

#conArea {
	width: 100%; }

.bg {
	background: url(../img/bg.jpg) repeat top center;
	width: 100%; }
.content {
	padding: 40px 0 0; }


.img01 {
	width: 100%; }
.img01 img {
	display: block;
	width: 100%; }

.img02 {
	width: 100%;
	text-align: center; }
.img02 img {
	display: block;
	width: 100%; }

.img03 {
	width: 100%; }
.img03 img {
	display: block;
	width: 100%; }

.publicArea {
	padding: 65px 0 20px;
	text-align: left; }
.img04 {
	width: 100%; }

#ps_Area {
	width: 100%; }
.img_l_w1 {
	float: left;
	width: 60.7%; }
.img_r_w1 {
	float: left;
	width: 39.3%; }
.img_l_w2 {
	float: left;
	width: 21.4%; }
.img_c_w2 {
	float: left;
	width: 39.3%; }
.img_r_w2 {
	float: left;
	width: 39.3%; }
#ps_Area img {
	display: block;
	width: 100%; }



@media only screen and (max-width: 1000px) {
#mainContent {
	padding-top: 0; }

.content {
	padding: 7% 0 0; }

.publicArea {
	padding: 7% 0 3%;
	text-align: left; }
.img04 {
	width: 100%; }
.publicArea img, .img04 img {
	display: block;
	width: 100%; }

#ps_Area {
	width: 100%; }
.img_l_w1 {
	float: left;
	width: 60.7%; }
.img_r_w1 {
	float: left;
	width: 39.3%; }
.img_l_w2 {
	float: left;
	width: 21.4%; }
.img_c_w2 {
	float: left;
	width: 39.3%; }
.img_r_w2 {
	float: left;
	width: 39.3%; }
#ps_Area img {
	display: block;
	width: 100%; }
}


@media only screen and (max-width: 640px) {
#mainContent {
	padding-top: 0; }

.content {
	padding: 7% 0 0; }

.publicArea {
	padding: 7% 0 3%;
	text-align: left; }
.img04_ttl {
	width: 100%; }
.img04 {
	width: 100%;
	text-align: left; }
.publicArea img, .img04 img {
	display: block;
	width: 100%; }

#ps_Area {
	width: 100%; }
.img_l_w1 {
	float: none;
	width: 100%; }
.img_r_w1 {
	float: none;
	width: 100%; }
.img_l_w2 {
	float: none;
	width: 100%; }
.img_c_w2 {
	float: none;
	width: 100%; }
.img_r_w2 {
	float: none;
	width: 100%; }
#ps_Area img {
	display: block;
	width: 100%; }
}