@charset "UTF-8";





/* ******************************************* _



	タイトル：base.css

	

	概要：おざわ歯科医院

	制作日：2008.02.28

	変更日：



 ******************************************** */





* {

 margin: 0;

 padding: 0;

 line-height: 1;

 font-style: normal;

 font-weight: normal;

 list-style: none;

}



body {

 background: url(../img/bg.gif) left top repeat;

 color: #444;

 text-align: center;

 font-size: 12px;

 font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;

}



* html body {

 font-size: 100%;

}



strong {

 font-weight: bold;

}



hr {

 display: none;

}



/*----------------------------------------------------------------

 body mac only

----------------------------------------------------------------*/



html[xmlns*=""] body:last-child body { font-size: 12px; }

body:first-of-type body { font-size: 12px; }





/*----------------------------------------------------------------

 table

----------------------------------------------------------------*/



table {

 border-collapse: collapse;

}



td,

th {

 vertical-align: top;

 text-align: left;

 font-size: 100%;

}



img,

a img {

 border: 0 none;

 vertical-align: top;

}



/*----------------------------------------------------------------

 link

----------------------------------------------------------------*/



a:link,

a:visited {

 color: #444;

 text-decoration: underline;

}



a:hover,

a:active,

a:focus {

 color: #366d9f;

 text-decoration: underline;

}



/*----------------------------------------------------------------

 wrapper

----------------------------------------------------------------*/



#wrapper {

 width: 908px;

 margin: 0 auto;

 padding-bottom: 10px;

 background: url(../img/body_bg.gif) left top repeat-y;

 text-align: left;

}



* html #wrapper {

 font-size: 84%;

}





/*----------------------------------------------------------------

 header

----------------------------------------------------------------*/



#header {

 width: 900px;

 height: 105px;

 margin-left: 4px;

 background: url(../img/head_bg.gif) left top no-repeat;

 text-align: left;

}



#header h1 {

 float: left;

 width: 307px;

}



#header h1 img {

 margin: 44px 0 0 20px;

}



#header p {

 padding-top: 44px;

 font-size: 14px;

 line-height: 1.3;

}



body#contents dl#header {

 width: 900px;

 height: 105px;

 margin-left: 4px;

 background: url(../img/head_bg.gif) left top no-repeat;

 text-align: left;

}



body#contents dl#header dt {

 float: left;

 width: 307px;

}



body#contents dl#header dt img {

 margin: 44px 0 0 20px;

}



body#contents dl#header dd {

 padding-top: 44px;

 font-size: 14px;

 line-height: 1.3;

}



/*----------------------------------------------------------------

 pageTop

----------------------------------------------------------------*/

.pageTop {

 clear: both;

 width: 880px;

 padding-top: 30px;

 text-align: right;

 font-size: 10px;

}



* html .pageTop {

 font-size: 74%;

}



.pageTop a {

 padding: 0 0 3px 14px;

 background: url(../img/pagetop.gif) left top no-repeat;

}





body#top #copyright {

 width: 900px;

 height: 36px;

 background: url(../img/footer_bg.gif) left top no-repeat;

 margin: 50px 0 0 4px;

 text-align: center;

 color: #fff;

}



body.cont #copyright {

 clear: both;

 width: 900px;

 height: 36px;

 background: url(../img/footer_bg.gif) left top no-repeat;

 margin: 0 0 0 0;

 text-align: center;

 color: #fff;

}



body.treatments #copyright {

 clear: both;

 width: 900px;

 height: 36px;

 background: url(../img/footer_bg.gif) left top no-repeat;

 margin: 0 0 0 4px;

 text-align: center;

 color: #fff;

}



body#top #copyright p,

body.cont #copyright p,

body.treatments #copyright p {

 padding-top: 18px;

}



body#top #footer,

body.cont #footer {

 width: 900px;

 margin: 5px 0 0 0;

 padding-bottom: 10px;

 text-align: center;

}



body.treatments #footer {

 width: 900px;

 margin: 5px 0 0 4px;

 padding-bottom: 10px;

 text-align: center;

}



body#top #footer li,

body.cont #footer li,

body.treatments #footer li {

 display: inline;

 font-size: 10px;

 color: #666;

}



* html body#top #footer li,

* html body.cont #footer li,

* html body.treatments #footer li {

 font-size: 75%;

}



body#top #footer li.on,

body.cont #footer li.on,

body.treatments #footer li.on {

 color: #366d9f;

}





/*----------------------------------------------------------------

 main

----------------------------------------------------------------*/



#main {

 width: 900px;

 margin: 14px 0 0 4px;

 text-align: left;

}



/*----------------------------------------------------------------

 crumb

----------------------------------------------------------------*/

ul#crumb {

 margin-top: 8px;

 width: 622px;

}



ul#crumb li {

 display: inline;

 font-size: 10px;

}



