@charset "utf-8";

*{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.4;
}

body{

}
main{
	width:1280px;
	margin: 0 auto;
}

h1{
	font-size:28px;
	text-align:center;
	margin-bottom:15px;

}


strong{
	font-weight:bold;
}
span.option{
	background-color:#f00;
	color:#fff;
	padding:2px;
}
span.mono{
	font-family: monospace;
}
table{
	width:1278px;
	border-collapse: collapse;
	border:1px solid #0071BC;
	font-size:12px;
}




tr,td{
	border: 1px solid #0071BC;
	padding:10px 5px;
	vertical-align:middle;

}

thead th,
tfoot th{
	text-align:center;
	background-color:#0071BC;
	color:#fff;
	font-weight:bold;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	vertical-align: middle;
}
thead th:first-child,
tfoot th:first-child{
	border-left:1px solid #0071bc;
}
thead th:last-child,
tfoot th:last-child{
	border-right:1px solid #0071bc;
}
tfoot th{
	padding:10px 5px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
tfoot th.r{
	text-align:right;
}

select{
	width:60px;
	text-align: right;
}
option{
	text-align: right;
}


.item{

}
.price{
	text-align: right;
}
.unit-price{
	text-align: right;
}
.unit{
	text-align: center;
}
.deliverable{
	text-align: center;
}
.unit-work{
	text-align: right;
}
.work{
	text-align: right;
}
.amount{
	text-align: right;
}






tr.design td{
	background-color: #ffe;
}
tr.coding td{
	background-color: #e3f4ff;
}
tr.pg td{
	background-color: #f4ffe3;
}
tr.system td{
	background-color: #ffeee3;
}
tr.sozai td{
	background-color: #f2f0fc;
}