@charset "utf-8";

.works{
	width:900px;
	margin:0 auto;
	padding:20px 20px; 
	background-color:#336;
}


.worksTop img{
	float:left;
}


.worksTop br{
	clear:left;
}

.worksTop h3 {
	color:#FFFFFF;
	font-size:28px;
	margin:0 0 20px 170px;
	padding:5px 10px;
	border-left:#66F solid 30px;
	border-bottom:#66F solid 5px;
}

.worksTop p{
	color:#FFFFFF;
	font-size:20px;
	margin:0 0 20px 170px;
	padding:5px 10px;
	line-height:1.3em;
}

.works h4 {
	color:#CCF;
	font-size:24px;
	font-weight:bold;
	margin:3px 0;
}

.works h5 {
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 5px 0;
}


.works p {
	color:#FFFFFF;
	font-size:16px;
	margin:0;
	padding:5px;
	line-height:1.3em;
}

.works table.costTable {
	border: 1px #CCCCCC solid;
	border-collapse:collapse;
	margin-bottom:20px;
}

.works table.costTable td, th {
    border: 1px #CCCCCC solid;
	padding:5px;
	width:150px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}

.works table.instTable td, th {
    border: 1px #CCCCCC solid;
	padding:5px;
	text-align:center;
	color:#FFF;
	font-size:16px;
	line-height:1.2em;
}


.contact a{
	display:block;
	text-decoration:none;
	color:#FFF;
	background-color:#36F;
	width:200px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:5px 10px;
	margin:5px 0 0 600px;
}

.contact a:hover {
	background-color:#3AF;
}

/* --------------------- */
/*  Worksページアイコン   */
/* --------------------- */