* html ul#crumb li {

 font-size: 80%;

}



/*----------------------------------------------------------------

 navi:left

----------------------------------------------------------------*/



#navi {

 float: left;

 width: 244px;

 margin-right: 16px;

}



/* global navigation */



#navi ul#gnavi li {

 margin: 1px 0 0 21px;

}



#navi ul#gnavi li#gnavi01 a,

#navi ul#gnavi li#gnavi02 a,

#navi ul#gnavi li#gnavi03 a,

#navi ul#gnavi li#gnavi04 a,

#navi ul#gnavi li#gnavi05 a,

#navi ul#gnavi li#gnavi06 a {

 display: block;

 width: 220px;

 height: 42px;

}



#navi ul#gnavi li#gnavi07 a {

 display: block;

 width: 220px;

 height: 44px;

}



#navi ul#gnavi li a:hover {

 background-color: transparent;

}



#navi ul#gnavi li a:hover img {

 visibility: hidden;

}



#navi ul#gnavi li#gnavi01 {

 width: 220px;

 height: 42px;

 background: url(../img/gnavi01_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#gnavi02 {

 width: 220px;

 height: 42px;

 background: url(../img/gnavi02_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#gnavi03 {

 width: 220px;

 height: 42px;

 background: url(../img/gnavi03_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#gnavi04 {

 width: 220px;

 height: 42px;

 background: url(../img/gnavi04_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#gnavi05 {

 width: 220px;

 height: 42px;

 background: url(../img/gnavi05_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#gnavi06 {

 width: 220px;

 height: 42px;

 background: url(../img/gnavi06_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#gnavi07 {

 width: 220px;

 height: 44px;

 background: url(../img/gnavi07_ovr.gif) left top no-repeat;

}



/*-- sub menu --*/



#navi ul#gnavi li#sub01 a,

#navi ul#gnavi li#sub02 a,

#navi ul#gnavi li#sub03 a,

#navi ul#gnavi li#sub04 a,

#navi ul#gnavi li#sub05 a,

#navi ul#gnavi li#sub06 a,

#navi ul#gnavi li#sub07 a,

#navi ul#gnavi li#sub08 a {

 display: block;

 width: 220px;

 height: 25px;

}



#navi ul#gnavi li#sub01 {

 background: url(../img/gnavi02_sub01_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#sub02 {

 background: url(../img/gnavi02_sub02_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#sub03 {

 background: url(../img/gnavi02_sub03_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#sub04 {

 background: url(../img/gnavi02_sub04_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#sub05 {

 background: url(../img/gnavi02_sub05_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#sub06 {

 background: url(../img/gnavi02_sub06_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#sub07 {

 background: url(../img/gnavi02_sub07_ovr.gif) left top no-repeat;

}



#navi ul#gnavi li#sub08 {

 background: url(../img/gnavi02_sub08_ovr.gif) left top no-repeat;

}





#navi #naviSec {

 width: 224px;

 margin: 19px 0 0 20px;

 padding-bottom: 6px;

 background: url(../img/navi_bg.gif) left top repeat-y;

}





#navi #naviSec h3 {

 margin: 0;

 padding-top: 16px;

 background: url(../img/navi_top.gif) left top no-repeat;

}



#navi #naviSec h3 img {

 margin-left: 33px;

}



#navi #naviSec dl {

 margin-left: 18px;

}



#navi #naviSec dt,

#navi #naviSec dd {

 margin: 11px 0 4px 0;

 line-height: 1.2;

}



#navi #naviSec dd.sec {

 margin-top: 0px;

}



#navi #naviSec dd.time {

 clear: both;

 float: left;

 width: 45px;

 margin: 0 5px 0 0;

 text-align: right !important;

}



#navi #naviSec em {

 font-weight: bold;

 color: #b38240;

}



#navi #naviSec dd.time02 {

 float: left;

 width: 156px;

 margin-top: 0;

}



#navi #naviSec dd.last {

 clear: both;

 margin-bottom: 0;

}





#navi #naviQcode {

 width: 224px;

 height: 80px;

 margin-left: 20px;

 background: url(../img/navi_btm.gif) left top no-repeat;

 text-align: center;

}



#navi a:link,

#navi a:visited {

 text-decoration: none;

}



navi a:hover,

#navi a:active,

#navi a:focus {

 text-decoration: undeline;

}



/* global navigation02 */



#navi ul#gnaviSec {

 margin: 17px 0 0 21px;

}



#navi ul#gnaviSec li {

 width: 221px;

 height: 25px;

}



#navi ul#gnaviSec li#gnavi01 a,

#navi ul#gnaviSec li#gnavi02 a,

#navi ul#gnaviSec li#gnavi03 a {

 display: block;

 width: 221px;

 height: 25px;

}



#navi ul#gnaviSec li a:hover {

 background-color: transparent;

}



