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.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: 200px; padding-top: 3px; background: url(../hpimg/2010-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#aisatu {width: 510px; /*ようこそだいちのうたへ ここから*/ padding: 7px 15px 3px 15px; margin-top: -18px; margin-left: 27px; text-align: left; line-height: 16px; border: 1px solid #c7dadc;} div#aisatu img {margin-bottom: 7px;} /*ようこそだいちのうたへ ここから*/ div#syoukai {width: 100%; /*サロン理念ここから*/ height: 56px;} div#syoukai1 {width: 33%; float: left; line-height: 16px;} div#syoukai1 p a:link {color: #444444;} div#syoukai1 p a:visited {color: #444444;} div#syoukai1 p a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} div#syoukai2 {width: 33%; float: left; line-height: 16px;} div#syoukai2 p a:link {color: #444444;} div#syoukai2 p a:visited {color: #444444;} div#syoukai2 p a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} div#syoukai3 {width: 33%; float: right; line-height: 16px;} div#syoukai3 p a:link {color: #444444;} div#syoukai3 p a:visited {color: #444444;} div#syoukai3 p a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} /*サロン理念ここまで*/ div#reikihp {width: 541px; height: 111px; margin-top: 15px; margin-bottom: 15px; margin-left: 26px; border: 1px solid #c7dadc;} p#reikihp {text-align: left; margin-top: -102px; margin-left: 72px;} p#reikihp a {font-size: 15px; font-weight: bold;} p#reikihp a:link {color: #444444;} p#reikihp a:visited {color: #444444;} p#reikihp a:hover,a:active {color: #21a51b;} p#reikihp2 {margin-top: -30px; margin-left: 112px;} p#reikihp3 {margin-top: 10px; margin-bottom: 2px; margin-left: 128px; font-size: 13px; font-weight: bold;} p#reikihp4 {text-align: left; margin-left: 180px; font-size: 10px; line-height: 14px;} div#event {width: 100%;} /*イベント＆キャンペーンのお知らせ ここから*/ div#event1 {float: left; width: 218px; height: 234px; background: url(../hpimg/evente.png); border: 1px solid #c7dadc; margin-top: 12px; margin-left: 26px; margin-bottom: 35px; line-height: 17px; text-align: left ;} p#event1 {text-align: center; margin-top: 68px; margin-left: 8px; font-size: 18px; font-weight: bold;} p#event2 {text-align: left; padding-left: 25px; padding-right: 25px;} p#event3 {text-align: center;} p#event3 a:link {color: #444444;} p#event3 a:visited {color: #444444;} p#event3 a:hover,a:active {border-bottom: 1px solid #c27954; color: #21a51b;} h2#osirase img {margin-top: 15px;margin-bottom: -5px;} /*イベント＆キャンペーンのお知らせ ここまで*/ div#kouza {float: right; /*ブログと講座案内ここから*/ width: 302px; height: 320px; margin-top: 12px; margin-right: 29px; } div#kouza1 { border: 1px solid #c7dadc; /*ひかりの散歩道ここから*/ width: 300px; height: 111px; margin-bottom: 15px;} p#blog {text-align: left; margin-top: -86px; margin-bottom: px; margin-left: 9px;} p#blog a {font-size: 13px; font-weight: bold;} p#blog a:link {color: #444444;} p#blog a:visited {color: #444444;} p#blog a:hover,a:active {color: #21a51b;} div#kouza2 { border: 1px solid #c7dadc; /*フェアリーダイアリーここから*/ width: 300px; height: 105px;} p#blog2 {text-align: left; margin-top: -92px; margin-left: 12px;} p#blog2 a {font-size: 24px;} p#blog2 a:link {color: #444444;} p#blog2 a:visited {color: #444444;} p#blog2 a:hover,a:active {color: #21a51b;} p#blog3 {font-size: 10px; text-align: left; margin-top: 3px; margin-left: 15px; line-height: 14px;} /*ブログと講座案内ここまで*/ div#yoyaku {width: 522px; clear: both;} /*各ページ、メインカラム内容ここまで*/ /*メインカラムここまで*/ /*フッターここから*/ 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;} /*フッターここまで*/ /*ページタイトル*/ p#bar{ width:600px; height:45px; clear:both; background:url(../bar/topbar2.jpg); margin-bottom:5px; }