*{ margin: 0; padding: 0; font-size:100% } body{ line-height:1.5em; width:880px; vertical-align:top; font-size:12px; } h3{ font-size:12px; font-family:Arial, Helvetica, sans-serif, "Century Gothic"; margin:0; padding-bottom:0; } h4{ margin:0; padding:0; } p{ margin:0; padding:0; } img{ border:none; } h4{ margin:0; padding:0; font-weight:100; } a{ text-decoration:none; } a:visited { text-decoration: none; } a:hover { text-decoration:underline; } #top{ text-align:right; width:820px; padding-right:10px; font-size:12px; } /*直下の囲み*/ #wrapper{ width:820px; background-color:#FFFFFF; } #logo{ width:165px; float:left; vertical-align:top; } #hed_info { float:right; text-align:right; } #hed_info span { font-size:10px; margin-right:3px; } #wrapper ul{ list-style:none; margin:0; } #hedder li{ display: inline; } #navi{ clear:both; background-image:url(images/navi_bg.gif); padding-top:5px; text-align:right; width:820px; } #navi li{ display: inline; } #flash{ margin-bottom:5px; clear:both; } #col_right { width:559px; float:left; font-size:12px; padding-left:10px; height:auto; border-right:1px dotted #970707; } #col_right h2{ width:500px; } #link { border-top:1px dotted #970707; } #link li{ display: inline; } #info { width: 240px; float:left; font-size:12px; padding-left:9px; line-height:1.5em; } #info li.line { border-bottom:1px dotted #cccccc; } #info h2{ border-bottom:3px solid #970707; } #footer { clear:both; width:820px; color:#FFFFFF; background-image:url(images/navi_bg.gif); background-repeat:no-repeat; text-align:center; font-size:12px; padding-top:10px; } #concept{ background-image:url(images/con_bg.jpg); background-repeat:repeat-y; line-height:1.8em; font-size:small; width:auto; } #cont_left{ float:left; width:120px; padding-top:10px; } #cont_left ul{ list-style:none; margin:0; padding:0; } #cont_left li{ } /*HOME　Believe　NEWS*/ #event{ border:1px solid #970707; width:548px; } #news { width:520px; } #news th { width:10px; padding-left:10px; vertical-align:top; padding-top:10px; } #news td { width:500px; vertical-align:top; padding:7px 0; border-bottom:1px dotted #970707; line-height:1.5em; } #campain { width:520px; margin-bottom:10px; } #slogan { background-image:url(images/slogan.jpg); width:520px; height:120px; background-repeat:no-repeat; text-indent:-9999px; } /*スペシャル＜定期更新特典＞メニュー*/ #special{ float:left; padding-left:80px; padding-top:50px; text-align:center; } #special h2{ font-size:16px; } div#special_contents { width:590px; height:900px; background-image:url(images/spacial/bg.gif); background-repeat:no-repeat; } div#special_contents p { text-align:left; padding-left:120px; } div#special_contents table { width:500px; font-family:"Comic Sans MS", "ＭＳゴシック"; } div#special_contents th { text-align:left; } div#special_contents td { text-align:right; } div#special_contents span { font-weight:100; } div#special_contents div.kakomi { border:1px solid #970707; padding:10px; } /*スタッフ紹介*/ div.staff{ width:400px; padding-top:20px; } div.staff h3{ border-bottom:1px solid #970707; text-align:left; } div.staff div{ padding:10px 0; float:left; width:60px; } div.staff p{ padding:5px; font-size:12px; line-height:1.5em; } div.staff p.web{ clear:both; font-size:12px; text-align:right; } h2.staff{ font-family:Arial, Helvetica, sans-serif, "Century Gothic"; font-size:14px; } div.welcom h3{ border-bottom:1px solid #970707; } div.welcom p{ line-height:1.5em; width:450px; padding-top:10px; } /*=======================ヘッドスパ記事==========================*/ /*---ヘッドスパ記事全ページ共通---*/ #hedspa_contener { width:820px; background-image:url(products/images/bg2.jpg); background-repeat:repeat-y; } #sub_menu { width:120px; float:left; } #hedspa_contener #main { width:700px; float:left; } #hedspa_contener #main p { font-size:12px; padding-bottom:10px; } #main h2,h3{ text-align:center; margin:0; padding:0; } #hedspa_info { padding:20px 0; } /*---index---*/ #menu_table { width:680px; padding:10px 0 10px 10px; } #menu_table table { width:676px; margin:0; padding:0; } #menu_table td { margin:1px; padding:0; border:1px solid #cccccc; text-align:center; font-weight:bold; color:#970707; font-family:"Comic Sans MS", "ＭＳゴシック"; } #menu_table th { margin:1px; padding:0; border:2px solid #970707; text-align:center; font-size:12px; } #hedspa_products { margin-top:20px; } #hedspa_products div.photo{ float:left; width:250px; height:150px; } #hedspa_products div.price{ float:left; width:350px; } #hedspa_products div.price span{ border-bottom:1px dotted #970707; width:370px; background-color:#F4DFF3; } #hedspa_products div.price p{ margin-top:20px; } #hedspa_products div.price div{ text-align:right; margin-right:10px; } .floatclear{ clear:both; } /*---クールスパ20／ウォームスパ30---*/ #main #hedspa_top { width:700px; height:400px; background-image:url(treatment/images/hedspa/back.jpg); background-repeat:no-repeat; } #hedspa_top p { margin-left:20px; } #hedspa_col_1 { margin-top:20px; width:700px; background-image:url(treatment/images/hedspa/heir.jpg); background-repeat:no-repeat; height:400px } #hedspa_col_1 div { width:300px; padding-left:380px; padding-top:20px; } #main strong { font-size:14px; color:#970707; } div.step { text-align:center; margin-top:10px; } div.step2 { clear:both; text-align:center; padding-top:20px; } #hedspa_col_2 { padding:0 20px; width:660px; } #hedspa_col_2 h3 { font-weight:bold; font-size:22px; letter-spacing:0.5em; border-bottom:2px dotted #970707; } #step_image { float:left; width:250px; padding-top:20px; } #step_txt { float:left; padding: 20px 0 0 10px; width:400px; } /*---grandgreen---*/ #main #grandgreen { padding:0 40px; } #main #grandgreen_top { width:620px; height:400px; background-image:url(treatment/images/grandgreen/p2.jpg); background-repeat:no-repeat; } #grandgreen p { margin-left:25px; } #grandgreen_col2 { background-image:url(treatment/images/grandgreen/p3.jpg); background-repeat:no-repeat; width:620px; height:380px; padding-top:60px; } /*---ナノアミノ---*/ #nanoamino div { background-repeat:no-repeat; width:420px; height:150px; color:#FFFFFF; padding-top: 60px; padding-left:170px; padding-right:20px; line-height:1.2em; } #nanoamino span { color:#000000; } /*---全ページ共通---*/ /*---全ページ共通---*/ /*---全ページ共通---*/ /*=======================ヘッドスパ記事　ここまで==========================*/ /*ヘアケア製品*/ #products{ background-image:url(products/images/bg.jpg); background-repeat:repeat-y; } #products2{ font-size:small; width:820px; } #contents{ float:left; padding-left:30px; padding-top:20px; } #contents div.box_con{ width:620px; } #contents div.box_l{ width:300px; float:left; margin-right:20px; } #contents div.box_r{ width:300px; float:left; } #contents div.photo{ float:left; width:100px; text-align:left; height:150px; } #contents div.text{ float:left; width:200px; line-height:1.2em; } p.comment { line-height:1.2em; padding-top:20px; } #products h4{ font-family:Arial, Helvetica, sans-serif,Century Gothic; background-color:#970707; font-size:10px; color:#FFFFFF; padding:0 0 0 2px; margin-bottom:2px; } #products #contents div.text p.manu{ text-align:right; font-weight:bold; color:#970707; } #products #contents div.text p.price{ font-family:Arial, Helvetica, sans-serif,Century Gothic; font-weight:bold; text-align:right; padding-top:10px; } /*お得なサービス*/ #service{ float:left; padding-left:80px; padding-top:50px; } #service dt{ font-weight:bold; color:#970707; font-size:large; } #service dd{ padding-bottom:10px; padding-left:50px; } /*メニュー＆プライス*/ #menu{ float:left; padding-left:80px; padding-top:50px; width:550px; font-family:Arial, Helvetica, sans-serif, Century Gothic; } #menu div#kodawari{ width:559px; border:3px double #029FC8; height:60px; margin:10px 0; } div#left{ width:60px; float:left; } div#right{ float:left; width:499px; padding-top:10px; } #menu h3{ border-bottom:2px solid #970707; color:#970707; font-size:14px; padding-left:20px; width:545px; } #menu p.menu{ text-align:right; font-weight:bold; } #menu dl.menu dt{ font-weight:bold; color:#970707; } #menu dl.menu dd{ padding-left:30px; margin-bottom:10px; } #menu table{ width:565px; border:1px solid #029FC6; padding:1px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif, Century Gothic; } #menu table th{ background-color:#029FC6; color:#FFFFFF; } #menu table td.line { text-align:center; border-bottom:1px solid #029FC6; } #menu table td.line2 { text-align:center; border-bottom:1px solid #029FC6; border-left:1px dotted #029FC6; } #menu table td.line3 { text-align:center; border-left:1px dotted #029FC6; } #menu table td{ text-align:center; } #menu table th.parm{ background-color:#FE7A01; color:#FFFFFF; padding:0 10px; text-align:center; font-weight:100; } div.straight{ border:1px solid #fe7a01; border-left:5px solid #fe7a01; width:548px; height:50px; padding:5px; margin-bottom:10px; } div.straight div.name{ width:200px; float:left; } div.straight div.name2{ width:500px; font-weight:bold; margin-left:15px; } div.straight div.price{ float:left; font-weight:bold; } div.straight p{ clear:both; padding-left:50px; } /*ジェルネイル　施術例*/ .nail_sample { width:565px; height:200px; background-repeat:no-repeat; } #nail_080206c { background-image:url(menu-price/images/nail/080206c.jpg); width:565px; height:200px; background-repeat:no-repeat; } #nail_080206b { background-image:url(menu-price/images/nail/080206b.jpg); width:565px; height:200px; background-repeat:no-repeat; } #nail_080206 { background-image:url(menu-price/images/nail/080206.jpg); width:565px; height:200px; background-repeat:no-repeat; } #nail_081017 { background-image:url(menu-price/images/nail/080107.jpg); width:565px; height:200px; background-repeat:no-repeat; } #nail_081013 { background-image:url(menu-price/images/nail/080113.jpg); width:565px; height:200px; background-repeat:no-repeat; } .text { margin:25px 20px 25px 320px; line-height:1.5em; } .text strong { color:#970707; } .text2 { margin:25px 120px 25px 25px; line-height:1.5em; } .text2 strong { color:#970707; } .text3 { margin:25px 20px 25px 250px; line-height:1.5em; } .text3 strong { color:#970707; }