@charset "Shift_JIS";
/* --------------------------------------------------------------------
	サイドボックス
-------------------------------------------------------------------- */
div.sidebox_ {
	margin: 0;
}
div.sidebox_ h2, h2.event_title_rightmenu_ {
	margin: 0;
	padding: 0;
}
/* --------------------------------------------------------------------
	サイドボックス　カテゴリツリー
-------------------------------------------------------------------- */
#sidebox_category {
}
#sidebox_category h2 {
	font-size: 16px;
	font-family: "ヒラギノ明朝 W4 JIS2004", serif;
	line-height: 1.5;
	letter-spacing: 0.05em;
	display: flex;
	align-items: center;
	width: 200px;
	height: 48px;
	margin-bottom: 7px;
	padding: 0 10px;
	border-top: 2px solid #009944;
	border-bottom: 2px solid #E7F8EF;
}
.category_tree_ {
	margin-bottom: 30px;
}
.category_tree_ li {
	border-bottom: 1px solid #EEEEEE;
}
.category_tree_ li a,
.category_tree_ li span.nolink_ {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	line-height: 1.25;
	padding: 11px 0 12px 25px;
	display: block;
	background-image: url("../img/usr/ec_common/ico_arrow01.png");
	background-position: 8px center;
	background-repeat: no-repeat;
}
.category_tree_ li a:hover {
}
.category_tree_ li.category_tree1_ a, 
.category_tree_ li.category_tree1_ span.nolink_ {
}
.category_tree_ li.category_tree1_ a:hover {
	background-color: #EEEEEE;
}
.category_tree_ li.category_tree2_ a, 
.category_tree_ li.category_tree2_ span.nolink_ {
	padding-left: 45px;
	background-position: 26px center;
}
.category_tree_ li.category_tree2_ a:hover {
	background-color: #EEEEEE;
}
.category_tree_ li.category_tree3_ a, 
.category_tree_ li.category_tree3_ span.nolink_ {
	padding-left: 65px;
	background-position: 44px center;
}
.category_tree_ li.category_tree3_ a:hover {
	background-color: #EEEEEE;
}
.category_tree_ li.category_tree4_ a, 
.category_tree_ li.category_tree4_ span.nolink_ {
	padding-left: 85px;
	background-position: 62px center;
}
.category_tree_ li.category_tree4_ a:hover {
	background-color: #EEEEEE;
}
/* 現在のカテゴリ */
.category_tree_ li.category_tree1_open_ a, 
.category_tree_ li.category_tree1_open_ span.nolink_ {
	background-color: #EEEEEE;
}
.category_tree_ li.category_tree1_open_ a:hover {
}
.category_tree_ li.category_tree2_open_ a, 
.category_tree_ li.category_tree2_open_ span.nolink_ {
	padding-left: 45px;
	background-position: 26px center;
	background-color: #EEEEEE;
}
.category_tree_ li.category_tree2_open_ a:hover {
}
.category_tree_ li.category_tree3_open_ a, 
.category_tree_ li.category_tree3_open_ span.nolink_ {
	padding-left: 65px;
	background-position: 44px center;
	background-color: #EEEEEE;
}
.category_tree_ li.category_tree3_open_ a:hover {
}
.category_tree_ li.category_tree4_open_ a, 
.category_tree_ li.category_tree4_open_ span.nolink_ {
	padding-left: 85px;
	background-position: 62px center;
	background-color: #EEEEEE;
}
.category_tree_ li.category_tree4_open_ a:hover {
}
/**/
/* リンクがない場合 */
.category_tree_ li.category_tree1_ span.nolink_, 
.category_tree_ li.category_tree2_ span.nolink_, 
.category_tree_ li.category_tree3_ span.nolink_, 
.category_tree_ li.category_tree4_ span.nolink_ {
	color: #999;
	background-image: url(../img/usr/tree1.png);
}
/**/
/* --------------------------------------------------------------------
	サイドボックス　シリーズから探す
-------------------------------------------------------------------- */
#sidebox_series {
	margin-bottom: 0;
	padding: 1px;
	border: 1px solid #E4E4E4;
}
/* --------------------------------------------------------------------
	サイドボックス　ジャンルツリー
-------------------------------------------------------------------- */
#sidebox_genre {
	padding: 1px;
	border: 1px solid #E4E4E4;
}
.genre_tree_ {
	margin: 0;
	padding: 0;
}
.genre_tree_ li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCC;
}
.genre_tree_ li a, .genre_tree_ li span.nolink_ {
	padding: 5px 10px 5px 10px;
	display: block;
}
.genre_tree_ li a:hover {
	background-color: #F0F0F0;
}
.genre_tree_ li.genre_tree1_ a, 
.genre_tree_ li.genre_tree1_ span.nolink_ {
	padding-left: 15px;
	width: 145px;
	background-image: url(../img/usr/tree1.png);
	background-position: 0 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree1_ a:hover {
	background-image: url(../img/usr/tree1_open.png);
}
.genre_tree_ li.genre_tree2_ a, 
.genre_tree_ li.genre_tree2_ span.nolink_ {
	padding-left: 25px;
	width: 135px;
	background-image: url(../img/usr/tree2.png);
	background-position: 10px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree2_ a:hover {
	background-image: url(../img/usr/tree2_open.png);
}
.genre_tree_ li.genre_tree3_ a, 
.genre_tree_ li.genre_tree3_ span.nolink_ {
	padding-left: 35px;
	width: 125px;
	background-image: url(../img/usr/tree3.png);
	background-position: 20px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree3_ a:hover {
	background-image: url(../img/usr/tree3_open.png);
}
.genre_tree_ li.genre_tree4_ a, 
.genre_tree_ li.genre_tree4_ span.nolink_ {
	padding-left: 45px;
	width: 115px;
	background-image: url(../img/usr/tree4.png);
	background-position: 30px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree4_ a:hover {
	background-image: url(../img/usr/tree4_open.png);
}
/* 現在のカテゴリ */
.genre_tree_ li.genre_tree1_open_ a {
	padding-left: 15px;
	font-weight: bold;
	width: 145px;
	background: url(../img/usr/tree1_open.png) 0 8px no-repeat;
}
.genre_tree_ li.genre_tree1_open_ a:hover {
}
.genre_tree_ li.genre_tree2_open_ a {
	padding-left: 25px;
	font-weight: bold;
	width: 135px;
	background: url(../img/usr/tree2_open.png) 10px 8px no-repeat;
}
.genre_tree_ li.genre_tree2_open_ a:hover {
}
.genre_tree_ li.genre_tree3_open_ a {
	padding-left: 35px;
	font-weight: bold;
	width: 125px;
	background: url(../img/usr/tree3_open.png) 20px 8px no-repeat;
}
.genre_tree_ li.genre_tree3_open_ a:hover {
}
.genre_tree_ li.genre_tree4_open_ a {
	padding-left: 45px;
	font-weight: bold;
	width: 115px;
	background: url(../img/usr/tree4_open.png) 30px 8px no-repeat;
}
.genre_tree_ li.genre_tree4_open_ a:hover {
}
/**/
/* リンクがない場合 */
.genre_tree_ li.genre_tree1_ span.nolink_, 
.genre_tree_ li.genre_tree2_ span.nolink_, 
.genre_tree_ li.genre_tree3_ span.nolink_, 
.genre_tree_ li.genre_tree4_ span.nolink_ {
	color: #999;
}
/**/

/* --------------------------------------------------------------------
	サイドボックス　検索ボックス
--------------------------------------------------------------------- */
#sidebox_search {
	padding: 9px;
	border: 1px solid #E4E4E4;
}
#sidebox_search input {
	display: block;
	float: left;
	vertical-align: middle;
}
#sidebox_search .keyword_ {
	width: 158px;
	height: 18px;
	border: 1px solid #E4E4E4;
}
#sidebox_search .to_searchdetail {
	padding-top: 5px;
	clear: both;
	text-align: right;
	font-size: 80%;
}
#sidebox_search .to_searchdetail a {
	padding: 0 0 0 12px;
	background: url(../img/usr/arrow_small_green_circle.png) left center no-repeat;
}
/* --------------------------------------------------------------------
	サイドボックス　カート
-------------------------------------------------------------------- */
#sidebox_cart {
}
.cart_title_ {
	display:none;
}
.cart_frame_ {
	border: 1px solid #E4E4E4;
	border-top: none;
	margin-bottom: 10px;
}
dl.cart_goods_ {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
dl.cart_goods_ dt {
	text-align: left;
}
dl.cart_goods_ dt div.name1_ {
	float: left;
	width: 118px;
}
dl.cart_goods_ dt div.delete_ {
	padding-left:2px;
	float: left;
}
dl.cart_goods_ dt div.delete_ img {
	cursor: pointer;
}
dl.cart_goods_ dt div.delete_b_ {
	clear: left;
}
dl.cart_goods_ dd {
	text-align: right;
}
dl.cart_total_ {
	margin: 0 8px;
	padding: 10px 0 6px;
	overflow: hidden;
}
dl.cart_total_ dt {
	float: left;
	color: #747474;
}
dl.cart_total_ dd {
	text-align: right;
	color: #747474;
	font-weight: normal;
}
.cart_postage_ {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	border-bottom: 1px dotted #CCC;
}
.cart_to_order_ {
	margin: 0 8px;
	padding: 10px 0 11px;
	text-align: right;
	font-size: 80%;
	background: url(../img/usr/dotline_3.png) left bottom repeat-x;
}
.cart_to_order_ a {
	padding-left: 12px;
	background: url(../img/usr/arrow_small_green_circle.png) left center no-repeat;
}
.cart_null_ {
	padding: 9px;
	font-size: 80%;
	color: #747474;
}

.cart_errormessages_ {
	display:none;
	font-size: 10px;
}

.cart_erroralert_ {
	font-size: 10px;
	color: #993300;
}


/* --------------------------------------------------------------------
	サイドボックス　履歴
-------------------------------------------------------------------- */
#sidebox_itemhistory {
	padding: 70px 0 55px;
}
#sidebox_itemhistory h2 {
	font-size: 33px;
	font-family: 'Crimson Text', serif;
	text-align: center;
	line-height: 1.39;
	letter-spacing: 0.05em;
	margin-bottom: 48px;
}
#sidebox_itemhistory h2 span {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}
#historyCaution,
#itemHistoryButton{
	margin: 9px;
}
#itemHistoryButton a {
	padding-left: 12px;
	background: url(../img/usr/arrow_small_green_circle.png) left center no-repeat;
}
#historyCaution #messNothing {
	text-align: center;
}
/* --------------------------------------------------------------------
	サイドボックス　トピックス
-------------------------------------------------------------------- */
#sidebox_topics {
	padding: 9px;
	border: 1px solid #E4E4E4;
	background: #F1F1F1;
}
/*-------------- タブ・外枠部分 --------------*/
#topics_tab {
	width: 100%;
	height: 33px;
	overflow: hidden;
	z-index: 1000;
	background: url(../img/usr/tab_back.png) left bottom repeat-x; 
}
#topics_tab li {
	float: left;
	width: 93px;
}
#topics_tab li a {
	display: block;
	text-indent: -9999px;
	width: 93px;
	height: 33px;
	overflow: hidden;
}
#tab_topics_new {
	margin-right: 4px;
}
#tab_topics_new a {
	background: url(../img/usr/tab_topics_new_off.png) center top no-repeat;
}
#tab_topics_event a {
	background: url(../img/usr/tab_topics_event_off.png) center top no-repeat;
}
#tab_topics_new a:hover {
	background: url(../img/usr/tab_topics_new_on.png) center top no-repeat;
}
#tab_topics_event a:hover {
	background: url(../img/usr/tab_topics_event_on.png) center top no-repeat;
}
#tab_topics_new.present a {
	background: url(../img/usr/tab_topics_new_present.png) center top no-repeat;
}
#tab_topics_event.present a {
	background: url(../img/usr/tab_topics_event_present.png) center top no-repeat;
}
.topics_desc_ {
	padding: 10px;
	border: 1px solid #E4E4E4;
	border-top: none;
	background: #FFF;
}
#topics_new, #topics_event {
}
/*-------------- トピックス部分 --------------*/
#sidebox_topics .topic_list {
}
#sidebox_topics .topic_list dt {
	margin-bottom: 5px;
	font-size: 80%;
	font-weight: bold;
}
#sidebox_topics .topic_list dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #747473;
	background: url(../img/usr/dotline_3.png) left bottom repeat-x;
}
#sidebox_topics p.more_ {
	text-align: right;
	font-size: 80%;
}
#sidebox_topics p.more_ a {
	padding-left: 10px;
	color: #747473;
	background: url(../img/usr/arrow_gray.png) left center no-repeat;
}


