@charset "utf-8";

h2{
	background:#F08837;
	color:#fff;
	padding:3px;
	/*box-shadow:0 1px 3px #666;*/
	box-shadow:none;
	margin-top: 10px;
	padding-left: 10px;
}

#itemdetail{
	margin-bottom:3px;
	box-shadow:0 3px 3px #666;
	padding-bottom:20px;
}

#itemdetail h3{
	background:#ddd;
	padding:3px;
	box-shadow:0 1px 3px #666;
}

#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 ul li{
	list-style:none;
}
#iteminfo .point{
  /* font-weight: bold; */
  text-shadow: 1px 1px 1px #fff;
  font-size: 14px;
  color: #F0B03B;
  /* padding-top: 3px; */
}
#iteminfo .setu{
  font-size: 12px;
  line-height: 14px;
  color: #666;
  padding: 3px 5px;
  text-shadow: 1px 1px 1px #fff;
  margin: 0 0 3px;
  border-radius: 5px;
  background-color: #efefe0;
}
#iteminfo .itemname{
  /* background: #F0B03B; */
  color: #666;
  font-size: 12px;
  font-weight: bold;
  padding: 0 3px;
}

#iteminfo .price span{
	color:#333;
	font-size:10px;
}

#iteminfo .price{
	font-size:22px;
	color: #D14176;
	margin:0;
	font-weight:bold;
}
/*#iteminfo .price:after{
	content:"/1枚";
	color:#333;
	font-size:10px;
}*/
#iteminfo .star{
	font-size:9px;
	font-weight:bold;
	line-height:12px;
	vertical-align:central;
}
#iteminfo .star img{
	margin-left:3px;
}
#iteminfo .color{
	margin-top:5px;
}
#iteminfo .size{
  font-size: 12px;
  color: #888;
  border-top: 1px solid #ccc;
  padding-top: 5px;
}
#iteminfo .color span,
#iteminfo .size span{
	font-size:9px;
}

#item_color{
	font-size:12px;
	text-align: left;
	font-weight:bold;
}
#itemimg{
	/*border-top:1px solid #aaa;
	box-shadow:0 3px 3px #999;*/
	  padding: 25px 5px 0;
	text-align:center;
}
#colors{
	margin:10px 0;
	/*box-shadow:0 3px 3px #aaa;*/	
}
#colors li{
	border:2px solid #CCC;
	display:block;
	float:left;
	width:30px;
	height:28px;
	margin:5px;
	text-align:center;
	padding-top:2px
}
#colors li.nowimg,
#colors li:hover,
#colors li:active{
	border:2px solid #F08837;
}
#imgctrl{
  margin-top: -120px;
	/*margin-bottom:45px;*/
	padding:10px;
	text-align:center;
}
.imgctrl2{
	margin-top:-110px;
	margin-bottom:5px;
	padding:10px;
	text-align:center;
}
#imgctrl ul,
.imgctrl2 ul{
	display:block;
	width:220px;
	margin:0 auto;
}
#imgctrl ul li,
.imgctrl2 ul li{
	list-style:none;
}
#imgctrl #toleft p,
#imgctrl #toright p,
.imgctrl2 .toleft2 p,
.imgctrl2 .toright2 p{
	padding:30px 10px 25px;
}

#imgctrl #toleft,
.imgctrl2 .toleft2{
	float:left;
}
#imgctrl #toright,
.imgctrl2 .toright2{
	margin-left:187px;
}



/*スタッフ評価*/
#recommend{
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
}

#starave{
	padding:12px 10px 10px;
	font-weight:bold;
	font-size:20px;
	margin-top:3px;
	background:#eee;
	box-shadow: 0 2px 3px #CCC;	
}
#starave img{
	margin-left:10px;
}
#recommend>ul>li{
	padding:5px;
	border-bottom:1px dotted #666;
	display:block;
	font-size:12px;
}
#recommend .rec_name{
	padding-left: 1.5em;
	font-weight:bold;
	color: #999;
}


#description p{
	font-size:12px;
}

/* sbox */
.sbox{
	text-overflow: ellipsis;
	overflow:hidden;
	height:50px;
	padding:10px 5px;	
}

.lbox{
	font-size:14px;
	padding:10px 5px;	
	height:auto;
}
.more{
	display:block;
	margin:10px 5px 10px;
	font-size:11px;
	color:#666;
	padding:0 4px;
	border:1px solid #333;
	width:30%;
	text-align:center;
}
.more:hover{
	cursor:pointer;
	color:#fff;
	background:#F08837;
}

