@charset "UTF-8";

@import url("common.css");

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

 コンテンツページのスタイル

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

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtBold {
	font-weight: bold;
}
.txtSmall {
   font-size: 11px;
   letter-spacing: 0em;}
.img03 {
   margin-bottom: 3px;}
.img10 {
   margin-bottom: 10px;}
.img15 {
   margin-bottom: 15px;}
.img20 {
   margin-bottom: 20px;}
.img25 {
   margin-bottom: 25px;}
.img30 {
   margin-bottom: 30px;}
.img40 {
   margin-bottom: 40px;}
.img05 {
   margin-bottom: 5px;}
.img45 {
   margin-bottom: 45px;}
.img70 {
   margin-bottom: 70px;}

.gray {
   color: #7c7b7b;
   font-size: 10px;}

.pink {
   color: #fe7f81;
   font-size: 10px;}

.red {
   color: #f34949;
   font-size: 10px;}


/* --------------------------------------------------------------------------------------
 TOPページ
--------------------------------------------------------------------------------------- */
ul#top_about {
   width: 900px;
   background: url(../img/top_03.gif) top left no-repeat;
   height: 93px;
   margin-bottom: 27px;}

ul#top_about li {
   width: 205px;
   font-size: 10px;
   margin: 10px;
   float: left;}

div#top_contents {
   width: 900px;
   margin-bottom: 55px;}

div#top_info {
   width: 500px;
   float: left;
   height: 187px;
   background: url(../img/top_06.gif) top left no-repeat;
   padding-top: 30px;}

div#top_info #t_info {
   height: 157px;
   overflow: auto;
   width: 500px;}

div#top_info #t_info p {
	margin: 0px 18px;
	padding: 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #676767;
	font-size:11px;
}

div#top_right {
   width: 364px;
   float: right;
   padding-top: 30px;}

ul#top_sub {
   width: 364px;
   margin-bottom: 14px;
   background: url(../img/top_09.gif) top left repeat-x;
   height: 43px;
   line-height: 43px;
   vertical-align: middle;
   position: relative;}

ul#top_sub li {
   float: left;
   color: #0487be;
   width: 76px;
   position: relative;
   left: 132px;}

div#top_qr {
   width: 364px;}

div#top_qr img {
   float: left;}

div#top_qr p {
   float: right;
   width: 255px;
   font-size: 10px;
   line-height: 220%;}


/* --------------------------------------------------------------------------------------
 リンク
--------------------------------------------------------------------------------------- */
ul#link {
   width: 900px;}
* html ul#link {
   border-bottom: 1px solid #d3d2cc;}

ul#link li {
   width: 448px;
   border: 1px solid #d3d2cc;
   background-color: #FFFFFF;
   padding: 17px 0px;
   float: left;
   margin: -1px 0px 0px -1px;}

* html ul#link li {
   margin: 0px -1px -1px 0px;}

ul#link li .title {
   margin: 0px 0px 12px 18px;
   width: 430px;}

ul#link li p {
   margin: 0px 20px 0px 18px;
   font-size: 10px;
   color: #6c6c6c;}




/* --------------------------------------------------------------------------------------
 治療案内
--------------------------------------------------------------------------------------- */
ul#treat01 {
   width: 900px;
   height: 450px;}

ul#treat01 li.tr {
   background: url(../../treatment/img/treat01.gif) top left no-repeat;
   width: 270px;
   position: relative;
   height: 450px;
   margin-right: 45px;
   float: left;}

ul#treat01 li.tr h3 {
   width: 200px;
   text-align: center;
   position: absolute;
   top: 20px;
   left: 30px;
   font-size: 13px;
   color: #41403e;}

ul#treat01 li.tr img {
   position: absolute;
   top: 52px;
   left: 7px;}

ul#treat01 li.tr p {
   position: absolute;
   top: 180px;
   left: 7px;
   letter-spacing: 0em;}

ul#treat01 li.tr2 {
   background: url(../../treatment/img/treat01.gif) top left no-repeat;
   width: 270px;
   position: relative;
   height: 450px;
   float: left;}

ul#treat01 li.tr2 h3 {
   width: 200px;
   text-align: center;
   position: absolute;
   top: 17px;
   left: 30px;
   font-size: 13px;
   line-height: 120%;
   color: #41403e;}

ul#treat01 li.tr2 img {
   position: absolute;
   top: 52px;
   left: 7px;}

