@charset "shift_jis";


/*-�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#top-banner {
	width: 753px;
	height: 200px;
	float: right;
	background-color: #cccc00;
}
/*-�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/


/*-�¡ƒgƒsƒbƒNƒoƒbƒN�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#content-topics {
	width: 753px;
	height: 350px;
	float: left;
	margin-top: 3px;
	margin-bottom: 20px;
}

#content-topics p {
	width: 310px;
	height: 120px;
	float: left;
	margin: 135px 0px 10px 40px;
	line-height: 1.7;
	color: #7B6960;
}

#content-topics .image-top {
	float: left;
	margin-top: 53px;
	margin-left: 15px;
}

/*--�¡ƒNƒ‰ƒCƒAƒ“ƒg�@ƒŠƒXƒg�¡�¡�¡--*/
#cltop-li {
	float: left;
	height: 25px;
	width: 650px;
	line-height: 25px;
   	text-align: left;
	padding: 20px 0px 0px 15px;

}


/*-�¡ƒ�ƒCƒ“ƒRƒ“ƒeƒ“ƒc�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#client-left {
	width: 570px;
	float: left;
	padding-left: 10px;
}

/*-�¡�¶�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#contents-client, #contents-client01, #contents-client02, #contents-client03 {
	width: 570px;
	height: 200px;
	float: left;
}

#contents-client h2, #contents-client01 h3, #contents-client02 h4 {
	width: 300px;
	height: 25px;
	float: left;
	padding-left: 20px;
	padding-top: 22px;
}


#contents-client03 h5 {
	width: 300px;
	height: 25px;
	float: left;
	padding-left: 20px;
	padding-top: 12px;
}

#contents-client p, #contents-client01 p, #contents-client02 p, #contents-client04 p {
	width: 370px;
	float: left;
	padding-left: 25px;
	padding-top: 6px;
	line-height: 1.7;
	color: #74635A;
}

#contents-client03 p {
	width: 370px;
	float: left;
	padding-left: 25px;
	padding-top: 1px;
	line-height: 1.7;
	color: #74635A;
}


#contents-client p, #contents-client01 p, #contents-client02 p, #contents-client03 p, #contents-client04 p {
	width: 370px;
	float: left;
	padding-left: 25px;
	padding-top: 6px;
	line-height: 1.7;
	color: #74635A;
}



.image-client {
	width: 160px;
	height: 140px;
	float: right;
	margin-right: 2px;
	margin-top: 20px;
}

#client-up {
	width: 100px;
	height: 15px;
	float: right;
	margin-right: 2px;
	margin-bottom: 20px;
}
#client-up a {
	width: 100px;
	height: 15px;
	float: right;
	text-indent:-9999px;
	display: block;
	background: url(../image/cl/banner/up.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#client-up a:hover {
	background: url(../image/cl/banner/up2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



/*-�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡-*/
/*-�¡�¡‰E�¡�¡�¡�¡�¡�¡�¡-*/
/*-�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡-*/
#client-right {
	width: 165px;
	float: right;
}

#contents-side {
	float: right;
	padding: 5px 0px 0px 0px;
	width: 165px;
}


/*-�¡�¡Šé‹Æ•Ê�¡�¡�¡�¡�¡�¡-*/

ul#contents-side li {
	float: left;
	width: 160px;
}
/*-�štfs�š�š-*/
ul#contents-side .tfs {
	float: right;
	width: 150px;
	height: 200px;
}

ul#contents-side .tfs a {
	width: 150px;
	height: 200px;
	text-indent:-9999px;
	display: block;
	background: url(../image/cl/banner/tfs.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#contents-side .tfs a:hover{
	background: url(../image/cl/banner/tfs.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}