@charset "utf-8";

/*
======== table of content. =================================

summary:category01用レイアウト定義


============================================================
*/

div#main ul.target-user{
	width: 640px;
	clear: both;
}

div#main ul.target-user li{
	float: left;
}

div#main h2{
	clear: both;
	padding: 19px 0 0 0;
}

div#main div.section p{
	padding: 17px 0 9px 12px;
}

div#main div.section div.system{
	width: 640px;
	height: 200px;
	margin: 14px 0 0 0;
	background: url(../about/images/bg_system.jpg) no-repeat left top;
}

div#main div.section div.system dl{
	width: 300px;
	padding: 14px 0 0 20px;
	float: left;
}

div#main div.section div.system dd{
	padding: 11px 0 0 10px;
}

div#main div.section div.system dd li{
	margin: 0 0 12px 0;
	font-size: 1px;
}

div#main p.call{
	margin: 20px 0 35px 20px;
	line-height: 1.5;
}

div#main p.photo{
	float: left;
	margin: 20px 22px 10px 0;
}

div#main div.value{
	width: 640px;
	height: 204px;
	margin: 0 0 15px 0;
	border: #85B408 3px solid;	
	position: relative;
}

div#main div.yellow{
	border: #F7C838 3px solid;	
}

div#main div.blue{
	border: #8CB0DC 3px solid;	
}

div#main div.value p.tit{
	background: url(../about/images/bg_value_01.gif) repeat-x;
	height: 26px;
	padding: 11px 0 0 21px;
}

div#main div.value p.yellow{
	background: url(../about/images/bg_value_02.gif) repeat-x;
}

div#main div.value p.blue{
	background: url(../about/images/bg_value_03.gif) repeat-x;
}

div#main div.value table{
	width: 420px;
	margin: 16px 0 0 16px;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
}

div#main div.value table th{
	width: 191px;
	text-align: left;
	background: #F0F0F0;
	padding: 8px 0 8px 19px;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}

div#main div.value table td{
	padding: 8px 0 8px 19px;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	vertical-align: top;
}

div#main div.value table td.last{
	background: url(../about/images/line_gray.gif) repeat-x left 25px;
}


div#main div.value p.glaph{
	position: absolute;
	right: 41px;
	top: 15px;
}

/* 管理組合様へ
------------------------------------ */
div#main dl.kadai{
	width: 640px;
	margin: 30px 0 0 0;
}

div#main dl.kadai dt{
	width: 123px;
	float: left;
	clear: both;
}

div#main dl.kadai dd{
	padding: 7px 0 0 0;
	float: left;
}

div#main p.mokuteki{
	clear: both;
	padding: 55px 0 0 0;
	margin: 27px 0 26px 0;
	background: url(../about/images/about01/bg_mokuteki.gif) no-repeat center top;
}

div#main p.glaph01{
	margin: 16px 0 3px 0;
}

div#main p.comment{
	width: 600px;
	margin: 18px 0 0 0;
}

div#main ul.point{
	width: 464px;
	height: 104px;
	margin: 20px 0 10px 12px;
	padding: 16px 0 0 16px;
	background: #F0F0F0;
	border: #8CB0DC 1px solid;
}

div#main ul.point li{
	margin: 0 0 5px 0;
	font-size: 1px;
}

div#main p.comment2{
	width: 600px;
	margin: 18px 0 35px 0;
}