@charset "utf-8";

/*items_d clone*/
#titlebase h1 {
  color: #F08B3B;
  background-image: url(../../common/img/ticon.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28px 24px;
  padding-left: 30px;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 20px;
  height: 28px;
  line-height: 30px;
}
#titlebase p {
  font-size: 12px;
}
#itemdetail {
  background: #fff;
  margin-bottom: 3px;
  box-shadow: 0 3px 3px #666;
  /*padding-bottom: 20px;*/
}
#itemcode {
  float: left;
  /* background-image: url(../img/orange_star.png); */
  background-repeat: no-repeat;
  background-size: 43px 43px;
  display: block;
  width: 38px;
  height: 28px;
  text-align: center;
  color: #999;
  padding-top: 10px;
  font-size: 22px;
  background-color: ccc;
  text-shadow: -1px -1px 1px #ccc;
  border-radius: 20px;
  margin: 2px 10px 2px 2px;
  line-height: 20px;
  box-shadow: 1px 1px 1px #ccc;
  /*font-family: cursive;*/
}
#iteminfo {
padding:5px 10px 5px 45px;
/*  border-bottom: 3px solid #F0B03B;
  border: 2px solid #F0B03B;*/
	line-height:18px;
	box-shadow:0 1px 3px #ccc;
	  background-color: #fcfcfc;
border-left: 1px solid #F0B03B;
}
#iteminfo .itemname {
  /* background: #F0B03B; */
  color: #666;
  font-size: 12px;
  font-weight: bold;
  padding: 0 3px;
}
#iteminfo .point {
  /* font-weight: bold; */
  text-shadow: 1px 1px 1px #fff;
  font-size: 14px;
  color: #F0B03B;
  /* padding-top: 3px; */
}
#iteminfo .size {
  font-size: 12px;
  color: #888;
  border-top: 1px solid #ccc;
  padding-top: 5px;
}

#iteminfo .info {
  text-align:center;
  background:#110F5D;
  font-size: 12px;
  color: #FFFFFF;
  margin: 3px 0 0;
  font-weight: bold;
  border-radius: 5px;

}


#iteminfo .price {
  text-align:right;
  font-size: 22px;
  color: #D14176;
  margin: 3px 0 0;
  font-weight: bold;
}
#iteminfo .price span {
  color: #333;
  font-size: 10px;
}

/*pricelist*/
#sizelist,
#pricelist{
	padding:10px;
	background:#fff;
    box-shadow: 0 3px 3px #666;
}
h2{
	font-size: 14px;
	border-color:#F0B03B;
	margin:5px 0 10px;
        padding: 8px 15px;
}
#pricelist p span{
	font-weight:bold;
}
p.point{
	color:#900;
	padding:10px 0;
	text-shadow:1px 1px 1px #fff;
	line-height:16px;
}

.caution{
	padding-top:15px;
	font-size:12px;
	line-height:14px;
	list-style:disc inside;
}
.caution li{
	margin-bottom:5px;
}


/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    /*box-shadow: 0 1px 1px #CCC;*/
    width: 95%;	
}
.coder th,
.coder td {
    padding:5px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}



/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}