/* CSS Document */

/*再定義
-----------------------------------*/
body {
	margin: 0;
	border: 0;
	padding: 0;
	background: #ffffff url("../img/background2.gif") top repeat-y;
	color: #555555;
	text-align: left;
	font-size: 12px;
	font-family: "Verdana", sans-serif, 'MS PGothic', 'Hiragino Kaku Gothic Pro W3';
	}
div, p, table, form{
	margin:	0px;
	padding:0px;
}
ul, ol, dl{
	margin:0px;
	padding:0px;
}
li, dt, dd{
	margin:0px;
	padding:0px;
	list-style:outside;
	list-style-type:none;
}
form {
	margin: 0;
	padding: 0;
	}

img {border: 0;}

/*ページ全体
-----------------------------------*/
#bodyBg{
	background:url("../img/background2.gif") repeat-y;
	width:870px;
	margin:0 auto;
}
#nav{
	padding:0 10px;
}
#bodyInner{
	width:850px;
	margin:0 auto;
}

/*サイドメニュー
-----------------------------------*/
#sideMenu{
	padding:10px 0 0 14px;
	margin:0 14px 20px 0;
	float:left;
	width:255px;
}
	#sideMenu #serviceBg{
		background:url("../img/servide_bg.gif") repeat-y;
	}
	#sideMenu #seviceList{
	}
	#sideMenu #seviceList li{
		font-size:12px;
		text-indent:30px;
		padding-top:12px;
		background:url("../img/arrow01.gif") 18px 14px no-repeat;
	}
	#sideMenu #seviceList .slist{
		height:28px;
		border-bottom:1px dotted #CCCCCC;
	}
	#sideMenu #seviceList .slist02{
		height:28px;	
	}
	#sideMenu #seviceList a:link,
	#sideMenu #seviceList a:visited{
		color:#555555;
		text-decoration:none;
		}
	#sideMenu #seviceList a:hover,
	#sideMenu #seviceList a:active{
		color:#555555;
		text-decoration:underline;
		}
/*リクルートページ*/
	#sideMenu .recruitBg{
		background:url("../img/servide_bg.gif") repeat-y;
	}
	#sideMenu .recruitBg .recruitList{
	}
	#sideMenu .recruitBg .recruitList li{
		font-size:12px;
		text-indent:30px;
		padding-top:12px;
		background:url("../img/arrow01.gif") 18px 14px no-repeat;
	}
	#sideMenu .recruitList .slist{
		height:28px;
		border-bottom:1px dotted #CCCCCC;
	}
	#sideMenu .recruitList .slist02{
		height:28px;	
	}
	#sideMenu .recruitList a:link,
	#sideMenu .recruitList a:visited{
		color:#555555;
		text-decoration:none;
		}
	#sideMenu .recruitList a:hover,
	#sideMenu .recruitList a:active{
		color:#555555;
		text-decoration:underline;
		}
	ul.recruitMainBtn{
		margin:25px 0 0 0;
		list-style-type:none;
		float:left;
		}
	ul.recruitMainBtn:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
	
		ul.recruitMainBtn li{
			float:left;
			line-height:1.8;
		}
		ul.recruitMainBtn .btnRight{margin-right:10px;	}
		
		
		
.leftMenuBtn{margin:0 0 5px 0;}
.leftMenuBtn02{margin:5px 0 0 0;}
/*ここまで*/

#recruitBtn{
	margin:5px 0;
}


#groupTitle{
	margin:10px 0 5px 0;
}
#group{}
	#group a:link{color:#006699;}
	#group a:hover,#group a:active{
		color:#FF0000;
		text-decoration:none;
	}	
	
