﻿/* --------------------------------------------------------------------
	共通
--------------------------------------------------------------------- */
u.pxg-set{
	overflow: visible;
}

/* --------------------------------------------------------------------
	インセンスチャート
--------------------------------------------------------------------- */
.text-center{
	text-align:center;
}


#incense_chart .navitopicpath_ {
	margin: 20px 0 30px;
}

#incense_chart .mainframe_{
	width: 840px;
}

#incense_chart.container_{
	margin-top: 0;
	overflow: visible !important;
}

#incense_chart .contents_ h1{
	margin: 30px 0;
}


#incense_chart .btn_{ text-align: right; }

#incense_chart .btn_ img{ margin: 0; padding: 0;}

#incense_chart .btn_ #reset_btn{
	padding-right: 5px;
}

#incense_chart #panel{
	background: url(../../img/chart/bg_001.jpg) no-repeat;
	width: 840px;
	height: 820px;
	position: relative;
}

#incense_chart #panel ul li{
	position: absolute;
}

#incense_chart #panel ul li i{
	text-shadow: 1px 1px 2px #999;
}

#incense_chart #panel .detail,
.assort_panel .detail{
	width: 215px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	background: #fff;
	border: 1px solid #cfcfcf;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	padding: 9px 14px;
}

#incense_chart #panel .detail > .arrow,
#incense_chart #panel .detail > .arrow:after,
.assort_panel .detail > .arrow,
.assort_panel .detail > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
#incense_chart #panel .detail > .arrow,
.assort_panel .detail > .arrow {
  border-width: 11px;
}
#incense_chart #panel .detail > .arrow:after,
.assort_panel .detail > .arrow:after {
  content: "";
  border-width: 10px;
}
#incense_chart #panel .detail.top > .arrow,
.assort_panel .detail.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
#incense_chart #panel .detail.top > .arrow:after,
.assort_panel .detail.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
#incense_chart #panel .detail.right > .arrow,
.assort_panel .detail.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
#incense_chart #panel .detail.right > .arrow:after,
.assort_panel .detail.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
#incense_chart #panel .detail.bottom > .arrow,
.assort_panel .detail.bottom > .arrow  {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
#incense_chart #panel .detail.bottom > .arrow:after,
.assort_panel .detail.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
#incense_chart #panel .detail.left > .arrow,
.assort_panel .detail.left > .arrow  {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
#incense_chart #panel .detail.left > .arrow:after,
.assort_panel .detail.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}


/* #side_area */
#incense_chart .leftmenuframe_{
	width: 130px;
}

#incense_chart .leftmenuframe_ p#guide{ margin-bottom: 15px; }


#incense_chart .leftmenuframe_ #keep_view_btn{
	margin-bottom: 15px;
}

#incense_chart .leftmenuframe_ ul{
	font-size: 12px;
	margin-bottom: 30px;
}

#incense_chart .leftmenuframe_ ul li{
	background: url(../../img/chart/ico_check.gif) no-repeat right center;
	cursor: pointer;
	margin-bottom: 15px;
}

#incense_chart .leftmenuframe_ ul li i{padding-right: 5px;}
#incense_chart .leftmenuframe_ ul li#cate3_btn i{ color: #dc6b87;}
#incense_chart .leftmenuframe_ ul li#cate4_btn i{ color: #a26045;}
#incense_chart .leftmenuframe_ ul li#cate5_btn i{ color: #659531;}
#incense_chart .leftmenuframe_ ul li#cate6_btn i{ color: #e97e00;}
#incense_chart .leftmenuframe_ ul li#cate7_btn i{ color: #a48600;}
#incense_chart .leftmenuframe_ ul li#cate8_btn i{ color: #a45fac;}
#incense_chart .leftmenuframe_ ul li#cate9_btn i{ color: #0a0a0a;}
#incense_chart .leftmenuframe_ ul li#cate10_btn i{ color: #4672c0;}

#incense_chart .leftmenuframe_ ul li.checked{
	background: url(../../img/chart/ico_check_on.gif) no-repeat right center;
}

/** update 2015.05.01 */
#incense_chart .leftmenuframe_ ul li.fresh {
	background: url(../../img/chart/ico_check.gif) no-repeat 106px center #6eb742;
	border-radius: 4px;
	padding: 3px 2px;
}

