/* slide panel */
.open {
    width:50px;
    margin: 10px 0;
    /* padding: 10px; */
    cursor: pointer;
}
#slideBox {
    display: none;
    padding: 10px;
	z-index: 1000;
   /* border: 1px solid #BFFFBF;*/
}

#accordion{
  list-style: none;
  width: 330px;
  font-size: 16px;
  line-height: 1;
  background-color: #add8e6;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  background-size: 4px 4px;
  margin: 0;
  padding: 0;
  border-top: 15px solid #1b4958;
  border-bottom: 15px solid #1b4958;
  border-radius: 3px;
  box-shadow: 2px 3px 2px rgba(0,0,0,.2);
}
#accordion > li{
  padding: 0;
  border-right: 1px solid #3a9fc0;
  border-left: 1px solid #3a9fc0;
}
#accordion li a{
  display: block;
  position:relative;
  color: #333;
  text-decoration:none;
  text-shadow: 0 1px 1px rgba(255,255,255,.7);
  /*padding: 15px 45px;*/
	padding: 15px 15px;
  border-bottom: 1px solid #79bfd6;
  border-top: 1px solid #eef7fa;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
#accordion > li:first-child > a{
  border-top: 0px;
}
#accordion > li a:before {
  position: absolute;
  top: 50%;
  left: 0px;
  font: 24px/100% 'Typicons';
  color: #2f7f99;
  margin-top: -10px;
  text-shadow: 1px 1px 0px rgba(255,255,255,.7);
}
#accordion li a:hover{
  color: #1b4958;
  background: rgba(0,0,0,.1);
  border-top-color: #c7e4ee;
}
.arrow{
  position:absolute;
  top:50%;
  right: 30px;
  width: 30px;
  height: 20px;
  line-height: 1;
  text-shadow: 0 -1px 0px rgba(0,0,0,.3);
  margin-top: -10px;
  color: #d4ebf2;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
.arrow:before{
  font: 30px 'Typicons';
  content: "7";
}
#accordion li > a:hover .arrow{
  color: #2f7f99;
}
.rotate {
  color:#2f7f99;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#accordion li ul {
  list-style: none;
  background: #e1f1f6;
  margin: 0;
	padding-left:3px;
}

#accordion li ul li td{
	border: 1px solid #c7e4ee;
	width:100px;
	margin:0;
	padding:0;
}


/* ゴム印パーツ*/
/* パーツ用 */
div.parts_2 img{
	width:102px;
}
div.parts_4 img{
	width:102px;
}
div.parts_5 img{
	width:102px;
}

div.parts_cmt {
	font-size:12px;
	padding:4px;
	border-top: 1px solid #c7e4ee;
}

div.parts_3 {
/*
	width:102px;
	height:60px;
*/
}
/*

div#parts_3_1 {
	width: 92px;
	height: 3mm;
	position: absolute;
	left: 20px;
	top: 210px;
	border: 1px solid black;
}

div#parts_3_2 {
	width: 92px;
	height: 4.5mm;
	position: absolute;
	left: 125px;
	top: 210px;
	border: 1px solid black;
}

div#parts_3_3 {
	width: 92px;
	height: 5.5mm;
	position: absolute;
	left: 228px;
	top: 210px;
	border: 1px solid black;
}

div#parts_3_4 {
	width: 92px;
	height: 9.5mm;
	position: absolute;
	left: 20px;
	top: 260px;
	border: 1px solid black;
}

div#parts_4_1 {
	width: 18mm;
	height: 3.5mm;
	position: absolute;
	left: 30px;
	top: 260px;
	border: 1px solid black;
}

div#parts_4_2 {
	width: 22mm;
	height: 3.5mm;
	position: absolute;
	left: 125px;
	top: 260px;
	border: 1px solid black;
}

div#parts_4_3 {
	width: 23mm;
	height: 4.5mm;
	position: absolute;
	left: 230px;
	top: 260px;
	border: 1px solid black;
}

div#parts_4_4 {
	width: 23mm;
	height: 4.5mm;
	position: absolute;
	left: 24px;
	top: 323px;
	border: 1px solid black;
}


div#parts_5_1 {
	width: 25mm;
	height: 7mm;
	position: absolute;
	left: 20px;
	top: 308px;
	border: 1px solid black;
}


div#parts_5_2 {
	width: 22mm;
	height: 7mm;
	position: absolute;
	left: 125px;
	top: 308px;
	border: 1px solid black;
}


div#parts_5_3 {
	width: 25mm;
	height: 12mm;
	position: absolute;
	left: 227px;
	top: 298px;
	border: 1px solid black;
}
*/

/** 丸枠印 */

/** 円枠作成 */
div.stamp5_5 {
	width:5mm;
	height:5mm;
	position:absolute;
	border: solid 1px black;
	border-color: black;
	border-radius: 50%;
}

div.stamp7_7 {
	width:7mm;
	height:7mm;
	position:absolute;
	border: solid 1px black;
	border-color: black;
	border-radius: 50%;
}

div.stamp10_10 {
	width:10mm;
	height:10mm;
	position:absolute;
	border: solid 1px black;
	border-color: black;
	border-radius: 50%;
}

div.stamp15_15 {
	width:15mm;
	height:15mm;
	position:absolute;
	border: solid 1px black;
	border-color: black;
	border-radius: 50%;
}

div.stamp21_21 {
	width:21mm;
	height:21mm;
	position:absolute;
	border: solid 1px black;
	border-color: black;
	border-radius: 50%;
}

div.stamp30_30 {
	width:30mm;
	height:30mm;
	position:absolute;
	border: solid 1px black;
	border-color: black;
	border-radius: 50%;
}