@charset "utf-8";
 
* {
     margin: 0;
     padding: 0;
}
 
body {
     font-size: 62.5%;
     font-family:Meiryo, Osaka, verdana, arial, sans-serif;
     text-align: center;/*IE6用*/
     line-height: 1.5;
}

/*共通部分*/
a {
     text-decoration:none;
 }

a:link {
     color: #71150e;
}

a:visited { 
     color: #71150e; 
}

a:active { 
     color: #71150e; 
}

a:hover {
     color: #bf7d6b;/*薄ピンク*/
}
/*共通部分*/

/*画像とキャプション*/
.imagebox {
     font-size: 1.3em;
     text-align: left;/*IE6用*/
     margin: 5px auto 5px;
     width: 310px;
     padding: 10px;
     /*border-style:solid;
     border-width:1px;
     border-color: #a76c5c;/*ピンク*/
}
/*画像とキャプション*/

img { 
     border-width:0; 
}

blockquote {
     width: 350px;
     margin: 5px auto 5px;
     padding: 2.5px;
     border-width:1px;
     border-style:solid;
     border-color: red;
     text-align: left;/*IE6用*/
}

#container {
     width: 800px;
     margin: 20px auto 0;
     padding: 5px;
     /*border-width: 1px;
     border-style: solid;
     border-color: gray;*/
}



/*パンくずリスト*/
#pankuzu {
     width: 800px;
     text-align: right;/*IE6用*/
     font-size: 1.5em;
     font-color: #48572e;
}

#qua {
     float: left;
}

#header {
     margin-bottom: 10px;
}

#header p {
     margin-bottom: 10px;
     font-size: 1.3em;
     text-align: right;/*IE6用*/
}

#message {
     margin-top: 10px;
     text-align: right;/*IE6用*/
}

#message p {
     font-size: 1.3em;
     text-align: center;/*IE6用*/
}



/*gnavi*/
#gnavi {
     width: 800px;
     height: 100%;
     float: left;
     text-align: center;
     padding-bottom; 20px;
     margin-bottom: 10px;
     border-bottom:  1px solid #5c6e3d;/*緑*/
     border-top:  1px solid #5c6e3d;/*緑*/
}

/*gnaviフォント*/
#gnavi p {
     text-align: center;
     padding: 10px 10px 10px;
     font-size: 1.3em;
}

/*gnaviリンク*/
a.navi {
     display: block;
     display: inline;
     text-align: center;
     text-decoration:none;
     color: #000000;
     zoom: 1;
     border-top: 2px  solid;
     border-color: white;/*オレンジ*/
}

a.navi:visited {
     display: block;
     display: inline;
     text-align: center;
     text-decoration:none;
     color: #000000;
     border-top: 2px  solid;
     border-color: white;/*オレンジ*/
}

a.navi:hover {
     display: block;
     display: inline;
     text-align: center;
     text-decoration:none;
     border-top: 2px  solid;
     border-color: #f4a346;/*オレンジ*/
     /*background-color: #ffeabe;/*ie6用に中止クリーム*/
}
/*gnavi*/



/*トップページ*/
a.top:hover {
     border-bottom: 5px  solid;
     border-color: #f4a346;/*オレンジ*/
     /*background-color: #ffeabe;/*ie6用に中止クリーム*/
}

#topcontents {
     width: 800px;
     float: left;
     margin-bottom: 15px;
}

#topcontents p {
     margin: 0 0 3px;
     padding: 5px 10px 0;
     font-size: 1.4em;
     text-align: left;/*IE6用*/
}

#topcontents h1 {
     font-size: 2em;
     color: #48572e;/*茶色*/
     text-align: left;/*IE6用*/
}

#info {
     float: left;
     width: 800px;
     margin-bottom: 15px;
}

#pickup {
     float: left;
     margin-top: 15px;
     width: 390px;
     margin-right: 10px;
}

.pickbox {
     margin-top: 3px;
     float: left;
     width: 390px;
}

.pickbox img {
     float: left;
}


a.pick {
     color: #000000;
     display: block;
     height: 100%;
}

a.pick:visited {
     display: block;
     height: 100%;
}

a.pick:hover {
     color: #bf7d6b;/*薄ピンク*/
     display: block;
     height: 100%;
     background-color: #ffeabe;/*クリーム*/
}

#new {
     float: left;
     margin-top: 15px;
     width: 390px;
     margin-left: 10px;
}

*html body  div#new {
     float: left;
     margin-top: 15px;
     width: 350px;
     margin-left: 5px;
}

a.new {
     color: #000000;
     display: block;
     height: 100%;
}

a.new:visited {
     display: block;
     height: 100%;
}
a.new:hover {
     color: #bf7d6b;/*薄ピンク*/
     display: block;
     height: 100%;
     background-color: #ffeabe;/*クリーム*/
}

#info02 {
     float: left;
     width: 800px;
}

#infoboxl {
     float: left;
     width: 390px;
     margin-right: 10px;
}

#infoboxr {
     float: left;
     width: 390px;
     margin-left: 10px;
}

*html body div#infoboxr {
     float: left;
     width: 390px;
     margin-left: 5px;
}

.box {
     margin-bottom: 30px;
     float: left;
     width: 390px;
}

