@charset "utf-8";

/* ---------------------------------------------------------------- */

body {
	background: #f0f0f0 url(../images/bg_body_top.gif) repeat-x center top;
}

#header {
	margin-bottom: 10px;
}

#header #siteTitle {
	text-indent: -10000px;
}

/* ---------------------------------------------------------------- */

#flashBox {
	padding-top: 2px;
	padding-bottom: 3px;
	margin-bottom: 25px;
}

/* ---------------------------------------------------------------- */

#topText {
	text-align: center;
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------- */

#mainLeftBlock {
	width: 270px;
	margin: 0 auto 15px;
	padding: 0;
	display: block;
	float: left;
}

#mainRightBlock {
	width: 555px;
	margin: 0 auto 15px;
	padding: 0;
	display: block;
	float: right;
}

/* ---------------------------------------------------------------- */
/* 各エリア設定 */
/* ---------------------------------------------------------------- */

/* トピックス */

#topicsArea {
	width: 270px;
	margin: 0 auto 15px;
	padding: 0;
	background: url(../images/bkbg_01.gif) no-repeat center bottom;
}

#topicsBody {
	height: 218px;
	overflow: auto;
	margin: 0 1px 0 0;
	padding: 0;
}

#topicsArea h3 {
	background: url(../images/bkt_01.gif) no-repeat left center;
	color: white;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	padding-left: 20px;
	height: 32px;
}

#topicsArea dl {
	border-bottom: 1px dotted silver;
	margin: 10px;
	padding-bottom: 10px;
}

#topicsArea dt {
	font-size: 75%;
	line-height: 120%;
	background: url(../images/mark_02.gif) no-repeat left center;
	padding-left: 18px;
	color: #004aaf;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#topicsArea dd {
	font-size: 75%;
	line-height: 130%;
	padding-left: 18px;
	color: #404040;
}

#topicsArea p {
	text-align: center;
	font-size: 75%;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

#topicsArea p a {
	display: block;
	padding: 3px;
	border: 1px solid silver;
	background-color: #f8f8f8;
	text-decoration: none;
}

#topicsArea p a:hover {
	text-decoration: none;
	background-color: gray;
	color: white;
	border: 1px solid gray;
}

/* エコの取り組み */

#taiyouArea {
	width: 270px;
	margin: 0 auto 15px;
	padding: 0;
	background: url(../images/bkbg_04.gif) no-repeat center bottom;
}

#taiyouBody {
	margin: 0;
	padding: 15px;
}

#taiyouArea h3 {
	background: url(../images/bkt_01.gif) no-repeat left center;
	color: white;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	padding-left: 20px;
	height: 32px;
}

#taiyouArea p {
	text-align: right;
}

#team-6p {
	text-align: center;
	margin: 0 0 15px;
	padding: 0;
}

/* 強い現場づくりの条件とは */

#genbaArea {
	width: 555px;
	height: 130px;
	margin: 0 auto 15px;
	padding: 0;
	background: url(../../images/btn_01_01.gif) no-repeat center center;
	display: block;
}

#genbaArea a {
	width: 555px;
	height: 130px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -10000px;
}

/* 技術分野別に探す */

#bunyaArea {
	height: 300px;
	width: 270px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background: url(../images/bkbg_02.gif) no-repeat left bottom;
	display: block;
}

#bunyaArea h3 {
	background: url(../images/bkt_02.gif) no-repeat left center;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	margin: 0 0 10px;
	padding: 0 0 0 7px;
	font-weight: bold;
}

#bunyaArea ul {
	
}

#bunyaArea li {
	display: inline;
}

#bunyaArea a {
	display: block;
	width: 250px;
	height: 40px;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
}

#bunyaArea a#btnBunya01 {
	background-image: url(../../images/btn_02_01.gif);
}

#bunyaArea a#btnBunya02 {
	background-image: url(../../images/btn_02_02.gif);
}

#bunyaArea a#btnBunya03 {
	background-image: url(../../images/btn_02_03.gif);
}

#bunyaArea a#btnBunya04 {
	background-image: url(../../images/btn_02_04.gif);
}

#bunyaArea a#btnBunya05 {
	background-image: url(../../images/btn_02_05.gif);
}

/* お客様の業種別に探す */

#gyoushuArea {
	height: 300px;
	width: 270px;
	margin: 0 auto;
	padding: 0;
	float: right;
	background: url(../images/bkbg_02.gif) no-repeat left bottom;
	display: block;
}

#gyoushuArea h3 {
	background: url(../images/bkt_02.gif) no-repeat left center;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	margin: 0 0 10px;
	padding: 0 0 0 7px;
	font-weight: bold;
}

#gyoushuArea ul {
	
}

#gyoushuArea li {
	display: inline;
}

#gyoushuArea a {
	display: block;
	width: 250px;
	height: 40px;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
}

#gyoushuArea a#btnGyoushu01 {
	background-image: url(../../images/btn_03_01.gif);
}

#gyoushuArea a#btnGyoushu02 {
	background-image: url(../../images/btn_03_02.gif);
}

#gyoushuArea a#btnGyoushu03 {
	background-image: url(../../images/btn_03_03.gif);
}

#gyoushuArea a#btnGyoushu04 {
	background-image: url(../../images/btn_03_04.gif);
}

/* パッケージ製品 */

#packageArea {
	clear: both;
	width: 840px;
	margin: 0 auto 15px;
	padding: 0;
	background: url(../images/bkbg_03.gif) no-repeat center bottom;
}

#packageArea h3 {
	background: url(../images/bkt_02_02.gif) no-repeat left center;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	margin: 0 0 15px;
	padding: 0 0 0 7px;
	font-weight: bold;
}

#packageArea dl {
	width: 25%;
	margin: 0 auto 15px;
	padding: 0;
	display: block;
	float: left;
	background: url(../images/line_v_01.gif) repeat-y right top;
}

#packageArea dl.lineNone {
	background-image: none;
}

#packageArea dt {
	text-align: center;
	margin-bottom: 5px;
}

#packageArea dd {
	text-align: center;
	font-size: 75%;
	line-height: 160%;
}

#packageArea dd a {
	color: #0148c9;
	text-decoration: underline;
}

#packageArea dd a:hover {
	color: silver;
	text-decoration: underline;
}