#navi ul#gnaviSec li a:hover img {

 visibility: hidden;

}



#navi ul#gnaviSec li#link {

 background: url(../img/navi_link_ovr.gif) left top no-repeat;

}



#navi ul#gnaviSec li#privacy {

 background: url(../img/navi_privacy_ovr.gif) left top no-repeat;

}



#navi ul#gnaviSec li#sitemap {

 background: url(../img/navi_sitemap_ovr.gif) left top no-repeat;

}







/*----------------------------------------------------------------

 contents

----------------------------------------------------------------*/



#cont {

 float: left;

 width: 622px;

}





/*----------------------------------------------------------------

 top

----------------------------------------------------------------*/



body#top #cont h2 {

 margin: 20px 0 10px 0;

}



body#top #cont h3#topInfo {

 margin: 18px 0 5px 0;

}



body#top #cont #topInfoArea {

 width: 622px;

 padding-top: 10px;

 background: url(../../img/top_info_top.gif) left top no-repeat;

}



body#top #cont #topInfoArea dl {

 width: 622px;

 padding: 0 10px;

 background: url(../../img/top_info_bg.gif) left top repeat-y;

 voice-family: "\"}\"";

 voice-family:inherit;

 width: 602px;

}



* html body#top #cont #topInfoArea dl {

 width: 622px;

}



body#top #cont #topInfoArea dt {

 float: left;

 width: 7em;

 margin-bottom: 3px;

 padding-bottom: 5px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}



body#top #cont #topInfoArea dt span {

 padding-left: 15px;

 background: url(../img/arrow_gray.gif) left top no-repeat;

}



* html body#top #cont #topInfoArea dt span {

 background-position: 0px 2px;

}



body#top #cont #topInfoArea dd {

 margin: 0 0 3px 7em;

 padding-bottom: 5px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}



body#top #cont #topInfoArea dd.backnumber {

 margin: 0;

 padding-top: 8px;

 text-align: right;

 background: none;

 font-size: 10px;

}



* html body#top #cont #topInfoArea dd.backnumber {

 font-size: 74%;

}



body#top #cont #topInfoArea dd.backnumber a {

 padding-left: 10px;

 background: url(../img/arrow_blue.gif) left top no-repeat;

 line-height: 1.2;

}



body#top #cont #topInfoBtm {

 width: 622px;

 height: 12px;

 background: url(../../img/top_info_btm.gif) left top no-repeat;

}





/*----------------------------------------------------------------

 mail

----------------------------------------------------------------*/

body#contents .ssl {

 width: 621px;

 margin: 15px 0 8px 1px;

}



body#contents .ssl h2 {

 float: left;

}



body#contents .ssl .seal {

 float: right;

}



.small {

 margin-top: 8px;

 font-size: 10px;

}



* html .small {

 font-size: 80%;

}



.formArea {

 width: 621px;

 margin-top: 13px;

 padding-bottom: 12px;

 border: 1px solid #ccc;

}



.formArea02 {

 width: 621px;

 margin-top: 6px;

 padding-bottom: 12px;

 border: 1px solid #ccc;

}



.formArea table,

.formArea02 table {

 width: 590px;

 margin: 11px 0 0 14px;

 border-top: 1px solid #ccc;

 border-right: 1px solid #ccc;

}



.formArea th,

.formArea02 th {

 width: 150px;

 padding: 8px 3px 8px 8px;

 background-color: #f9f5f0;

 border-bottom: 1px solid #ccc;

 border-left: 1px solid #ccc;

 color: #b38240;

 font-size: 14px;

}



* html .formArea th,

* html .formArea02 th {

 width: 145px;

 font-size: 90%;

}



.formArea td,

.formArea02 td {

 width: 440px;

 padding: 8px 3px 8px 8px;

 border-bottom: 1px solid #ccc;

 border-left: 1px solid #ccc;

 font-size: 12px;

}



* html .formArea td,

* html .formArea02 td {

 width: 455px;

}



.formArea h3,

.formArea02 h3 {

 margin: 11px 0 0 14px;

}



.formArea h3 img,

.formArea02 h3 img {

 display: inline;

}



.formArea h3 em,

.formArea02 h3 em {

 display: inline;

 margin-left: 10px;

 font-size: 10px;

 color: #f00;

}



.formArea td em,

.formArea02 td em {

 margin-left: 5px;

 color: #f00;

}



.formArea td .m,

.formArea02 td .m {

 margin-left: 10px;

}



.formArea td p.input,

.formArea02 td p.input {

 float: left;

 margin-right: 7px;

}



* html .formArea td p.input,

* html .formArea02 td p.input {

 margin-right: 5px;

}



*+ html .formArea td p.input,

*+ html .formArea02 td p.input {

 margin-right: 3px;

}



.formArea td p.text,

.formArea02 td p.text {

 float: left;

 font-size: 10px;

 color: #f00;

}



