@charset "UTF-8";
/* ====================================== */
/* clearfix */
.clearfix { zoom: 1; }

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

.clearfix { /* clearfix is already applied */ }

/* ====================================== */
/* header */
.mod_header { padding-bottom: 5px; border-top: 4px solid #aa9d98; }

.mod_header:before { position: absolute; content: ""; display: block; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #aba6b1; background: linear-gradient(to bottom, #aba6b1 0%, #efe9e6 100%); -pie-background: linear-gradient(to bottom, #aba6b1 0%, #efe9e6 100%); }

.mod_topicPath { background: #f3f2f1; }

/* ====================================== */
/* main */
.mod_side .minict_wrapper { background: #ccf2ff; border-color: #a6e8ff; }

.mod_side .minict_wrapper:after { margin-top: -4px; background-image: url(/salon/common/images/shopsalon-sprites.png); background-position: -222px -198px; width: 13px; height: 8px; }

.mod_side .minict_wrapper span, .mod_side .minict_wrapper span:empty:before { color: #333; }

.mod_side .minict_wrapper ul { border: 1px solid #ccf2ff; box-shadow: 0 0 6px rgba(204, 242, 255, 0.5); }

.mod_side .minict_wrapper ul li { color: #333; background: #e6f9ff; }

.mod_side .minict_wrapper ul li:hover { background: #fff; }

.mod_side .minict_wrapper ul li.minict_group { color: #444; background: #f6f6f6; }

.mod_side .minict_wrapper ul li.minict_empty { background: #fff !important; color: #bbb; }

.mod_side .minict_wrapper ul li.disabled { background: #fff !important; color: #bbb; }

.mod_side .minict_wrapper ul li.selected { background: white; }

.mod_side .minict_wrapper ul li.highlighted { background: #ccf2ff; }

.mod_side .minict_wrapper .minict_reset { color: #A9A9A9; }

.mod_side .minict_wrapper .minict_reset:hover { color: #e0e0e0; }

.mod_side .minict_wrapper .minict_reset:active { color: #636363; }

.body_event .mod_side h1, .body_event_detail .mod_side h1 { overflow: visible; width: auto; height: auto; text-indent: -9999px; background: none; }

.body_event .mod_side h1:after, .body_event_detail .mod_side h1:after { position: absolute; content: ""; display: block; top: 0; left: 0; width: 263px; height: 23px; background: url("/salon/common/images/img_h1_event_fair_gothic.png") no-repeat; }

.body_event_detail .mod_side h1:after { width: 206px; height: 23px; background: url("/salon/common/images/img_h1_event_fair_detail_gothic.png") no-repeat; }

.mod_side .wrap { background: #ccf2ff; }

.mod_side .wrap .inputbox { border: 2px solid #a7d4e4; }

.mod_side button[type=submit] { background: #f3f2f1; }

.mod_side .sideLink { display: none; padding: 20px 0 0; }

.body_index .mod_side .sideLink { display: block; }

.body_event .mod_side .sideLink, .body_event_detail .mod_side .sideLink { border-top: 1px solid #ebecea; }

.mod_side .sideLink a { position: relative; display: block; padding: 0 0 0 12px; font-size: 13px; }

.mod_side .sideLink a:before { position: absolute; content: ""; display: block; top: 6px; left: 0; background-image: url(/salon/common/images/shopsalon-sprites.png); background-position: -237px -198px; width: 6px; height: 7px; }

.mod_side .sideLink a:hover { text-decoration: underline; }

.mod_contents .siteLink { clear: both; margin: 40px 0 0; text-align: center; }

.body_index .mod_contents .siteLink, .body_event .mod_contents .siteLink { margin: 0; }

.mod_contents .siteLink ul { width: 797px; }

.mod_contents .siteLink li { position: relative; float: left; margin: 0 0 0 19px; width: 185px; height: 53px; line-height: 49px; font-size: 0.85em; behavior: url("/common/js/PIE.htc"); border-radius: 3px; }

.mod_contents .siteLink li:first-child { margin: 0; }

.mod_contents .siteLink li a:after { position: relative; content: ""; display: inline-block; top: 3px; margin: 0 0 0 8px; background-image: url(/salon/common/images/shopsalon-sprites.png); background-position: -219px -154px; width: 27px; height: 16px; }

.mod_contents .siteLink a { position: relative; display: block; }

.mod_contents .siteLink a:active { top: 1px; }

.mod_contents .siteLink .btn01 { border: 1px solid #cfcfcf; background-color: white; background: linear-gradient(to bottom, white 0%, #ededed 100%); -pie-background: linear-gradient(to bottom, white 0%, #ededed 100%); box-shadow: 0 0 5px rgba(5, 0, 1, 0.17); }

.mod_contents .siteLink .btn01:hover { background-color: rgba(255, 255, 255, 0.7); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%); -pie-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%); }

.mod_contents .siteLink .btn02 a:before, .mod_contents .siteLink .btn03 a:before { position: relative; content: ""; display: inline-block; top: 3px; margin: 0 8px 0 0; background-image: url(/salon/common/images/shopsalon-sprites.png); background-position: -254px -120px; width: 15px; height: 17px; }

.mod_contents .siteLink .btn02 { border: 1px solid #ffb974; background-color: #ffcd9e; background: linear-gradient(to bottom, #ffcd9e 0%, #e7af7b 100%); -pie-background: linear-gradient(to bottom, #ffcd9e 0%, #e7af7b 100%); box-shadow: 0 0 5px rgba(5, 0, 1, 0.3); }

.mod_contents .siteLink .btn02:hover { background-color: rgba(255, 205, 158, 0.7); background: linear-gradient(to bottom, rgba(255, 205, 158, 0.7) 0%, rgba(231, 175, 123, 0.7) 100%); -pie-background: linear-gradient(to bottom, rgba(255, 205, 158, 0.7) 0%, rgba(231, 175, 123, 0.7) 100%); }

.mod_contents .siteLink .btn02 a:after { background-position: -190px -154px; }

.mod_contents .siteLink .btn03 { border: 1px solid #c6bdba; background-color: #ded6d3; background: linear-gradient(to bottom, #ded6d3 0%, #c8bebc 100%); -pie-background: linear-gradient(to bottom, #ded6d3 0%, #c8bebc 100%); box-shadow: 0 0 5px rgba(5, 0, 1, 0.26); }

.mod_contents .siteLink .btn03:hover { background-color: rgba(222, 214, 211, 0.7); background: linear-gradient(to bottom, rgba(222, 214, 211, 0.7) 0%, rgba(200, 190, 188, 0.7) 100%); -pie-background: linear-gradient(to bottom, rgba(222, 214, 211, 0.7) 0%, rgba(200, 190, 188, 0.7) 100%); }

.mod_contents .siteLink .btn03 a:after { background-position: -248px -154px; }

.mod_contents .siteLink li:active { box-shadow: none; }

.mod_contents .mod_detail .siteLink { margin: 20px 0 30px; text-align: left; }

.mod_contents .mod_detail .siteLink li { margin: 0 0 0 20px; width: 390px; height: 70px; line-height: 66px; font-weight: bold; font-size: 1em; }

.mod_contents .mod_detail .siteLink li:first-child { margin: 0; }

.mod_contents .mod_detail .siteLink a { padding: 0 0 0 30px; }

.mod_contents .mod_detail .siteLink .btn02 a:before, .mod_contents .mod_detail .siteLink .btn03 a:before { top: 2px; }

.mod_contents .mod_detail .siteLink .btn02 a:after, .mod_contents .mod_detail .siteLink .btn03 a:after { position: absolute; top: 50%; right: 20px; margin: -8px 0 0; }

.mod_prefecture li a { display: block; behavior: url("/common/js/PIE.htc"); background: #f4f5f3; border: 1px solid #c9c2c0; border-radius: 6px; }

.mod_prefecture li a:hover { background: #f9faf8; }

.mod_prefecture li a:active { background: #fcfdfc; }

.mod_pager li span.result_page-selected { background: #ccf2ff; border: 1px solid #a7d4e4; }

/* 店舗検索結果 */
.mod_resultList { margin: 0 0 20px; }

.mod_resultList th span { background: #f3f2f1; }

.mod_resultList a { color: #00a4dd; }

/* 店舗詳細 */
.mod_detail h1 { background: #ebecea; }

.mod_detail .shopInfo { margin: 0 0 45px; }

.mod_detail .shopInfo th:before { background: #f3f2f1; }

.mod_detail .thumbnail { background: #f3f2f1; }

.mod_googleMap .guidance { margin: 0 0 10px; }

.mod_googleMap .guidance + .guidance { margin: 0 0 30px; }

.mod_googleMap .print { width: 136px; height: 68px; background: #f3f2f1; }

.mod_googleMap .print a { width: 128px; height: 60px; }

/* イベント一覧 */
.mod_eventList h2 { background: #ebecea; }

.mod_eventList .date { color: #62b4d0; }

.mod_eventList a:hover { background-color: #fafdff; }

.mod_event_detail h1 { background: #ebecea; }

.mod_event_detail .description .date { color: #62b4d0; }

.mod_event_detail .eventInfo th:before { background: #f3f2f1; }

.mod_event_detail .eventWrap { margin: 0 0 55px; }

.mod_event_detail .eventWrap h2 { background: #f8f8f8; border-color: #e0e0e0; }

.mod_event_detail .eventWrap .show .period:before, .mod_event_detail .eventWrap .show .place:before { background: #77b1c5; }

/* ====================================== */
/* footer */
.mod_siteLink { background: #f3f2f1; }

/* ====================================== */
/* parts */
/* ====================================== */