@charset "utf-8";

/* ============================================================ column base */

#contentAll {
	position: relative;
	color: #333333;
}

#contentAll h1 {
	padding: 0;
}

#contentTitleSub a:link,
#contentTitleSub a:visited {
	display: block;
	width: 110px;
	height: 14px;
	background: url("../../img/btn_backnum.gif") left top no-repeat;
	text-indent: -9999px;
}

#contentTitleSub a:hover,
#contentTitleSub a:active {
	background: url("../../img/btn_backnum.gif") left -20px no-repeat;
}

#columnTitle {
	float: left;
	width: 610px;
}

#columnTitleImg {
	float: right;
	width: 130px;
}

.columnMain {
	clear: both;
	width: 700px;
	padding: 9px 19px 30px;
	background: #FFFEEE;
	border-left: solid 1px #FFA55D;
	border-right: solid 1px #FFA55D;
	border-bottom: solid 1px #FFA55D;
}

.columnGraph {
	clear: both;
	width: 698px;
	padding: 9px 0;
	background: #FFFFFF;
	border: solid 1px #DEDEDE;
	text-align: center;
}

.columnData {
	clear: both;
	width: 640px;
	padding: 20px 29px 10px;
	background: #FFFFFF;
	border-left: solid 1px #DEDEDE;
	border-right: solid 1px #DEDEDE;
	border-bottom: solid 1px #DEDEDE;
}

.columnComment {
	clear: both;
	width: 698px;
	margin: 30px 0 0;
	padding: 9px 0;
	background: #FFFFFF;
	border: solid 1px #DEDEDE;
	text-align: center;
}



/* ============================================================ column all */

.columnGraph table {
	clear: both;
	width: 696px;
	border-collapse: collapse;
}

.columnData table.Data1 {
	float: left;
	width: 310px;
	margin: 15px 0;
	border-collapse: collapse;
}

.columnData table.Data2 {
	float: right;
	width: 310px;
	margin: 15px 0;
	border-collapse: collapse;
}

.columnData td {
	padding: 1px 8px;
	background: #F6F6F6;
	border-bottom: solid 5px #FFFFFF;
	font-size: 105%;
	font-weight: bold;
}

td.dNum1 {
	background: #E3000E;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum2 {
	background: #F68800;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum3 {
	background: #FFD300;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum4 {
	background: #97CB23;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum5 {
	background: #117621;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum6 {
	background: #0095E4;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum7 {
	background: #0055A6;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum8 {
	background: #191975;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum9 {
	background: #7B0668;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dNum10 {
	background: #E73273;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
}

td.dValue {
	text-align: right;
}

.arrow {
	clear: both;
	width: 698px;
	margin: 10px 0;
	text-align: center;
}

.productBox {
	clear: both;
}

.productImg {
	float: left;
	width: 160px;
	padding: 0 10px;
}

.productTxt {
	float: right;
	width: 480px;
	padding: 0 10px;
}

h4 {
	color: #FF5200;
	font-size: 110%;
	font-weight: bold;
}
.productTxt p {
	margin: 0 0 1em;
}

.btnDetail1 a:link,
.btnDetail1 a:visited {
	display: block;
	width: 165px;
	height: 25px;
	margin: 0 0 3px;
	background: url("../img/btn_detail1.gif") left top no-repeat;
	text-indent: -9999px;
}

.btnDetail1 a:hover,
.btnDetail1 a:active {
	background: url("../img/btn_detail1.gif") left -30px no-repeat;
}

.btnDetail2 a:link,
.btnDetail2 a:visited {
	display: block;
	width: 165px;
	height: 25px;
	margin: 0 0 3px;
	background: url("../img/btn_detail2.gif") left top no-repeat;
	text-indent: -9999px;
}

.btnDetail2 a:hover,
.btnDetail2 a:active {
	background: url("../img/btn_detail2.gif") left -30px no-repeat;
}

.columnComment table {
	width: 675px;
	margin: 0 auto;
	border-collapse: collapse;
}

.columnComment td {
	vertical-align: top;
}

.columnComment .commentImg {
	padding: 170px 30px 0;
	background: url("../img/comment_img.jpg") left top no-repeat;
	text-align: center;
}

.commentResult {
	margin: 10px 0;
}

.endTxt {
	width: 540px;
	margin: 40px auto 0;
}