/* ←追加 */

html,body{
 margin:0;            
 padding:0;
}

html,head{
 margin:0;            
 padding:1;
}


html,title{
 margin:0;           
 padding:0;
}





/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   /* background-color: #228822;  バーの背景色(濃い緑色)20190727修正 */
   background-color:white;
   /*display: table;　 20190619追加 */
   /*table-layout: fixed;　 20190619追加 */
   width: 100%; /* 20190619追加 */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
 /*  width: 165px;           メニュー項目の横幅(125px)20190618修正175.2px */
   width: 135px;
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
  /* border-right: 1px solid white;　 20190619追加 */
  /* display: table-cell;　　サブメニューが一行になるから、だめ！*/


/* 20190619追加
ul.ddmenu li :last-child {
    border-right: none;　　
}
 */

}
ul.ddmenu a {
   /*background-color: #228822;  メニュー項目の背景色(濃い緑色) */
   background-color:white;
   /*color: white;               メニュー項目の文字色(白色) */
   color: #228822;
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #FFF5EE; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
  /* width: 165px;               サブメニュー1項目の横幅(135px) 20190618修正175.1px*/
  width: 135px;
   
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
   line-height: 35px;     /* サブメニュー1項目の高さ(35px) */
   text-align: left;      /* 文字列の配置(左寄せ) */
   padding-left: 5px;     /* 文字列前方の余白(5px) */
   font-weight: normal;   /* 太字にはしない */
}
ul.ddmenu ul li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}









/* ------------------------ */
/* ▼各項目 */
/* ------------------------ */








/*

h2{
   padding:20px;
   font-size:80px;
   color:white;
   background-color:darkseagreen;
  }

*/

/* ▼pタグ */

/* p {line-height: 1.7; padding:20px;} */


/*トップ店特徴*/

.sample {
  
  list-style-type: none;     /*箇条書きのポッチを消す*/
 /* text-align: center 左右中央寄せは親要素に対して指定*/
}

.inner {
  display: inline-block;     /*inline-blockにします、下のtableなどのmargin-topを負の値を指定すると、inner-block要素隙間解消！*/

  text-align: center;       /*親要素で指定、p,imgを中央よせ*/
  width: 208px;              /*幅も指定できる*/
  height: 180px;
  padding: 6px 5px;        /*余白も指定できる*/
  margin: 6px 5px;         /*余白も指定できる*/
  padding-left: 35px; 
  vertical-align: middle;    /*縦の表示位置も指定できる*/
 /* background: #FAEBD7;       背景を水色に*/
　border: solid 3px orange;
 /* font-weight: bold;*/         /*文字を太字に*/
  color:black;              /*文字色を白に*/
 line-height: 1.5;
}

.inner p { text-align : left; padding: 8px;}


.inner img {
  width: 150px;
  text-align: center; 
}


/*Topメイン内容*/