#flowinfo{
	margin-bottom:30px;
}

#pos_color_wrap{
	padding-top:5px;
}


/*見積りフォーム*/
#estimate{
	margin:20px 5px;
	border-radius:5px;
}
#estimate h3{
	background: #F08837;
	background:  -moz-linear-gradient(top, #F0B537, #F08837);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0B537), to(#F08837));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF0B537,endColorstr=#ffF08837);
	zoom: 1;
	box-shadow: 0 1px 3px black;
	border-radius: 3px;
	padding: 10px;
	font-weight: normal;
	color: white;
	font-size: 16px;
}
#estimate>div{
	padding:10px 5px;
	border:1px solid #F08837;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	margin-bottom:30px;
	box-shadow:0 0 3px #666;
}
#estimate>div>dl{

}
#estimate>div>dl>dt,
.pos_color>dl>dt{
	color:#777;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}

#estimate>div>dl>dt.step{
	font-size:14px;
	color:#7F4000;
	border-bottom:1px solid #7F4000;
	margin-bottom:15px;
}
#estimate>div>dl>dt.step>span.kome{
	font-size:10px;
	font-weight:normal;
	color:#666;
}

#estimate>div>dl>dd{
	margin-left:5px;
	margin-bottom:20px;
	color:#000;
}
#est_code,
#est_name,
#select_color,
#select_pos{
	list-style:none;
	font-size:15px;
	font-weight:bold;
	color:#333;
}
#select_item_img{
	text-align:center;
}
#changecolor{
	width:90px;
	line-height:20px;
	margin-top:-50px;
	position:absolute;
	height:30px;
}
#changecolor a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
}
#changecolor img{
	padding:0 0 0 5px;
}

.add_btn{
	display:block;
	width:160px;
	margin:10px auto;
}
.add_btn img{
	vertical-align:middle;
	padding-left:10px;
	margin-top:-2px;
}

.size_num,
.pos_color{
	border-bottom:1px dotted #999;
	padding:10px 0;
  margin: 15px 10px;
  text-align: center;
}

.pos_image{
	text-align:center;
}
.pos_color > dl > dt.pos_ink_dt{
	margin-top:0;
	margin-bottom:2px;
}

#design{
	margin-bottom:30px;
}

#select_pos{
	text-align:center;
}

#start_estimate{
	margin-top:30px;
}
#start_estimate .bluebtn{
	padding:10px 0;
}
#start_estimate .bluebtn a{
	font-size:20px;
}

.del_btn{
	display:block;
	float:right;
}
.pos_color .del_btn{
	margin-top:-190px;
}

.hide{
	display:none;
}

/*見積り計算部分*/
#cal{
	border-radius: 5px;
	border: 2px solid #D58836;
	margin: 10px 20px;
	background:#FFF8FE;
	padding-bottom: 10px;
}
.calbtn{
	background: #fff;
	background: -moz-linear-gradient(top,#D69C6D, #9E4400);
	background: -webkit-gradient(linear, left top, left bottom, from(#D69C6D), to(#9E4400));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffD69C6D,endColorstr=#ff9E4400);
	box-shadow: 0 3px 3px #666;
	margin: 10px 10px 5px;
	border-radius: 5px;
	height: 40px;
}
.calbtn span{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	text-shadow: 1px 1px 2px #333 inset;
}
#sita{
	text-align: center;
	font-size: 20px;
	color: #D58836;
}
#cal_result{
	text-align: center;
	color: #9E4400;
	font-weight: bold;
	line-height: 35px;
}
#cal_result span{
	font-size: 24px;
	text-shadow: 1px 1px 3px #333;
	letter-spacing: 2px;
}
#cal_per{
	text-align: center;
	font-weight: bold;
	color: #9E4400;
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}


input[type=number] {
  width: 4em;
  text-align: right;
}
input, select {
    padding: 5px;
    font-size: 1.3em;
    width: 104px;
}

/* アコーディオン　　*/

.menu {
    margin: 0 auto;
    padding:5px 11px;
    background: #fff;
}

　

label{
    background: #eee;
    background: -moz-linear-gradient(top,#fff, #eee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    border-radius: 3px;
    border: 1px solid #999;
    color: #666;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
    width: 92%;
    margin-bottom: 10px;
    box-shadow: 0 0 3px #ccc;
}

label:active{
    background:#7DDB71;
}

input[type=checkbox].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;

}

.menu li {
    padding: 5px;
}

input[type=checkbox].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type=checkbox].on-off:checked + ul{
    height: 480px;
}