#group li{
	border:1px solid #CCCCCC;
	width:249px;
	padding:2px;
	overflow:hidden;
	margin-bottom:2px;
	display:block;

}
#group li .photo{
	padding-right:4px;
	float:left;
}
#group li p{
}
#group li .gloss01,
#group li .gloss02,
#group li .gloss03,
#group li .gloss04,
#group li .gloss05{
	font-size:10px;
	float:left;
	width:155px;
	}
	#group li .gloss01 span{
		color:#E0151B;
		font-size:12px;
		font-weight:bold;
	}
	#group li .gloss02 span{
		color:#009671;
		font-size:12px;
		font-weight:bold;
	}
	#group li .gloss03 span{
		color:#F89802;
		font-size:12px;
		font-weight:bold;
	}
	#group li .gloss04 span{
		color:#008853;
		font-size:12px;
		font-weight:bold;
	}
	#group li .gloss05 span{
		color:#FA450F;
		font-size:12px;
		font-weight:bold;
	}
	#pg{
		margin-top:10px;
	}
/*コンテンツ
-----------------------------------*/	
#content{
	padding:10px 0 20px 0;
	width:550px;
	float:left;
}
.newsTitle{
	margin:5px 0 0 0;
}
#content iframe{
	border:1px solid #BDBDBD;
}

/*会社案内
-----------------------------------*/
#content p.textarea01{
	padding:20px 10px;
	line-height:1.6;
}
#content dl.list01{
	margin-bottom:20px;
	padding:5px 5px 0 20px;
	overflow:hidden;
}

	#content dl.list01 dt{
		width:100px;
		float:left;
		overflow:hidden;
		padding:4px 0;
		line-height:1.4;
		background:#CCCCCC;
	}
	#content dl.list01 dd{
		width:425px;
		float:left;	
		overflow:hidden;
		padding:4px 0;
		line-height:1.4;
	}
	
#content div.company{
	margin:10px 0 20px 0;
	overflow:hidden;
}

#content div.history{
	margin:20px 0 30px 0;
	overflow:hidden;
}
#content div.history dl,
#content div.company dl{
	margin:5px 5px 0 5px;
	padding:0px 0px 0 15px;
	overflow:hidden;
}
	#content div.company dt{
		width:100px;
		float:left;
		padding:4px 0;
		line-height:1.4;
	}
	#content div.company dd{
		width:425px;
		float:left;	
		padding:4px 0;
		line-height:1.4;
	}
	#content div.company dl.bgc{
		background:#f8f8f8;
	}
	#content div.history dt{
		width:200px;
		float:left;
		padding:4px 0;
		line-height:1.4;
	}
	#content div.history dd{
		width:325px;
		float:left;	
		padding:4px 0;
		line-height:1.4;
	}
	#content div.history dl.bgc{
		background:#f8f8f8;
	}

	#content div.company ul.photo03{
		padding:5px;
		overflow:hidden;
	}
	#content div.company ul.photo03 li{
		float:left;
		padding-right:10px;
		
	}


/*エコポイント
-----------------------------------*/

#eco_point {
	padding: 15px 0 0 12px;
	}
	
	#eco_point dl {
		}
	
	#eco_point dt {
		color:#339966;
		margin-bottom: 5px;
		}
	
	#eco_point dd {
		color:#FF6666;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 15px;
		}

	#eco_point table {
		margin-top: 10px;
		}

		#eco_point td {
			font-size: 12px;
			font-weight: normal;
			color:#666666;
			background: #FFFFFF;
			padding: 4px;
			}

		#eco_point td.midashi {
			font-size: 12px;
			font-weight: normal;
			color:#FFFFFF;
			background: #84BDD0;
			padding: 4px;
			}


/*フッター
-----------------------------------*/
#footer{
	clear:both;
	text-align:center;
}
#footer a:link,#footer a:visited{
	color:#999999;
	text-decoration:none;
}
#footer a:hover,#footer a:active{
	color:#999999;
	text-decoration:underline;
}		
#footer #subnav{
	color:#cccccc;
	padding:10px 0;
}
#footer #copy{
	background:#ff1c01;
	padding:10px 0;
	color:#fff;
}

/*追加
-----------------------------------*/

#tenpo dd { padding-left: 8px; }
#tenpo dl { padding-bottom: 8px; }