body {width: 800px; margin: 0 auto; color:#69686a; /*ボディ内の文字色*/ background-image: url(../back.png); } div#main {width: 100%; background-color: #ffffff } /*div main*/ div#header {width: 100%;} /*ヘッダーここから*/ /*h1構成内容ここから*/ h1 {margin: 0; width: 100%; color: #ffffff; font-family:Verdana,Helvetica,sans-serif; /*タイトル上段についてここまで*/ background-color: #339999; line-height: 1.8; text-align: left} h1 span {margin: 5px auto 0; display: block; width: 100%; line-height: 1.6; color: #ffffff; background-color: #d6b329; letter-spacing: 2px;} /*h1構成内容ここまで*/ /*グローバルナビここから*/ div#pan ol#topicPath {margin: 10px ; /*パンくずリストここから*/ padding: 0; list-style: none;} ol#topicPath li {float: left; padding-right: 5px; padding-left: 15px; background: url(../hpimg/pan_mk.gif) no-repeat 0 50%;} ol#topicPath li.home {padding-bottom: 5px; background: none;} ol#topicPath li a:link, ol#topicPath li a:visited {color: blue;} ol#topicPath li a:hover, ol#topicPath li a:active {color: #FF6633; text-decoration: underline;} ol#topicPath li em {font-style: normal; font-weight: bold;} /*パンくずリストここまで*/ /*ヒーリングメニュー文字についてここまで*/ div#content {position: relative; /*コンテンツ*/ width: 100%; clear: both;} /*メインカラムここから*/ div#main-col {margin-top: 40px; margin-left: 200px; margin-bottom: 20px; /*メインカラム*/ width: 600px; background-color: #99cc99; text-align: center; } div#sect-01 {width:600px; margin-left: 1px; background-color: #ffffff; /*sect 01*/ margin-right: 1px; } div#point {width: 576px; margin-left: 10px; margin-bottom: ;} /*お役立ちガイドここまで*/ div#p-card {width: 572px; /*ポイントカードここから*/ margin-left: 4px; margin-top:5px; margin-bottom: 8px; border: 1px solid #c7dadc} h2#p-card img {margin-bottom: 10px;} p#card1 img {margin-top: 25px; margin-bottom: 25px;} p#card2 {text-align: left; padding-right: 35px; padding-left: 35px; line-height: 16px; } /*ポイントカードここまでここまで*/ p#card3 {text-align: center;} p#card3 a:link {color: #444444;} p#card3 a:visited {color: #444444;} p#card3 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} div#coupon {width: 572px; /*クーポンここから*/ margin-top: 15px; margin-bottom: 50px; margin-left: 4px; text-align: left; border: 1px solid #c7dadc; } div#cp {width: 560px; height: 210px; background: url(../hpimg/coupon.png);} h4 img {margin-left: 192px; margin-top: 8px;} p#coupon {margin-left: 158px; margin-top: -23px;} p#cp1 {margin-left: 192px; margin-top: 14px;} div#coupon img {margin-bottom: 15px;} p#cp2 {text-align: left; margin-left: 155px; padding-top: 10px; padding-right: 35px; padding-left: 35px; line-height: 16px; } /*クーポンここまで*/ p#cp3 {text-align: center; margin-bottom: 15px;} p#cp3 {text-align: center;} p#cp3 a:link {color: #444444;} p#cp3 a:visited {color: #444444;} p#cp3 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} div#hahawari {width: 572px; /*母の日割引ここから*/ margin-top: 15px; margin-bottom: 50px; margin-left: 4px; text-align: left; border: 1px solid #c7dadc;} div#hahawari img {margin-bottom: 15px;} p#hahawari {text-align: left; padding-top: 10px; padding-right: 35px; padding-left: 35px; line-height: 16px; } /*母の日割引ここまで*/ p#hahawari2 {text-align: center;} p#hahawari2 a:link {color: #444444;} p#hahawari2 a:visited {color: #444444;} p#hahawari2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*お役立ちガイドここまで*/ /*ご利用ガイドここから*/ div#tyuui {width: 572px; /*ご注意ください ここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc} div#tyuui img {margin-bottom: 12px;} /*ご注意ください ここまで*/ div#tyuui h3 {text-align: left; margin-left: 35px;} div#security {width: 572px; /*セキュリティについて ここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc} div#security img {margin-bottom: 12px;} div#security h3 {text-align: left; margin-left: 35px;} p#s {text-align: left; padding-top: 10px; padding-right: 35px; padding-left: 35px; line-height: 16px; } p#s2 {text-align: center;} p#s2 a:link {color: #444444;} p#s2 a:visited {color: #444444;} p#s2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*セキュリティについて ここまで*/ div#yoyakumae {width: 572px; /*ご予約前にお読みください ここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc} div#yoyakumae img {margin-bottom: 12px;} div#yoyakumae h3 {text-align: left; margin-left: 35px;} p#yoyakumae {text-align: left; padding-top: 10px; padding-right: 35px; padding-left: 35px; line-height: 16px; } p#yoyakumae2 {text-align: center;} p#yoyakumae2 a:link {color: #444444;} p#yoyakumae2 a:visited {color: #444444;} p#yoyakumae2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*ご予約前にお読みください ここまで*/ div#privacy {width: 572px; /*プライバシーポリシー ここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc;} div#privacy img {margin-bottom: 12px;} div#privacy h4 {text-align: left; margin-left: 35px;} p#p1 {text-align: left; padding-top: 10px; padding-right: 35px; padding-left: 35px; line-height: 16px; } p#p2 {text-align: center;} p#p2 a:link {color: #444444;} p#p2 a:visited {color: #444444;} p#p2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*プライバシーポリシー ここまで*/ div#cancel {width: 572px; /*キャンセルポリシー ここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc} div#cancel img {margin-bottom: 12px;} p#c1 {text-align: left; padding-top: 10px; padding-right: 35px; padding-left: 35px; line-height: 16px; } p#c2 {text-align: center;} p#c2 a:link {color: #444444;} p#c2 a:visited {color: #444444;} p#c2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*キャンセルポリシー ここまで*/ div#tyuui {width: 572px; margin-top: 15px; margin-bottom: 50px; /*ご注意くださいここから*/ margin-left: 4px; text-align: left; border: 1px solid #c7dadc;} p#t1 {text-align: left; padding-top: 10px; padding-right: 35px; padding-left: 35px; line-height: 16px; } p#t2 {text-align: center;} p#t2 a:link {color: #444444;} p#t2 a:visited {color: #444444;} p#t2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*ご注意くださいここまで */ div#tokutei {width: 572px; /*特定商取引法に基づく表記 ここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc} table {width: 520px; margin-bottom: 20px; border: 1px solid #c7dadc; text-align: left; margin-left: 25px;} /*テーブル要素*/ th {width: 140px;} th,td {padding: 10px; border: 1px solid #c7dadc;} div#tokutei img {margin-bottom: 12px;} p#syoutori {text-align: center;} p#syoutori a:link {color: #444444;} p#syoutori a:visited {color: #444444;} p#syoutori a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*特定商取引法に基づく表記 ここまで*/ div#map {width: 572px; /*アクセスマップここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc} p#map {text-align: left; margin-left: 172px;} p#map2 {text-align: center;} p#map2 a:link {color: #444444;} p#map2 a:visited {color: #444444;} p#map2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} h3#moyori {text-align: left; margin-left: 85px; margin-bottom: 15px;} table {width: 520px; margin-bottom: 20px; border: 1px solid #c7dadc; text-align: left; margin-left: 25px;} /*テーブル要素*/ th {width: 140px;} th,td {padding: 10px; border: 1px solid #c7dadc;} div#map img {margin-bottom: 12px;} /*アクセスマップここまで*/ /*ご利用ガイドここまで*/ div#profile {width: 564px; /*プロフィールここから*/ margin-top: 15px; margin-bottom: 15px; margin-left: 16px; text-align: left; border: 1px solid #c7dadc;} div#profile p {text-align: left; padding-top: 30px; padding-right: 65px; padding-left: 65px; line-height: 16px; } div#profile_y {margin-bottom: 35px; text-align: center;} div#profile_y img {margin-top: 50px;} div#profile_k {margin-bottom: 35px; text-align: center;} div#profile_k img {margin-top: 50px;} /*プロフィールここまで*/ div#link {width: 572px; /*リンクページここから*/ margin-left: 13px; margin-top:5px; margin-bottom: 15px; border: 1px solid #c7dadc; background-color: #ffffff;} p#link {text-align: left;padding: 20px; background-color: #ffffff;} table {width: 572px; margin-bottom: 20px; border: 1px solid #c7dadc; text-align: left; margin-left: 0px;} th {width: 160px;} th,td {padding: 10px; border: 1px solid #c7dadc;} div#link {color: #444444; text-decoration: none;} /*リンクページここまで*/ /*サロン情報ここから*/ div#salon {width: 100%; line-height: 16px; text-align: left;} div#saikou {width: 528px; /*あなたが最高ここから 1*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc; } div#saikou h4 img {margin-left: 12px;} /*あなたが最高ここまで*/ div#mannaka {width: 528px; /*あなたと幸せの真ん中にここから 2*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc; text-align: left; } /*あなたと幸せの真ん中にここまで*/ div#siawase {width: 528px; /*幸せオーラここから 3*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc; } /*幸せオーラここまで*/ div#inochi {width: 528px; /*地球はひとつの生命体ここから 4*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc; } /*地球はひとつの生命体ここまで*/ div#taisetu {width: 528px; /*大切な三つのＨここから 5*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc; } /*大切な三つのＨここまで*/ div#igaku {width: 528px; /*医学の前にできることここから 6*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc; } /*医学の前にできることここまで*/ div#donnakoto {width: 528px; /*ヒーリングって？ここから 7*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc; } /*ヒーリングって？ここまで*/ div#donnakoto h4 {margin-left: -190px;} div#watasitati {width: 528px; height: 260px; /*私たちがお待ちしていますここから 8*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc;} p#y {width: 40%; float: left; margin-top: 30px; margin-left: 12px;} p#k {width: 40%; margin-top: 15px; float: right;} /*私たちがお待ちしていますここまで*/ div#keisai {width: 528px; height: 190px; /*メディア掲載ここから 9*/ margin-top: 15px; padding: 5px 17px 7px 17px; margin-bottom: 20px; margin-left: 18px; margin-right: 18px; border: 1px solid #c7dadc;} p#mr {width: 33%; float: left; } p#pia {width: 33%; float: left; } p#tri {width: 33%; float: right; } /*メディア掲載ここまで*/ /*サロン情報ここまで*/ /*メインカラムここまで*/ /*フッターここから*/ div#footer {width: 100%; margin-top: -20px; font-family:Verdana,Helvetica,sans-serif; background-color: #339999;} div#footer h5 {display: inline; margin-left: 15px; margin-right: px; line-height: 22px;} div#footer h5#top {margin-left: 140px;} div#footer h5 a:hover, ul#footer a:active {border-bottom: 1px solid orange; color: #ffffff;} #footer a {color:#ffffff; } div#copyright {background-color: #339966; color: #ffffff;} #copyright h6 {display: inline; line-height: 35px; font-style:normal; padding-left: 13px; padding-right: 8px;} /*フッターここまで*/