/* --------------------------------------------------------------------
	サイドボックス　店舗情報
-------------------------------------------------------------------- */
#sidebox_salon {
}
#sidebox_salon h2 {
}
#sidebox_salon ul.salon_tree_ {
	padding: 3px;
	border: 1px solid #E4E4E4;
}
#sidebox_salon ul.salon_tree_ li,
#free_menuframe #sidebox_menu ul.menu_tree_ li {
	padding: 0 0 1px 0;
	line-height:1.4;
	background: url(../img/usr/sidebox_category_border.png) center bottom no-repeat;
}
#sidebox_salon ul.salon_tree_ li a,
#sidebox_salon ul.salon_tree_ li .nolink_ {
	display: block;
	text-decoration: none;
}
#sidebox_salon ul.salon_tree_ li.salon_tree1_ a,
#sidebox_salon ul.salon_tree_ li.salon_tree1_ .nolink_ {
	padding: 15px 5px 12px 17px;
	color: #747473;
	width: 180px;
	background: url(../img/usr/arrow_small_green_circle.png) 5px 19px no-repeat;
}
#sidebox_salon ul.salon_tree_ li.salon_tree1_ a:hover {
	background-color: #F8FFE6;
}
/* 現在のページ */
#sidebox_salon ul.salon_tree_ li.salon_tree1_open_ a,
#sidebox_salon ul.salon_tree_ li.salon_tree1_open_ .nolink_ {
	padding: 15px 5px 12px 17px;
	color: #323232;
	font-weight: bold;
	width: 180px;
	background: #F8FFE6 url(../img/usr/arrow_small_green_circle.png) 5px 19px no-repeat;
}
/* リンクがない場合 */
#sidebox_salon ul.salon_tree_ li.salon_tree1_ span.nolink_, 
#sidebox_salon ul.salon_tree_ li.salon_tree2_ span.nolink_, 
#sidebox_salon ul.salon_tree_ li.salon_tree3_ span.nolink_, 
#sidebox_salon ul.salon_tree_ li.salon_tree4_ span.nolink_ {
	color: #A5A4A4;
}