ul#treat01 li.tr2 p {
   position: absolute;
   top: 180px;
   left: 7px;
   letter-spacing: 0em;}

div#treat02 {
   background: url(../../treatment/img/treat02.gif) top left no-repeat;
   width: 900px;
   height: 415px;
   margin-bottom: 60px;}

div#treat02 img {
   margin: 3px 0px 0px 7px;
   float: left;}

div#treat02 ul {
   width: 575px;
   float: right;
   margin-right:20px;
   padding-top: 25px;}

div#treat02 ul li {
   margin-bottom: 40px;}


ul#treat03 {
   width: 900px;
   margin-bottom: 50px;}

ul#treat03 li.tr_left {
   background: url(../../treatment/img/treat03.gif) top left no-repeat;
   width: 430px;
   height: 280px;
   float: left;}

ul#treat03 li.tr_left img {
   margin: 3px 0px 0px 7px;
   float: left;}

ul#treat03 li.tr_left .tr_tx {
   float: right;
   width: 240px;
   margin-right: 25px;
   padding-top: 22px;}

ul#treat03 li.tr_left .tr_tx h4 {
   font-size: 13px;
   margin-bottom: 7px;
   font-weight: bold;}

ul#treat03 li.tr_right {
   background: url(../../treatment/img/treat03.gif) top left no-repeat;
   width: 430px;
   height: 280px;
   float: right;}

ul#treat03 li.tr_right img {
   margin: 3px 0px 0px 7px;
   float: left;}

ul#treat03 li.tr_right .tr_tx {
   float: right;
   width: 240px;
   margin-right: 25px;
   padding-top: 22px;
   line-height: 160%;}

ul#treat03 li.tr_right .tr_tx h4 {
   font-size: 13px;
   margin-bottom: 7px;
   font-weight: bold;}

ul#treat04 {
   background: url(../../treatment/img/treat04.gif) top left no-repeat;
   width: 900px;
   height: 350px;
   margin-bottom: 60px;}

ul#treat04 li {
   float: left;
   margin: 12px 0px 0px 17px;}

ul#treat04 li img {
   border: 1px solid #dbd8d3;}

div#treat05 {
   background: url(../../treatment/img/treat02.gif) top left no-repeat;
   width: 900px;
   height: 150px;
   margin-bottom: 60px;}

div#treat05 img {
   margin: 3px 0px 0px 7px;
   float: left;}
div#treat05 p{
	float:left;
	margin: 12px 0px 0px 17px;
}

/* --------------------------------------------------------------------------------------
 Q&A
--------------------------------------------------------------------------------------- */
div#qa {
   width: 900px;
   margin-bottom: 100px;}

div#qa #qa_a {
   width: 610px;
   float: left;}

div#qa #qa_q {
   width: 230px;
   float: right;
   border: 1px solid #d3d2cc;
   background-color: #FFFFFF;}

div#qa_a ul li {
   margin-bottom: 20px;
   width: 610px;}

div#qa_a ul li h3 {
   color: #03a4aa;
   font-size: 13px;
   border-bottom: 5px solid #FFFFFF;
   padding-bottom: 10px;
   margin-bottom: 20px;
   font-weight: bold;}

div#qa_q ul li {
   width: 200px;
   border-bottom: 1px solid #d3d2cc;
   padding: 15px 15px;}
* html div#qa_q ul li {
   width: 230px;}

div#qa_q ul li.last {
   width: 200px;
   border-bottom: none;
   padding: 15px 15px;}
* html div#qa_q ul li.last {
   width: 230px;}


/* --------------------------------------------------------------------------------------
 補綴
--------------------------------------------------------------------------------------- */
div#hotetsu_left {
   float: left;
   width: 340px;
   text-align: right;}

div#hotetsu_right {
   width: 510px;
   float: right;}

div#hotetsu_right h3 {
   font-weight: bold;
   margin-bottom: 15px;
   font-size: 13px;}

/* --------------------------------------------------------------------------------------
 院内案内
--------------------------------------------------------------------------------------- */
div#clinic_title {
   background: url(../../clinic/img/guide_title.gif) top left no-repeat;
   height: 60px;
   width: 896px;
   position: relative;
   margin-bottom: 40px;}

div#clinic_title h2 {
   text-indent: -999em;}

div#clinic_title ul {
   width: 245px;
   position: absolute;
   right: 0;
   top: -5px;}

div#clinic_title ul li {
   float: left;}

div#clinic01 {
   width: 900px;
   margin-bottom: 25px;}

