@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);




/*-------------------------------------------------------------------
	pagetitle
-------------------------------------------------------------------*/

#wrap #pagetitle {
	background:url(../image/office/office_bg.jpg) center center no-repeat;
	background-size:cover;
}

#wrap #pagetitle .title {
	width:960px;
	margin:0 auto;
	padding:200px 0 50px;
}


/*-------------------------------------------------------------------
	営業拠点
-------------------------------------------------------------------*/


#office {
	padding:30px 0 0;
}

#office h2 {
	width:960px;
	margin:0 auto 50px;
	background:url(../image/common/h2_bg.jpg) repeat-y;
}

#office h2 span {
	display:block;
	font-size:1.4em;
	line-height:1.0;
	color:#FFF;
	padding:10px 20px;
	text-align:left;
}

#office .maparea {
	width:980px;
	height:760px;
	position:relative;
	background:url(../image/office/office_mapbg.jpg) 1px 1px no-repeat;
	margin:0 auto 80px;
}


#office .maparea p {
	position:absolute;
	line-height:1.2;
}

#office .maparea p a {
	color:#4D4D4D;
	font-weight:300;
}

#office .maparea p a:hover {
	text-decoration:none;
	color:#ED1C24;
}


/* 拠点場所 */

/* 前半 */

#office .maparea .miyagi {
	top:156px;
	left:535px;
}

#office .maparea .kooriyama {
	top:208px;
	left:512px;
	text-align:right;
	font-size: 0.85em;
}

#office .maparea .kantou {
	top:255px;
	left:538px;
}

#office .maparea .kanagawa {
	top:283px;
	left:528px;
}

#office .maparea .nigata01 {
	top:118px;
	left:188px;
}

#office .maparea .nigata02 {
	top:154px;
	left:188px;
}

#office .maparea .nigata03 {
	top:123px;
	left:188px;
}

#office .maparea .nagano {
	top:186px;
	left:188px;
}

#office .maparea .toyama {
	top:222px;
	left:188px;
}

#office .maparea .fukui {
	top:250px;
	left:188px;
}

#office .maparea .hino {
	top:257px;
	left:5px;
}

#office .maparea .kyoto {
	top:287px;
	left:5px;
}

#office .maparea .nara {
	top:315px;
	left:5px;
}

#office .maparea .kasai {
	top:345px;
	left:5px;
}

#office .maparea .shikoku {
	top:440px;
	left:324px;
}

#office .maparea .okayama {
  top: 409px;
  left: 351px;
}

#office .maparea .torisu {
	top:455px;
	left:5px;
}

#office .maparea .kumamoto {
	top:490px;
	left:5px;
}

/* 後半 */

#office .maparea .tajimi {
	top:370px;
	left:883px;
}

#office .maparea .kani {
	top:405px;
	left:865px;
	text-align:right;
}

#office .maparea .konan {
	top:467px;
	left:835px;
}

#office .maparea .honsha {
	top:532px;
	right:25px;
}

#office .maparea .ichiei {
	top:502px;
	left:880px;
}

#office .maparea .tougou {
	top:570px;
	left:790px;
	text-align:right;
	font-size:0.8em;
}

#office .maparea .toyota {
	top:600px;
	left:880px;
}

#office .maparea .toyohashi {
	top:652px;
	left:880px;
}

#office .maparea .akemi {
	top:685px;
	left:880px;
}

#office .maparea .ogaki {
	top:535px;
	left:410px;
}

#office .maparea .ichinomiya {
	top:570px;
	left:320px;
}

#office .maparea .hagiwara {
	top:610px;
	left:410px;
}

#office .maparea .inazawa {
	top:645px;
	left:410px;
}

#office .maparea .yokkaichi {
	top:725px;
	left:605px;
	font-size: 0.85em;
}

#office .maparea .yatomi {
	bottom: 25px;
	right:25px;
}


#office #blue {
	background:#F0FAFF;
	width:780px;
	margin:0 auto;
	padding:60px 90px;
	overflow:hidden;
	zoom:1;
}

#office #blue dl {
	margin-bottom:30px;
}

#office #blue dl:last-child {
	margin-bottom:0;
}

#office #blue dl dt {
	padding:110px 0 10px;
	border-bottom:1px solid #999999;
	margin-top:-110px;
}

#office #blue dl dt span {
	display:bloxk;
	color:#36AAAE;
	border-left:5px solid #36AAAE;
	font-size:1.2em;
	line-height:1.0;
	padding:0 0 0 10px;
	margin:0 0 10px;
}


#office #blue dl dd {
	overflow:hidden;
	zoom:1;
	padding:125px 0 15px;
	border-bottom:1px solid #999999;
	margin-top:-110px;
}

#office #blue dl dd .place {
	float:left;
}

#office #blue dl dd .texts {
	margin-left:265px;
}




@media screen and (max-width: 1080px){
	
	

}

/*===============================================
  画面の横幅が980px以下に適用
===============================================*/
@media screen and (max-width: 980px){
	
	/* pagetitle */
	
	
	#wrap #pagetitle {
		background-size:auto 100%;
	}

	#wrap #pagetitle .title {
		padding:100px 0 50px;
		width:94%;
		margin:0 auto;
	}
	
	#office {
		padding:0;
	}

	#office h2 {
		width:94%;
		margin:0 auto 30px;
	}

	#office .maparea {
		display:none;
	}
	
	#office #blue {
		width:90%;
		padding:30px 2%;
	}
	
	#office #blue dl dd .place {
		float:none;
		padding:0 0 7px;
		border-bottom:1px dotted #CCC;
		margin-bottom:7px;
	}

	#office #blue dl dd .texts {
		margin:0;
	}
	
	#office #blue dl dd .texts a {
		text-decoration:underline;
		color:#000;
	}


}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	

}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	
}