@charset "UTF-8";



@media screen and (min-width:681px){
	nav {
		background-image: url(../format2/navi/navi_bg.gif);
		background-repeat: repeat-x;
		display: block;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #999;
		overflow: hidden;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	nav ul {
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #999;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #999;
		display: block;
		width: 900px;
	}
	nav li {
		display: inline;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	nav .top ,nav .top a{
		background-image: url(../format2/navi/navi_r1_c1.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 117px;
	}
	nav .top a:hover {
		background-image: url(../format2/navi/navi_r1_c1_s2.jpg);
	}
	nav .item ,nav .item a{
		background-image: url(../format2/navi/navi_r1_c2.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 112px;
	}
	nav .item a:hover {
		background-image: url(../format2/navi/navi_r1_c2_s2.jpg);
	}
	nav .construction ,nav .construction a{
		background-image: url(../format2/navi/navi_r1_c3.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 112px;
	}
	nav .construction a:hover {
		background-image: url(../format2/navi/navi_r1_c3_s2.jpg);
	}
	nav .house ,nav .house a{
		background-image: url(../format2/navi/navi_r1_c4.gif);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 101px;
	}
	nav .house a:hover {
		background-image: url(../format2/navi/navi_r1_c4_f2.gif);
	}
	nav .reform ,nav .reform a{
		background-image: url(../format2/navi/navi_r1_c4.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 112px;
	}
	nav .reform a:hover {
		background-image: url(../format2/navi/navi_r1_c4_s2.jpg);
	}
	nav .owner ,nav .owner a{
		background-image: url(../format2/navi/navi_r1_c5.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 112px;
	}
	nav .owner a:hover {
		background-image: url(../format2/navi/navi_r1_c5_s2.jpg);
	}
	nav .conpany ,nav .conpany a{
		background-image: url(../format2/navi/navi_r1_c6.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 112px;
	}
	nav .conpany a:hover {
		background-image: url(../format2/navi/navi_r1_c6_s2.jpg);
	}
	nav .blog ,nav .blog a{
		background-image: url(../format2/navi/navi_r1_c7.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 112px;
	}
	nav .blog a:hover {
		background-image: url(../format2/navi/navi_r1_c7_s2.jpg);
	}
	nav .contact ,nav .contact a{
		background-image: url(../format2/navi/navi_r1_c8.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 51px;
		width: 111px;
	}
	nav .contact a:hover {
		background-image: url(../format2/navi/navi_r1_c8_s2.jpg);
	}
	nav .sp {
		display: none;
	}
	#subMenu {
		margin-top: 15px;
		margin-bottom: 15px;
		display: block;
		text-align: right;
	}
	#subMenu ul {
		margin: 0px;
		padding: 0px;
	}
	#subMenu ul li{
		font-size: small;
		display: inline;
		margin-right: 10px;
		padding-left: 12px;
		background-image: url(../format2/marker/marker.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	#subMenu a {
		color: #630;
		text-decoration: none;
	}
	#subMenu a:hover {
		color: #600;
		text-decoration: underline;
	}
	#footer .area ul{
		float: left;
		margin-left: 20px;
		width: 160px;
	}
	#footer .area ul li {
		font-size: 90%;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #AC9490;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		font-weight: bold;
		color: #630;
	}
	#footer .area ul ul {
		margin-left: 20px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		float: none;
	}
	#footer .area ul ul li {
		font-size: 80%;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		list-style-image: url(../format2/marker/footer.gif);
		font-weight: normal;
		color: #333;
	}
}

@media screen and (max-width:680px){
	.js #navi {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	#subMenu ul {
		overflow: hidden;
		margin-left: 0;
		margin-bottom: 10px;
	}
	#subMenu ul li {
		float: left;
		width: 28%;
		height: 60px;
		border: 1px solid #cccccc;
		margin-right: 4%;
	}
	#subMenu ul li a {
		width: 100%;
		height: 100%;
		display: block;
		color: #DAD3D3;
		background-color: #6E5454;
		text-decoration: none;
		padding: 10px 5px;
	}
	nav .sp {
		display: block;
	}

}