@charset "utf-8";
/* CSS Document */

#footer {
	background:#CCCAC2;
	color:#000;
	padding:45px 0 90px;
}

#main h1 {
	display:block;
	float:left;
	width:49%;
	max-width:476px;
	margin-top:60px;
}
#main h1 img {
	width:100%;
	height:auto;
}
#main #mainimg {
	width:49%;
	max-width:475px;
	float: right;
}
#main #mainimg img {
	width:100%;
	height:auto;
}
#main #main_txt_link {
	width:49%;
	float: left;
}
#main #main_txt {
	margin:40px 0 60px 20px;
	font-size:108%;
	line-height:2em;
	color:#0f0e0e;
}
#main_txt_link #main_txt .br_768,
#main_txt_link #main_txt .br_320 {
	display:none;
}
#main ul#main_link {
	display:block;
	margin:0 0 70px 20px;
}
#main ul#main_link li {
	display:block;
	margin-bottom:30px;
}
#main ul#main_link li img {
	opacity: 0.50; /* Standard: Firefox 1.5以上, Opera, Safari */
	filter: alpha(opacity=50); /* IE 8以下 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
#main ul#main_link li a img {
	opacity: 1; /* Standard: Firefox 1.5以上, Opera, Safari */
	filter: alpha(opacity=100); /* IE 8以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
#main ul#main_link li a:hover {
	opacity: 0.75; /* Standard: Firefox 1.5以上, Opera, Safari */
	filter: alpha(opacity=75); /* IE 8以下 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
}


@media screen and (max-width:979px){
	#main br.br_980 {
		display:none;
	}
}

@media screen and (min-width:640px) and (max-width:979px){
	#main #mainimg {
		width:45%;
	}
	#main #main_txt {
		margin:40px 0 60px 10px;
		font-size:100%;
	}
	#main ul#main_link {
		margin:0 0 70px 10px;
	}
}
@media screen and (max-width:767px){
	#main_txt_link #main_txt .br_768 {
		display: inline;
	}
}

@media screen and (max-width:639px){
	#main h1 {
	float: none;
	width: 75%;
	margin: 20px 0 10px;
	}
	#main #mainimg {
		width:100%;
		max-width:640px;
		float: none;
	}
	#main #main_txt_link {
		width:100%;
		float: none;
	}
	#main #main_txt {
		margin:20px 0 40px 0;
		font-size:100%;
	}
	#main ul#main_link {
		margin:0 0 70px 0;
	}
}
@media screen and (max-width:479px){
	#main_txt_link #main_txt .br_320 {
		display: inline;
	}
}
@media screen and (max-width:320px){
	#main_txt_link #main_txt .br_320 {
		display: inline;
	}
	#main ul#main_link li,
	#main ul#main_link li a {
		width:100%;
	}
	#main ul#main_link li img {
		width:100%;
		height:auto;
	}
}