@charset "UTF-8";"


body	{margin: 0;
        font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}



/* サイト名 */
.site h1 a   {color:#000066;
             text-decoration: none}

.site h1     {margin: 0;
             font-size: 30px}

.menu ul     {margin  0;
              padding: 0;
              list-style: none;}

.menu li a   {display: block;
              color: #ffffff;
              font-size: 12px;
              padding: 10px 7px;
              text-decoration: none;}

.menu li a:hover   {background-color: #a9a9a9}

.menu ul:after     {content: "";
                    display: block;
                    clear: both;
                    }
                    
.menu li           {float: left;
                    width:  auto;
                    }


.span {cursor: pointer;
      cursor: hand; background: #343838;}

#menu {
 position: left;
 width: 100%;
 padding-left: 10px;
 height: 40px;
 background: #343838;/*グローバルメニュー背景色*/
}
.menu-inner{
 width: 1140px;
 margin: 0 0;
 height: 40px;
}
#menu li {
 list-style-type: none;
 float: left;
 height: 40px;
 text-align: left;
 background: #0a9aaa;
}
#menu li a {
 padding-left: 5px;
 padding-right: 5px;
 display: block;
 color: #ffffff;/*グローバルメニュー文字色*/
 font-size: 80%;
 font-weight: bold;
 line-height: 36px;
}
#menu li:hover a {
 color: #00DFFC;
 background: #ffffff;
 transition: all .5s;
}

.menu-toggle{
 display: none;
} 

/*パソコン１カラム*/
@media screen and (max-width:968px){
    .menu-inner{
        width: 768px;
    }
}

/*タブレット*/
@media screen and (max-width:768px){
 #top-editarea{
  height: initial;
  background: #343838;/*MENU背景色*/
  text-align: right;/*MENUの文字の位置*/
  width: 100%;
 }
 .menu-toggle{
  color: #ffffff;/*MENUの文字色*/
  font size: 16px;
  display: inline-block;
  padding: 5px;
  margin: 3px;
 }
 #menu {
  width: 100%;
  display: none;
  height: initial;
  padding: 0;
  margin: 0;
  
 }
 .menu-inner{
  width: 100%;
  height: initial;
  position: static;
  margin: 0;
 }
 #menu li{
  float: none;
  height: 35px;
  width: 100%;
  list-style-type: none;
  background: #343838;/*リスト文字の背景色*/
  margin: 0 auto;
  text-align: left;/*リストの文字の位置*/
 }
 #menu li a {
  height: initial;
  color: #ffffff;/*リスト文字色*/
  display: block;
 }
#menu li:hover a {
 color: #00DFFC;
 background: #ffffff;
 transition: all .5s;
}
}

a#tel {
  position: fixed;
  width: 200px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  left:50%;
  bottom: 10px;
  margin-left:-100px;
  display: block;
  background: rgba(0,102,204,.7);
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size:12px;
  border-radius: 10px;
}
 
a#tel:hover{
  background: rgba(0,102,204,.8);
}

.btn {
	    text-decoration: none;
	    font-weight: bold;
	    text-align: center;
	    font-size: 12px;
	    display: block;
	}

.btn {
	    background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	    background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	    color: #FFF;
	    border-radius: 1px;
	    -moz-border-radius: 1px;
	    -webkit-border-radius: 1px;
	    border: 1px solid #0099CC;
	    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,0.5);
            -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,0.5);
	    text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	    width: 88px;
            padding: 1px 0;
	}

