.purple{
  color:#9900ff;
}
.bold{
  font-weight: bold;
}
#items li{
  display: block;
  border: 2px solid #000;

  padding:20px 8px 8px 8px;
  margin-top:-2px;
}
#items li h4{
  /*margin:30px 0 40px 0;*/
  width:858px;
  height:135px;
  display:table-cell;
  vertical-align: middle;
  text-align:center;
}
#items li h4 img{
  display:inline-block;
  width:auto;
}
#items li h5{
  margin-top:10px;
}
#items li.goods{
  background-color: #f37200;
}
#items li.gacha{
  display:none;
  background-color: #0091dc;
}
#items li.hero{
  display:none;
  position:relative;
  background-color: #da1900;
}
#items li.hero span{
  position:absolute;
  bottom:15px;left:27px;
  background-image:url(../images/hero/btn_heroaca_official.png);
  width:799px;
  height:118px;
  background-repeat: no-repeat;
  text-indent:-999px;
  overflow:hidden;
}
#items li.hero a:hover span{
  background-position:0 -118px;
}
#content_selecter{
  z-index:100;
}
div#main_content .content_selecter.bottom{
  margin-top:-8px;

}
div#main_content .content_selecter li{
	float:left;
	margin-right:4px;
	margin-bottom:0;
	width:290px;
	height:100px;
	overflow:hidden;
}
div#main_content .content_selecter li span{
	display:none;
}
div#main_content .content_selecter li.goods span{
  display:block;
}
div#main_content .content_selecter li a{
	width:290px;
	height:100px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
}
div#main_content .content_selecter li a:hover{
	background-position:0 -100px;
}
div#main_content .content_selecter.top li.goods a{
	background-image:url(../images/nav_top_1.png);
  display:none;
}
div#main_content .content_selecter.top li.gacha a{
	background-image:url(../images/nav_top_2.png);
}
div#main_content .content_selecter.top li.hero a{
  background-image:url(../images/nav_top_3.png?1114);
}

div#main_content .content_selecter li.hero{
	margin-right:0;
}

div#main_content .content_selecter.bottom li.goods a{
	background-image:url(../images/nav_bottom_1.png);
  display:none;
}
div#main_content .content_selecter.bottom li.gacha a{
  background-image:url(../images/nav_bottom_2.png);
}
div#main_content .content_selecter.bottom li.hero a{
	background-image:url(../images/nav_bottom_3.png?1114);
}

/* 注意事項 */
#notes{
  border:2px solid #000;
  margin:20px 0;
  position:relative;
}
#notes .inner{
  padding:8px 40px 40px 40px;

}
#notes ul{
  list-style-type: disc;
  line-height:1.6em;
  margin-left:30px;
  font-size:14px;
}
#notes li div#categoryies span{
	margin-right:20px;
	display:inline-block;
}
.fs14{
  font-size:16px;
}
#notes .fs10{
  font-size:12px;
}
#btn_order{
  background-image:url(../images/order_sheet_btn.png);
  width:300px;
  height:40px;
  display:block;
  background-repeat: no-repeat;
  text-indent:-999px;
  margin-top:10px;
}
#btn_order:hover{
  background-position:0 -40px;
}
#btn_order_pdf{
  background-image:url(../images/order_sheet_btn_pdf.png);
  width:300px;
  height:40px;
  display:block;
  background-repeat: no-repeat;
  text-indent:-999px;
  margin-top:10px;
}
#btn_order_pdf:hover{
  background-position:0 -40px;
}

.purple{
  color:#9900ff;
}
.blue{
  color:#0091dc;
}
.bg_blue{
  background-color:#0091dc;
}
.pink{
  color:#e82a6e;
}
.bg_pink{
  background-color:#ffd8e8;
}
.orange{
  color:#f37200;
}
.green{
  color:green;
}
.limited{
  padding:5px 0 2px 0;
  display:block;
  margin:10px 0;
  background-color:#f8e8ff;
}
.limited:first-of-type{
  margin-top:3px;
}
.bg_orange{
  padding:3px;
  background-color:#ffd9b4;
}
.red{
  color:#da1900;
}
.bg_red{
  color:red;

}
.bg_purple{
  background-color:#ead1ff;
}
.bold{
  font-weight: bold;
}
.large{
  font-size:20px;
}
#notes ul li{
  vertical-align: middle;
  margin-top:15px;
}
div.txt_area #notes h3{
  margin:0;
  font-size:16px;
  font-weight: bold;
  margin-top:30px;
}

#annotation02{
  margin-top:10px;
  border:1px solid #C1C1C1;
  padding:30px;
  font-size:14px;
}
#annotation02 p{
  line-height:1.75em;
  margin-top:1em;
}
#annotation02 p:first-of-type{
  margin-top:0;
}
#bnr_jigohannbai{
  width:100%;
  margin-top:1em;
  display:block;
}
#bnr_jigohannbai img{
  width:100%;
}

#quickput{
  position:relative;
}
#quickput a{
  position:absolute;
  background-image:url(../images/goods/btn_quickput.png);
  width:435px;
  height:72px;
  display:block;
  text-indent:-999px;
  overflow:hidden;
  position:absolute;
  right:30px;
  bottom:91px;
}
#quickput a:hover{
  background-position:0 -72px;
}