@charset "utf-8"; 

@import "../../../common/css/common.css";
@import "../../common/css/static_common.css";
@import "guide.css";

/* ============================================================ header */
/* ==================================================== main */
#wrapper #main .main-area {
	padding-right: 5px;
}
/* ===================================== variation */

#wrapper #main .main-area .variation {
	width: 530px;
	margin: auto;
	text-align: left;
}
#wrapper #main .main-area .variation h2 {
	margin-bottom: 20px;
}


/* ページトップ */

.pagetopLink {
	font-size: 12px;
	text-align: right;
}
.pagetopLink a {
	color: #646464;
}


/* メニュー */

#wrapper #main .main-area .variation .pricelist-navi {
	width: 480px;
	margin: 0 auto 25px;
	border-bottom: 1px solid #bebebf;
}
#wrapper #main .main-area .variation .pricelist-navi-orignal {
	width: 530px;
	margin: 0 auto 10px;
}

#wrapper #main .main-area .variation .pricelist-navi li,
#wrapper #main .main-area .variation .pricelist-navi-orignal li {
	float: left;
	width: 170px;
	padding-bottom: 10px;
	font-size: 12px;
}
#wrapper #main .main-area .variation .pricelist-navi li a,
#wrapper #main .main-area .variation .pricelist-navi-orignal li a {
	padding-left: 15px;
	color: #8c8c8c;
	background: url(../images/pricelist/icon_menu.gif) no-repeat left center;
}


/* レイアウト */

#wrapper #main .main-area .variation .pricelist-area {
	clear: both;
	width: 510px;
	margin: auto;
}
#wrapper #main .main-area .variation .pricelist-area dt {
	margin-bottom: 15px;
}
#wrapper #main .main-area .variation .pricelist-area dd {
	width: 480px;
	margin: auto;
}


/* table midashi */

#wrapper #main .main-area .variation h4 {
	padding: 2px 0 2px 15px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #251e1b;
	line-height: 16px;
	background: url(../images/pricelist/icon_sttl.gif) no-repeat left center;
}
#wrapper #main .main-area .variation h4 span {
	margin-left: 5px;
	font-size: 12px;
}


/* table */

#wrapper #main .main-area .variation .pricelist-area table {
	width: 100%;
	margin-bottom: 20px;
	border-top: #e66400 solid 2px;
	border-bottom: #a8a8a9 solid 1px;
	border-collapse: collapse;
}
#wrapper #main .main-area .variation .pricelist-area table th,
#wrapper #main .main-area .variation .pricelist-area table td {
	padding: 5px;
}
#wrapper #main .main-area .variation .pricelist-area table th {
	border-top: #a8a8a9 solid 1px;
	border-bottom: #a8a8a9 solid 1px;
	font-size: 12px;
	text-align: center;
}
#wrapper #main .main-area .variation .pricelist-area table th.printtype {
	width: 30%;
}
#wrapper #main .main-area .variation .pricelist-area table th.value {
	width: 17%;
}
#wrapper #main .main-area .variation .pricelist-area table th.oneside-price {
	width: 19%;
}
#wrapper #main .main-area .variation .pricelist-area table th.duplex-price {
	width: 19%;
}
#wrapper #main .main-area .variation .pricelist-area table th.link {
	width: 15%;
}
#wrapper #main .main-area .variation .pricelist-area table thead th {
	border-left: #a8a8a9 solid 1px;
	font-size: 12px;
	font-weight: normal;
	color: #8c8c8d;
	background-color: #e0e0e0;
}
#wrapper #main .main-area .variation .pricelist-area table thead th.printtype {
	border-left: none;
}
#wrapper #main .main-area .variation .pricelist-area table tbody th {
	padding: 5px 0;
	font-weight: normal;
	color: #251e1b;
	text-align: left;
}
#wrapper #main .main-area .variation .pricelist-area table tbody td {
	border-bottom: #a8a8a9 solid 1px;
	border-left: #a8a8a9 solid 1px;
	font-size: 14px;
	font-weight: bold;
	color: #251e1b;
	text-align: center;
}
#wrapper #main .main-area .variation .pricelist-area table tbody td em {
	font-style: normal;
	color: #e66400;
}

#wrapper #main .main-area .variation .pricelist-area .explan {
	font-size:11px;
	color:#333333;
	line-height:1.2;
	margin-bottom:10px;
}
#wrapper #main .main-area .variation .pricelist-area .explan span{
	color:#E60012;
}

/* ============================================================ PriceList Details Page */

#wrapper #main .main-area .variation .pricelist-details table {
	width: 100%;
	border-top: #999999 solid 2px;
	border-bottom: #999999 solid 2px;
	border-collapse: collapse;
	margin: 15px 0;
}
#wrapper #main .main-area .variation .pricelist-details th,
#wrapper #main .main-area .variation .pricelist-details td {
	padding: 5px;
}
#wrapper #main .main-area .variation .pricelist-details td {
	border-right: #999999 dotted 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 dotted 1px;
	font-size: 11px;
	color: #000000;
	text-align: center;
}
#wrapper #main .main-area .variation .pricelist-details td.value {
	width: 20%;
}
#wrapper #main .main-area .variation .pricelist-details td.oneside-price {
	width: 40%;
}
#wrapper #main .main-area .variation .pricelist-details td.duplex-price {
	width: 40%;
}
#wrapper #main .main-area .variation .pricelist-details th {
	border-top: #999999 solid 1px;
	border-right: #999999 dotted 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 dotted 1px;
	font-size: 12px;
	text-align: center;
}
#wrapper #main .main-area .variation .pricelist-details thead td {
	border-left: #999999 dotted 1px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #eeeeee;
}
#wrapper #main .main-area .variation .pricelist-details thead th.nouki {
	text-align:left;
	font-size: 14px;
}
#wrapper #main .main-area .variation .pricelist-details .tablemenu {
	clear: both;
	margin-bottom: 15px;
	background-color: #f8f8f8;
	border-top: #e66400 solid 2px;
	border-bottom: #e66400 solid 2px;
}
#wrapper #main .main-area .variation .pricelist-details .tablemenu td {
	font-size: 12px;
	text-align: left;
}
#wrapper #main .main-area .variation .pricelist-details .tablemenu td strong {
	font-size: 16px;
}
#wrapper #main .main-area .variation .pricelist-details .tablemenu td strong span {
	font-size: 12px;
	margin-left: 5px;
}
#wrapper #main .main-area .variation .pricelist-details .tablemenu .goodsname {
	background-color: #eeeeee;
}