* html .formArea td p.text,

* html .formArea02 td p.text {

 width: 180px;

 font-size: 90%;

}



*+ html .formArea td p.text,

*+ html .formArea02 td p.text {

 width: 160px;

}



.formArea td p.text span,

.formArea02 td p.text span {

 margin-left: 1em;

}



.formArea p.areaTxt,

.formArea02 dl,

.formArea02 p {

 margin: 10px 5px 0 14px;

}



.formArea p.areaTxt02 {

 margin: 0 5px 0 14px;

}



.formArea em {

 color: #f00;

}



.formArea p.caution,

.formArea02 p.caution {

 margin: 18px 5px 0 14px;

 color: #f00;

}



.formArea p.textF {

 margin: 10px 0 0 95px;

}



.btnTxt {

 width: 590px;

 margin-top: 13px;

 text-align: center;

}



.formArea .confTxt {

 width: 590px;

 height: 8em;

 margin: 11px 0 0 14px;

 border: 1px solid #ccc;

 overflow: auto;

}



.formArea .confTxt p {

 padding: 8px;

}



.confBtn {

 width: 155px;

 height: 44px;

 margin: 0 auto;

 background: url(../../mail/img/btn_conf_ovr.gif) left top no-repeat;

}



.confBtn a {

 display: block;

 width: 155px;

 height: 44px;

}



.sendBtn {

 width: 155px;

 height: 43px;

 margin: 0 auto;

 background: url(../../mail/img/btn_send_ovr.gif) left top no-repeat;

}



.sendBtn a {

 display: block;

 width: 155px;

 height: 43px;

}



.modifyBtn {

 width: 114px;

 height: 33px;

 margin: 15px auto 0 auto;

 background: url(../../mail/img/btn_modify_ovr.gif) left top no-repeat;

}



.modifyBtn a {

 display: block;

 width: 114px;

 height: 33px;

}



.modifyBtn a:hover,

.confBtn a:hover,

.sendBtn a:hover {

 background-color: transparent;

}



.modifyBtn a:hover img,

.sendBtn a:hover img,

.confBtn a:hover img {

 visibility: hidden;

}





/*----------------------------------------------------------------

 info

----------------------------------------------------------------*/

#infoArea dl {

 width: 590px;

 margin-top: 15px;

}



#infoArea dt {

 float: left;

 width: 7em;

 margin-bottom: 6px;

 padding-bottom: 8px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}



#infoArea dt span {

 padding-left: 15px;

 background: url(../img/arrow_gray.gif) left top no-repeat;

}



* html #InfoArea dt span {

 background-position: 0px 2px;

}



#infoArea dd {

 margin: 0 0 6px 7em;

 padding-bottom: 8px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}





/*----------------------------------------------------------------

 info:detail

----------------------------------------------------------------*/

#newsArea01 {

 width: 622px;

 margin-top: 18px;

}



#newsArea01 #text {

 float: left;

 width: 346px;

 margin-right: 19px;

}



#newsArea01 #text h2 {

 width: 350px;

 margin: 0;

 font-size: 17px;

 font-weight: bold;

}



#newsArea01 #pic {

 float: left;

 width: 254px;

}



#newsArea02 {

 width: 622px;

 margin-top: 18px;

}



#newsArea02 #text {

 float: left;

 width: 422px;

 margin-right: 19px;

}



#newsArea02 #text h2 {

 width: 422px;

 margin: 0;

 font-size: 17px;

 font-weight: bold;

}



#newsArea02 #pic {

 float: left;

 width: 178px;

}



#newsArea03 {

 width: 622px;

 margin-top: 18px;

}



#newsArea03 h2 {

 margin: 0 !important;

 font-size: 17px;

 font-weight: bold;

}



#newsArea01 #text .date,

#newsArea02 #text .date,

#newsArea03 .date {

 font-size: 10px;

}



* html #newsArea01 #text .date,

* html #newsArea02 #text .date,

* html #newsArea03 .date {

 font-size: 74%;

}



* html #newsArea01 #text h2,

* html #newsArea02 #text h2,

* html #newsArea03 h2 {

 font-size: 120%;

}



#newsArea01 #text p.txt,

#newsArea02 #text p.txt,

#newsArea03 p.txt {

 margin-top: 1em;

}



/*----------------------------------------------------------------

 treatment

----------------------------------------------------------------*/

body.treatments h2 {

 margin: 15px 0 0 0 !important;

}



body.treatments h2.txtH2,

body.treatments h3 {

 margin-top: 15px;

 font-weight: bold;

 font-size: 16px;

 color: #4d7dab;

}



body.treatments h3.top {

 margin-top: 0;

 font-weight: bold;

 font-size: 16px;

 color: #4d7dab;

}



* html body.treatments h3,

* html body.treatments h3.top {

 font-size: 120%;

}