#incense_chart .leftmenuframe_ ul li.fresh.checked{
	background: url(../../img/chart/ico_check_on.gif) no-repeat 106px center #6eb742;
}

#incense_chart .leftmenuframe_ ul li.energetic {
	background: url(../../img/chart/ico_check.gif) no-repeat 106px center #e3912e;
	border-radius: 4px;
	padding: 3px 2px;
}

#incense_chart .leftmenuframe_ ul li.energetic.checked{
	background: url(../../img/chart/ico_check_on.gif) no-repeat 106px center #e3912e;
}

#incense_chart .leftmenuframe_ ul li.chic {
	background: url(../../img/chart/ico_check.gif) no-repeat 106px center #976662;
	border-radius: 4px;
	padding: 3px 2px;
}

#incense_chart .leftmenuframe_ ul li.chic.checked{
	background: url(../../img/chart/ico_check_on.gif) no-repeat 106px center #976662;
}

#incense_chart .leftmenuframe_ ul li.luxury {
	background: url(../../img/chart/ico_check.gif) no-repeat 106px center #b37cb3;
	border-radius: 4px;
	padding: 3px 2px;
}

#incense_chart .leftmenuframe_ ul li.luxury.checked{
	background: url(../../img/chart/ico_check_on.gif) no-repeat 106px center #b37cb3;
}

#incense_chart .leftmenuframe_ ul li.natural {
	background: url(../../img/chart/ico_check.gif) no-repeat 106px center #b68b2f;
	border-radius: 4px;
	padding: 3px 2px;
}

#incense_chart .leftmenuframe_ ul li.natural.checked{
	background: url(../../img/chart/ico_check_on.gif) no-repeat 106px center #b68b2f;
}

#incense_chart .leftmenuframe_ ul#feeling{
	margin-bottom: 0px;
}

#incense_chart .leftmenuframe_ ul#feeling a{
	color: #fff;
	padding-left: 5px;
}

div.link{
	margin-bottom: 30px;
}

div.link > a {
	background: url(../../img/usr/ico_arrow01.png) no-repeat 0 0.2rem rgba(0, 0, 0, 0);
	display: block;
	font-size: 11px;
	line-height: 1.3;
	padding: 0 0 0 10px;
}

/** end */

#incense_chart .leftmenuframe_ ul li a{
	display: block;
}

#incense_chart .leftmenuframe_ ul li a:hover{
	text-decoration:none;		
}

#incense_chart .leftmenuframe_ #keep_area ul{ 
	border-top: 1px solid #e3e3e3;
	margin-bottom: 10px;
}

#incense_chart .leftmenuframe_ #keep_area ul li{
	background: none;
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
	padding: 8px 0;
	position: relative;
}

#incense_chart .leftmenuframe_ #keep_area ul li a{
	width: 115px;
}

#incense_chart .leftmenuframe_ #keep_area ul li span{
	display: block;
	font-size: 11px;
}

#incense_chart .leftmenuframe_ #keep_area ul li span.btn_close{
	display: block;
	position: absolute;
	top:45%;
	right:0;
	margin-left: 10px;
	width: 12px;
} 

#incense_chart .leftmenuframe_ #shoppingcart{
	margin-bottom: 15px;
}

#incense_chart .leftmenuframe_ #delete{
	background: url(../../img/chart/ico_delete.gif) no-repeat 17px 0;
	color: #666666;
	cursor: pointer;
	font-size: 11px;
	padding-left: 20px;
	text-align: center;
	text-decoration: underline;
}

/* bootstrap */
.popover .popover-title {
	background: #f00;
	border-bottom: medium none !important;
	margin: 0 !important;
	padding: 10px 14px 0 !important;
}


/** overwrite */
div.mainframe_{
	overflow:visible;
}


/** baloon */
.tt_main{
	position:relative;
}

.tt_main .item_price{
	margin: 0 0 5px 0;
}

.tt_main .close_btn{
	position:absolute;
	top: 0;
	right: -6px;
	font-weight: bold;
	background: #cfcfcf;
	padding: 0 4px 1px 5px;
	border-radius: 3px;
	color:#fff;
	line-height: 1.3;
}

