/* CSS Document */
@charset "EUC-JP";
	
/* =========================================================
■会社案内　COMPANY PROFILE 
========================================================= */
.office_photo{
	width:180px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	text-align:left;
	}
.office_photo p{
	font-size:0.7em;
	margin:0;
	padding:0;

	}

#president_photo{
	width:145px;
	float:left;
	margin-left:5px;
	}
#president_photo p{
	font-weight:bold;
	}

#president_com{
	width:400px;
	float:left;
	margin-left:10px;
	}
	
	
.office_text{
	width:540px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	text-align:left;
	font-size:0.9em;
	}



/* =========================================================
■会社案内　ヒストリー
========================================================= */
 
#history_photo{
	width:170px;
	margin-left:7px;
	margin-bottom:10px;
	float:left;
	}
#history_photo p{
	font-size:0.7em;
	}
	
#history{
	width:560px;}

#history dl.list {
	border-top: 1px solid #ccc;
	line-height: 1.3em;
	margin: 10px 0;
}

#history dl.list dt {
	background: url(../img/list/ico_dots5_10.gif) no-repeat left center;
	width: 50px;
	float: left;
	padding-bottom: 1px;
	text-indent: 1em;
	font-size:0.8em;
}
#history dl.list dd {
	font-size:0.7em;
	padding-left: 60px;
	border-bottom: 1px solid #ccc;
}
/*
http://digibot.jp/blog/2007/05/dldtdd.html
dt部分のpadding-bottom: 1px;はddにボーダー1pxがあるためボーダー幅と同じだけ取る必要がある。これをしないと微妙なズレが生じてくる。 
texi-indent: 1em;はpaddingとwidthを同時に使用しないため、今回のサンプルのように左の項目にワンポイントの画像を使用したい場合などは、paddingではなくtext-indentで左部分をあけるようにします 
dd部分のpadding-left: 5em;はdtの余白と同じ値だけpaddingで取るようにする。marginで余白を取るとボーダーが面倒なので･･･。
*/