body.treatments h4 {

 margin-top: 15px;

 font-weight: bold;

 font-size: 14px;

 color: #666;

}



body.treatments h4.top {

 margin-top: 0;

 font-weight: bold;

 font-size: 14px;

 color: #666;

}



* html body.treatments h4,

* html body.treatments h4.top {

 font-size: 110%;

}



.trLine {

 padding-bottom: 15px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}



.trLine02 {

 padding-bottom: 25px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}



#trAreaTop {

 width: 622px;

 margin-top: 18px;

}



#trAreaTop #topLink {

 float: left;

 width: 380px;

 margin-right: 10px;

}



#trAreaTop #topLink dl {

 width: 380px;

 margin-bottom: 5px;

 border: 1px solid #ccc;

}



#trAreaTop #topLink dt {

 margin: 10px 12px;

}



#trAreaTop #topLink dd {

 margin: 10px 12px;

}



#trAreaTop #side {

 float: left;

 width: 231px;

 background: url(../../treatments/img/tr_side_bg.gif) left top repeat-y;

}



#trAreaTop #side h3.sideH3 {

 margin: 0 0 6px 0;

 padding: 11px 0 0 0;

 background: url(../../treatments/img/tr_side_top.gif) left top no-repeat;

}



#trAreaTop #side h3.sideH3 img {

 margin-left: 13px;

}



#trAreaTop #side p {

 width: 208px;

 margin: 0 0 5px 13px;

}



#trAreaTop #side dl {

 width: 208px;

 margin-left: 13px;

}



#trAreaTop #side dt {

 margin-top: 8px;

 color: #b38240;

 font-weight: bold;

 font-size: 14px;

}



* html #trAreaTop #side dt {

 font-size: 110%;

}



#trAreaTop #side dd {

 margin-top: 6px;

 padding-bottom: 8px;

 background: url(../../treatments/img/tr_side_line.gif) left bottom repeat-x; 

}



#trAreaTop #side dd.last {

 margin-top: 6px;

 padding-bottom: 0;

 background: none; 

}



#trAreaTop #side .btm {

 width: 231px;

 height: 12px;

 background: url(../../treatments/img/tr_side_btm.gif) left top no-repeat;

}



body.treatments .pic01 {

 width: 622px;

 margin: 18px 0;

 text-align: center;

}



.sRight {

 font-size: 10px;

 text-align: right;

}



* html .sRight {

 font-size: 74%;

}



.trArea01 {

 width: 622px;

 margin-top: 20px;

 padding-bottom: 18px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x; 

}



.trArea02 {

 width: 622px;

 margin-top: 0px;

 padding-bottom: 18px;

}





.trArea02 .top {

 margin-top: 15px !important;

}



.trArea01 .text,

.trArea02 .text {

 float: left;

 width: 352px;

 margin-right: 20px;

}



.trArea01 .text .left,

.trArea02 .text .left {

 float: left;

 width: 5.5em;

}



.trArea01 .text .right,

.trArea02 .text .right {

 margin-left: 5.5em;

}



.trArea01 .text .left02,

.trArea02 .text .left02 {

 float: left;

 width: 7em;

}



.trArea01 .text .right02,

.trArea02 .text .right02 {

 margin: 0.17em 0 0 7em;

}



.trArea01 .text .left03,

.trArea02 .text .left03 {

 float: left;

 width: 9.5em;

}



.trArea02 .text .right03,

.trArea01 .text .right03 {

 margin: 0.17em 0 0 9.5em;

}



.trArea01 .text .left02 strong,

.trArea02 .text .left02 strong,

.trArea01 .text .left03 strong,

.trArea02 .text .left03 strong {

 font-size: 14px;

}



html[xmlns*=""] body:last-child .trArea01 .text .left02 { width: 7.5em; }

body:first-of-type .trArea01 .text .left02 { width: 7.5em; }

html[xmlns*=""] body:last-child .trArea01 .text .left03 { width: 10em; }

body:first-of-type .trArea01 .text .left03 { width: 10em; }

html[xmlns*=""] body:last-child .trArea02 .text .left02 { width: 7.5em; }

body:first-of-type .trArea02 .text .left02 { width: 7.5em; }

html[xmlns*=""] body:last-child .trArea02 .text .left03 { width: 10em; }

body:first-of-type .trArea02 .text .left03 { width: 10em; }



html[xmlns*=""] body:last-child .trArea01 .text .right02 { margin-left: 7.5em; }

body:first-of-type .trArea01 .text .right02 { margin-left: 7.5em; }

html[xmlns*=""] body:last-child .trArea01 .text .right03 { margin-left: 10em; }

body:first-of-type .trArea01 .text .right03 { margin-left: 10em; }



html[xmlns*=""] body:last-child .trArea02 .text .right02 { margin-top: 0.1em; margin-left: 7.5em; }