.tt_main .detail_btn,.tt_main .keep_btn{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	text-align:center;
	padding: 0 3px 0 0;
}

.tt_main .detail_btn{
	float:left;
}

.tt_main .keep_btn{
	float:right;
}

.tt_main .detail_btn a, .tt_main .keep_btn a{
	background: #fafafa;
	padding: 5px 3px 5px 0;
	display:block;
	border: solid 1px #e0e0e0;
	border-radius: 3px;
}

.tt_main .detail_btn a:hover, .tt_main .keep_btn a:hover{
	text-decoration:none;
}


p#no_keep{
	font-size: 10px;
	margin: 0 0 10px 0;
}


/* --------------------------------------------------------------------
	インセンスセレクト
--------------------------------------------------------------------- */
:first-child + html #incense_select {
	display: inline-block;
}
#incense_select:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
* html #incense_select {
	display: inline-block;
}
* html #incense_select {
	height: 1%;
}
#incense_select{
	display: block;
	overflow: visible !important;
}

#incense_select .mainframe_ h2{ margin-bottom: 30px; }

#incense_select .mainframe_ h3{ 
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
}

#incense_select p.intro{ margin-bottom: 35px; }

#incense_select .mainframe_{ line-height: 1.8em; }

#incense_select .select_img{
	background: url(../../img/select/select_bg.jpg) repeat-y center center;
	margin-bottom: 10px;
	position: relative;
	width: 300px;
	height: 265px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
}

#incense_select .incense_select01{
	float: left;
	width: 300px;
}

#incense_select .select_img.length_box{
	height: 400px;
}

#incense_select .select_img.updating{
	background: url(../../img/usr/ajax-loader.gif) no-repeat center center;
}

#incense_select .select_img.updating > *{
	display:none;
}

/* 縦バージョン*/
#incense_select .select_img.length_box div{
	float: left;
	width: 270px;
	height: 8px;
	margin-bottom: 11px;
	-webkit-box-shadow: 0px 0px 2px #333333;
	-moz-box-shadow: 0px 0px 2px #333333;
	box-shadow: 0px 0px 2px #333333;
	text-align:left;
	box-sizing:content-box;
}

#incense_select .select_img.length_box div .prod_num,
#incense_select .select_img.length_box div .prod_name{
	font-size: 6px;
	line-height: 1;
	font-family: Arial,sans-serif;
	margin: 0 0 0 115px;
	box-sizing:content-box;
	vertical-align: top;
}

#incense_select .select_img.length_box div .prod_name{
	padding: 1px 8px 0 0;
	margin: 0 0 0 15px;
}

#incense_select .select_img.length_box div .prod_name.print_right{
	margin: 0 0 0 75px;
}

/* 横バージョン */
#incense_select .select_img.width_box div{
	background: #fff;
	float: left;
	width: 6px;
	height: 225px;
	margin: 20px 4px 0;

	-webkit-box-shadow: 0px 0px 2px rgba(10,10,10,0.3) inset;
	-moz-box-shadow: 0px 0px 2px rgba(10,10,10,0.3) inset;
	box-shadow: 0px 0px 2px rgba(10,10,10,0.3) inset;
}

#incense_select .select_img div.sel_no{ 
	background: #fff;
	opacity: 0.3;
	-ms-filter: "alpha(opacity=30)";
}



#incense_select .incense_select01 .txt{
	margin-bottom: 20px;
}

#incense_select .incense_select01 .btn {
	padding: 0px;
}

#incense_select .incense_select01 .btn a{
	display: block;
	text-align: center;
	text-decoration: none;
}

#incense_select .incense_select02{
	float: right;
	margin-bottom: 70px;
	width: 420px;
}

#incense_select .incense_select02 ul#sortable{
	background: #fafafa url(../../img/select/select_text_init.png) no-repeat center center;
	border: 1px solid #e3e3e3;
	padding-bottom: 5px;
	margin-bottom: 15px;
	min-height: 627px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
}

#incense_select .incense_select02 ul#sortable.select_in{
	background: none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0;
}

#incense_select .incense_select02 ul li{
	font-size: 12px;
	margin-bottom: 7px;
	height: 24px;
	cursor: move;
	position:relative;
}

#incense_select .incense_select02 ul li:nth-child(2n+1){
	background: #efefef;
}