.btn2{text-decoration:none;font-weight:700;text-align:center;font-size:12px;display:block;background:-moz-linear-gradient(top,#BFD9E5,#3D95B7 50%,#0080B3 50%,#09C);background:-webkit-gradient(linear,left top,left bottom,from(#BFD9E5),color-stop(0.5,#3D95B7),color-stop(0.5,#0080B3),to(#09C));color:#FFF;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;border:1px solid #09C;-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0 0 1px rgba(255,255,255,0.5);-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0 0 1px rgba(255,255,255,0.5);text-shadow:0 0 1px rgba(0,0,0,0.5);width:250px;padding:1px 0}


 /* BOXAの背景 */
.boxA         {background-color: #333333;}

.box2         {background-image: url(//jitensyadoctor.com/banner3-sub1-2-2-375px.png);
              min-height: 214px; 
              clear:both;}

 /* BOX3の背景 */
.box3         {background-image: url("./bg005.gif");
              max-width: 100%;}
              
.box3-2       {background-image: url("./bg005.gif");
              max-width: 100%;}

.box4         {background-image: url("./bg005.gif");
              max-width: 100%;}

.table        {padding-bottom: 10px;
              color: #000066;
              }

.table td     {font-size: 12px;}

.table a      {color: #000066;
              font-size: 12px;}

.setsumei     {color: #000066;
              font-size: 12px;}

.greeding1 ul {margin:  0;
              padding: 10px 15px;
              list-style: none;}

.greeding1 li {padding: 2px;
              color: #000066;
              font-size: 12px;
              text-align: left;
              text-decoration: none;}
              
.greeding1 span {padding: 10px 15px;
                }

.greeding1 a {display: block;
              color: #ffffff;
              font-size: 12px;
              padding: 10px 7px;
              text-decoration: none;}

.greeding1 span:hover {background-color: #a9a9a9}

.greeding2 ul {margin:  0;
              padding: 10px 15px;
              list-style: none;}

.greeding2 li {padding: 2px;
              font-size: 12px;
              text-align: left;
              text-decoration: none;}
              
.greeding2 span {padding: 5px 5px;}

.greeding2 span:hover {background-color: #a9a9a9}

.tel-link     {padding: 1px 1px;}

.tel-link li:after  {content: "";
                    display: block;
                    clear: both;
                    }
                    
.tel-link span      {float: left;
                    width:  auto;
                    }

.tel-link span a    {padding: 10px 7px;
                    color: #000066;}

.area-menu ul {margin  0;
              padding-left: 10px;
              list-style: none;}

.area-menu li a   {display: block;
                  font-size: 12px;
                  color: #000066;
                  padding: 3px 5px;
                  text-decoration: underline;}

.area-menu li a:hover   {background-color: #a9a9a9}
 
.area-menu ul:after {content: "";
                    display: block;
                    clear: both;
                    }

.area-menu li       {float: left;
                    width:  auto;
                    }

 /* ヘッダー文字 */
 #my-header    {font-size: 12px;}

 /* ボックスの左右 */

.box1         {padding-left: 10px;
              padding-right: 10px}

.box5-inner   {padding-left: 10px;}

 /* ボックスの上下 */
.boxA          {padding-bottom: 0px}

 /* BOX5をバーにする */
.box5         {padding-top: 15px;
               padding-bottom: 15px;
               background-color: #dddddd}

   /* コピーライト */
.copyright2       {margin: 0;
               color: #666666;
               font-size: 12px}

.link-other   {margin-right: 30px;}

.link-other a {color: #000066;}

.copyright2:after   {content: "";
              display: block;
              clear: both}

.footer         {float: left;
        width: 80%;}

.link-other	{float: right;
	width: 5%;}


@media only screen and (min-width: 321px) and (max-width: 360px) {
.box2{background-image:url(//jitensyadoctor.com/banner3-sub1-2-2-375px.png); display: none !important; min-height:214px}
.box2{background-image:url(//jitensyadoctor.com/banner3-sub1-2-2-375px.png); display: block !important; min-height:214px}
}
@media only screen and (min-width: 375px) and (max-width: 599px) {
.box2{background-image:url(//jitensyadoctor.com/banner3-sub1-2-2-375px.png); display: none !important; min-height:214px}
.box2{background-image:url(//jitensyadoctor.com/banner3-sub1-2-2-375px.png); display: block !important; min-height:214px}
}


/* ########### 600px以上 ########### */
@media (min-width: 600px) {
.boxB:after{content:"";display:block;clear:both}
.box2{background-image:url(//jitensyadoctor.com/banner3-sub1-2-2-375px.png);min-height:214px}
.box3{float:left;width:50%;height:280px}
.box3-2{float:left;width:50%;height:280px}
.gaiyou p{margin-top:0;margin-bottom:0;padding-top:14px;padding-bottom:14px;background-color:#524e3c;font-size:14px;display:block;height:40px}
.copyright2{margin:0;color:#666;font-size:14px}
}

/* ########### 768px以上 ########### */

/* BOX1とBOX2を横に並べる設定 */
@media (min-width: 767px) {

/* ナビゲーション */

.menu ul    {margin: 0;
             padding: 0;
             list-style: none}

.menu li a  {display: block;
             padding: 10px 15px;
             color: #ffffff;
             font-size: 12px;
             text-decoration: none}

.menu li a:hover   {background-color: #a9a9a9}

.greeding1 li {color: #000066;
              font-size: 14px;
              text-align: left;
              text-decoration: none;}
              
.greeding1 a {display: block;
              color: #ffffff;
              font-size: 14px;
              padding: 10px 7px;
              text-decoration: none;}
              
.greeding2 li {font-size: 14px;
              text-align: left;
              text-decoration: none;}

.greeding2 span {font-size: 14px; padding: 10px 10px;}


.area-menu li a {padding: 5px 7px;
                font-size: 14px;}

/* テーブル */
.table th{
font-size: 14px;
}
.table td{
font-size: 14px;
}

.boxB:after   {content: "";
              display: block;
              clear: both}

.box3	{float: left;
	width: 50%;
	height: 280px;}

.box3-2 {float: left;
	width: 50%;
	height: 280px;}
}


@media screen and (min-width: 768px) {
a#tel {
	display: none;
}
}
@media screen and (min-width:960px) {
a#tel {
	display: none;
}
}

 /* ########## 1190px以上 ########## */
 @media (min-width: 1140px) {

 /* 全体の横幅を固定 */
 .boxA, .my-header-inner, .box5, .box5-inner, .box6, .boxB
                       {width: 1140px;
                       margin-left: auto;
                       margin-right: auto;}
}