/* CSS Document */
/*__________________________________________________

  cost -- table
  __________________________________________________*/
table.cost {
	width: 600px;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #999999;
	border-collapse: collapse;
}
table.cost th, table.cost tr {
	border: 1px solid #999999;
}

table.cost th {
	padding: 5px;
	background-color: #EEEEEE;
	background-image: url("../img/com/bg_gray.gif");
}
table.cost td {
	padding: 5px;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #999999;
}

/* カラム指定
----------------------------------------------- */
table.cost th.col1 {
	width: 16%;
	border: 1px solid #999999;
}
table.cost td.col2 {
	width: 28%;
}
table.cost td.col3 {
	width: 14%;
	text-align: right;
	border-right: 1px solid #999999;
}

/* カラム指定（合計行の背景色）
----------------------------------------------- */
table.cost td.col2_total {
	width: 28%;
	background-color: #FFFF99;
}
table.cost td.col3_total {
	width: 14%;
	background-color: #FFFF99;
	text-align: right;
	border-right: 1px solid #999999;
}


/*__________________________________________________

  proc -- table
  __________________________________________________*/
table.proc {
	width: 600px;
	margin: 0px auto 20px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.proc th {
	padding: 5px;
	background-color: #eee;
}
table.proc td {
	padding: 5px 10px 5px 10px;
	letter-spacing: 0.1em;
}
table.proc td.hagaki {
	width: 50%;
	border-right: 1px dotted #333;
}
table.proc td.fusho {
	width: 50%;
}


/*__________________________________________________

  result -- table
  __________________________________________________*/
table.result {
	width: 390px;
	margin: 0 0 10px 10px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

table.result th {
	width: 120px;
	padding: 5px;
	letter-spacing: 0.1em;
	background-color: #EEEEEE;
	background-image: url("../img/com/bg_gray.gif");
	border: 1px solid #999999;
}
table.result td {
	padding: 5px;
	letter-spacing: 0.1em;
	font-size: large;
	font-weight: bold;
	text-align: right;
	border: 1px solid #999999;
}

/* カラム指定（ハガキ請求書列の背景色）
----------------------------------------------- */
table.result td.hagaki {
	background-color: #FFFF99;
}



/*__________________________________________________

  casestudy -- table
  __________________________________________________*/
table.column03 {
	width: 600px;
	margin: 0 0 10px 10px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

table.column03 th {
	width: 150px;
	padding: 5px;
	letter-spacing: 0.1em;
	background-color: #EEEEEE;
	background-image: url("../img/com/bg_gray.gif");
	border: 1px solid #999999;
}
table.column03 td {
	width: auto;
	padding: 5px;
	letter-spacing: 0.1em;
	border: 1px solid #999999;
}


div.text {
	float: left;
	width: 380px;
	margin: 0 5px 1em 0;
}
div.img {
	float: left;
	width: 230px;
	margin: 0 0 1em 0;
	font-size: 85%;
	line-height: 140%;
}

div.text430 {
	float: left;
	width: 430px;
	margin: 0 5px 1em 0;
}
div.img180 {
	float: left;
	width: 180px;
	margin: 0 0 1em 0;
}

/*__________________________________________________

  image
  __________________________________________________*/
img {
	vertical-align: top;
}
.cut {
	margin: 0 0 5px 0;
}

/*__________________________________________________

  dl
  __________________________________________________*/
dl {
	margin: 0 0 1em 0;
	padding: 0 5px;
}
dt {
	font-weight: bold;
}