#incense_select .incense_select02 ul li span.print_num{
	width: 30px;
	display:inline-block;
}

#incense_select .incense_select02 ul li.ui-sortable-helper{
	cursor: grabbing;
}

#incense_select .incense_select02 ul li:hover{
	background:#e3e3e3;
}


#incense_select .ui-state-highlight {
	background: #fff;
	border: dotted 1px #ccc;
}

#incense_select .incense_select02 ul li img{
	float: right;
	margin: 4px 4px 0 0;
	position:relative;
	z-index: 100;
	cursor:  pointer;
}

#incense_select .incense_select02 ul li span.color{
	outline: 1px solid #e0e0e0;
	border:1px solid #fff;

	display: block;
	float: left;
	margin: 4px 10px 0 4px;
	height: 15px;
	width: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#incense_select .incense_select02 ul li span.small{
	font-size: 10px;
}

#incense_select .incense_select02 .delete{
	background: url(../../img/usr/ico_delete.gif) no-repeat 0 0.3em;
	color: #666666;
	font-size: 11px;
	padding-left: 20px;
	margin-bottom: 10px;
}

#incense_select .incense_select02 .delete a{
	color:#666;
	text-decoration:none;
	display:block;
}

#incense_select .incense_select02 .num{
	float: left;
	margin-bottom: 15px;
	
}

#incense_select .incense_select02 .num span{
	font-weight: bold;
	font-size: 15px;
}
#incense_select .incense_select02 .sum{
	float: right;
	font-size: 16px;
}


#incense_select .incense_select02 .sum span{
	font-size: 20px;
	font-weight: bold;
}

#incense_select .incense_select02 .btn_{
	clear: both;
}

#incense_select .incense_select02 .btn_ a.cart{ float: left; }
#incense_select .incense_select02 .btn_ a.favorite{ float: right; }



#incense_select .incense_select03{
	clear: both;
}

#incense_select .incense_select03 .incense_search{
	margin-bottom: 30px;
	position:relative;
}

#incense_select .incense_select03 .incense_search h4{
	font-weight: bold;
	margin-bottom: 5px;
}

#incense_select .incense_select03 .incense_search .search_fields{
	background: #fafafa;
	padding: 10px;
}

#incense_select .color_select{
	margin: 0 0 10px 0;
}

#incense_select .color_select dl{
}

#incense_select .color_select dl dt{
	float:left;
	margin: 0 3px 0 0;
	line-height: 1;
}

#incense_select .color_select dl dd{
	float:left;
	width: 32px;
	height: 7px;
	margin: 0 5px 0 0;
	text-indent: -9999px;
}
#incense_select .color_select dl dd a{
	display:block;
	width: 32px;
}

#incense_select .color_select dl dd.red{ background: url(../../img/select/chip_1.png) no-repeat center center; }
#incense_select .color_select dl dd.blue{ background: url(../../img/select/chip_2.png) no-repeat center center; }
#incense_select .color_select dl dd.yellow{ background: url(../../img/select/chip_3.png) no-repeat center center; }
#incense_select .color_select dl dd.green{ background: url(../../img/select/chip_4.png) no-repeat center center; }
#incense_select .color_select dl dd.gray{ background: url(../../img/select/chip_5.png) no-repeat center center; }
#incense_select .color_select dl dd.black{ background: url(../../img/select/chip_6.png) no-repeat center center; }
#incense_select .color_select dl dd.purple{ background: url(../../img/select/chip_7.png) no-repeat center center; }
#incense_select .color_select dl dd.pink{ background: url(../../img/select/chip_8.png) no-repeat center center; }
#incense_select .color_select dl dd.brown{ background: url(../../img/select/chip_9.png) no-repeat center center; }
#incense_select .color_select dl dd.orange{ background: url(../../img/select/chip_10.png) no-repeat center center; }

#incense_select .search_fields{}

#incense_select .search_fields .category_select{
	float:left;
	margin: 2px 10px 0 0;
}

#incense_select .search_fields .category_select .label_category{
	float:left;
	margin: 0 3px 0 0;
	line-height: 30px;
}

#incense_select .input_fields form{
	position: relative;
}

#incense_select .input_fields .selectboxit-container .selectboxit{
	margin: 0;
	width: 160px !important;
}

