よくある質問

よくある質問と回答集です。サービスご利用時の参考としてご活用ください。

ホームページの表示について
アイコンセットの変更が反映されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、CSSを変更していただくことで表示が可能となります。

※対象テンプレートは『Default』『Plain』『Corner』『Gradation』『Gradation』『SalonGold』『SalonSilver』『SalonPink』『SalonBlue』です。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

【CSS変更前】※Defaultテンプレートのサンプルです
/* --------------------------------------
メイン
--------------------------------------- */

#main h2.page_title {
font: 20px 'Georgia';
margin: 0 0 20px 0;
padding: 0 0 5px 30px;
border-bottom: 1px solid #dacf9c;
}
body#info #main h2.page_title {
background: url(/img/menu/info.png) no-repeat;
}
body#calendar #main h2.page_title {
background: url(/img/menu/calendar.png) no-repeat;
}
body#menu #main h2.page_title {
background: url(/img/menu/menu.png) no-repeat;
}
body#photo #main h2.page_title {
background: url(/img/menu/photo.png) no-repeat;
}
body#coupon #main h2.page_title {
background: url(/img/menu/coupon.png) no-repeat;
}
body#about #main h2.page_title {
background: url(/img/menu/about.png) no-repeat;
}
body#contact #main h2.page_title {
background: url(/img/menu/contact.png) no-repeat;
}
body#free #main h2.page_title {
background: url(/img/menu/free.png) no-repeat;
}
body#top #main h2.page_title {
padding-left: 5px;
}

* html body#info #main h2.page_title {
background: url(/img/menu/info.gif) no-repeat;
}
* html body#calendar #main h2.page_title {
background: url(/img/menu/calendar.gif) no-repeat;
}
* html body#menu #main h2.page_title {
background: url(/img/menu/menu.gif) no-repeat;
}
* html body#photo #main h2.page_title {
background: url(/img/menu/photo.gif) no-repeat;
}
* html body#coupon #main h2.page_title {
background: url(/img/menu/coupon.gif) no-repeat;
}
* html body#about #main h2.page_title {
background: url(/img/menu/about.gif) no-repeat;
}
* html body#contact #main h2.page_title {
background: url(/img/menu/contact.gif) no-repeat;
}
* html body#free #main h2.page_title {
background: url(/img/menu/free.gif) no-repeat;
}




/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}
#navi ul li {
margin: 0 0 2px 0;
}
#navi ul li a {
height: 100%;
display: block;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #fdfbf7;
}

#navi ul li a.navi_top {
background: #fdfbf7 url(/img/menu/home.png) no-repeat 3px 3px;
}
#navi ul li a.navi_info {
background: #fdfbf7 url(/img/menu/info.png) no-repeat 3px 3px;
}
#navi ul li a.navi_calendar {
background: #fdfbf7 url(/img/menu/calendar.png) no-repeat 3px 3px;
}
#navi ul li a.navi_menu {
background: #fdfbf7 url(/img/menu/menu.png) no-repeat 3px 3px;
}
#navi ul li a.navi_photo {
background: #fdfbf7 url(/img/menu/photo.png) no-repeat 3px 3px;
}
#navi ul li a.navi_coupon {
background: #fdfbf7 url(/img/menu/coupon.png) no-repeat 3px 3px;
}
#navi ul li a.navi_about {
background: #fdfbf7 url(/img/menu/about.png) no-repeat 3px 3px;
}
#navi ul li a.navi_contact {
background: #fdfbf7 url(/img/menu/contact.png) no-repeat 3px 3px;
}
#navi ul li a.navi_free {
background: #fdfbf7 url(/img/menu/free.png) no-repeat 3px 3px;
}
#navi ul li a.navi_links{
background: #fdfbf7 url(/img/menu/link.png) no-repeat 3px 3px;
}
#navi ul li a.navi_melmaga {
background: #fdfbf7 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}

#navi ul li a:hover {
background-color: #f7f4e8;
}