body:first-of-type .trArea02 .text .right02 { margin-top: 0.1em; margin-left: 7.5em; }

html[xmlns*=""] body:last-child .trArea02 .text .right03 { margin-top: 0.1em; margin-left: 10em; }

body:first-of-type .trArea02 .text .right03 { margin-top: 0.1em; margin-left: 10em; }



.trArea02 .text02 {

 float: left;

 width: 192px;

 margin-right: 18px;

}



.trArea01 .text .sec,

.trArea02 .text .sec {

 margin-left: 3em;

}



.trArea01 .pic,

.trArea02 .pic {

 float: left;

 width: 250px;

}



.trArea02 .pic02 {

 float: left;

 width: 410px;

}



.trArea03 {

 width: 554px;

 margin: 5px 0 0 34px;

}



.trArea03 .left {

 float: left;

 width: 250px;

 margin-right: 54px;

}



.trArea03 .right {

 float: left;

 width: 250px;

}



.trArea03 .left .txt,

.trArea03 .right .txt {

 margin-top: 5px;

 padding-left: 10px;

 background: url(../img/arrow_gray02.gif) left center no-repeat;

}



.trBG {

 width: 620px;

 background-color: #f9f5f0;

}



.trBG dl {

 width: 620px;

 padding-top: 14px;

 background: url(../../treatments/img/tr_area_top.gif) left top no-repeat;

}



.trBG dl dt em {

 margin-left: 15px;

 font-weight: bold;

 color: #b38240;

}



.trBG dl dd {

 margin: 5px 10px 0 15px;

}



.trBG dl dt,

.trBG dl dd {

 font-size: 12px;

}



* html .trBG dl dt,

* html .trBG dl dd {

 font-size: 84%;

}



.trBGbtm {

 width: 620px;

 height: 14px;

 background: url(../../treatments/img/tr_area_btm.gif) left top no-repeat;

}



.trBGline {

 width: 622px;

 margin-top: 10px;

 padding-bottom: 18px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x; 

}



.trBGline02 {

 width: 622px;

 padding-bottom: 10px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x; 

}



.trTxt {

 margin-bottom: 1em;

}



.line02 {

 margin-top: 1.3em;

}



.line03 {

 margin: 1.3em 0;

}



ul.listUL {

 margin-left: 0;

}



* html ul.listUL {

 margin-left: 5px;

}



*+ html ul.listUL {

 margin-left: 8px;

}



ul.listUL li {

 margin-left: 10px;

 list-style: disc;

}





/*----------------------------------------------------------------

 医院案内

----------------------------------------------------------------*/

.viewArea01,

.viewArea02 {

 width: 622px;

 margin-top: 5px;

}



.viewArea01 .txt {

 float: left;

 width: 303px;

 margin-right: 10px;

}



.viewArea02 .txt {

 float: left;

 width: 412px;

 margin-right: 10px;

}



.viewArea01 .pic {

 float: left;

 width: 309px;

 text-align: right;

}



.viewArea02 .pic {

 float: left;

 width: 200px;

 text-align: right;

}



.viewRight {

 width: 622px;

 margin-top: 10px;

 padding-bottom: 20px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

 text-align: right;

}



.viewPic {

 width: 478px;

 margin: 18px 0 0 82px;

}



.viewPic .left {

 float: left;

 width: 200px;

 margin-right: 78px;

}



.viewPic .right {

 float: left;

 width: 200px;

}



.viewPic .left .txt,

.viewPic .right .txt {

 margin-top: 5px;

 padding-left: 10px;

 background: url(../img/arrow_gray02.gif) left center no-repeat;

}



/*----------------------------------------------------------------

 アクセス・料金表

----------------------------------------------------------------*/



.pTop {

 margin-top: 20px;

}



.pSec {

 margin-top: 5px;

}



.priceArea {

 width: 623px;

 padding: 12px 0;

 border: 1px solid #ccc;

}



.priceArea h2.priceH2 {

 margin: 0 0 0 12px !important;

 padding: 0 !important;

}



.priceArea h3.priceH3 {

 margin: 0 0 0 12px !important;

 padding: 0 !important;

 font-size: 14px;

}



* html .priceArea h3.priceH3 {

 margin: 15px 0 0 12px !important;

 padding: 0 !important;

 font-size: 110%;

}



.priceArea .text01 {

 margin: 0.5em 10px 5px 12px;

}



.priceArea .text02 {

 margin: 0 10px 5px 12px;

}



.priceArea .text03 {

 margin: 1em 10px 5px 12px;

}



.priceArea .text04 {

 margin: 1em 10px 10px 12px;

}



.priceArea .tline {

 width: 595px;

 height: 1px;

 margin: 5px 0 0 14px;

 background: url(../../price/img/price_top.gif) left top no-repeat;

}



.priceArea .tlineb {

 width: 595px;

 height: 1px;

 margin: 0 0 0 14px;

 background: url(../../price/img/price_btm.gif) left bottom no-repeat;

}