*html body div.box {
     margin-bottom: 30px;
     float: left;
     width: 350px;
}
/*トップページ*/

#main89 {
     float: left;
     margin-top: 15px;
     width: 590px;
}

/*注目情報・地図・院長*/
#main {
     float: left;
     margin-top: 15px;
     width: 590px;
}

#main p {
     margin: 0 50px 0;
     font-size: 1.5em;
     text-align: left;/*IE6用*/
}

#main h1 {
     margin: 0 50px 0;
     font-size: 2em;
     color: #48572e;/*茶色*/
     text-align: left;/*IE6用*/
}

#main ol  {
     list-style-position: inside; 
     margin: 5px 100px 10px;
     font-size: 1.5em;
     text-align: left;/*IE6用*/
}

#main ul  {
     list-style-position: inside; 
     margin: 5px 10px 5px;
     font-size: 1.5em;
     list-style-type: square;
     text-align: left;/*IE6用*/
}

#main img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#main blockquote {
     width: 460px;
     margin: 5px 60px 5px;
     padding: 2.5px;
     border-width:1px;
     border-style:solid;
     border-color: red;
     text-align: left;/*IE6用*/
}

#sub {
     font-size: 1.2em;
     text-align: left;/*IE6用*/
     float: right;
     width: 190px;
     margin-top: 15px;
     padding-left: 10px; 
     border-left: 1px solid gray;
     border-left-style: dashed;
     text-align: left;/*IE6用*/
}

#sub img {
/*    margin-left: auto;
    margin-right: auto; IE6用に未使用*/
    display: block;
}
/*注目情報・地図・院長・鍼灸*/



/*家庭の東洋医学*/
#kateimain {
     float: left;
     margin-top: 15px;
     width: 590px;
}

#kateimain p {
     font-size: 1.5em;
     text-align: left;/*IE6用*/
     margin: 0 0 10px;
     padding: 5px 10px 0;
}

#kateimain h1 {
     font-size: 2em;
     color: #48572e;/*茶色*/
     text-align: left;/*IE6用*/
}

#kateimain ol  {
     list-style-image: url(./img/button02.gif);
     font-size: 1.5em;
     text-align: left;/*IE6用*/
     padding-left: 50px;
}

#kateimain img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#index {
     margin: 15px auto 15px;
     width: 480px;
}


.k-box {
     padding: 15px;
     width: 400px;
     margin: 10px;
     border: 1px dashed #5c6e3d;/*緑*/
}

/*家庭の東洋医学*/
#main89 {
     float: left;
     margin-top: 15px;
     width: 490px;
}

#main89 p {
     font-size: 1.5em;
     text-align: left;/*IE6用*/
     margin: 0 0 10px;
     padding: 5px 10px 0;
}

#main89 h1 {
     font-size: 2em;
     color: #48572e;/*茶色*/
     text-align: left;/*IE6用*/
}

#main89 ol  {
     list-style-image: url(./img/button02.gif);
     font-size: 1.5em;
     text-align: left;/*IE6用*/
     padding-left: 50px;
     width:350px;
}

#main89 img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*一覧*/
a.indexbox {
     height: 100%;
     display: block;
}

a.indexbox:visited {
     height: 100%;
     display: block;
}

a.indexbox:hover {
     height: 100%;
     display: block;
     background-color: #ffeabe;/*クリーム*/
}
/*家庭の東洋医学*/



/*案内ページ*/
#a-top {
     float: left;
     width: 800px;
     margin-bottom: 1em;
}

#a-center {
     margin: 20px auto 20px;
     padding: 10px;
     width: 500px;
}

#a-center p {
     text-align: left;/*IE6用*/
}

#a-bottom {
     float: left;
     width: 800px;
}

/*上下画像枠*/
.a-box {
     float: left;
     width: 250px;
     margin: 6.5px;
     border: 1px solid #5c6e3d;/*緑*/
}
/*案内ページ*/



/*問い合わせ部分共通*/
#toiawase {
     float: left;
     padding: 15px 0 15px;
     width: 800px;
     text-align: left;/*IE6用*/
     margin-top: 5px;
}

#toiawase p {
     font-size: 1.2em;
     text-align: left;/*IE6用*/
}

/* IE用これがないとsubの直下にトップへのリンクがきてしまう */
#toiawase hr {
     width: 300px;
     color: white; /* 線の色(IE用) */
     border-style: dotted; /* 枠の種類 */
}

#denwa {
     float: left;
     width: 200px;
     margin-right: 20px;
     margin-left: 20px;
     text-align: center;/*IE6用*/
}

#denwa img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}


#yoyaku {
     float: left;
     width: 500px;
     margin-left: 10px;
}

#yoyaku h1 {
     font-size: 1.8em;
}

#yoyaku ul  {
     list-style-position: inside; 
     font-size: 1.5em;
     list-style-image: url(./img/button01.gif);
     text-align: left;/*IE6用*/
     margin-top: 1em;
}

#yoyaku li  {
     margin-top: 10px;
}
/*問い合わせ部分共通*/



/*フッター*/
#footer {
     margin-top: 10px;
     clear: both;
     height: 50px;
     border-top: 1px solid #5c6e3d;/*緑*/
}

#footer p {
     text-align: center;/*IE6用*/
     font-size: 1.3em;
}
/*フッター*/