body#top #navi ul li a.navi_top {
background: #e5dcb4 url(/img/menu/home.png) no-repeat 3px 3px;
color: #333333;
}
body#info #navi ul li a.navi_info {
background: #e5dcb4 url(/img/menu/info.png) no-repeat 3px 3px;
color: #333333;
}
body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url(/img/menu/calendar.png) no-repeat 3px 3px;
color: #333333;
}
body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url(/img/menu/menu.png) no-repeat 3px 3px;
color: #333333;
}
body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url(/img/menu/photo.png) no-repeat 3px 3px;
color: #333333;
}
body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url(/img/menu/coupon.png) no-repeat 3px 3px;
color: #333333;
}
body#about #navi ul li a.navi_about {
background: #e5dcb4 url(/img/menu/about.png) no-repeat 3px 3px;
color: #333333;
}
body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url(/img/menu/contact.png) no-repeat 3px 3px;
color: #333333;
}
body#free #navi ul li a.navi_free {
background: #e5dcb4 url(/img/menu/free.png) no-repeat 3px 3px;
color: #333333;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
color: #333333;
}


/* For IE6 */
* html #navi ul li a.navi_top {
background: #fdfbf7 url(/img/menu/home.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_info {
background: #fdfbf7 url(/img/menu/info.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_calendar {
background: #fdfbf7 url(/img/menu/calendar.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_menu {
background: #fdfbf7 url(/img/menu/menu.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_photo {
background: #fdfbf7 url(/img/menu/photo.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_coupon {
background: #fdfbf7 url(/img/menu/coupon.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_about {
background: #fdfbf7 url(/img/menu/about.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_contact {
background: #fdfbf7 url(/img/menu/contact.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_free {
background: #fdfbf7 url(/img/menu/free.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_links {
background: #fdfbf7 url(/img/menu/link.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_melmaga {
background: #fdfbf7 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
}

* html #navi ul li a:hover {
background-color: #f7f4e8;
}

* html body#top #navi ul li a.navi_top {
background: #e5dcb4 url(/img/menu/home.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#info #navi ul li a.navi_info {
background: #e5dcb4 url(/img/menu/info.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url(/img/menu/calendar.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url(/img/menu/menu.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url(/img/menu/photo.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url(/img/menu/coupon.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#about #navi ul li a.navi_about {
background: #e5dcb4 url(/img/menu/about.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url(/img/menu/contact.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#free #navi ul li a.navi_free {
background: #e5dcb4 url(/img/menu/free.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
color: #333333;
}




#navi ul.sub_navi {
margin: 10px 0 10px 5px;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 12px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
color: #333;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
color: #000;
}


【CSS変更後】
/* --------------------------------------
メイン
--------------------------------------- */

#main h2.page_title {
font: 20px 'Georgia';
margin: 0 0 20px 0;
padding: 0 0 5px 30px;
border-bottom: 1px solid #dacf9c;
}
body#info #main h2.page_title {
background: url({menuicon_info_png}) no-repeat;
}
body#calendar #main h2.page_title {
background: url({menuicon_calendar_png}) no-repeat;
}
body#menu #main h2.page_title {
background: url({menuicon_menu_png}) no-repeat;
}
body#photo #main h2.page_title {
background: url({menuicon_photo_png}) no-repeat;
}
body#coupon #main h2.page_title {
background: url({menuicon_coupon_png}) no-repeat;
}
body#about #main h2.page_title {
background: url({menuicon_about_png}) no-repeat;
}
body#contact #main h2.page_title {
background: url({menuicon_contact_png}) no-repeat;
}
body#free #main h2.page_title {
background: url({menuicon_free_png}) no-repeat;
}
body#top #main h2.page_title {
padding-left: 5px;
}

* html body#info #main h2.page_title {
background: url({menuicon_info_gif}) no-repeat;
}
* html body#calendar #main h2.page_title {
background: url({menuicon_calendar_gif}) no-repeat;
}
* html body#menu #main h2.page_title {
background: url({menuicon_menu_gif}) no-repeat;
}
* html body#photo #main h2.page_title {
background: url({menuicon_photo_gif}) no-repeat;
}
* html body#coupon #main h2.page_title {
background: url({menuicon_coupon_gif}) no-repeat;
}
* html body#about #main h2.page_title {
background: url({menuicon_about_gif}) no-repeat;
}
* html body#contact #main h2.page_title {
background: url({menuicon_contact_gif}) no-repeat;
}
* html body#free #main h2.page_title {
background: url({menuicon_free_gif}) no-repeat;
}