div#clinic01 img {
   border: 1px solid #FFFFFF;}

div#clinic01 .cl_left {
   width: 645px;
   float: left;}

div#clinic01 .cl_right {
   float: right;
   width: 226px;}

ul#clinic02 {
   width: 900px;
   margin-bottom: 25px;}

ul#clinic02 img {
   border: 1px solid #FFFFFF;}

ul#clinic02 li.climg01 {
   float: left;
   margin-right: 24px;}

ul#clinic02 li.climg02 {
   float: left;}

div#clinic03 {
   width: 900px;
   margin-bottom: 25px;}

div#clinic03 img {
   border: 1px solid #FFFFFF;}

div#clinic03 .cl_left {
   float: left;
   width: 424px;}

div#clinic03 .cl_right {
   width: 445px;
   float: right;}

div#clinic04 {
   width: 900px;
   height: 520px;
   position: relative;}

div#clinic04 p {
   position: absolute;
   top: 25px;
   left: 0px;}

div#clinic04 ul {
   height: 495px;
   width: 900px;
   font-size: 10px;
   letter-spacing: 0em;}

div#clinic04 ul li.cl_goods {
   float: left;
   width: 150px;
   padding-top: 103px;
   margin-right: 100px;}

div#clinic04 ul li h4 {
   color: #029dee;
   letter-spacing: 0.1em;
   font-size: 12px;
   width: 150px;
   text-align: center;
   font-weight: bold;
   margin-bottom: 7px;}

div#clinic04 ul li.cl_goods2 {
   float: left;
   width: 150px;}


/* --------------------------------------------------------------------------------------
 メッセージ
--------------------------------------------------------------------------------------- */
div#mes01 {
   background: url(../../clinic/img/mes_back.gif) top left no-repeat;
   height: 450px;
   width: 896px;
   position: relative;}

div#mes01 img.m01 {
   position: absolute;
   top: 3px;
   left: 3px;}

div#mes01 img.m02 {
   position: absolute;
   top: 242px;
   left: 366px;}

div#mes01 img.m03 {
   position: absolute;
   top: 242px;
   left: 682px;}

div#mes01 h3 {
   position: absolute;
   left: 410px;
   top: 40px;
   font-size: 13px;
   font-weight: bold;}

div#mes01 p {
   position: absolute;
   left: 410px;
   top:70px;
   width: 450px;}

div#mes02 {
   width: 900px;
   margin-bottom: 60px;}

div#mes02 #mes_left {
   width: 438px;
   float: left;}

div#mes02 #mes_right {
   width: 438px;
   float: right;}

div#mes02 #mes_left ul {
   border: 1px solid #d3d2cc;
   background: url(../../clinic/img/mes_line.gif) top left repeat-y;
   width: 436px;}

div#mes02 #mes_left ul li {
   width: 436px;
   padding: 15px 0px;
   border-bottom: 1px solid #d3d2cc;}

div#mes02 #mes_left ul li.none {
   border-bottom: none;
   width: 436px;
   padding: 15px 0px;}

div#mes02 #mes_left ul li p.year {
   float: left;
   width: 90px;
   margin-left: 18px;}
* html div#mes02 #mes_left ul li p.year {
   margin-left: 9px;}

div#mes02 #mes_left ul li p.profile {
   float: right;
   width: 315px;
   margin-right: 10px;}
* html div#mes02 #mes_left ul li p.profile {
   margin-right: 0px;}

div#mes02 #mes_right ul {
   border: 1px solid #d3d2cc;
   background-color: #FFFFFF;}

div#mes02 #mes_right ul li {
   width: 438px;
   padding: 15px 0px;
   border-bottom: 1px solid #d3d2cc;}

div#mes02 #mes_right ul li.none {
   border-bottom: none;
   width: 438px;
   padding: 15px 0px;}

div#mes02 #mes_right ul li p {
   margin-left: 16px;
   width: 405px;}

div#mes02 #mes_right ul li p.year {
   float: left;
   width: 160px;
   margin-left: 18px;}
* html div#mes02 #mes_right ul li p.year {
   margin-left: 9px;}
div#mes02 #mes_right ul li p.profile {
   float: left;
   margin-left: 0px;
   width: 240px;}


/* --------------------------------------------------------------------------------------
 アクセス
--------------------------------------------------------------------------------------- */
div#access01 {
   margin-bottom: 40px;
   width: 900px;}

