/* ============================================================

矯正歯科ネット　定型スタイルシート

1.診療案内・スタッフ紹介

2.お電話でお問い合わせのページ

ご使用にあたって、html内のCSSファイルのパスにご注意！

============================================================ */


/* ============================================================
1.診療案内・スタッフ紹介
============================================================ */

div#teikei_main {
  width:510px;
  margin: 10px auto 0;
  text-align:left;
  line-height:1.6;
  font-size:12px;
}

div#teikei_main h3,
div#teikei_main h4,
div#teikei_main th {
  font-size:1em;
  font-weight:bold;
}

div#teikei_main table {
  font-size:1em;
  line-height:20px;
}

div#teikei_main h3 {
  width:auto;
  height:30px;
  line-height:30px;
  text-indent:10px;
  margin:0 0 20px;
  font-size:16px;
  background-color:#FFEEEE;
  border-top:3px solid #FF5E5E;
}

div#teikei_main h4 {
  width:auto;
  font-size:1em;
  color:#FF5E5E;
  margin:15px 0 3px;
  line-height:20px;
  text-indent:5px;
}

div#teikei_main dl.incho {
  margin:0 0 0 5px;
}

dl.incho dt {
  font-size:1.3em;
  font-weight:bold;
}

dl.incho dd {
  margin:0;
  font-weight:bold;
  color:#FF5E5E;
}

div#teikei_main p {
  width:auto;
  margin:0;
  padding:0 5px;
}

div.left_img {
  width:auto;
  float:left;
  margin-right:7px;
  padding:2px;
  border:1px solid #CCCCCC;
  text-align:center;
  font-size: 12px;
}

div.right_img {
  width:auto;
  float:right;
  margin-left:5px;
  padding:2px;
  border:1px solid #CCCCCC;
  text-align:center;
  font-size: 12px;
}

div.line {
  clear:both;
  padding:20px 0 5px;
  text-align:center;
}

div#teikei_main table.keireki,
div#teikei_main table.gakkai {
  width:490px;
  margin:30px auto 0;
}

div#teikei_main table.keireki th,
div#teikei_main table.gakkai th {
  border-bottom:1px dashed #999999;
  border-top:3px solid #FF5E5E;
  padding:5px;
  text-align:left;
  background-color:#FFEEEE;
  font-weight:bold;
}

table.keireki td {
  border-bottom:1px dashed #999999;
  padding:3px 5px 2px;
  vertical-align:top;
}

table.gakkai td {
  padding:0;
  vertical-align:top;
  width:50%;
}

table.gakkai ul {
  margin:0;
  padding:0;
}

table.gakkai li{
  border-bottom:1px dashed #999999;
  margin: 0;
  line-height:1.6;
  padding:3px 5px 2px;
  list-style: disc;
  list-style-position:inside;
}

div.syo-box {
  clear:both;
  width:482px;
  _width:510px;
  padding:10px;
  border:4px solid #CCCCCC;
  margin:0 auto 20px;
}

div#teikei_main div.syo-box h4 {
  width:315px;
  color:#FF5E5E;
  margin:0 0 5px;
  border-bottom:1px dashed #999999;
  padding-bottom: 5px;
  background:none;
  text-indent:0px;
  font-size:14px;
  padding-bottom:5px;
}

span.txt18 {
  font-family:verdana;
  font-size:22px;
  font-weight:bold;
}

.clear {
  clear:both;
  visibility:visible;
}

/* ============================================================
2.診療案内ページ　AJAX
============================================================ */
dl#textSize {
  left:360px;
  margin:0;
  position:absolute;
  top:8px;
  width:auto;
}

dl#textSize dt,
dl#textSize dd {
  float: left;
  margin: 0 5px 0 0;
}

dl#textSize dt {
  width: 70px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  background:url(img/textSize.gif) left top no-repeat;
}

dl#textSize dd.sizeS a,
dl#textSize dd.sizeM a,
dl#textSize dd.sizeL a {
  display:block;
  float:left;
  width:19px;
  height:19px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 12px;
}