/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}
#navi ul li {
margin: 0 0 2px 0;
}
#navi ul li a {
height: 100%;
display: block;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #fdfbf7;
}

#navi ul li a.navi_top {
background: #fdfbf7 url({menuicon_home_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_info {
background: #fdfbf7 url({menuicon_info_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_calendar {
background: #fdfbf7 url({menuicon_calendar_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_menu {
background: #fdfbf7 url({menuicon_menu_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_photo {
background: #fdfbf7 url({menuicon_photo_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_coupon {
background: #fdfbf7 url({menuicon_coupon_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_about {
background: #fdfbf7 url({menuicon_about_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_contact {
background: #fdfbf7 url({menuicon_contact_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_free {
background: #fdfbf7 url({menuicon_free_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_links{
background: #fdfbf7 url({menuicon_link_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_melmaga {
background: #fdfbf7 url({menuicon_mailmagazine_png}) no-repeat 3px 3px;
}

#navi ul li a:hover {
background-color: #f7f4e8;
}

body#top #navi ul li a.navi_top {
background: #e5dcb4 url({menuicon_home_png}) no-repeat 3px 3px;
color: #333333;
}
body#info #navi ul li a.navi_info {
background: #e5dcb4 url({menuicon_info_png}) no-repeat 3px 3px;
color: #333333;
}
body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url({menuicon_calendar_png}) no-repeat 3px 3px;
color: #333333;
}
body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url({menuicon_menu_png}) no-repeat 3px 3px;
color: #333333;
}
body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url({menuicon_photo_png}) no-repeat 3px 3px;
color: #333333;
}
body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url({menuicon_coupon_png}) no-repeat 3px 3px;
color: #333333;
}
body#about #navi ul li a.navi_about {
background: #e5dcb4 url({menuicon_about_png}) no-repeat 3px 3px;
color: #333333;
}
body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url({menuicon_contact_png}) no-repeat 3px 3px;
color: #333333;
}
body#free #navi ul li a.navi_free {
background: #e5dcb4 url({menuicon_free_png}) no-repeat 3px 3px;
color: #333333;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url({menuicon_mailmagazine_png}) no-repeat 3px 3px;
color: #333333;
}


/* For IE6 */
* html #navi ul li a.navi_top {
background: #fdfbf7 url({menuicon_home_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_info {
background: #fdfbf7 url({menuicon_info_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_calendar {
background: #fdfbf7 url({menuicon_calendar_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_menu {
background: #fdfbf7 url({menuicon_menu_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_photo {
background: #fdfbf7 url({menuicon_photo_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_coupon {
background: #fdfbf7 url({menuicon_coupon_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_about {
background: #fdfbf7 url({menuicon_about_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_contact {
background: #fdfbf7 url({menuicon_contact_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_free {
background: #fdfbf7 url({menuicon_free_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_links {
background: #fdfbf7 url({menuicon_link_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_melmaga {
background: #fdfbf7 url({menuicon_mailmagazine_gif}) no-repeat 3px 3px;
}

* html #navi ul li a:hover {
background-color: #f7f4e8;
}

* html body#top #navi ul li a.navi_top {
background: #e5dcb4 url({menuicon_home_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#info #navi ul li a.navi_info {
background: #e5dcb4 url({menuicon_info_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url({menuicon_calendar_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url({menuicon_menu_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url({menuicon_photo_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url({menuicon_coupon_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#about #navi ul li a.navi_about {
background: #e5dcb4 url({menuicon_about_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url({menuicon_contact_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#free #navi ul li a.navi_free {
background: #e5dcb4 url({menuicon_free_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url({menuicon_mailmagazine_gif}) no-repeat 3px 3px;
color: #333333;
}




#navi ul.sub_navi {
margin: 10px 0 10px 5px;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 12px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
color: #333;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
color: #000;
}