@charset "utf-8";

/* ==========================
    共通
========================== */
#cat-page {
  position: relative;
}

#option-section {
	width:780px;
}

#cat-option-page {
  float:left;
	width:570px;
}

/* 青い吹き出しの小見出し */
.cat-option h5,
#cat-select h4 {
  padding-left:28px;
  margin-bottom:10px;
  height:23px;
  line-height:23px;
  background:url(../img/common/ic-blue-baloon.gif) 0 0 no-repeat;
}

/* ----------- リストの指定 */
.cat-option dd,
#cat-select dd {
  padding: 0 0 1em 0;
  margin-bottom:20px;
  border-bottom: dotted 1px #b5b5b5;
}
.cat-option dt.part {
  padding-top:5em;
}
.cat-option,
#cat-select .short {
    width:520px;
}
.cat-option dd.none,
#cat-select dd.none {
  border:none;
}

/* ----------- セット用紙選択肢 */
#cat-select dd table.setpepar td {
	padding:0 5px;
}

/* ==========================
    価格選択ページ
========================== */
/* ---------- 印刷日数 */
#cat-select p.day-select a {
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #ccc;
}
/* 小見出し */
#cat-select  h5.sh {
  background:url("../img/common/ic-blue-baloon.gif") no-repeat scroll 0 0 transparent;
	height:23px;
	line-height:23px;
	margin-bottom:10px;
	padding-left:28px;
}
div.itemtype {
	margin-bottom:10px;
}

div.itemtype p.title {
	font-weight:bold;	
	margin-bottom:3px;
}
/* 注意表記 */
.attention {
	margin:1em 0px;
	background-color:#EEEEEE;
	border:1px solid #ccc;
	padding:3px;
	color:red;
}
.attention02 {
	margin:1em 10px;
	background-color:#EEEEEE;
	border:1px solid #ccc;
	padding:3px;
	color:red;
}

.attention02 ul {
	margin:10px;
}
.attention02 ul li {
	list-style: circle inside none;
    margin-bottom: 5px;
}

/* 印刷までの日数 */
#cat-select table.day-table {
  /*width:520px;*/
  width:100%;
  margin-top:1em;
  table-layout: fixed;
}
#cat-select table.day-table th,
#cat-select table.day-table td {
  padding:2px 4px;
   border:1px solid #ccc;
}
#cat-select table.day-table td p {
	text-align:center;
	font-weight:bold;
	margin:3px 0;
}
#cat-select table.day-table td.select_day {
  background:#eee;
}
#cat-select table.day-table tr.sh {
  background:#eee;
  text-align:center;
}
#cat-select table.day-table tr.sy {
  text-align:center;
}
#cat-select table.day-table span.select_day {
  font-size:112%;
  color:#FF0000;
  font-weight: bold;
}

/* faq */
#cat-select .faq {
  background:#e2e2e2;
  margin:10px 0 0 0;
  padding:8px;
}

/* ---------- 価格選択テーブル */
/* ご選択中の印刷日数 */
#selected{
  margin-bottom:20px;
  padding:5px;
  border:1px solid #bfbfbf;
/*  width:510px;*/
  font-weight: bold;
  background:#eee;
}
#selected span {
  margin-left:20px;
  font-size:123.1%;
  color:#FF0000;
}
/* テーブル */
#cat-page table.sys_pricetable {
  width:100%;
  margin-bottom:5px;
  table-layout: fixed;
}
#cat-page table.sys_pricetable th,
#cat-page table.sys_pricetable td {
  padding:5px;
  border:1px solid #bfbfbf;
  text-align:center;
}
#cat-page table.sys_pricetable .sys_pricetable_header
{
	background: url("../img/common/price-bg.jpg") repeat-x scroll 0 0 transparent;
	border: 1px solid #CCCCCC;
}
#cat-page table.sys_pricetable .sys_pricetable_header th
{
	color:#FFF;
}
html>/**/body #cat-page div#fixed_th {
    clear: both;
    width: 780px;
}
html>/**/body #cat-page #fixed_th.fixed {
	position: fixed;
    top: 0;
    z-index: 1500;
}
#cat-page table.sys_pricetable .sys_even {
  background:#eee;
}

