/***********************-
タイトル : procon
概要：会社概要

制作日：2008/02

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

@import url("basic.css");
@import url("design.css");
@import url("btn.css");
/*背景*/
.back2{
	margin: 15px 15px 0 0;
	padding: 5px 0 ;
	background-color:#E0E0E0;
}

/*本文*/
#company, #seminar, #monita{
	margin: 25px 50px;
	text-align:left;
	font-size:90%;
}

#company ul{
	margin: 0 ;
	text-align:left;
}
#company ul li{
	margin: 0 0 8px;
	padding: 0 0 0 20px;
	text-align:left;
	background:url(../work/maru.gif) no-repeat;
 list-style-type:none;
  }

#company ol{
	margin: 25px 0 0 20px;
	text-align:left;
}

#company ol li{
	margin: 0 50px 10px 20px;
	text-align:left;
}
#kensyu ,#training{
	margin: 25px 40px 25px 30px;
	text-align:left;
	width: 520px;
}
#kensyu h3{
	margin: 15px 0 0 0;
	border: 1px solid #003366;
	padding: 3px 8px 2px 8px;
	font-size: 110%;
	letter-spacing: 0.1em;
	color:#003366;
	background-color:#eeeeee;
}
#kensyu ul{
	margin: 10px 0 0 15px;
	text-align:left;
}
#kensyu ul li{
	margin: 0 0 8px;
	text-align:left;
list-style-type:none;
}
/*右フロート*/
.alignright {
   width:250px;
}
/*左フロート*/
.alignleft {
   width:250px;
}

.title{
	margin: 0 25px 10px 35px;
	padding: 0 0 -5px;
	font-size: 120%;
	letter-spacing: 0.1em;
	border-bottom:2px solid #E0E0E0;
	color:#000000;
	text-align:right;
	font-weight:bold;
}


/* 研修 */
#training h2{
	margin: 0 15px 0 0;
	padding: 0;
	font-size: 140%;
	letter-spacing: 0.1em;
	border-bottom:1px dotted #006699;
	color:#006699;
	text-align:left;
}

#training h4{
	margin: 30px 0 0 0;
	padding: 0 8px 2px 15px;
	font-size: 130%;
	color:#003366;
	background:url(../work/h4.gif) no-repeat;
}
#training h5{
	margin: 10px 40px 10px;
	padding: 3px 10px 1px 20px;
	font-size: 100%;
	font-weight:bold;
	color:#003366;
}
#training ol{
	margin: 0 0 20px 85px;
	padding:0;
	text-align:left;
}
html>/**/body #training ol{
	padding:0 0 0 40px;
}
#training ol li{
	margin: 0 60px 5px 0;
	text-align:left;
}
#training ul{
	margin: 10px 0 20px 55px;
	text-align:left;
}
#training ul li{
	margin: 0 0 4px;
	padding: 0 0 0 20px;
	text-align:left;
	background:url(../work/maru.gif) no-repeat;
list-style-type:none;
}
#training ol li ul{
	margin: 0 0 0 0;
	text-align:left;
}
#training ol li ul li{
	margin: 0 0 3px;
	padding: 0 0 0 18px;
	background:url(../work/maru.gif) no-repeat;
	text-align:left;
list-style-type:none;
}
.zu{
	margin:10px 0 10px -20px;
}
#training .bun{
	margin: 0 50px 5px 60px;
}
.hako{
	color:#003366;
	margin: 0 0.5em;
}
.chui{
	margin: -10px 0 20px 60px;
	font-size: 90%;
}
.chui2{
	color:#000000;
}
.chui3{
	margin:  0 0 50px 30px;
	font-size: 90%;
	text-align:right;
}

.core{
	margin: 15px 10px 0;
	font-size:120%;
}
.core2{
	margin: 10px 10px 5px;
}

#underlink{
	margin: 20px 10px;
	padding: 3px 8px;
	border-top: 1px solid #999999;
	text-align:center;
	font-size: 90%;
}
#underlink a{
	margin: 0 15px;
}