/* --------------------------------------------------------------------
	サイドボックス　バナーエリア
-------------------------------------------------------------------- */
#sidebox_banner {
	margin-bottom: 0;
	padding-bottom: 10px;
}
#sidebox_banner ul li {
	margin-bottom: 10px;
}


/* --------------------------------------------------------------------
	サイドボックス　サブメニュー
-------------------------------------------------------------------- */
#sidebox_submenu {
}
#sidebox_submenu ul {
	padding-top: 1px;
	background: url(../img/usr/dotline_3.png) left top repeat-x;
}
#sidebox_submenu ul li {
	padding-bottom: 1px;
	font-size: 80%;
	background: url(../img/usr/dotline_3.png) left bottom repeat-x;
}
#sidebox_submenu ul li a {
	padding: 7px 5px 7px 12px;
	display: block;
	background: url(../img/usr/arrow_small_green_circle.png) left 11px no-repeat;
}

/* --------------------------------------------------------------------
	サイドボックス　シーボン.公式アカウント
-------------------------------------------------------------------- */
#sidebox_official_account {
	margin: 0 0 21px 0;
}
#sidebox_official_account h2 {
	text-align: center;
	margin-bottom: 21px;
}
#sidebox_official_account ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
#sidebox_official_account ul li {
	width: 54px;
}
#sidebox_official_account ul li a {
	display: block;
	text-align: center;
}
#sidebox_official_account ul li:nth-child(2) {
	margin: 0 22px;
}