#cat-page table.sys_pricetable .sys_inquiry {
	display: none;
}
#cat-page table.sys_pricetable .sys_even th,
#cat-page table.sys_pricetable .sys_odd th {
  /*width:10%;*/
  text-align:right;
}
#cat-page table.sys_pricetable .sys_even td,
#cat-page table.sys_pricetable .sys_odd td {
  /*width:18%;*/
}
#cat-page table.sys_pricetable .sys_line {
  border-top:1px solid #bfbfbf;
}
#cat-page #other-item {
	background: none repeat scroll 0 0 #EFEFEF;
	padding: 15px 5px;
}
#cat-page #other-item p {
	font-size:12px;
	font-weight:bold;
}
#cat-page #other-item ul {
	line-height:2.0;
}
#cat-page #other-item ul li {
	float:left;
	font-size:12px;
  margin-left: 10px;
}


/* ==========================
    オプション選択ページ
========================== */
/* 青バック小見出し */
h4.subhead {
  margin-bottom:20px;
  padding:0 8px;
  line-height:30px;
  color:#fff;
  background:url(../img/category/sh-blueback520.gif) 0 0 no-repeat;
}

/* 注意書き */
#cat-select dd ul.table {
  margin:0.5em;
}
.attention ul li {
  list-style: circle inside;
  margin-bottom:5px;
}
.attention ul {
  margin:10px;
 }
.cat-option .op__thumb {
  float:left;
}
.cat-option .op__body {
  margin-left: 80px;
}
.cat-option .op__body__select {
  width: 440px;
}
.cat-option dd select {
  margin:0 0 10px;
}
.cat-option dd.op p {
  width:440px;
  float:right;
  margin:0 0 3px;
}

/* ==========================
    選択中の商品
========================== */
/* cart-boxの外側 */
#selectSpec {
  float:right;
	width:180px;
}

/* 外側の枠 */
#cart-box {
  /*position: absolute;*/
  top:0;
  right:0;
  width:180px;
  font-size:92%;
}
#cart-box dt.sh {
  height:30px;
  text-indent:-9999px;
  background:url(../img/category/cat-cart-sh.gif) 0 0 no-repeat;
}
/* 中身 */
#cart-box dd.cart-box-wrap {
  border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
  line-height:1.4;
}
#cart-box #cart-inner {
  padding:8px;
  border-bottom: dotted 1px #b5b5b5;
}
#cart-box #cart-inner dt {
  color:#999;
}
#cart-box #cart-inner dd {
  font-weight:bold;
  margin-bottom:0.5em;
	word-wrap:break-word;
}
#cart-box #cart-inner dd.bottom {
  border-bottom:1px dotted #B5B5B5;
  padding-bottom: 0.2em;
  
}
/* 小計の欄 */
#cart-box div.cart-inner2 {
  padding:8px;
	border-bottom:solid 1px #ccc;
}
#cart-box div.cart-inner2 p.price {
  margin:8px 0 0;
  padding:3px 8px;
  background:#eee;
  font-weight:bold;
  text-align:right;
  font-size:108%;
}
/* カートに入れるボタン */
#cart-box div.cart-inner2 p.btn {
  margin:10px 0 10px 10px;
}
#cart-box div.cart-inner2 p.btn a {
  display:block;
  width:144px;
  height:35px;
  text-indent:-9999px;
  background:url(../img/category/cat-cart-btn.jpg) 0 0 no-repeat;
}
#cart-box div.cart-inner2 p.btn a:hover {
  background:url(../img/category/cat-cart-btn.jpg) 0 -35px no-repeat;
}

#cart-box div.cart-inner2 p.btn input {
  display:block;
  width:145px;
  height:30px;
  text-indent:-9999px;
  background:url(../img/category/cat-cart-btn.gif) 0 0 no-repeat;
}
#cart-box div.cart-inner2 p.btn input:hover {
  background:url(../img/category/cat-cart-btn.gif) 0 -30px no-repeat;
}