body {width: 800px; margin: 0 auto; color:#69686a; /*ボディ内の文字色*/ background: 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.6; text-align: left} h1 span {margin: 5px auto 0; display: block; width: 100%; line-height: 1.2; color: #ffffff; background-color: #d6b329; letter-spacing: 2px;} /*h1構成内容ここまで*/ /*グローバルナビここから*/ div#pan ol#topicPath {margin: 35px ; /*パンくずリストここから*/ 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-left: 0; 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#nav-image {width: 100%; height: 250px; padding-top: 3px; background: url(../img/reiki_top.jpg);} /*ナビ(TOP)画像など*/ h2#navi img {margin-left: 258px; margin-top: 13px;} p#navi {font-size: 15px; margin-top: 17px; margin-left: 236px; } div#content {position: relative; /*コンテンツ*/ width: 100%;} /*メインカラムここから*/ /*各ページ、メインカラム内容ここから*/ div#main-col { margin-left: 200px; margin-bottom: 20px; /*メインカラム*/ width: 600px; background-color: #99cc99; text-align: center; } div#sect-01 {width:600px; margin-top: px; margin-left: 1px; background-color: #ffffff; /*sect 01*/ margin-right: 1px; margin-bottom: 0px;} div#bar {width: 600px; /*ページタイトル*/ height: 45px; clear: both; background: url(../bar/topbar2.jpg); margin-top: 3px; margin-bottom: px;} p#bar {margin-bottom: -10px;margin-left: 518px;} p#bar a {font-size: 11px; font-weight: bold;} /*トップへのリンク*/ p#bar a:link {color: #444444;} p#bar a:visited {color: #444444;} p#bar a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} div#yokuaru {width: 100%; /*よくあるQ&A ここから*/ height: 136px; padding-top: 3px; background: url(../img/yokuaru-qa.jpg);} /*TOP画像*/ h2#yokuaru {font-size: 34px; margin-top: 1px; margin-left: 3px;} p#top {margin-top: -30px; margin-left: 722px;} p#top a {font-size: 18px; font-weight: bold;} p#top a:link {color: #444444;} p#top a:visited {color: #444444;} p#top a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} div#yokuaru2 {width: 570px; margin-top: 12px; margin-left: 15px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} div#yokuaru2 h3 {padding-top: 42px; margin-left: 96px; font-size: 28px ;} div#yokuaru2 h4 {padding-top: 28px; margin-bottom: 24px; margin-left: 102px; text-align: left; font-size: 23px ;} p#yokuaru {padding-left: 35px; padding-right: 35px; line-height: 18px; font-size: 14px;} p#yokuaru-1 {margin-left: 58px; margin-bottom: 30px;} p#yokuaru-1 a:link {color: #444444;} p#yokuaru-1 a:visited {color: #444444;} p#yokuaru-1 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*よくあるQ&A ここまで*/ div#tokutyou {width: 570px; /*いろいろ ここから*/ margin-top: 12px; /* レイキの特徴ここから*/ margin-left: 15px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} h2#tokutyou {font-size: 28px; text-align: center; margin-top: -15px; margin-bottom: 25px;} p#tokutyou {padding-left: 60px; padding-right: 60px; line-height: 18px; font-size: 14px;} p#tokutyou2 {margin-left: 58px; margin-bottom: 30px;} p#tokutyou2 a:link {color: #444444;} p#tokutyou2 a:visited {color: #444444;} p#tokutyou2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /* レイキの特徴ここまで*/ div#jiyuu {width: 570px; /* レイキは自由ここから*/ margin-top: 12px; margin-left: 15px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} h2#jiyuu {font-size: 28px; text-align: center; margin-top: -15px; margin-bottom: 25px;} p#jiyuu {padding-left: 60px; padding-right: 60px; line-height: 18px; font-size: 14px;} p#jiyuu2 {padding-left: 60px; padding-right: 60px; line-height: 18px; } p#jiyuu2 a:link {color: #444444;} p#jiyuu2 a:visited {color: #444444;} p#jiyuu2 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /* レイキは自由ここまで*/ div#nagare {width: 570px; /* お申し込みの流れここから*/ margin-top: 12px; margin-left: 15px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} h2#nagare {font-size: 24px; text-align: center; margin-top: -15px; margin-bottom: 25px;} div#nagare2 {width: 420px; /*STEP1*/ margin-top: 12px; margin-left: 70px; text-align: left; line-height: 16px; border: 5px solid #c7dadc;} h3#nagare2 {font-size: 30px; font-weight: bold ; margin-top: 15px; margin-bottom: 15px; margin-left: 20px; color: #21a51b;} p#nagare2 {padding-left: 40px; padding-right: 40px; line-height: 18px; } div#nagare3 {width: 420px; /*STEP2*/ margin-top: 12px; margin-left: 70px; text-align: left; line-height: 16px; border: 5px solid #c7dadc;} h4#nagare3 {font-size: 30px; font-weight: bold ; margin-top: 15px; margin-bottom: 15px; margin-left: 20px; color: #21a51b;} p#nagare3 {padding-left: 40px; padding-right: 40px; line-height: 18px;} div#furikomi {width: 340px; margin-bottom: 15px; margin-left: 37px; text-align: left; line-height: 16px; border: 3px solid #feb7f5;} p#osiharai {font-size: 18px; font-weight: bold; margin-top: 12px; margin-bottom: 10px; text-align: center;} p#osiharai2 {padding-right: 20px; padding-left: 20px;} p#furikomi {margin-top: 15px; margin-bottom: 15px; margin-left: 10px; font-size: 18px; font-weight: bold; text-align: center;} p#furikomi2 {margin-bottom: 15px; margin-left: 10px; font-size: 18px; font-weight: bold; text-align: center; } div#nagare4 {width: 420px; /*STEP3*/ margin-top: 12px; margin-left: 70px; text-align: left; line-height: 16px; border: 5px solid #c7dadc;} h5#nagare4 {font-size: 30px; font-weight: bold ; margin-top: 15px; margin-bottom: 15px; margin-left: 20px; color: #21a51b;} p#nagare4 {padding-left: 40px; padding-right: 40px; line-height: 18px; } p#nagare5 {text-align: center;} p#nagare5 a {font-size: 18px; font-weight: bold;} p#nagare5 a:link {color: #444444;} p#nagare5 a:visited {color: #444444;} p#nagare5 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} p#nagare6 {text-align: center; margin-bottom: 25px;} p#nagare6 a:link {color: #444444;} p#nagare6 a:visited {color: #444444;} p#nagare6 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /* お申し込みの流れここまで*/ div#yoyakumae {width: 570px; /* 予約前に必ずお読みください ここから*/ margin-top: 12px; margin-left: 15px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} h2#yoyakumae {font-size: 26px; text-align: center; margin-top: -15px; margin-bottom: 25px;} h3#yoyakumae {font-size: 18px; font-weight: bold; margin-top: 25px; margin-left: 58px; margin-bottom: 15px;} p#yoyakumae {padding-left: 60px; padding-right: 60px; line-height: 18px; font-size: 14px;} h4#yoyakumae {font-size: 18px; font-weight: bold; margin-top: 25px; margin-left: 58px; margin-bottom: 15px;} p#yoyakumae2 {padding-left: 60px; padding-right: 60px; line-height: 18px; font-size: 14px;} h5#yoyakumae {font-size: 18px; font-weight: bold; margin-top: 25px; margin-left: 58px; margin-bottom: 15px;} p#yoyakumae3 {padding-right: 60px; padding-left: 60px; margin-bottom: 35px; line-height: 18px; font-size: 14px;} /* 予約前に必ずお読みください ここまで*/ p#yoyakumae4 {text-align: center; margin-bottom: 25px;} p#yoyakumae4 a:link {color: #444444;} p#yoyakumae4 a:visited {color: #444444;} p#yoyakumae4 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*いろいろ ここまで*/ /*各ページ、メインカラム内容ここまで*/ /*メインカラムここまで*/ /*フッターここから*/ div#footer {clear: both; 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;} /*フッターここまで*/