@charset "Shift_JIS";

/***************************************************************

* company.css

***************************************************************/

h2,h3 {
	margin: 0 0 20px;
}

/* concept
***************************************************************/
#concept #mainPic {
	margin: 0 0 20px;
}
#concept #mainPic img {
	padding: 10px;
	display: block;
	background-color: #f8f8f8;
}

#concept .leftCol {
	width: 370px;
	float: left;
}
#concept .rightCol {
	width: 370px;
	float: right;
}
#concept .leftCol p,
#concept .rightCol p {
	margin: 0 0 15px;
}

/* outline
***************************************************************/
#outline #company {
	margin: 0 0 30px;
}
#outline #company .leftCol {
	width: 500px;
	float: left;
}
#outline #company .rightCol {
	width: 240px;
	float: right;
}
#outline #company .rightCol img {
	padding: 10px;
	background-color: #f8f8f8;
}

#outline #company table {
	width: 100%;
	margin: 0 0 15px;
}
#outline #company th {
	width: 50px;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	background: url(../img/common/dot.gif) repeat-x left bottom;
}
#outline #company td {
	padding: 10px;
	background: url(../img/common/dot.gif) repeat-x left bottom;
}
#outline #access dt {
	font-weight: bold;
}
#outline #access dd {
	margin: 0 0 20px;
}
#outline #access dd li {
	text-indent: -1em;
	margin-left: 1em;
}
#outline #access #mapWrap {
	width: 720px;
	height: 280px;
	padding: 10px;
	margin: 0 0 20px;
	background-color: #f8f8f8;
}
#outline #access #map {
	width: 720px;
	height: 280px;
}
* html #access #map{ /* IE6 Hack */
    display:none;
}

/* order made
***************************************************************/
#orderMade .column {
	padding: 0 0 10px;
	margin: 0 0 10px;
	background: url(../img/common/dot.gif) repeat-x left bottom;
}
#orderMade .leftCol {
	width: 500px;
	float: left;
}
#orderMade .leftCol h4 {
	margin: 10px 0;
}
#orderMade .rightCol {
	width: 240px;
	float: right;
}
#orderMade .rightCol img {
	padding: 10px;
	background-color: #f8f8f8;
}

.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* recruit
***************************************************************/
#recruit h4 {
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 14px;
}
#recruit table {
	width: 100%;
}
#recruit th {
	width: 80px;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	background: url(../img/common/dot.gif) repeat-x left bottom;
}
#recruit td {
	padding: 10px;
	text-align: left;
	background: url(../img/common/dot.gif) repeat-x left bottom;
}