/* CSS Document */

@import url(navi.css);
@import url(common.css);
@import url(contents.css);



/* -------------------------------------------------------------
　お問合せ
-------------------------------------------------------------*/

#contact {padding:20px 0 0 0; text-align:center;}
#contactt {
	width:481px;
	height:66px;
	margin:0 auto 20px auto;
}

	#contactt h1 {
		width:481px;
		height:66px;
		background:url(../img/contact/title.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}

	#contact_bg {
	width:100%;
	height:124px;
	background:url(../img/contact/back.png) no-repeat center top;
	background-size:cover;
	margin:0 0 60px 0;
	padding:33px 0;
	text-align:center;
}

#contact_bg img {margin:80px 0 0 0;}


/* -------------------------------------------------------------
　サイトマップ
-------------------------------------------------------------*/

#sitemap {padding:20px 0 0 0; text-align:center;}
#sitemapt {
	width:481px;
	height:66px;
	margin:0 auto 20px auto;
}

	#sitemapt h1 {
		width:481px;
		height:66px;
		background:url(../img/sitemap/title.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}

	#sitemap_bg {
	width:100%;
	height:124px;
	background:url(../img/sitemap/back.png) no-repeat center top;
	background-size:cover;
	margin:0 0 60px 0;
	padding:33px 0;
	text-align:center;
}

#sitemap_bg img {margin:80px 0 0 0;}

#sitemap #list {
	width:860px;
	margin:0 auto;
}

	#sitemap #list #left {
		width:410px;
		float:left;
	}
	
	
	#sitemap #list #right {
		width:410px;
		float:right;
	}

	#sitemap #list p {margin:0; padding:0;}

	#sitemap #list p.blink {
		margin:10px 0;
		text-align:left;
		}
	
	#sitemap #list p.blink a {
		width:360px;
		height:auto;
		display:block;
		padding:5px 20px;
		border:1px solid #d6d6d6;
				border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
    -moz-box-shadow:2px 2px 2px #ccc;
    -webkit-box-shadow:2px 2px 2px #ccc;
    box-shadow:2px 2px 2px #ccc;
	}
	
	#sitemap #list p.blink a:hover {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
	background-color:#d6d6d6;
	}
	
	#sitemap #list p.slink {
		margin:0;
		text-align:left;
		}
		
	#sitemap #list p.slink a {
		width:330px;
		height:auto;
		display:block;
		padding:3px 20px;
		margin:0 0 0 30px;
		background:url(../img/vision/yaji.png) no-repeat left;
	}
	

	


@media screen and (max-width: 870px) {
	
#sitemap #list {
	width:90%;
	margin:0 auto;
}


	#sitemap #list #left {
		width:100%;
		float:none;
	}
	
	
	#sitemap #list #right {
		width:100%;
		float:none;
	}

	#sitemap #list p.blink {
		margin:10px auto;
		text-align:left;
		}

	#sitemap #list p.blink a {
		width:90%;
		height:auto;
		display:block;
		padding:5px 5%;
	}
	
	
	#sitemap #list p.slink a {
		width:90%;
		height:auto;
		display:block;
		padding:3px 5%;
		margin:0 0 0 30px;
		background:url(../img/vision/yaji.png) no-repeat left;
	}
	




}

