@charset "utf-8";


#officeList h2 {
	width:962px;
	height:162px;
	position:relative;
	margin:0 0 0 0;
	background:url(../images/ttl/bg_officeList.png) no-repeat 50% 0;
	z-index:100;
}

#officeList h2 span {
	width:159px;
	background-image:url(../images/ttl/ttl_officeList.png);
	top:122px;
	left:12px;
}

#officeList #contents {
	padding:12px 0 0 0;
	width:962px;
}


/* changeBox
-----------------------------------------------*/
.tokyo#changeBox #tokyo { display:block; }
.saitama#changeBox #saitama { display:block; }
.gunma#changeBox #gunma { display:block; }
.nagoya#changeBox #nagoya { display:block; }
.fukuoka#changeBox #fukuoka { display:block; }
.nagasaki#changeBox #nagasaki { display:block; }

#changeBox {
	position:relative;
	overflow:visible;
	top:-6px;
}
#changeNavi {
	width:964px;
	height:63px;
	margin:0 0 6px;
	position:relative;
	background:url(../images/officelist/bg_changeNavi.png) no-repeat 0 0;
	z-index:50;
}
#changeNavi dt { display:none; }
#changeNavi dd {
	display:block;
	padding:0 0 0 199px;
}
#changeNavi li {
	display:block;
	width:122px;
	height:63px;
	float:left;
	padding:0 0 0 0;
	text-indent:-9999px;
}
#changeNavi li a {
	display:block;
	width:121px;
	height:63px;
	cursor:pointer;
	position:relative;
}
#changeNavi li a .hover {
	display:block;
	width:121px;
	height:63px;
	cursor:pointer;
	background-image:url(../images/officelist/bg_changeNavi.png);
	background-repeat:no-repeat;
}
#changeNavi li.menu01 a .hover { background-position:-199px -63px; }
#changeNavi li.menu02 a .hover { background-position:-321px -63px; }
#changeNavi li.menu03 a .hover { background-position:-443px -63px; }
#changeNavi li.menu04 a .hover { background-position:-565px -63px; }
#changeNavi li.menu05 a .hover { background-position:-687px -63px; }
#changeNavi li.menu06 a .hover { background-position:-809px -63px; }


#changeBox .menu01 .on { background:url(../images/officelist/bg_changeNavi.png) no-repeat -199px -63px; }
#changeBox .menu02 .on { background:url(../images/officelist/bg_changeNavi.png) no-repeat -321px -63px; }
#changeBox .menu03 .on { background:url(../images/officelist/bg_changeNavi.png) no-repeat -443px -63px; }
#changeBox .menu04 .on { background:url(../images/officelist/bg_changeNavi.png) no-repeat -565px -63px; }
#changeBox .menu05 .on { background:url(../images/officelist/bg_changeNavi.png) no-repeat -687px -63px; }
#changeBox .menu06 .on { background:url(../images/officelist/bg_changeNavi.png) no-repeat -809px -63px; }

/* officeList
-----------------------------------------------*/
#officeList h3 { margin:0 0 12px 11px; position:relative; }

#tokyo h3 {
	width:77px;
	background-image:url(../images/ttl/ttl_tokyo.png);
}
#saitama h3 {
	width:100px;
	background-image:url(../images/ttl/ttl_saitama.png);
}
#gunma h3 {
	width:89px;
	background-image:url(../images/ttl/ttl_gunma.png);
}
#nagoya h3 {
	width:97px;
	background-image:url(../images/ttl/ttl_nagoya.png);
}
#fukuoka h3 {
	width:111px;
	background-image:url(../images/ttl/ttl_fukuoka.png);
}
#nagasaki h3 {
	width:113px;
	background-image:url(../images/ttl/ttl_nagasaki.png);
}


.conBox {
	padding:0 0 40px 0;
	display:none;
	overflow:hidden;
}
.inBox {
	display:block;
	margin:0 6px 10px 6px;
	font-size:0.875em;
	background:#0e0e0e url(../images/share/bg_box.gif) repeat-x 0 0;
	border:3px solid #000;
	position:relative;
}
#officeList .conBox .listBox {
	border:1px solid #292929;
	padding:15px;
}
#officeList .conBox dl {
	width:491px;
	float:left;
}

#officeList .conBox dt {
	display:block;
	padding:0 0 15px 10px;
	margin:0 30px 0 0;
	color:#fff;
	position:relative;
	border-bottom:1px solid #202020;
	font-weight:bold;
}
#officeList .conBox dd {
	display:block;
	margin:0 30px 0 0;
	border-top:1px solid #090909;
}

/*
	clearfix
*/
#officeList .conBox dd:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

#officeList .conBox dd{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html #officeList .conBox dd{height:1%;}
#officeList dl{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

#officeList .conBox dd strong {
	display:block;
	width:86px;
	height:16px;
	position:absolute;
	left:385px;
	top:19px;
	background:url(../images/btn/btn_access.png) no-repeat 0 0;
}
#officeList .conBox dd strong a {
	display:block;
	width:86px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
#officeList .conBox dd strong a:hover {
	background:url(../images/btn/btn_access.png) no-repeat -86px 0;
}
#officeList .conBox dd .date,
#officeList .conBox dd em {
	display:block;
	font-size:0.858em;
	width:450px;
/*	filter: alpha(opacity=25);
	-moz-opacity:0.70;
	opacity:0.70;
*/}
#officeList .conBox dd .date {
	width:440px;
	margin:0 0 0 0;
	padding:15px 10px;
}
#officeList .conBox dd ul li {
	padding:0 0 0 10px;
	float:left;
}
#officeList .conBox dd ul li img {
	width:40px;
	height:40px;
	padding:1px;
	border:1px solid #aaa;
	background:#222;
	line-height:0;
	font-size:0;
	cursor:pointer;
}
#officeList .conBox dd ul li.now img {
	border:1px solid #FFFF00;
}
#officeList .conBox dd ul li img:hover {
	border:1px solid #FFFF00;
}
#officeList .conBox dd em {
	width:395px;
	padding:10px;
	padding-left:55px;
	border:1px solid #333;
	background:#1a1a1a url(../images/share/bg_box_foot.gif) no-repeat -10px -5px;
	position:absolute;
	bottom:15px;
	left:15px;
}
#officeList .conBox .img {
	width:417px;
	height:auto !important;
	min-height:254px;
	height:254px;
	float:left;
}
#officeList .conBox .img img {
	width:417px;
	height:250px;
	padding:1px;
	border:1px solid #aaa;
	background:#222;
	line-height:0;
	font-size:0;
	position:absolute;
	z-index:7;
}
#officeList .conBox .img img.fst {
	z-index:9;
}
#officeList .conBox .img img.next {
	z-index:8;
}
#officeList .conBox dd .img,
#officeList .conBox dd .map {
	float:right;
	padding:15px 0 0 15px;
	line-height:0;
	font-size:0;
}