@charset "UTF-8";
@import "./main.css";
@import "./content.css";
@import "./pm_house.css";

/*========== [Key color] ==========

dark:	#352010;
middle:	#70624E;
light:	#DED5CE;

==================== */

#Wrapper #Header {
	background-position: 480px 100%;
}

#House {
	padding: 20px;
	width: 900px;
}

#Wrapper #Content #House h3 img {
	margin-bottom: 20px;
}

#Wrapper #Content #House h5.j_gif {
	background: none;
	margin: 0 0 20px;
	padding: 0;
}

#Wrapper #Content #House h6.j_gif {
	background: none;
	margin: 0 0 5px;
	padding: 0;
}

#House ul#Select, #House ul#Custom, #House ul#Longterm {
	margin-bottom: 40px;
	width: 100%;
}

#House ul#Select li, #House ul#Custom li, #House ul#Longterm li {
	display: inline;
	float: left;
}

#House ul#Select li a, #House ul#Custom li a, #House ul#Longterm li a {
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 280px;
	width: 290px;
}

#House ul#Select li.Select_A a { background: url(../../house/img/btn_select_A.jpg) 0 0 no-repeat; }
#House ul#Select li.Select_A a:hover { background-position: 0 -280px; }

#House ul#Select li.Select_B a { background: url(../../house/img/btn_select_B.jpg) 0 0 no-repeat; margin: 0 15px; }
#House ul#Select li.Select_B a:hover { background-position: 0 -280px; }

#House ul#Select li.Select_C a { background: url(../../house/img/btn_select_C.jpg) 0 0 no-repeat; }
#House ul#Select li.Select_C a:hover { background-position: 0 -280px; }

#House ul#Custom li.Custom_plan_base a { background: url(../../house/img/btn_custom_base.jpg) 0 0 no-repeat; }
#House ul#Custom li.Custom_plan_base a:hover { background-position: 0 -280px; }

#House ul#Custom li.Custom_plan_1f a { background: url(../../house/img/btn_custom_1f.jpg) 0 0 no-repeat; margin: 0 15px; }
#House ul#Custom li.Custom_plan_1f a:hover { background-position: 0 -280px; }

#House ul#Custom li.Custom_plan_2f a { background: url(../../house/img/btn_custom_2f.jpg) 0 0 no-repeat; }
#House ul#Custom li.Custom_plan_2f a:hover { background-position: 0 -280px; }

#House ul#Longterm li.Longterm_base a { background: url(../../house/img/btn_longterm_base.jpg) 0 0 no-repeat; }
#House ul#Longterm li.Longterm_base a:hover { background-position: 0 -280px; }

#House ul#Longterm li.Longterm_1 a { background: url(../../house/img/btn_longterm_1.jpg) 0 0 no-repeat; margin: 0 15px; }
#House ul#Longterm li.Longterm_1 a:hover { background-position: 0 -280px; }

#House ul#Longterm li.Longterm_2 a { background: url(../../house/img/btn_longterm_2.jpg) 0 0 no-repeat; }
#House ul#Longterm li.Longterm_2 a:hover { background-position: 0 -280px; }


#Earthquake_movie100 {
	float: left;
	margin: 0 30px 15px 0;
	width: 320px;
}

#Earthquake_movie125 {
	float: left;
	margin: 0 0 15px 0;
	width: 320px;
}

dl.Earthquake {
	border-left: #70624e 5px solid;
	line-height: 1.4;
	padding-left: 10px;
}

dl.Earthquake dt {
	color: #900;
	font-size: 87.5%;
	font-weight: bold;
	margin-bottom: 0.2em;
}

dl.Earthquake dd {
	color: #666;
	font-size: 75%;
	margin: 0 0 1em;
}