@charset "utf-8";



/* layout  ----------------------------------------------------------------------------------------- */



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

 *	common

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









.colLeft700 ul {

	margin:0 0 30px 20px;

	list-style:none!important;

}



.colLeft700 ul.circleBlu li {

	background:url(/image/common/list_mark_blu.gif) no-repeat;

	background-position: 0px 7px;

	padding-left: 12px;

}





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

 *	recruitにもある

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

 

.colLeft700 {

	margin:6px 20px 40px 20px;

	width:700px;

	float:left;

	display:inline;

}



.col700 {

	clear:both;

	margin:0 0 20px 0;

	width:700px;

}



.col700noBtm {

	clear:both;

	margin:0;

	width:700px;

}



.colLeft700 h3,

.colLeft700 h4,

.colLeft700 h5 {

	margin:0 0 20px 0;

}





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

 *	index

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



.colLeft700 .colLeft460 {

	width:460px;

	float:left;

	padding:0 20px 0 0;

}



.colLeft700 .colLeft220 {

	width:220px;

	float:left;

	margin:0;

}



.colLeft700 .colLeft220 img {

	margin:0 0 15px 0;

}



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

 *	about

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

.colLeft700 table.pt011 {

	border:none;

}



.colLeft700 table.pt01 {

	border-top:solid 1px #c6c6c6;

	border-left:solid 1px #c6c6c6;

	width:693px;

	margin: 0;

}



.colLeft700 table.pt01 th {

	background-color:#f3f3f3;

	border-right:solid 1px #c6c6c6;

	border-bottom:solid 1px #c6c6c6;

	padding:5px;

	text-align:left;

}



.colLeft700 table.pt01 td {

	border-right:solid 1px #c6c6c6;

	border-bottom:solid 1px #c6c6c6;

	padding:5px;

}





.colLeft700  td.president {

	vertical-align:middle;

}



.flLeft {

	float:left;

}



.flRight {

	float:right;

}





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

 *	history

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



#history dl {

	width:700px;

}



#history dt {

	margin-bottom:10px;

	width:50px;

	float:left;

	clear:both;

	margin-right:30px;

	color:#AAAAAA;

}



#history dd {

	margin-bottom:10px;

	color:#262626;

}



#history img {

	margin-bottom:10px;

}



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

 *	philosophy

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



.colLeft700 .colLeft360 {

	width:360px;

	float:left;

	margin:0;

}



.colLeft700 .colLeft340 {

	width:340px;

	float:left;

	margin:0;

}









.col700noBtm .bgBorCol {

	width:700px;

	background: url(/image/company/bg_border_middle.gif) repeat-y 0 0 ;

	position:relative;

	margin:0;

}





.col700noBtm .bgBorCol .circle {

	position:absolute;

	top:-25px;

	left:0;

}



table.ptCom01 {

	padding:0;

	width:660px;

	margin:0 0 0 30px;

}



table.ptCom01 td {

	padding:10px;

}



table.ptCom01 th img {

	margin:0 0 0 50px;

}



table.ptCom01 .gray {

	background-color:#f3f3f3;

}





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

 *	customer

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

 

.colLeft700 .colLeft350 {

	width:350px;

	float:left;

	margin:0;

}





.bgBorCol {

	width:700px;

	padding: 0;

	margin: 0 0 15px 0;

}



.bgBorCol .colLeft2 {

	float:left;

	width:360px;

}



.bgBorCol .colRight2 {

	float:left;

	width:340px;

}



.bgBorCol1 {

	width:700px;

	padding: 0;

	margin: 0 0 40px 0;

}



.bgBorCol2 {

	width:700px;

	background: url(/image/company/bg_border_middle.gif) repeat-y 0 0 ;

	position:relative;

}







.bgBorCol2 .circle {

	position:absolute;

	top:-25px;

	left:0;

}



table.ptCom01 {

	padding:0;

	width:660px;

	margin:0 0 0 30px;

}



table.ptCom01 td {

	padding:10px;

}



table.ptCom01 th img {

	margin:0 0 0 50px;

}



table.ptCom01 .gray {

	background-color:#f3f3f3;

}