@charset "utf-8";

div#main table th {
	width:24%;
}

p.txt1 {
	line-height:1.5em;
	padding:3px 10px 0 10px;
}

/* 会社概要１ 項目部分にサイトの基本カラーで塗り潰し　*/
table.company1 {
	border-collapse:collapse;
	color:#999999;
}
table.company1 th,table.company1 td {
	padding:5px 10px;
	line-height:1.7em;
}

table.company1 th {
	border:1px solid #999999;
	background-color:#ffcc66;
}

table.company1 td {
	text-align:left;
	border:1px solid #999999;
	line-height:1.7em;
}

table.company1 td p {
	line-height:1.7em;
}


/* 会社概要２ 項目の左側に行頭マークを設定、htmlのｔｈ内の文字列に<p>タグをつける*/
table.company2 {
	border-collapse:collapse;
}

table.company2 th,table.company2 td {
	padding:8px 10px;
	line-height:1.7em;
	text-align:left;
	border-bottom:1px dotted #999999;
	border-top:1px dotted #999999;
}
table.company2 th p {
	border-left:10px solid #336699;
	color:#336699;
	padding-left:8px;
}

table.company2 td p {
	line-height:1.7em;
}

/* 会社概要３ 項目の左側に強調のラインを設定し、サイトのカラーで塗り潰し　*/
table.company3 {
	border-collapse:collapse;
	color:#999999;
}
table.company3 th,table.company3 td {
	padding:5px 10px;
	line-height:1.7em;
}

table.company3 th {
	border:1px solid #999999;
	border-left:5px solid #336699;
	background-color:#ffcc66;
}

table.company3 td {
	text-align:left;
	border:1px solid #999999;
	line-height:1.7em;
}

table.company3 td p {
	line-height:1.7em;
}

/* 会社概要４ 項目の左側に強調ラインを設定　*/
table.company4 {
	border-collapse:collapse;
	color:#999999;
}
table.company4 th,table.company4 td {
	padding:5px 10px;
	line-height:1.7em;
}

table.company4 th {
	border:1px solid #999999;
	border-left:5px solid #336699;
}

table.company4 td {
	text-align:left;
	border:1px solid #999999;
	line-height:1.7em;
}

table.company4 td p {
	line-height:1.7em;
}