@charset "utf-8";

#c1 {
	clear: both;
	background-image: url(../images/contents/main01.jpg);
	margin:    ;
	padding: 14% 0 14% 0;
}
#c1 h1,
#c1 div {
	text-align: center;
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 table td {
	padding: 10px;
}
#c3_cell_1_1 {
	width: 30%;
	text-align: center;
	vertical-align: middle;
	background: #1e1e1e;
}
#c3_cell_2_1 {
	text-align: left;
	vertical-align: middle;
}
#c3_cell_1_2 {
	text-align: center;
	vertical-align: middle;
	background: #1e1e1e;
}
#c3_cell_2_2 {
	text-align: left;
	vertical-align: middle;
}
#c3_cell_1_3 {
	text-align: center;
	vertical-align: middle;
	background: #1e1e1e;
}
#c3_cell_2_3 {
	text-align: left;
	vertical-align: middle;
}
#c3_cell_1_4 {
	text-align: center;
	vertical-align: middle;
	background: #1e1e1e;
}
#c3_cell_2_4 {
	text-align: left;
	vertical-align: middle;
}
#c3_cell_1_5 {
	text-align: center;
	vertical-align: middle;
	background: #1e1e1e;
}
#c3_cell_2_5 {
	text-align: left;
	vertical-align: middle;
}
#c3_cell_1_6 {
	text-align: center;
	vertical-align: middle;
	background: #1e1e1e;
}
#c3_cell_2_6 {
	text-align: left;
	vertical-align: middle;
}
#c4 {
	clear: both;
	margin: 50px auto 0 auto;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c1 {
	padding: 14% 0 14% 0;
}
#c2 {
}
#c3 {
}
#c4 {
}
}
@media screen and (max-width: 640px) {
#c1 {
	padding: 12% 0 12% 0;
}
#c2 {
}
#c3 {
}
#c3_cell_1_1 {
	width: auto;
}
#c3_cell_2_1 {
	width: auto;
}
#c3_cell_1_2 {
	width: auto;
}
#c3_cell_2_2 {
	width: auto;
}
#c3_cell_1_3 {
	width: auto;
}
#c3_cell_2_3 {
	width: auto;
}
#c3_cell_1_4 {
	width: auto;
}
#c3_cell_2_4 {
	width: auto;
}
#c3_cell_1_5 {
	width: auto;
}
#c3_cell_2_5 {
	width: auto;
}
#c3_cell_1_6 {
	width: auto;
}
#c3_cell_2_6 {
	width: auto;
}
#c4 {
}
}