div#access01 #map {
   float: left;}

div#access01 #street {
   float: right;}


ul#access02 {
   border: 1px solid #d3d2cc;
   background: url(../../clinic/img/access.gif) top left repeat-y;
   margin-bottom: 80px;}

ul#access02 li {
   width: 900px;
   padding: 15px 0px;
   border-bottom: 1px solid #d3d2cc;}
ul#access02 li.none {
   border-bottom: none;
   width: 900px;
   padding: 15px 0px;}

ul#access02 li p.ac_left {
   float: left;
   width: 130px;
   margin-left: 18px;}

ul#access02 li p.ac_right {
   float: right;
   width: 710px;
   margin-right: 10px;}



/* --------------------------------------------------------------------------------------
 紹介
--------------------------------------------------------------------------------------- */
h3.intro {
   font-size: 13px;
   margin-bottom: 50px;
   color: #41403e;
   font-weight: bold;}

div#intro {
   height: 570px;
   width: 900px;
   background: url(../../introduction/img/intro_back.jpg) top left no-repeat;
   position: relative;}

div#intro h4 {
   position: absolute;
   top: 295px;
   left: 335px;
   font-size: 10px;
   width: 230px;}

div#intro #int01 {
   position: absolute;
   top: 0;
   left: 0;
   width: 239px;}

div#intro #int01 ul {
   width: 239px;
   border: 1px solid #d3d2cc;
   background-color: #f6f5f1;
   font-size: 10px;}

div#intro #int01 ul li {
   width: 239px;
   padding: 10px 0px;
   border-bottom: 1px solid #d3d2cc;}
   
div#intro #int01 ul li.none {
   border-bottom: none;
   width: 239px;
   padding: 15px 0px;}

div#intro #int01 ul li p {
   margin-left: 18px;
   width: 200px;}

div#intro #int02 {
   position: absolute;
   top: 0;
   right: 0;
   width: 205px;}

div#intro #int02 ul {
   border: 1px solid #d3d2cc;
   background-color: #f6f5f1;
   font-size: 10px;
   width: 205px;}

div#intro #int02 ul li {
   width: 205px;
   padding: 10px 0px;
   border-bottom: 1px solid #d3d2cc;}
   
div#intro #int02 ul li.none {
   border-bottom: none;
   width: 205px;
   padding: 15px 0px;}

div#intro #int02 ul li p {
   margin-left: 18px;
   width: 180px;}


div#intro #int03 {
   position: absolute;
   top: 285px;
   right: 0;
   width: 205px;}

div#intro #int03 ul {
   border: 1px solid #d3d2cc;
   background-color: #f6f5f1;
   font-size: 10px;
   width: 205px;}

div#intro #int03 ul li {
   width: 205px;
   padding: 10px 0px;
   border-bottom: 1px solid #d3d2cc;}
   
div#intro #int03 ul li.none {
   border-bottom: none;
   width: 205px;
   padding: 15px 0px;}

div#intro #int03 ul li p {
   margin-left: 18px;
   width: 180px;}

div#intro #int04 {
   position: absolute;
   top: 335px;
   left: 80px;
   width: 100px;
   font-size: 10px;
   letter-spacing: 0em;}



/* --------------------------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------------------------- */
ul#contact {
   border: 1px solid #d3d2cc;
   background: url(../../contact/img/con_back.gif) top left repeat-y;
   margin-bottom: 20px;
   width: 894px;}

ul#contact li {
   width: 894px;
   padding: 15px 0px;
   border-bottom: 1px solid #d3d2cc;}
ul#contact li.none {
   border-bottom: none;
   width: 894px;
   padding: 15px 0px;}

ul#contact li .con_left {
   float: left;
   width: 195px;
   margin-left: 20px;}

ul#contact li .con_right {
   float: right;
   width: 630px;
   margin-right: 10px;}

div#con {
   width: 900px;
   text-align: center;
   font-size: 10px;
   margin-bottom: 20px;}

div#con_form {
   text-align: center;
   margin-bottom: 80px;}
div#con_form input {
   margin-right: 20px;}



/* --------------------------------------------------------------------------------------
 プライバシーポリシー
--------------------------------------------------------------------------------------- */
.pp {
   width: 500px;
   text-align: left;
   margin-bottom: 10px;
   border-bottom: 1px solid #999999;}
.pp2 {
   width: 500px;
   text-align: left;
   margin-bottom: 30px;
   padding-bottom: 10px;}