/*********** #detail_customize styles ***********/
#detail_customize{
	width: 808px;
	background-color: #ffffff;
	margin: 0 0 10px 0;
	padding: 0;
	text-align:left;
	border: 1px solid #eeeeee;
}

#detailLeft{
	float: left;
	width: 390px;
	height: 350px;
	background-color: #ffffff;
	padding: 0;
	margin: 10px 0 5px 0;
	border-collapse: collapse;
	text-align: center;
}

#detailRight{
	float: right;
	width: 405px;
	background-color: #ffffff;
	margin: 10px 0 5px 0;
	padding: 0;
}

.detailBox{
	background-color: #ffffff;
	margin: 0px 5px 5px 0;
	padding: 5px 0 0px 7px;
}

.detailBoxfavorite{
	margin: 10px 5px 5px 0;
	padding: 5px 0 5px 7px;
 color: #ffffff;
 background-color: #FFee8c;/* 背景色 */
 border: outset 1px #555555;/* 枠の色 */
}

.detailBoxfavorite1{
	margin: 10px 5px 5px 0px
	padding: 5px 0 5px 7px;
 color: #ffffff;
 background-color: #FFee8c;/* 背景色 */
 border: outset 1px #555555;/* 枠の色 */
}

.detailBoxtest{
	margin: 10px 5px 5px 0;
	padding: 5px 0 5px 7px;
 color: #ffffff;
 background-color: #FFee8c;/* 背景色 */
 border: outset 1px #555555;/* 枠の色 */
}

.detailBoxgray{
	background-color: #eeeeee;
	margin: 10px 5px 5px 0;
	padding: 5px 0 5px 7px;
}

.detailBoxstar{
	background-color: #ffffff;
	margin: 10px 5px 5px 0;
	padding: 5px 0 5px 7px;
 	border: 1px solid #eeeeee;
}

#detail_customize ul {list-style: none; margin: 0; padding: 0;}
#detail_customize li {margin-bottom: 3px; padding: 0;}

#detail_customize a:link{text-decoration: none;color: #555555;}
#detail_customize a:visited{text-decoration: none;color: #555555;}
#detail_customize a:hover{text-decoration: underline;color: #333333;}

#detail_customize h2{
	background-color: #eeeeee;
	color: #444444;
	padding-left: 7px;
	line-height: 24px;
	margin: 0;
}

#detail_customize h3{
	color: #555555;
	padding: 3px 0px 0px 8px;
	margin: 0;
}



#detail_customize p{
	margin: 0;
	padding: 3px 6px 6px 8px;
}

#detailSetumei{
	clear: both;
	padding:7px 5px 7px 5px;
	text-align: justify;
	text-justify: inter-ideograph;
}

span.sp{
color:#ff0000;
font-size: 1.0em;
padding:2px;
text-decoration:underline;
}


hr.didyouknow{
color:#FFFFFF;
background-color:#FFFFFF;
border:none;
border-top:2px dotted #204624;
margin:5px !important;
}

/*****在庫テーブルのスタイル***********/
#zaiko-table{
margin-left:0px;
border :1px solid #cccccc;
border-collapse: collapse;
}
.zaiko-tb-th{
text-align:center;
border:1px solid #cccccc;
background-color:#eeeeee;
width:80px;
}
.zaiko-tb-cell{
text-align:center;
border:1px solid #cccccc;
background-color:#ffffff;
width:130px;
}


a.okini{
  position: relative;
display:inline-block;
width:393px;
top:0;
color:#555555 !important;
  font-size: 18px;
  background: #f9f9f9;
  padding: 10px 0 9px 5px !important;
  margin: 5px 0 3px 0;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}

a.okini:hover {
background-color:#ffee8c !important;
}

a.okini:active {
  position: relative;
  top: 2px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}

a.okini_regular{
  position: relative;
display:inline-block;
width:129px;
color:#555555 !important;
  background: #f9f9f9;
  padding: 4px 4px 3px 6px !important;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}

a.okini_regular:hover {
background-color:#ffee8c !important;
}

a.okini_regular:active {
  position: relative;
  top: 2px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}

a.guide {
  position: relative;
display:inline-block;
text-decoration:none;
top:0;
color:#555555 !important;
  font-size: 18px;
  background: #f9f9f9;
  padding: 5px 6px 4px 6px !important;
  margin: 5px 0 3px 0;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}


a.guide:hover{
  background: #ffdab5;
}

a.guide:active {
  position: relative;
  top: 1px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}