/* ノウハウ */
.nowhow{
	margin: 5px 10px 10px 0;
	padding: 0;
	border: 1px solid #666666;
	text-align:left;
}
.nowhowt{
	margin: 0;
	padding:3px 8px;
	background-color:#666666;
	color:#FFFFFF;
	text-align:center;
}
.nowhaon{
	margin: 5px 0 5px 15px;
	line-height: 1.5;
}


/* プロセス*/
.process1{
	padding: 5px;
	vertical-align:middle;
	text-align:center;
}
.process2{
	padding: 5px;
	vertical-align:middle;
	text-align:left;
	font-size: 80%;
}
.processtitle{
	line-height:1.5;
}
.processbun{
	margin: 5px 0 5px 1em;
	font-size:90%;
	line-height: 1.4;
}

.space{
	margin: 20px;
}

.seminer{
	margin: 20px 50px;
}
.no{
	margin: 1px 5px 0 0;
}
 #seminar ul{
	margin: 10px 10px 0 ;
	text-align:left;
}
 #seminar ul li{
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	text-align:left;
list-style-type:none;
}
#seminar ol{
	margin: 10px 10px 0 25px;
	text-align:left;
}
 #seminar ol li{
	margin: 0 0 10px;
	padding: 0 ;
	text-align:left;
}
#s01{
	background:url(../work/01.gif) no-repeat;
}
#s02{
	background:url(../work/02.gif) no-repeat;
}
#s03{
	background:url(../work/03.gif) no-repeat;
}
#s04{
	background:url(../work/04.gif) no-repeat;
}


.membersroom{
	margin: 20px 5px;
	padding:0;
	border: 2px solid #666;
	height: 440px;
}

#form{
	margin:15px;
}
.toiawasetitle{
	margin:10px 0;
	background-color:#666666;
	color:#FFFFFF;
	padding: 5px 8px;
	text-align:left;
}

.tdl{
	padding: 5px 8px;
	text-align:left;
	vertical-align:middle;
	background-color:#CCCCCC;
	width:8em;
	border-bottom: 1px solid #e4e4e4;
	font-size:90%;
}
.tdr{
	padding: 5px 8px;
	text-align:left;
	vertical-align:middle;
	border-bottom: 1px solid #e4e4e4;
	font-size:90%;
}
.formbtn{
	margin: 10px;
	text-align:center;
}

/* */
#monita ol{
	margin: 0 10px 0 25px;
	text-align:left;
}
#monita ol li{
	margin: 0;
	padding: 0 ;
	text-align:left;
}

#history{
	margin-left:-1em;
}


/* 会社概要テーブル \*/
table.company{
 margin:20px 0 40px 50px;
 width:500px;
}


h3{
margin:20px 0 5px;
padding:0;
 color:#CC3300;
 font-size:100%;
 font-weight:normal;}

.ulcompamy{
	margin:0px 30px;
}


table.company .member{
	margin:8px 0 0 0;
	padding:5px 0 3px;
	border-top: dotted #666666 1px;
 	border-bottom: dotted #666666 1px;
text-align:right;}

table.company .member a{
padding-right:15px;
 background:right url(../img/company/arrowgif.gif) no-repeat; }


/*100728追加　事業ポリシー*/
dl#company dt{
	width:460px;
	background:#C2CFEB;
	padding:8px;
	font-size:110%;
	font-weight:bold;
}



dl#company dd{
	margin:1em 2em 1em;
	padding:8px;
}

dl#company dd h2{
	margin:0 0 0.5em ;
	font-size:150%;
	color:#C00;
}
dl#company dd h2 .ss{
	margin:0 0 0 1em ;
	font-size:80%;
	color:#000;
}



/* モダンプラウザ \*/
html>/**/body #company ul 
{
	margin-left:-15px;
}
html>/**/body #kensyu ul 
{
	margin-left:-25px;
}
html>/**/body #training ol li ul{
	margin-left:-35px;
}
html>/**/body #training ul{
	margin-left:40px;
}
html>/**/body #training ol{
	margin-left:40px;
}