@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.mainBox {
	padding-top: 26px;
	background: none;
}

#conts h2 {
	margin-bottom: 25px;
}

#conts .h2Ttl {
	margin-bottom: 30px;
}

#conts p {
	font-size: 1.4em;
}

#conts .text {
	color: #66503a;
}

#conts .listUl {
	padding: 1px 0 94px 15px;
}

#conts .listUl li {
	margin: 74px 9px 0 0;
	width: 250px;
	float: left;
	position: relative;
}

#conts .listUl li .ttlImg {
	position: absolute;
	left: 55px;
	top: -52px;
}

#conts .listUl li a:hover > img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .listUl li a {
	display: block;
	position: relative;
}

#conts .listUl li a:hover .overBox {
	display: block;
}

#conts .listUl li a .overBox {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/page2/a_bg.png) repeat left top;
}

#conts .listUl li a .overBox .ttlIcon {
	padding: 15px 0 7px;
	text-align: center;
}

#conts .listUl li a .overBox p {
	margin: 0 10px 0 15px;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.5;
}

#conts .listUl li a .overBox .link {
	margin-top: 8px;
	text-align: center;
}

#conts .imgBox {
	margin: 0 0 15px 46px;
}

#conts .imgBox .photoBox {
	float: left;
}

#conts .imgBox .textBox {
	margin: 80px 0 0 -20px;
	width: 425px;
	float: right;
}

#conts .imgBox .textBox p {
	color: #66503a;
	font-size: 1.6em;
}

#conts .link {
	margin-bottom: 110px;
	text-align: center;
}

#conts .link a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .searchBox {
	padding-top: 2px;
	margin: 0 -23px 0 -6px;
	position: relative;
	background: url(../img/page2/search_bg01.png) no-repeat left top;
}

#conts .searchBox .ttlImg {
	position: absolute;
	left: -55px;
	top: 0;
}

#conts .searchBox .subBox {
	padding: 10px 0 21px 17px;
	background: url(../img/page2/search_bg02.png) no-repeat left bottom;
}

#conts .searchBox .searchList {
	margin-right: -10px;
}

#conts .searchBox .searchList > li {
	margin-right: 28px;
	width: 135px;
	float: left;
	color: #845d43;
	font-size: 1.3em;
	font-weight: bold;
}
	
#conts .searchBox .searchList > li img {
	margin: -3px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#conts .searchBox .searchList li .srcoll {
	margin-top: 8px;
	border: 1px solid #A9A9A9;
}

#conts .searchBox .searchList li p {
	padding: 2px 0 0;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2;
	background-color: #C8C8C8;
}

#conts .searchBox .searchList .srcoll {
	height: 165px;
	overflow-y: scroll;
}

#conts .searchBox .searchList .srcoll ul {
	padding-top: 2px;
}

#conts .searchBox .searchList .srcoll ul li {
	padding-bottom: 1px;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2;
}

#conts .searchBox .searchList .srcoll ul li li {
	font-size: 1em;
}

#conts .searchBox .searchList .srcoll .list li {
	padding: 0 0 1px 8px;
	background: url(../img/common/icon05.gif) no-repeat 1px 2px;
}

#conts .searchBox .searchList .status  .srcoll {
	height: 80px;
}

#conts .searchBox .searchList .housing  .srcoll {
	height: 45px;
}

#conts .searchBox .image {
	margin: 0 5px 4px 0;
	text-align: right;
}

#conts .searchBox .image img {
	margin-top: -108px;
}

#conts .searchBox .search {
	margin-top: 5px;
	float: left;
}

#conts .searchBox .search input {
	padding: 5px 10px;
	width: 420px;
	height: 25px;
	float: left;
	font-size: 1.4em;
	border: 1px solid #A9A9A9;
	border-right: none;
}

#conts .searchBox .search a {
	float: right;
}

#conts .searchBox .search a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .searchBox .btn {
	margin-right: 20px;
	float: right;
}

#conts .searchBox .btn a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .searchBox .more {
	margin-top: 13px;
}

#conts .searchBox .more a {
	padding: 8px 0 5px;
	display: block;
	color: #323232;
	font-size: 1.4em;
	position: relative;
	text-align: center;
	text-decoration: underline;
	background-color: #EBEBEB;
	border-radius: 5px;
	behavior: url(js/pie.htc);
}

#conts .searchBox .more a:hover {
	text-decoration: none;
}

#conts .searchBox .more a img {
	margin: -4px 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#conts .pageBox {
	margin: 30px -15px 33px 5px;
	background: url(../img/common/com_bg.png) repeat-x left top;
}

#conts .pageBox .pageList {
	padding: 25px 0;
	background: url(../img/common/com_bg.png) repeat-x left bottom;
}

#conts .inner {
	margin: 0 -23px 0 -6px;
	position: relative;
	border-radius: 4px;
	behavior: url(js/pie.htc);
}

#conts .inner .ttlImg {
	position: absolute;
	left: 10px;
	top: -3px;
}

#conts .inner .ttlBox {
	padding: 17px 20px 9px 65px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #F2F2F2;
}

#conts .inner .ttlBox p {
	margin-top: -3px;
	width: 535px;
	float: left;
	font-size: 1.8em;
}

#conts .inner .ttlBox .btn {
	float: right;
}

#conts .inner .ttlBox .btn a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .inner .subBox {
	padding: 20px 20px 0 20px;
}

#conts .inner .imgBoxL {
	margin-bottom: 0px;
}

#conts .inner .imgBoxL .photoUl {
	width: 801px;
	float: left;
}

#conts .inner .imgBoxL .photoUl li {
	padding: 0 20px 20px 0;
	float: left;
}

#conts .inner .imgBoxL .textBox {
	margin-top: -2px;
	width: 542px;
	float: right;
}

#conts .inner .imgBoxL .textBox p {
	margin-bottom: 16px;
	color: #619618;
	font-size: 1.4em;
	line-height: 1.2;
}

#conts .inner .imgBoxL .textBox .ttl {
	margin-bottom: 8px;
	font-size: 2.4em;
}

#conts .inner .imgBoxL .textBox table {
	width: 100%;
	font-size: 1.4em;
	line-height: 1.4;
	border-collapse: collapse;
}

#conts .inner .imgBoxL .textBox th {
	padding: 15px 0 9px;
	width: 19%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border-top: 1px dotted #CCC;
}

#conts .inner .imgBoxL .textBox td {
	padding: 13px 0 9px;
	width: 81%;
	text-align: left;
	vertical-align: middle;
	border-top: 1px dotted #CCC;
}

#conts .inner .textImg {
	margin: 0 0 14px -2px;
}

#conts .inner .textImg li {
	padding: 0 8px 6px 0;
	float: left;
}

#conts .inner .btnUl {
	margin: 0 auto;
	width: 572px;
}

#conts .inner .btnUl li {
	padding: 0 10px;
	float: left;
}

#conts .inner .btnUl li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}