dl#textSize dd.sizeS a {
  background:url(img/sizeS.gif) left top no-repeat;
}

dl#textSize dd.sizeS a.sizeS_on,
dl#textSize dd.sizeS a:hover {
  background:url(img/sizeS.gif) left bottom no-repeat;
}

dl#textSize dd.sizeM a {
  background:url(img/sizeM.gif) left top no-repeat;
}

dl#textSize dd.sizeM a.sizeM_on,
dl#textSize dd.sizeM a:hover {
  background:url(img/sizeM.gif) left bottom no-repeat;
}

dl#textSize dd.sizeL a {
  background:url(img/sizeL.gif) left top no-repeat;
}

dl#textSize dd.sizeL a.sizeL_on,
dl#textSize dd.sizeL a:hover {
  background:url(img/sizeL.gif) left bottom no-repeat;
}

.syo-box02 {
  width:auto;
  margin:0 0 20px;
  padding: 10px;
  border:4px solid #CCCCCC;
}

div#teikei_main div.syo-box02 h4 {
  margin:0 0 8px;
  padding-bottom: 5px;
  border-bottom:1px dashed #999999;
}

.syo-box02 ul {
  width:auto;
  margin:0 0 10px;
  padding:0;
}

.syo-box02 li {
  width:93px;
  height:70px;
  float:left;
  list-style:none;
  border:3px solid #FFEEEE;
}

.syo-box02 li img {
  border:none;
  vertical-align:top;
}

div#teikei_main div.syo-box02 li.activeLI {
  border:3px solid #BBBBBB;
}

div.syo-box02 td {
  font-size:12px;
}

div.syo-img01,
div.syo-img02 {
  float:left;
  width:200px;
  height:150px;
  overflow:hidden;
  margin-right:10px;
}

div.syo-box02 td.output01,
div.syo-box02 td.output02 {
  color: #FF5E5E;
}

div#teikei_main p.pagetop {
  padding:0;
  margin:20px 0 0;
  text-align:right;
}

p.pagetop img {
  border:none;
}

div.syo-box02,
div.syo-box02 ul,
dl#textSize {
  zoom:1;/*for IE 5.5-7*/
}

div.syo-box02:after,
div.syo-box02 ul:after,
dl#textSize:after {/*for modern browser*/
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}


/* ============================================================
3.お電話でお問い合わせのページ
============================================================ */

div#teikei_contact {
  width:545px;
  text-align:center;
  margin:0 auto;
  padding:0;
  font-size:12px;
}

div#teikei_contact h1.name {
  height:23px;
  font-size: 14px;
  font-weight: normal;
  color: #FF5E5E;
  text-align:left;
  text-indent:1em;
  padding:0;
  margin:0;
  line-height:23px;
  letter-spacing: 5px;
  border-bottom: 6px solid #FF5E5E;
}

div#teikei_contact_main {
  width:auto;
  border:1px solid #CCCCCC;
  text-align:left;
  line-height:20px;
  margin-top:10px;
  padding:15px;
}

div#teikei_contact_main h2 {
  margin:0;
  padding:0;
  border-left:5px solid #FF5E5E;
  text-indent:10px;
  font-size:14px;
  color:#FF5E5E;
}

div#teikei_contact_main p {
  border-top:1px dotted #CCCCCC;
  margin:10px 0 0;
  padding:10px;
}

div#teikei_contact_main table.contact {
  width:80%;
  margin:0 auto;
}

div#teikei_contact_main table.contact th {
  border-bottom:1px dotted #CCCCCC;
  padding:5px 0;
  font-weight:normal;
}

div#teikei_contact_main table.contact td {
  border-bottom:1px dotted #CCCCCC;
  padding:5px 0 0 10px;
}

div#teikei_contact_main p#back {
  float:right;
  width:auto;
  background:url(/img/common/allow2.gif) left center no-repeat;
  padding-left:14px;
  border:none;		
}