.box-main {
    /*margin: 2em 0;*/
    /*margin: 5px 5px;*//*Topメイン内容*/
    margin: 5px 20px;  /*2010/1/17*/
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box-main .box-title {
    font-size: 1.0em;
    background: #5fc2f5;
    padding: 5px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

/*
.box-main table {
    margin-left: 10px;
    margin-right: 10px;
   line-height: 1.5;
}

.box-main td{
    margin-right: 15px;
    padding-right: 15px;
   line-height: 1.5;
}
*/



.box1 {
    position: relative;
    margin: 2em 0.5em; 
    padding: 0.5em 1em;
    border: solid 3px #9999CC;
    border-radius: 8px;
    /*text-decoration: underline;*/
    line-height: 1.7;
}

.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    /* font-size: 25px; */  /* 20201/17*/
    font-size: 23px; /* 20201/17*/
    background: #FFF;
    color: #9999CC;
    font-weight: bold;
}


.box1 p {
  margin: 0; 
  padding: 0;
　font-weight: bold;
　line-height:1.7;
}


.box1 p a {
  text-decoration: none;  /* メニュー項目の装飾(下線を消す) */
}


/* ------------------------ */
/* ▼content文章理論 */
/* ------------------------ */

.box-writing {
    padding: 0.5em 1em;
    margin: 0 1em;
    background: #FFFFFF;
    border: solid 2px #5b8bd0;
    text-align: left;
    line-height: 1.5;
}

.box-writing p {
    margin: 0; 
    padding: 1em;
}


.box-writing h1  {
  padding: 0.4em 0.5em;  /*文字の上下 左右の余白*/
  color: #494949;        /*文字色*/
  background: #f4f4f4;  /*背景色*/
  border-left: solid 5px #7db4e6;   /*左線*/
  border-bottom: solid 3px #d7d7d7;  /*下線*/
}

.box-writing h3  {
  font-weight: bold;
}





/* ------------------------ */
/* ▼content文章医学 */
/* ------------------------ */

.box-writing2 {
    padding: 0.5em 1em;
    margin: 0 1em;
    background: #FFFFFF;
    border: solid 2px #66FF66;
    text-align: left;
    line-height: 1.5;
}

.box-writing2 p {
    margin: 0; 
    padding: 1em;
}




.box-writing2 h1 {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}


.box-writing2 h1:before {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


.box-writing2 h2  {
  font-weight: bold;
}


.box-writing2 h3  {
  font-weight: bold;
}

/*
.box-writing2 .img1 {
  position: absolute;
  width: 450px;
  text-align: left;
  z-index: 1;
  }



.box-writing2 .img2 {
  position: absolute;
  width: 450px;
　text-align: left;
  z-index: 2;
  }
*/


/* ▼test見出し */
/*

.midasi {
    padding: 0.5em 1em;
    margin: 0 1em;
    background: #FFFFFF;
    border: solid 2px #32CD32;
    text-align: left;
}


.midasi h2 {
  position: relative;
  padding: 5px 5px 5px 42px;
  background: #77c3df;
  font-size: 20px;
  color: white;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-1;
}

.midasi h2:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}

.img1 {
  position: absolute;
  width: 750px;
  text-align: center;
  z-index: 1;
  }



.img2 {
  position: absolute;
  width: 750px;
　 text-align: center;
  z-index: 2;
  }


*/



/*店と漢方薬の紹介*/



.box-about{
    padding: 10px 10px;
    margin: 10px 5px;
    background: #F8F8FF;
    /*background-image:"./image/aboutback.png";*/
   /* border: solid 2px #66FF66;*/
    text-align: center;
    font-size: 10px;
    line-height:2.0em;
}


.box-about p { text-align :left; padding-left: 30px; }

/*
.box-about img {
  width:150px; 
  align: left; 
  padding-right: 30px; 
}
*/

.box-about.box-title {
    font-size: 3.0em;
    background: #5fc2f5;
    padding: 5px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}





/*ボクス2020/03/27*/

.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}

<!--
.bottom{
        border-bottom-style:double;
        border-bottom-width:4px;
        border-color:darkseagreen;
        color: gray;
        font-family:Impact;
        font-size:24px;
        }





-->



* { margin: 0; padding: 0; } 
ブラウザによるレイアウト崩れを防ぐため、余白を全て0に指定。

#cover { margin-top: 0; text-align: center; } 
/*上と左右の余白を調節するためのブロック用CSS。上余白40ピクセル、内部ブロック中央揃え（IE対策）。*/

 
/* #container { margin-left: auto; margin-right: auto; text-align: left; width: 1100px; background-color: lightsteelblue; } */
/*レイアウト崩れの防止、中央配置ブロック用のCSS。左余白自動、右余白自動、内容を左揃え（IE対策）、幅750ピクセル、背景はlightsteelblue(サブコンテンツの背景色として表示される*/ 

#container { margin-left: auto; margin-right: auto; text-align: left; width: 1100px; background-color: white; }


/* #title { background-color: steelblue; color: white; } */
/*タイトル用指定。背景はsteelblue、文字色は白。*/

title { background-color: white; color: white; }
 

/* #content  { float: right; width: 850px; background-color: aliceblue; } */
/*メインコンテンツブロック用CSS。右寄せ、幅600ピクセル、背景はaliceblue。*/ 

/* #content  { float: right; width: 850px; background-color: white; } */   /*  2020/1/17  */
#content  { float: right; width: 830px; background-color: white; margin: 15px; }  /*  2020/1/17  */

#menu  { float: right; width: 220px; background: #FAEBD7; }  /*  2020/1/17  */
/*サブコンテンツ用CSS。右寄せ、幅150ピクセル。*/ 

/* #foot  { clear: right; background-color: steelblue; color: white; }  */
/*脚注ブロック用CSS。flatの解除、背景steelblue、文字色を白。*/

#foot  { clear: right; background-color: white; color: white; }  

.inbox { padding: 10px; } 
/*余白用ブロックのCSS。10ピクセルの余白を指定。*/