@charset "utf-8";
/* CSS Document */

/* -----------------------------------------
    office
   ---------------------------------------- */

.officeInner01{
	padding:0 20px;	
}


/*-- officeBox01 --*/

.officeBox01{
	margin-bottom:50px;
}


/*-- officeBox02 --*/

.officeBox02{
	margin-bottom:40px;
}

.officeBox02 ul{
	clear:both;
	margin:0 0 20px 0;
	padding:0;
}

.officeBox02 li{
	width:300px;
	float:left;
	border:1px solid #E1E1E1;
}

.officeBox02 li.boxLeft{float:left;}
.officeBox02 li.boxRight{float:right;}

.officeBox02 li h4,
.officeBoxTop h4{
	background:#5A83C9;
	padding:5px;
	color:#FFF;
	text-align:center;
	border-bottom:none;
}

.officeBox02 dl{
	padding:15px 25px;
}

.officeBox02 dt{
	padding:0 0 10px 0;
}


/* mapBox */

.officeBox02 .mapBox{
	padding:5px;
	background:#F5F5F5;
	margin-bottom:10px;
}

/*.officeBoxTop dt.mapBox #gmap1, */
.officeBox02 .mapBox #gmap1,
.officeBox02 .mapBox #gmap2,
.officeBox02 .mapBox #gmap3,
.officeBox02 .mapBox #gmap4,
.officeBox02 .mapBox #gmap5,
.officeBox02 .mapBox #gmap6,
.officeBox02 .mapBox #gmap7,
.officeBox02 .mapBox #gmap8,
.officeBox02 .mapBox #gmap9{
	width:240px;
	height:240px;
}

.officeBox02 .zoomBtn,
.officeBoxTop dd.zoomBtn{
	width:250px;
	height:42px;
}

.officeBox02 .zoomBtn a,
.officeBoxTop dd.zoomBtn a{
	width:250px;
	height:42px;
	display:block;
	text-indent:-9999px;
	background:url(../../office/images/btn_zoom.gif) no-repeat;
}

.officeBox02 .zoomBtn a:hover,
.officeBoxTop dd.zoomBtn a:hover{
	background:url(../../office/images/btn_zoom.gif) 0 bottom no-repeat;
}


/*-- officeBoxTop --*/

.officeBoxTop{
	border:1px solid #E1E1E1;
	margin-bottom:20px;
}
	
.officeBoxTop dl{
	clear:both;
}

.officeBoxTop dt.mapBox{
	width:240px;
	height:240px;
	padding:5px;
	background:#F5F5F5;
	margin-bottom:0;
	float:left;
}

.officeBoxTop dd{
	width:310px;
	float:left;
}

.officeBoxTop dd.access{
	margin-bottom:15px;
	padding-top:60px;
	text-align:center;
}

.officeBoxTop dd.zoomBtn{
	margin-left:40px;
}