/* CSS Document */

a.a-black {
	color: #000000;	/*リンクテキストの色*/
	text-decoration : none;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a.a-black:hover {
	color: #ff0000;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

table.process-table {  /*予防歯科プロセス枠*/
  border: 1px solid #aaaaaa;
  border-radius: 6px;
  border-collapse: separate;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  
}

table.process-table th,
table.process-table td {
  padding: 0px;
  /*border: 1px solid #00aa00;*/
}

table.process-table th {
  background-color: #aaffaa;
  text-align: center;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

.year-title{
border: 1px solid #666666;
background:#dfdfdf;
border-radius: 6px;
float:left;
font-size: 18px;
font-weight: bold;
color: #777;
width:60px;
height: 60px;
/*height:500px;*/
/*margin: 0 auto;*/
padding:10px;
margin-right:10px;
margin-bottom: 5px;
text-align: center;

 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
/*background:#aaaaff;*/

}

/*ブロック：画像最大ブロック幅100％左寄せ文字回り込み*/

.float-ph-left-proph{
float:left;
max-width:100%;
/*height:500px;*/
margin: 0 auto;
/*margin-bottom: 20px;*/
/*background:#aaaaff;*/

}


@media screen and ( max-width:640px) {
    /*　画面サイズが0pxから640pxまではここを読み込む　*/

#info-head {/*ヘッダー*/
    position: relative;
	width: 100%;
	margin: 0;
	background-image:url(../treat/treat-header-smph.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

#info-head:before {
    content:"";
    display: block;
    padding-top: 71%; /* 背景画像高さ */
}

.info-content-head { /* キャプションとタイトルが入る箱 */
position: absolute;
/*border:1px solid red;*/
top: 40%;/* 上位ボックス内での位置 */
left: 2%;/* 配置・ボックス中央そろえ */
right: 0;/* 配置・ボックス中央そろえ */
bottom: 0;/* 配置・ボックス中央そろえ */
width: 240px;/* ボックスの大きさ */
height:100px;
background: rgba(255,255,255,0.7);
font-size: 12px;
/*margin: 0 auto; 配置・ボックス中央そろえ・上とダブる？ */
padding: 10px;
 border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */ 
}

.info-head-circle {
position: absolute;
/*background:#aaffaa;*/
top:14px;
left:8px;
margin: 0;
   width:12px;
   height: 12px;
   border:3px solid #0081c0;
   border-radius: 12px;
}

.info-head-title {
position: absolute;
/*border:1px solid blue;*/
top:12px;
left:30px;
margin: 0;
height:auto;
font-size: 16px;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
font-weight:bold;
}

.info-head-caption { /* キャプションが入る箱 */
position: absolute;
/*border:1px solid black;*/
top:36px;
left:30px;
font-size: 12px;
line-height: 150%;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
margin: 0 auto;/* 配置・ボックス中央そろえ・上とダブる？ */
padding: 0;
}

table.proph-bot {  /*予防歯科ボタン枠*/
  border: 1px solid #666666;
  background: linear-gradient(#ffffff, #cccccc);
  border-radius: 6px;
  border-collapse: separate;
  text-align: center;
  margin: 0 auto;
  padding: 3px;
  width: 100%;
  
}

table.proph-bot th,
table.proph-bot td {
  padding: 0px;
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}

table.proph-bot th {
  background-color: #aaffaa;
  text-align: center;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner {  /*予防歯科ボタン2つセット前 二段で下にボーダー*/
  /*border: 1px solid #666666;*/
  float: left;
  
  border-collapse: collapse;
  border-bottom: 1px solid #666666;
  margin: 0 auto;
  width: 50%;
  
}
table.bot-inner th,
table.bot-inner td {
  font-weight:bold;
  padding: 3px;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner2 {  /*予防歯科ボタン2つセット後*/
  /*border: 1px solid #666666;*/
  float: left;
  border-collapse: collapse;
  border-bottom: 1px solid #666666;
  margin: 0 auto;
  width: 50%;
  
}

table.bot-inner2 th,
table.bot-inner2 td {
  font-weight:bold;
  padding: 3px;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner2 th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

td.left-border {
  border-left: 1px solid #666666;
  width:50%;

  }

td.left-border1 {
  /*border-left: 1px solid #666666;*/
  width:50%;

  }
  
  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1{
  float: left;
  max-width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2{
  float: left;
  max-width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1-2{
  float: left;
  max-width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2-2{
  float: left;
  max-width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}



}

@media screen and (min-width:641px) and ( max-width:779px) {
    /*　画面サイズが641pxから759pxまではここを読み込む　*/


#info-head {
    position: relative;
	width: 100%;
	margin: 0;
	background-image:url(../treat/treat-header.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

#info-head:before {
    content:"";
    display: block;
    padding-top: 31%; /* 背景画像高さ */
}

.info-content-head { /* キャプションとタイトルが入る箱 */
position: absolute;
/*border:1px solid red;*/
top:20%;/* 上位ボックス内での位置 */
left:20px;
width: 280px;/* ボックスの大きさ */
height:110px;
background: rgba(255,255,255,0.7);
font-size: 14px;
margin: 0 auto;/* 配置・ボックス中央そろえ・上とダブる？ */
padding: 10px;
 border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */ 
}

.info-head-circle {
position: absolute;
/*background:#aaffaa;*/
top:13px;
left:8px;
margin: 0;
   width:14px;
   height: 14px;
   border:3px solid #0081c0;
   border-radius: 14px;
}

.info-head-title {
position: absolute;
/*border:1px solid blue;*/
top:10px;
left:30px;
margin: 0;
width:290px;
height:auto;
font-size: 20px;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
font-weight:bold;
}

.info-head-caption { /* キャプションが入る箱 */
position: absolute;
/*border:1px solid black;*/
top:36px;
left:30px;
font-size: 14px;
line-height: 150%;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
padding: 0;
}

table.proph-bot {  /*予防歯科ボタン枠*/
  border: 1px solid #666666;
  background: linear-gradient(#ffffff, #cccccc);
  border-radius: 6px;
  border-collapse: separate;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  
}

table.proph-bot th,
table.proph-bot td {
  padding: 3px;
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.proph-bot th {
  background-color: #aaffaa;
  text-align: center;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner {  /*予防歯科ボタン2つセット*/
  /*border: 1px solid #666666;*/
  float: left;
  border-collapse: collapse;
  margin: 0 auto;
  width: 33%;
  
}

table.bot-inner th,
table.bot-inner td {
  padding: 0px;
  font-weight:bold;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner2 {  /*予防歯科ボタン2つセット右*/
  /*border: 1px solid #666666;*/
  float: left;
  border-collapse: collapse;
  margin: 0 auto;
  width: 33%;
  
}

table.bot-inner2 th,
table.bot-inner2 td {
  padding: 0px;
  font-weight:bold;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner2 th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

td.left-border {
  border-left: 1px solid #666666;
  width:50%;

  }

td.left-border1 {
  border-left: 1px solid #666666;
  width:50%;

  }
  
    /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1{
  float: left;
  max-width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2{
  float: right;
  max-width: 50%;
  height: auto;
  margin-left: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

    /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1-2{
  float: left;
  max-width: 20%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2-2{
  float: right;
  max-width: 20%;
  height: auto;
  margin-left: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

}

@media screen and (min-width:780px) and ( max-width:999px) {
    /*　画面サイズが780pxから999pxまで　*/


#info-head {
    position: relative;
	width: 100%;
	margin: 0;
	background-image:url(../treat/treat-header.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

#info-head:before {
    content:"";
    display: block;
    padding-top:31%; /* 背景画像高さ */
}

.info-content-head { /* キャプションと電話ボタンが入る箱 */
position: absolute;
top:70px;/* 上位ボックス内での位置 */
left:50px;
width: 280px;/* ボックスサイズ */
height:110px;
background: rgba(255,255,255,0.7);
font-size: 14px;
/*margin: 0 auto; 配置・ボックス中央そろえ-効かない */
padding: 10px;
 border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */  
}


.info-head-circle {
position: absolute;
/*background:#aaffaa;*/
top:13px;
left:8px;
margin: 0;
   width:14px;
   height: 14px;
   border:3px solid #0081c0;
   border-radius: 14px;
}

.info-head-title {/* ページタイトル */
position: absolute;
/*border:1px solid blue;*/
top:10px;
left:30px;
margin: 0;
width:290px;/* 元画像幅280px */
height:auto;
font-size: 20px;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
font-weight:bold;
}

.info-head-caption { /* キャプションが入る箱 */
position: absolute;
/*border:1px solid black;*/
top:36px;
left:30px;
left:9.5%;
font-size: 14px;
line-height: 150%;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';

padding: 0;
}

table.proph-bot {  /*予防歯科ボタン枠*/
  border: 1px solid #666666;
  background: linear-gradient(#ffffff, #cccccc);
  border-radius: 6px;
  border-collapse: separate;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  
}

table.proph-bot th,
table.proph-bot td {
  padding: 3px;
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.proph-bot th {
  background-color: #aaffaa;
  text-align: center;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner {  /*予防歯科ボタン2つセット*/
  /*border: 1px solid #666666;*/
  float: left;
  border-collapse: collapse;
  margin: 0 auto;
  width: 33%;
  
}

table.bot-inner th,
table.bot-inner td {
  padding: 0px;
  font-weight:bold;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner2 {  /*予防歯科ボタン2つセット右、左と同じ*/
  /*border: 1px solid #666666;*/
  float: left;
  border-collapse: collapse;
  margin: 0 auto;
  width: 33%;
  
}

table.bot-inner2 th,
table.bot-inner2 td {
  padding: 0px;
  font-weight:bold;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner2 th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

td.left-border {
  border-left: 1px solid #666666;
  width:50%;

  }
  
td.left-border1 {
  border-left: 1px solid #666666;
  width:50%;

  }
  
    /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1{
  float: left;
  max-width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2{
  float: right;
  max-width: 50%;
  height: auto;
  margin-left: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

    /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1-2{
  float: left;
  max-width: 20%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2-2{
  float: right;
  max-width: 20%;
  height: auto;
  margin-left: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}


}

@media screen and (min-width:1000px) {
    /*　画面サイズが1000pxから　*/


#info-head {
    position: relative;
	width: 100%;
	margin: 0;
	background-image:url(../treat/treat-header.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

#info-head:before {
    content:"";
    display: block;
    padding-top: 31%; /* 背景画像高さ */
}

.info-content-head { /* タイトルとキャプションが入る箱 */
position: absolute;
top:70px;/* 上位ボックス内での位置 */
left:100px;
width: 280px;/* ボックスサイズ */
height:110px;
background: rgba(255,255,255,0.7);
font-size: 14px;
/*margin: 0 auto; 配置・ボックス中央そろえ-効かない */
padding: 10px;
 border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */  
}

.info-head-circle {
position: absolute;
/*background:#aaffaa;*/
top:10px;
left:10px;
margin: 0;
   width:14px;
   height: 14px;
   border:3px solid #0081c0;
   border-radius: 14px;
}

.info-head-title {/* ページタイトル */
position: absolute;
/*background:#aaffaa;*/
top:7px;
left:33px;
margin: 0;
width:290px;/* 元画像幅280px */
height:auto;
font-size: 20px;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
font-weight:bold;
}

.info-head-caption { /* キャプションが入る箱 */
position: absolute;
top:37px;
left:33px;
/*background:#ffaaaa;*/
font-size: 14px;
line-height: 150%;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
padding: 0;
}

table.proph-bot {  /*予防歯科ボタン枠*/
  border: 1px solid #666666;
  background: linear-gradient(#ffffff, #cccccc);
  border-radius: 6px;
  border-collapse: separate;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  
}

table.proph-bot th,
table.proph-bot td {
  padding: 3px;
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.proph-bot th {
  background-color: #aaffaa;
  text-align: center;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner {  /*予防歯科ボタン2つセット*/
  /*border: 1px solid #666666;*/
  float: left;
  border-collapse: collapse;
  margin: 0 auto;
  width: 33%;
  /*border: 1px solid #00aa00;*/
  
}

table.bot-inner th,
table.bot-inner td {
  padding: 0px;
  font-weight:bold;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

table.bot-inner2 {  /*予防歯科ボタン2つセット右、左と同じ*/
  /*border: 1px solid #666666;*/
  float: left;
  border-collapse: collapse;
  margin: 0 auto;
  width: 33%;
  /*border: 1px solid #0000ff;*/
  
}

table.bot-inner2 th,
table.bot-inner2 td {
  padding: 0px;
  font-weight:bold;
  text-shadow: 0px 1px 0px #fff;/*横方向 縦方向 ぼかし 影の色*/
  text-align: center;
  white-space: nowrap;
  /*border: 1px solid #00aa00;*/
}
table.bot-inner2 th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  /*border-left: 3px solid #00aa00;*/
}

td.left-border {
  border-left: 1px solid #666666;
  width:50%;

  }
  
td.left-border1 {
  border-left: 1px solid #666666;
  width:50%;

  }
  
    /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1{
  float: left;
  max-width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2{
  float: right;
  max-width: 50%;
  height: auto;
  margin-left: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

    /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini1-2{
  float: left;
  max-width: 20%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

  /*画像：画像最大ブロック幅50％左寄せ文字回り込み*/
.img-proph-mini2-2{
  float: right;
  max-width: 20%;
  height: auto;
  margin-left: 10px;
  margin-bottom: 5px;
  border: 1px solid #868686;

}

 
}