.priceArea table {

 width: 595px;

 margin-left: 15px;

 border-right: 1px solid #ccc;

}



.priceArea th {

 width: 144px;

 padding: 8px 0;

 background: url(../../price/img/price_th.gif) left top repeat-y;

 border-left: 1px solid #ccc;

 color: #4d7dab;

 font-size: 14px;

}



* html .priceArea th {

 font-size: 95%;

}



.priceArea th span {

 font-size: 12px;

}



* html .priceArea th span {

 font-size: 84%;

}



.priceArea td {

 padding: 8px 0;

 border-left: none !important;

 font-size: 12px;

}



* html .priceArea td {

 font-size: 84%;

}



.priceArea th p,

.priceArea td p {

 margin: 0 8px;

}



.tdw01 {

 width: 130px;

}



.tdw02 {

 width: 83px;

 text-align: right;

}



.tdw03 {

 text-align: right;

}



.tdc,

.tdc02 {

 width: 236px;

 background-color: #e6e6e6;

}



* html .tdc02 {

 width: 436px;

}



*+ html .tdc02 {

 width: 400px;

}



.priceArea td.tdleft {

 border-left: 1px solid #ccc !important;

}



.priceArea td.td01 {

 border-bottom: 1px solid #ccc;

}



.priceArea tr.trl {

 border-top: 1px solid #ccc;

}



.priceArea td.td03 {

 border-top: 1px solid #ccc;

}



.priceArea td.td02 {

 height: 2px;

 padding: 0;

}



.priceArea td.tdmiddle {

 vertical-align: middle;

}



.map {

 width: 583px;

 margin: 0 0 0 20px;

 line-height: 1;

}



.map .mapimg {

 float: left;

 width: 351px;

 margin-right: 20px;

}



.map .txt {

 float: left;

 width: 212px;

 height: 271px;

 padding-top: 18px;

 background: url(../../price/img/price_side.gif) left top no-repeat;

}



.map .txt .top {

 margin-top: 7px;

}



.map .txt p {

 margin: 0 10px 0 17px;

 line-height: 1.2 !important;

}



.map .txt dl {

 margin: 0 10px 0 17px;

}



.map .txt dt.dt01 {

 clear: both;

 float: left;

 width: 3em;

}



.map .txt dd.dd01 {

 margin-left: 3em;

}



body:first-of-type .map .txt dt.dt01 {  width: 3.3em; }

body:first-of-type .map .txt dt.dd01 {  margin-left: 3.3em; }



.map .txt dt.dt02 {

 clear: both;

 float: left;

 width: 3.5em;

 text-align: center;

}



.map .txt dd.dd02 {

 margin-left: 4em;

 line-height: 1.2 !important;

}



.map .txt em {

 font-weight: bold;

 color: #bc9157;

}



/*----------------------------------------------------------------

 プロフィール

----------------------------------------------------------------*/

#profileArea {

 width: 622px;

 margin-top: 18px;

 padding: 0 0 18px 0;

 border: 1px solid #ccc;

}



#profileArea p {

 float: left;

 width: 260px;

 margin: 18px 15px 0 0;

}



#profileArea p img {

 margin-left: 18px;

}



#profileArea dl {

 float: left;

 width: 340px;

}



#profileArea dt {

 margin-top: 18px;

 font-weight: bold;

 color: #b38240;

}



#profileArea dd.top {

 font-size: 14px;

 margin-top: 5px;

}



* html #profileArea dd.top {

 font-size: 110%;

}



/*----------------------------------------------------------------

 初診の方へ

----------------------------------------------------------------*/

#firstArea {

 width: 405px;

 margin: 2em 0 0 219px;

}



#firstArea p {

 float: left;

 width: 185px;

 height: 39px;

 margin-right: 60px;

 background: url(../../first/img/first_btn_ovr.gif) left top no-repeat;

}



#firstArea p a {

 display: block;

 width: 185px;

 height: 39px;

}



#firstArea p a:hover {

 background-color: transparent;

}



#firstArea p a:hover img {

 visibility: hidden;

}



#firstArea dl {

 float: left;

 width: 160px;

}



#firstArea dd {

 margin-top: 5px;

 font-size: 10px;

}



#firstArea dd {

 font-size: 74%;

}





/*----------------------------------------------------------------

　リンク

----------------------------------------------------------------*/

#linkArea h2.topH2 {

 margin-top: 15px !important;

 font-weight: bold;

 font-size: 14px;

 color: #4d7dab;

}



#linkArea h2 {

 margin-top: 10px !important;

 font-weight: bold;

 font-size: 14px;

 color: #4d7dab;

}





#linkArea p {

 margin: 1px 0 0 2px;

 padding-bottom: 10px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}



#linkArea p.last {

 background: none;

}



