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#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: 5px;} div#kurasi {width: 100%; /*よくあるQ&A ここから*/ height: 150px; padding-top: 3px; background: url(../img/kurasi.jpg);} /*TOP画像*/ h2#kurasi {font-size: 18px; margin-top: 1px; margin-left: 3px;} p#kurasi {margin-top: -22px; margin-left: 722px;} p#kurasi a {font-size: 18px; font-weight: bold;} p#kurasi a:link {color: #444444;} p#kurasi a:visited {color: #444444;} p#kurasi a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} div#kurasi2 {width: 570px; margin-top: 12px; margin-left: 15px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} div#kurasi2 h2 {padding-top: 28px; margin-bottom: 28px; margin-left: 142px; font-size: 23px ;} p#kurasi2 {width: 550px; bmargin-top: 25px; margin-left: 10px; line-height: 16px; margin-bottom: 40px; border-bottom: 5px solid #c7dadc ;} p#kurasi2 a:link {color: #509f4c;} p#kurasi2 a:visited {color: #509f4c;} p#kurasi2 a:hover,a:active {border-bottom: 1px solid #116bd1; color: #ff852b;} div#lunch {width: 550px; /*暮らしのレイキ１ここから*/ height: 200px; margin-bottom: 45px; margin-left: 10px; background: url(../img/kurasi1.jpg); border-bottom: 5px solid #c7dadc;} div#lunch h3 {margin-left: 232px; padding-top: 12px; font-size: 16px; font-weight: bold;} p#lunch {margin-left: 200px; margin-top: 12px;} /*暮らしのレイキ１ここまで*/ div#music {width: 550px; /*暮らしのレイキ2ここから*/ height: 200px; margin-bottom: 45px; margin-left: 10px; background: url(../img/kurasi2.jpg); border-bottom: 5px solid #c7dadc; } div#music h3 {margin-left: 20px; font-size: 16px; font-weight: bold;} p#music {margin-left: 10px; margin-top: 12px;} p#music2 {margin-left: 148px; margin-top: px;} /*暮らしのレイキ2ここまで*/ div#sigoto {width: 550px; /*暮らしのレイキ3ここから*/ height: 200px; margin-bottom: 45px; margin-left: 10px; background: url(../img/kurasi5.jpg); border-bottom: 5px solid #c7dadc; } div#sigoto h4 {margin-bottom: 25px; margin-left: 20px; font-size: 16px; font-weight: bold;} p#sigoto {margin-left: 10px; margin-top: 12px;} /*暮らしのレイキ3ここまで*/ div#kazoku {width: 550px; /*暮らしのレイキ4ここから*/ height: 200px; margin-bottom: 45px; margin-left: 10px; background: url(../img/kurasi4.jpg); border-bottom: 5px solid #c7dadc; } div#kazoku h5 {margin-bottom: 25px; margin-left: 20px; font-size: 16px; font-weight: bold;} p#kazoku {margin-left: 10px; margin-top: 12px;} /*暮らしのレイキ4ここまで*/ div#cafe {width: 550px; /*暮らしのレイキ5ここから*/ height: 200px; margin-bottom: 45px; margin-left: 10px; background: url(../img/kurasi7.jpg); border-bottom: 5px solid #c7dadc; } div#cafe h6 {margin-bottom: 25px; margin-top: 25px; margin-left: 20px; font-size: 16px; font-weight: bold;} p#cafe {margin-left: 178px; margin-right: 20px; margin-top: 12px;} p#kurasi-1 {margin-left: 58px; margin-bottom: 30px;} p#kurasi-1 a:link {color: #444444;} p#kurasi-1 a:visited {color: #444444;} p#kurasi-1 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*暮らしのレイキ5ここまで*/ div#kousi {width: 100%; /*講師紹介 ここから*/ height: 150px; padding-top: 3px; background: url(../img/kurasi.jpg);} /*TOP画像*/ h2#kousi {font-size: 18px; margin-top: 1px; margin-left: 3px;} div#kousi2 {width: 570px; margin-top: 12px; margin-left: 15px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} div#kousi2 h2 {padding-top: 28px; margin-bottom: 28px; margin-left: 142px; font-size: 23px ;} p#kousi2 {width: 550px; bmargin-top: 25px; margin-left: 10px; line-height: 16px; margin-bottom: 40px; border-bottom: 5px solid #c7dadc ;} p#kousi2 a:link {color: #509f4c;} p#kousi2 a:visited {color: #509f4c;} p#kousi2 a:hover,a:active {border-bottom: 1px solid #116bd1; color: #ff852b;} /*講師紹介 ここまで*/ /*各ページ、メインカラム内容ここまで*/ /*メインカラムここまで*/ /*フッターここから*/ 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;} /*フッターここまで*/