#incense_select .input_fields .selectboxit-container .selectboxit-options{
	margin: 0;
	width: 160px !important;
	min-width: 160px !important;
}

#incense_select .input_fields .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor{
	color:#333;
	background: none;
}

#incense_select .input_fields .selectboxit-btn{
	border: solid 1px #c9c9c9;
}

#incense_select .input_fields .selectboxit-default-arrow{
	border-top: 4px solid #b2b2b2;
}

#incense_select .input_fields .selectboxit-list > .selectboxit-focus{
	background: #efefef;
}

.selectboxit-option-first,
.selectboxit-option-last{
	border-radius: 0 !important;
}

#incense_select .input_fields .selectboxit-container span,
#incense_select .input_fields .selectboxit-container .selectboxit-options a {
	height: 24px;
	line-height: 24px;
	font-size: 13px;
}

#incense_select .incense_select03 .category .selectboxit-text{ float:none; }

#incense_select .input_fields .queryfield1{
	margin: 0;
	line-height:30px;
	vertical-align: middle;
}

#incense_select .input_fields .queryfield{ 
	width: 270px;
	height: 24px;
	border:solid 1px #c9c9c9;
}

#incense_select .input_fields .btn_submit{
	vertical-align: middle;
}


#incense_select .incense_select03 .category h4{
	font-weight: bold;
	margin-bottom: 5px;
}

#incense_select .incense_select03 .category > div{
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	
	position: relative;
	
}

#incense_select .incense_select03 .category .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor{
	color:#333;
	background: none;
}

#incense_select .incense_select03 .category .selectboxit-btn{
	border: solid 1px #c9c9c9;
}

#incense_select .incense_select03 .category .selectboxit-default-arrow{
	border-top: 4px solid #b2b2b2;
}

#incense_select .incense_select03 .category .selectboxit-list > .selectboxit-focus{
	background: #efefef;
}

.selectboxit-option-first,
.selectboxit-option-last{
	border-radius: 0 !important;
}

#incense_select .incense_select03 .selectboxit-option-icon-container{
	display:none;
}

#incense_select .incense_select03 .selectboxit-container span,
#incense_select .incense_select03  .selectboxit-container .selectboxit-options a {
	height: 24px;
	line-height: 24px;
	font-size: 13px;
}

#optgroups_categorylistSelectBoxIt{
	height: 26px !important;
}


#incense_select .incense_select03 .category .selectboxit-text{ float:none; margin: 0 0 0 5px; }

#incense_select .incense_select03 .category span.chip{	
	outline: 1px solid #e0e0e0;
	border:1px solid #fff;
	display: block;
	float: left;
	margin: 4px 10px 0 5px;
	height: 15px;
	width: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#incense_select .incense_select03 .category div p{ font-weight: bold; margin-bottom: 8px;}
#incense_select .incense_select03 .category div.floral p{ background: #fbf0f2; color: #df7993; }
#incense_select .incense_select03 .category div.musk p{ background: #f6eef6; color: #a35eab; }
#incense_select .incense_select03 .category div.green p{ background: #eff4ea; color: #508716; }
#incense_select .incense_select03 .category div.classical p{ background: #f5eeec; color: #a7684f; }
#incense_select .incense_select03 .category div.oriental p{ background: #f0efec; color: #6f6349; }
#incense_select .incense_select03 .category div.fruit p{ background: #fdf2e5; color: #e97e00; }
#incense_select .incense_select03 .category div.citrus p{ background: #fff9e8; color: #ffc71e; }
#incense_select .incense_select03 .category div.spice p{ background: #ecf1f9; color: #4672c0; }
#incense_select .incense_select03 .category div p i{ padding: 0 5px; }


#incense_select .incense_select03 .category div select.category_sel{
	background: #fff;
	border: 1px solid #c9c9c9;
	float: left;
	margin: 0  0 10px 10px;
	width: 550px;
}

#incense_select .incense_select03 .category div select.category_sel option span{
	outline: 1px solid #e0e0e0;
	border:2px solid #fff;

	display: block;
	float: left;
	margin-right: 10px;
	height: 15px;
	width: 15px;
}

#incense_select .incense_select03 .category div.btn_{
	padding: 0 0 0 5px;
	overflow: hidden;
}