#linkArea p.last a,

#linkArea p a {

 padding-left: 15px;

 background: url(../img/arrow_gray.gif) left center no-repeat;

}



/*----------------------------------------------------------------

　プライバシーポリシー

----------------------------------------------------------------*/

#privacyArea p.top {

 margin-top: 15px !important;

}



#privacyArea h2 {

 margin-top: 15px !important;

 font-weight: bold;

 font-size: 14px;

 color: #4d7dab;

}



/*----------------------------------------------------------------

　サイトマップ

----------------------------------------------------------------*/



#sitemapArea h2 {

 margin-top: 10px !important;

 padding-bottom: 10px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

 font-size: 110%;

 font-weight: normal;

}



#sitemapArea h2.bgnone {

 margin-top: 10px !important;

 padding-bottom: 0;

 background: none;

 font-size: 110%;

 font-weight: normal;

}



#sitemapArea h2 a {

 margin-left: 1px;

 padding-left: 15px;

 background: url(../../sitemap/img/mark01.gif) left center no-repeat;

}



#sitemapArea h3 {

 margin: 8px 0 0 13px !important;

 font-size: 100%;

 font-weight: normal;

}



#sitemapArea h3.lastH3 {

 margin: 8px 0 0 0 !important;

 font-size: 100%;

 font-weight: normal;

 padding-bottom: 10px;

 background: url(../../img/top_info_line.gif) left bottom repeat-x;

}



#sitemapArea h3 a {

 margin-left: 1px;

 padding-left: 15px;

 background: url(../../sitemap/img/mark02.gif) left center no-repeat;

}



#sitemapArea h3.lastH3 a {

 margin-left: 14px;

 padding-left: 15px;

 background: url(../../sitemap/img/mark02.gif) left center no-repeat;

}



/*----------------------------------------------------------------

 form

----------------------------------------------------------------*/

input,

textarea,

select {

 font-size: 12px;

 color: #444;

}



* html input,

* html textarea,

* html select {

 font-size: 100%;

}



.w425 {

 width: 425px;

 height: 105px;

}



.w370 {

 width: 235px;

}



.w85 {

 width: 85px;

 margin: 0 15px 0 5px;

}



.w60 {

 width: 57px;

}



.w35 {

 width: 35px;

 margin-right: 5px;

}



.w80 {

 width: 100px;

}



.red {

 color: #f00;

}



.formArea td ul li {

 float: left;

}



.formArea td ul li.le {

 margin-right: 0.3em;

}



/*----------------------------------------------------------------

 clearfix

----------------------------------------------------------------*/

.clear {

 clear: both;

}



body#contents .ssl:after,

#footer:after,

#firstArea:after,

#profileArea:after,

#wrapper:after,

#header:after,

body#contents dl#header:after,

#main:after,

#newsArea01:after,

#newsArea02:after,

#trAreaTop:after,

.trArea01:after,

.trArea02:after,

.trArea01 .text:after,

.trArea02 .text:after,

.trArea03:after,

.viewArea01:after,

.viewArea02:after,

.viewPic:after,

.map:after {

 content: "."; 

 display: block; 

 height: 0; 

 clear: both; 

 visibility: hidden;

}



body#contents .ssl,

#footer,

#firstArea,

#profileArea,

#wrapper,

#header,

body#contents dl#header,

#main,

#newsArea01,

#newsArea02,

#trAreaTop,

.trArea01,

.trArea02,

.trArea01 .text,

.trArea02 .text,

.trArea03,

.viewArea01,

.viewArea02,

.viewPic,

.map {

 display: inline-table;

}



/* Hides from IE-mac \*/

* html body#contents .ssl,

* html #footer,

* html #firstArea,

* html #profileArea,

* html #wrapper,

* html #header,

* html body#contents dl#header,

* html #main,

* html #newsArea01,

* html #newsArea02,

* html #trAreaTop

* html .trArea01,

* html .trArea02,

* html .trArea01 .text,

* html .trArea02 .text,

* html .trArea03,

* html .viewArea01,

* html .viewArea02,

* html .viewPic,

* html .map {

 height: 1%;

}



body#contents .ssl,

#footer,

#firstArea,

#profileArea,

#wrapper,

#header,

body#contents dl#header

#main,

#newsArea01,

#newsArea02,

#trAreaTop,

.trArea01,

.trArea02,

.trArea01 .text,

.trArea02 .text,

.trArea03,

.viewArea01,

.viewArea02,

.viewPic,

.map {

 display: block;

}

/* End hide from IE-mac */





/*----------------------------------------------------------------

 print

----------------------------------------------------------------*/

.break {

 clear: both;

 float: none;

 page-break-after: always !important;

}



@media print {

 body {

  zoom: 80%;

  font-size: 10px;

 }

.trArea03 .left {

 float: left;

 width: 250px;

 margin-right: 50px;

}

}