@charset "utf-8";



 /* ==============================================
★headbar
 ==============================================*/

#headbar{

	width: 100%;
	min-width: 960px;
	padding:62px 0 44px;
	margin: 0 auto;
	background:url(../../img/bg02.jpg) center repeat;
}
#headbar .con{
	width: 100%;
	height: 154px;
	background:url(../../img/link/headbar.jpg) center no-repeat;
	margin: 0 auto;
	text-align: center;
}
#headbar .con h2{
	padding:120px 0 0;
	font-size: 14px;
	color: #FFF;
}
#headbar .con .bgsp{
	display: none;
}
@media(max-width:480px){
	#headbar{
	width: 100%;
	min-width: auto;
	padding:0;
	margin: 0 auto;
	background:none;
}
#headbar .con{
	width: 100%;
	height: auto;
	background:none;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#headbar .con h2{
	position: absolute;
	top:70%;
	left: 0;
	width: 100%;
	text-align: center;
	padding:00 0;
	font-size: 14px;
	color: #FFF;
}
	#headbar .con .bgsp{
	display: block;
		width:100%;
}
}
 /* ==============================================
★breadcrumb
 ==============================================*/

#breadcrumb{
	width: 960px;
	margin:26px auto 20px;
	text-align:left;
	font-size:12px;
	line-height:1;
	color:#000;
}
#breadcrumb a{
	color:#000;
}


@media (max-width:480px){

	#breadcrumb{
		width: 95%;
	margin:20px auto 15px;
		font-size:12px;
	}
}

 /* ==============================================
★LinkWrap
 ==============================================*/
.LinkWrap{
	width: 960px;
	margin:0 auto 20px;
	text-align:left;
	font-size:14px;
	color:#000;
	background:url(../../img/contact/dotline.jpg) top no-repeat;
}
.LinkWrap .con{
	width: 900px;
	padding:47px 30px 80px;
	margin:0 auto 5px;
	background:url(../../img/link/img01.jpg) bottom right no-repeat;
}
.LinkWrap .con h3{
	width: 329px;
	font-size: 18px;
	line-height: 1;
	padding:15px 0 0;
	height: 71px;
	color: #FFF;
	text-align: center;
	margin:0 auto 20px;
	background:url(../../img/link/ttl.jpg) top center no-repeat;
}
.LinkWrap .con a{
	display: block;
font-size: 14px;
	margin:0 0 20px;
	padding: 0 0 0 15px;
	background:url(../../img/link/maru.jpg) 0px 4px no-repeat;
	color:#000;
}
.LinkWrap .con a:hover{
color: #009944;
}
.LinkWrap .bottom{
	width: 960px;
	height: 9px;
	margin:0 auto;
	background:url(../../img/contact/dotline.jpg) top no-repeat;
}

.bnr .pc{
margin: 20px 0 0 28px;
display: block;
}

.bnr .sp{
display: none;
}


@media (max-width:480px){

.LinkWrap{
width: 95%;
	margin:0 auto 20px;
	text-align:left;
	color:#000;
	background:url(../../img/contact/dotline.jpg) top no-repeat;
}
.LinkWrap .con{
	width: 100%;
	padding:30px 0px 30px;
	margin:0 auto;
	background:none;
}
.LinkWrap .con h3{
	width: 200px;
	font-size: 14px;
	line-height: 1;
	padding:10px 0 0;
	height: 52px;
	color: #FFF;
	text-align: center;
	margin:0 auto;
	background:url(../../img/link/ttl.jpg) top center no-repeat;
	background-size: 200px 52px;
}
.LinkWrap .con a{
	display: block;
font-size: 12px;
	margin:0 0 15px;
	padding: 0 0 0 15px;
	background:url(../../img/link/maru.jpg) 0px 2px no-repeat;
	color:#000;
}

.LinkWrap .bottom{
	width: 100%;
	height: 9px;
	margin:0 auto;
	background:url(../../img/contact/dotline.jpg) top no-repeat;
}

.bnr .pc{
display: none;
}	
.bnr .sp{
text-align: center;
margin: 20px auto ;
display: block;
width: 100%;	
}


	
}