#incense_select a.actions{
	background: #fafafa;
	border: 1px solid #e0e0e0;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	margin-left: 5px;
	width: 75px;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


#incense_select .colorchip{
	outline: 1px solid #e0e0e0;
}

#incense_select #inc_result{
	/*
	position:absolute;
	top: 102px;
	left: 0;
	*/
	width: 100%;
	border: none;
	padding: 0;
	background: #fff;
	background-image:  none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999;
	/*
	-webkit-box-shadow: 0px 1px 3px -3px #000;
	-moz-box-shadow: 0px 1px 3px -3px #000;
	box-shadow: 0px 1px 3px -3px #000;
	*/
}

#incense_select #inc_result.searching{
	background: url(../../img/usr/ajax-loader.gif) no-repeat center center #fff;
	padding: 30px 0;
	border: solid 1px #e3e3e3;
}

#incense_select #inc_result.searching.done{
	background: #fff;
	background-image:  none;
	border: solid 1px #e3e3e3;
	padding: 10px 0;
}

#incense_select #inc_result div.inc_li{
	position:relative;
}

#incense_select #inc_result div.inc_li .spec{
	width: 550px;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 5px 0;
}

#incense_select #inc_result div.inc_li .spec span.color{
	outline: 1px solid #e0e0e0;
	border:1px solid #fff;
	display: block;
	float: left;
	margin: 7px 10px 0 0;
	height: 15px;
	width: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#incense_select #inc_result div.inc_li .btn_detail{
	position:absolute;
	top: 3px;
	right: 88px;
}

#incense_select #inc_result div.inc_li .btn_add{
	position:absolute;
	top: 3px;
	right: 6px;
}

/** modal */
#incense_chart .modal,
#guide_modal{
	z-index: 10050;
}

#incense_chart .modal.fade .modal-dialog,
#guide_modal .modal-dialog{
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	width: 600px;
	margin: 300px auto;
}

#incense_chart .modal-content,
#guide_modal .modal-content{
	background: rgba(0,0,0,0.8);
	border-radius: 0px;
}

#incense_chart .modal-title,
#guide_modal .modal-title{
	text-align:center;
}

#incense_chart .modal-header,
#guide_modal .modal-header{
	position:relative;
	border:none;
	padding: 30px 15px 15px;
}

#incense_chart .modal-header .close,
#guide_modal .modal-header .close{
	position:absolute;
	top: 30px;
	right: 20px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.modal-backdrop{
	background: none !important;
	z-index: 10000 !important;
}

#incense_chart .modal-body dl.chart_desc,
#guide_modal .modal-body dl.chart_desc{
	color:#fff;
	border-bottom: solid 1px #717171;
	margin: 0 0 20px 0;
}

#incense_chart .modal-body dl.chart_desc dt,
#guide_modal .modal-body dl.chart_desc dt{
	font-weight: bold;
	margin: 0 0 3px 0;
	font-size: 14px;
}

#incense_chart .modal-body dl.chart_desc dd,
#guide_modal .modal-body dl.chart_desc dd{
	font-size: 13px;
	margin: 0 0 20px 0;
}

#incense_chart .modal-body .block_desc,
#guide_modal .modal-body .block_desc{
	height: 400px;
	overflow-y: scroll;
	text-align: left;
}

#incense_chart .modal-body .incense_desc,
#guide_modal .modal-body .incense_desc{
	border-bottom: solid 1px #717171;
	margin: 0 0 20px 0;
}

#incense_chart .modal-body .incense_desc p,
#guide_modal .modal-body .incense_desc p{
	color:#fff;
	line-height: 1.5;
	margin: 0 0 20px 0;
}

#incense_chart .modal-body .category_desc,
#guide_modal .modal-body .category_desc{
	color:#fff;
	text-align: left;
}

#incense_chart .modal-body .category_desc h5,
#guide_modal .modal-body .category_desc h5{
	font-weight:bold;
	font-size: 14px;
	margin: 0 0 5px;
}

#incense_chart .modal-body .category_desc dl,
#guide_modal .modal-body .category_desc dl{
	margin: 0 0 20px 0;
}

#incense_chart .modal-body .category_desc dt,
#guide_modal .modal-body .category_desc dt{
	float:left;
	clear: both;
	width: 110px;
	margin: 0 0 7px 0;
}

