/* CSS Document */ /* 基本装飾 */ body { font-size: 13px; line-height: 20px; text-align: center; margin-top:0; background-color:#fff; background-image: url(images/bg.jpg); background-repeat:repeat-x; } body img { border-style:none; vertical-align:bottom; } a{ color: #7f7f81; text-decoration: none; } a:link{ color: #7f7f81; text-decoration: none; } a:visited{ color: #7f7f81; text-decoration: none; } a:hover{ color: #0a9f4c; text-decoration: underline; } p { margin: 0; padding:5px 0 15px 0; font-size: 13px; color:#333333; line-height:22px; } em { visibility:hidden; } .font10 { font-size: 10px; } .font11 { font-size: 11px; } .font12 { font-size: 12px; } .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font24 { font-size: 24px; } .font28 { font-size: 28px; } .font32 { font-size: 32px; } .red { color: #FF0000; } .blue { color: #0000FF; } .green { color: #006600; } .gray { color: #666666; } .white { color: #FFFFFF; } .white_b { color: #FFFFFF; font-weight:bold; } .black { color: #000000; } .pink { color:#eb6877; } .left { float: left; margin: 0 10px 0 0; } .right { float: right; margin: 0 0 0 10px; } .clear { clear:both;} /*****【ページレイアウト】*****/ #wrapper { width:1000px; margin: 0; padding: 0; text-align: left; margin-left: auto; margin-right: auto; } /******【ヘッダー】********/ #header { width: 1000px; height:94px; font-size: 12px; color: #333; height:118px; text-align: left; margin-bottom: 0; margin-top:0; } #header h1 { margin:0px; padding: 3px 5px 2px 5px; color: #9f9f9f; font-weight: normal; font-size: 12px; line-height: 16px; text-align:right; } .logo { margin:0; padding:0; width:340px; float:left; } /******【上部横ナビ】*****/ #navigation { width:660px; height:94px; float:right; } #navigation ul { list-style: none; margin:0; padding:0; font-size:12px; overflow:hidden; } #navigation li { float: left; margin:0; padding:0; } #navigation li em { visibility:hidden; } #navigation li.n01 a { display:block; margin:0; padding:0; width:132px; line-height:94px; color: #333; background-image: url(images/navi_01.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n01 a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n02 a { display:block; margin:0; padding:0; width:132px; line-height:94px; color: #333; background-image: url(images/navi_02.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n02 a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n03 a { display:block; margin:0; padding:0; width:132px; line-height:94px; color: #333; background-image: url(images/navi_03.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n03 a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n04 a { display:block; margin:0; padding:0; width:132px; line-height:94px; color: #333; background-image: url(images/navi_04.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n04 a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n05 a { display:block; margin:0; padding:0; width:132px; line-height:94px; color: #333; background-image: url(images/navi_05.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n05 a:hover { background-color: none; background-position: right top; text-decoration: none; } /******【メイン】スライド********/ .slide_main { margin:0; padding:0; } .slide_main ul,li { list-style: none; margin:0; padding:0; } .slide_main img { vertical-align:bottom; } /******【メイン】********/ #main { margin:0; padding:0; width:100%; float: left; border: none; } #main_in { margin:0; padding:0; } /*******【コンテンツ】メニュー*******/ .menu_waku { margin:0; padding:0; height:340px; } .menu_01 a { display:block; width:330px; height:224px; margin:0; padding:0; float:left; background-image: url(images/menu_01.jpg); background-position:left top; text-decoration: none; text-align: left; } .menu_01 a:hover { background-color: none; background-position: right top; text-decoration: none; } .menu_01 .position { margin:0; padding:75px 5px 0 170px; line-height:20px; color:#adadad; } .menu_02 a { display:block; width:330px; height:224px; margin-left:5px; padding:0; float:left; background-image: url(images/menu_04.jpg); background-position:left top; text-decoration: none; text-align: left; } .menu_02 a:hover { background-color: none; background-position: right top; text-decoration: none; } .menu_02 .position { margin:0; padding:75px 5px 0 170px; line-height:20px; color:#adadad; } .menu_03 a { display:block; width:330px; height:224px; margin-left:5px; padding:0; float:left; background-image: url(images/menu_03.jpg); background-position:left top; text-decoration: none; text-align: left; } .menu_03 a:hover { background-color: none; background-position: right top; text-decoration: none; } .menu_03 .position { margin:0; padding:75px 5px 0 170px; line-height:20px; color:#adadad; } /*******【コンテンツ】キャンペーン*******/ .campagin_bg { margin:0; padding:0; height:347px; background-image:url(images/campaign.jpg); background-repeat:no-repeat; } .cam_text { margin:0; padding:210px 0 0 680px; } .cam_text p { font-size: 15px; line-height: 22px; } /*******【コンテンツ】ランキング*******/ .ranking_bg { margin:0; padding:0; height:337px; background-image:url(images/ranking_bg.jpg); background-repeat:no-repeat; } .ranking_in { margin:0; padding:22px 40px 0 40px; } .ranking_list_in { margin:0; padding:150px 5px 10px 5px; } .ranking_list_in p { margin:0; padding:0; font-size:13px; line-height:18px; color: #565656; text-align:center; } p.ranking_price { margin:5px 0 0 0; padding:0 0 6px 0; font-size:13px; line-height:20px; color:#eb6877; text-align:center; } .ranking_01 { margin:0; padding:0; width:180px; float:left; background-image:url(images/ranking_01.png); background-repeat:no-repeat; } .ranking_02 { margin:0 0 0 4px; padding:0; width:180px; float:left; background-image:url(images/ranking_02.png); background-repeat:no-repeat; } .ranking_03 { margin:0 0 0 4px; padding:0; width:180px; float:left; background-image:url(images/ranking_03.png); background-repeat:no-repeat; } .ranking_04 { margin:0 0 0 4px; padding:0; width:180px; float:left; background-image:url(images/ranking_04.png); background-repeat:no-repeat; } .ranking_05 { margin:0 0 0 4px; padding:0; width:180px; float:left; background-image:url(images/ranking_05.png); background-repeat:no-repeat; } .ranking_button { margin:15px 0 0 0; float:right; } .ranking_button a { display:block; margin:0; padding:0; width:246px; line-height:56px; color: #333; float:left; background-image: url(images/ranking_button.jpg); background-position:left top; text-decoration: none; text-align: center; } .ranking_button a:hover { background-color: none; background-position: right top; text-decoration: none; } /*******【コンテンツ】その他メニュー*******/ .etc_menu_bg { margin:0; padding:22px 0 0 30px; background-color:#fffdf3; } .etc_menu_a { margin:0 0 0 15px; padding:0; float:left; width:245px; background-color:#FFFFFF; border:solid 1px #dfddd1; } .etc_menu_b { margin:0 0 0 25px; padding:0; float:left; width:245px; background-color:#FFFFFF; border:solid 1px #dfddd1; } .etc_menu_in { padding:15px; } .etc_menu_in p { margin:20px 0 20px 0; padding:0; font-size:12px; line-height:18px; color: #565656; text-align:center; } .etc_button { margin:0 0 0 50px;} .etc_button a { display:block; margin:0; padding:0; width:121px; line-height:28px; color: #333; float:left; background-image: url(images/etc_menu_button.jpg); background-position:left top; text-decoration: none; text-align: center; } .etc_button a:hover { background-color: none; background-position: right top; text-decoration: none; } /*******【コンテンツ】サロン案内*******/ .salon_waku { margin:0; padding:0; } .salon_l { margin:0; padding:0; float:left; width:305px; } .salon_r { margin:0; padding:0; float:left; } .salon_l_in { margin:0; padding:0 0 0 35px; } .salon_l_in p { margin:15px 0 30px 0; padding:0; font-size:14px; color:#5f5f5f; line-height:26px; } .salon_button { margin:0 0 0 0; padding:0; } .salon_button a { display:block; margin:0; padding:0; width:246px; line-height:56px; color: #333; float:left; background-image: url(images/salon_button.gif); background-position:left top; text-decoration: none; text-align: center; } .salon_button a:hover { background-color: none; background-position: right top; text-decoration: none; } /*******【コンテンツ】リンクバナー*******/ .link_bn_bg { margin:0; padding:0; height:853px; background-image:url(images/link_bn_bg.jpg); background-repeat:no-repeat; } .link_bn_waku { margin:0; padding:0; width:1000px; } .link_bn_in { margin:0; padding:60px 30px 0 30px; } .link_bn_01 a { display:block; margin:0; padding:0; width:313px; line-height:228px; color: #333; float:left; background-image: url(images/link_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_01 a:hover { background-color: none; background-position: right top; text-decoration: none; } .link_bn_02 a { display:block; margin:0; padding:0; width:313px; line-height:228px; color: #333; float:left; background-image: url(images/link_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_02 a:hover { background-color: none; background-position: right top; text-decoration: none; } .link_bn_03 a { display:block; margin:0; padding:0; width:313px; line-height:228px; color: #333; float:left; background-image: url(images/link_bn_03.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_03 a:hover { background-color: none; background-position: right top; text-decoration: none; } .link_bn_04 a { display:block; margin:0; padding:0; width:313px; line-height:149px; color: #333; float:left; background-image: url(images/link_bn_04.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_04 a:hover { background-color: none; background-position: right top; text-decoration: none; } .link_bn_05 a { display:block; margin:0; padding:0; width:313px; line-height:149px; color: #333; float:left; background-image: url(images/link_bn_05.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_05 a:hover { background-color: none; background-position: right top; text-decoration: none; } .link_bn_06 a { display:block; margin:0; padding:0; width:313px; line-height:149px; color: #333; float:left; background-image: url(images/link_bn_06.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_06 a:hover { background-color: none; background-position: right top; text-decoration: none; } /*******【フッター】*******/ #footer_bg { height:441px; background-image: url(images/footer_bg.jpg); background-repeat:repeat-x; line-height:0px;} #footer { margin:0; padding:0; width:1000px; margin-left: auto; margin-right: auto; } .footer_back { height:201px; background-image:url(images/footer_back.jpg); background-repeat:no-repeat; } #footer a{ color: #e1005b; text-decoration: none; } #footer a:hover{ color: #952b56; text-decoration: underline; } #footer .ft01 { margin: 64px 0 0 0; padding:0; float:left; } #footer .ft02 { margin: 64px 0 0 50px; padding:0; float:left; text-align:left; } #footer .ft03 { margin: 64px 0 0 50px; padding:0; float:left; text-align:left; } #footer .ft04 { margin: 64px 0 0 50px; padding:0; float:left; text-align:left; } #footer .ft05 { margin: 64px 0 0 50px; padding:0; float:left; text-align:left; } #footer ul { list-style: none; margin: 5px 0 0 0; padding:0; font-size:12px; } #footer li { list-style: none; margin:0; color:#666; padding:0 0 0 20px; background-image: url(images/footer_mark.jpg); background-repeat:no-repeat; background-position: left; line-height:30px; } p.copy { clear:both; margin:0; padding:0; background-color:#e1005b; background-repeat:repeat-x; line-height:20px; font-size: 12px; color: #fff; text-align:center; }