@charset "UTF-8";


/* 1: map
=========================================*/

#corporation #contents .officeList {
	clear: both;
}
#corporation #contents .officeList th,
#corporation #contents .officeList td {
	padding: 10px 8px;
	background: #FFFFFF url(../../corporation/map/images/index_bg01.gif) repeat-x 0 100%;
}
#corporation #contents .officeList .bgGray th,
#corporation #contents .officeList .bgGray td {
	background: #f2f2f2 url(../../corporation/map/images/index_bg01.gif) repeat-x 0 100%;
}

#corporation #contents #map {
	width: 691px;
	height: 285px;
	margin: 30px 0 0 20px;
}


#corporation #contents .ereaBox01,
#corporation #contents .ereaBox02 {
	clear: both;
	display: none;
	position: absolute;
	z-index: 1;
}
#corporation #contents .ereaBox01 {
	width: 216px;
	background: url(../../corporation/map/images/index_bg03.gif) no-repeat 0 100%;
}
#corporation #contents .ereaBox02 {
	width: 250px;
	background: url(../../corporation/map/images/index_bg05.gif) no-repeat 0 100%;
}
#corporation #contents .ereaBox01 .wrap {
	width: 210px;
	padding: 2px 4px 4px 2px;
}
#corporation #contents .ereaBox02 .wrap {
	width: 244px;
	padding: 2px 4px 4px 2px;
}
* html #corporation #contents .ereaBox01 .wrap {
	width: 216px;
}
* html #corporation #contents .ereaBox02 .wrap {
	width: 250px;
}
#corporation #contents .ereaBox01 .wrap {
	background: url(../../corporation/map/images/index_bg02.gif) no-repeat 0 0;
}
#corporation #contents .ereaBox02 .wrap {
	background: url(../../corporation/map/images/index_bg04.gif) no-repeat 0 0;
}
#corporation #contents .ereaBox01 dl,
#corporation #contents .ereaBox02 dl {
	border: solid 1px #383838;
}
#corporation #contents .ereaBox01 dl img,
#corporation #contents .ereaBox02 dl img {
	line-height: 0;
	font-size: 0;
}
#corporation #contents .ereaBox01 dt,
#corporation #contents .ereaBox02 dt {
	height: 21px;
}
#corporation #contents .ereaBox01 dd ul {
	clear: both;
	width: 194px;
	margin-left: 14px;
	background: url(../../corporation/map/images/index_bg01.gif) repeat-x 0 0;
}
#corporation #contents .ereaBox02 dd ul {
	clear: both;
	width: 228px;
	margin-left: 14px;
	background: url(../../corporation/map/images/index_bg01.gif) repeat-x 0 0;
}
#corporation #contents .ereaBox01 dd ul.borderNone,
#corporation #contents .ereaBox02 dd ul.borderNone {
	background: none;
}
#corporation #contents .ereaBox01 dd ul.borderNone li,
#corporation #contents .ereaBox02 dd ul.borderNone li {
	padding-top: 3px;
}
#corporation #contents .ereaBox01 dd ul li {
	display: inline;
	float: left;
	width: 73px;
	margin-right: 14px;
	padding: 5px 0 3px 10px;
	background: url(../images/com_ic04.gif) no-repeat 0 0.65em;
	letter-spacing: -1px;
}
* html #corporation #contents .ereaBox01 dd ul li {
	width: 83px;
}
#corporation #contents .ereaBox02 dd ul li {
	display: inline;
	float: left;
	width: 52px;
	margin-right: 14px;
	padding: 5px 0 3px 10px;
	background: url(../images/com_ic04.gif) no-repeat 0 0.65em;
	letter-spacing: -1px;
}
* html #corporation #contents .ereaBox02 dd ul li {
	width: 62px;
}


#corporation #contents .ereaBox01 dd ul li.singleList,
#corporation #contents .ereaBox02 dd ul li.singleList {
	width: 166px;
	margin-right: 0;
}
* html #corporation #contents .ereaBox01 dd ul li.singleList,
* html #corporation #contents .ereaBox02 dd ul li.singleList {
	width: 180px;
}

#corporation #contents #areaMap {
	position: relative;
}
#corporation #contents #areaMap #hokkaido {
	top: 77px;
	left: 485px;
}
* html #corporation #contents #areaMap #hokkaido {
	left: 465px;
}
#corporation #contents #areaMap #tohoku {
	top: 41px;
	left: 124px;
}
* html #corporation #contents #areaMap #tohoku {
	left: 104px;
}
#corporation #contents #areaMap #kanto {
	top: 147px;
	left: 469px;
}
* html #corporation #contents #areaMap #kanto {
	left: 449px;
}
#corporation #contents #areaMap #chubu {
	top: 102px;
	left: 78px;
}
* html #corporation #contents #areaMap #chubu {
	left: 58px;
}
#corporation #contents #areaMap #kinki {
	top: 168px;
	left: 31px;
}
* html #corporation #contents #areaMap #kinki {
	left: 11px;
}
#corporation #contents #areaMap #other {
	top: 253px;
	left: 335px;
}
* html #corporation #contents #areaMap #other {
	left: 315px;
}









/* 99. Extra
=========================================*/
/* Clearfix */
#corporation #contents .ereaBox01 dd ul:after,
#corporation #contents .ereaBox02 dd ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#corporation #contents .ereaBox01 dd ul,
#corporation #contents .ereaBox02 dd ul {
	zoom: 1;
	display: block;	/* for safari firefox3 */
	min-height: 1%;  /* for IE 7*/
}
/* IE7 hacks */
*:first-child+html #corporation #contents .ereaBox01 dd ul,
*:first-child+html #corporation #contents .ereaBox02 dd ul {
	display: inline-table;
}/* end hacks */