#incense_chart .modal-body .category_desc dd,
#guide_modal .modal-body .category_desc dd{
	padding: 0 0 0 130px;
	margin: 0 0 7px 0;
}

#incense_chart .modal-body .category_desc dd strong,
#guide_modal .modal-body .category_desc dd strong{
	display:block;
}


/** detail modal */
#detail_modal{
	z-index: 10050;
}

#detail_modal .modal-dialog{
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	width: 800px;
	margin: 150px auto;
}

#detail_modal .modal-header{
	padding: 15px 15px 30px;
	border:none;
}

#detail_modal .modal-content{
	background: #fff;
	border-radius: 3px;
	text-align:left;
}

/** initial_modal */
#initial_modal{
	z-index: 10050;
}

#initial_modal .modal-dialog{
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	width: 400px;
	margin: 150px auto;
}

#initial_modal .modal-header{
	padding: 15px 15px;
	text-align:center;
}

#initial_modal .modal-content{
	background: #fff;
	border-radius: 3px;
	text-align:left;
}

#initial_modal .modal-content h3{
	text-align:center;
	margin: 0 0 10px;
	font-weight: bold;
	color: #083aa4;
}

#initial_modal .modal-content p{
	line-height: 1.5;
	margin: 0 0 10px;
}

#initial_modal .modal-footer{
	text-align:center;
}

#initial_modal .modal-footer a:hover{
	text-decoration:none;
}

#initial_modal .modal-footer .btn_amend{	
	padding: 5px 10px;
	border-radius: 3px;
	display:inline-block;
	margin: 0 5px 0 0;
	color:#fff;
	background: #333;
}

#initial_modal .modal-footer .btn_scratch{
	border: solid 1px #333;
	padding: 5px 10px;
	border-radius: 3px;
	display:inline-block;
	margin: 0 5px 0 0;
}

#initial_modal .modal-footer .btn_scratch:hover{
	background: #666;
}

/* カラーチップ */
#customer_bookmark_group .colorchip,
#incense_select .colorchip {
	border: 1px solid #fff;
	box-sizing: border-box;
	display: inline-block;
	height: 15px;
	margin: 4px 10px 0 4px;
	outline: 1px solid #e0e0e0;
	width: 15px;
	vertical-align: -1px;
}

/* 2018.02.13 ADD */
/* --------------------------------------------------------------------
	インセンスセレクトブックマーク画面
-------------------------------------------------------------------- */
.customer_bookmark_group_ {
}
.bookmark_group_{
	margin: 0 auto;
	width: 1000px;
}
.bookmark_group_frame_ {
	min-width: 1000px;
	max-width: 1000px;
}
.bookmark_group_line_ {
    padding:5px 0 20px 0;
}
.bookmark_group_line_ td {
	vertical-align:top;
	padding: 5px;
	border: 1px solid #ccc;
}
table.bookmark_group_table_ {
    width: 470px;
}
tr.bookmark_group_item_ {
	width: 470px;
}
td.bookmark_group_item_color_ {
	vertical-align:top;
	width: 10px;
}
td.bookmark_group_item_name_ {
	vertical-align:top;
	width: 370px;
	text-align: left;
}
td.bookmark_group_item_price_ {
	vertical-align:top;
	width: 60px;
	text-align: left;
}
span.item_color_ {
	outline: 1px solid #e0e0e0;
	border:1px solid #fff;
	display: block;
	float: left;
	margin: 4px 10px 0 4px;
	height: 15px;
	width: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bookmarkgroup_name_ {
	width: 470px;
}
.bookmarkgroup_rgdt_ {
	width: 470px;
	padding:3px 0 15px 0;
}
.bookmarkgroup_btn_ {
	width: 470px;
	text-align: center;
    padding:5px 0 20px 0;
}


#customer_bookmark_group div.error_ {
	background-color:#efefef;
	border:solid 1px #FF0099;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width: 560px;
	color:#CC0000;
	font-weight:bold;
}

#customer_bookmark_group .alert {
	padding:0px;
	margin-bottom:20px;
	border:1px solid transparent;
	border-radius:4px;
	background-color: transparent;
	width: 560px;
	color: #333;
}

/* 2018.02.13 END */
