@charset "utf-8";

.pagetitle{
	background: url(../../price/img/h2_bg.jpg) no-repeat center center #666;
}

table.pricelist{
	margin: 5px auto 15px auto;
	width: 100%;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
table.pricelist caption{
	padding: 5px 0;
	text-align: left;
	display: block;
	font-weight: bold;
}
table.pricelist caption:before{
	content: "■";
}

table.pricelist thead th{
	padding: 15px 10px;
	border: 1px solid #fff;
	text-align: center;
	font-weight:bold;
	background-color: #4b4b4b;
	color: #FFF;
}
table.pricelist thead th a{
	color:#FFF;
}
table.pricelist tbody th{
	padding: 15px 10px;
	text-align: center;
	font-weight:normal;
	background-color: #eeeeee;
	border: 1px solid #999;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	color: #000;
}
table.pricelist tbody th.total{
	background-color: #ffc798;
	font-weight:  bold;
}
table.pricelist tbody td{
	padding: 15px 10px;
	border: 1px solid #999;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
}
table.pricelist tbody td.ora{
	color: #e36800;
	font-weight:  bold;
	text-align: right;
}
table.pricelist tbody .right{
	text-align: right;
}

.table_scroll .sp_comment{
	display: none;
}
.table_scroll .scroll_body{}


@media screen and (max-width: 620px) {
.table_scroll .sp_comment{
	display: block;
	padding: 10px;
	border: 1px solid #ededed;
	margin: 10px 0;
}
.table_scroll .sp_comment:after{
	content: "※表が見切れている場合は、横にスクロールしてご覧いただけます";
	color: #666;
	display: block;
}
.table_scroll .scroll_body{
	width: 97%;
	margin: auto;
	overflow-x: scroll;
	font-size: 14px !important;
}
.table_scroll .scroll_body table{
	width: 950px !important;
	font-size: 14px !important;
}
.table_scroll .scroll_body table th,
.table_scroll .scroll_body table td,
.table_scroll .scroll_body table.main th,
.table_scroll .scroll_body table.main td,
.table_scroll .scroll_body table.normal th,
.table_scroll .scroll_body table.normal td{
	word-break: keep-all;
	font-size: 14px !important;
}
}
