@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 10px}

span.new{display:none}

#main .adr div{margin:0}

#main .fig,
#main .btn{
margin:0 0 20px;
text-align:center}

#main .topicPath{
margin:0 0 10px;
text-align:right}

#main .topicPath li{
background:url(../img/tpBg.gif) no-repeat 0 3px;
display:inline;
margin:0 0 0 5px;
padding:0 0 0 15px}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}
                  
#main .sign{
font-weight:bold;
text-align:right}

.pageTop{
clear:both;
margin:0 0 10px;
text-align:right}

#main .pageTop{margin:0 0 20px}

.pageTop a{
background:url(../img/pageTop.gif) no-repeat 0 3px;
font-size:x-small;
_font-size:xx-small;
padding:0 0 5px 15px}

#main .fmail_must{
float:left;
margin:0 0 0 5px;
text-indent:50000px}

#main .userArea{overflow:hidden}

/* 見出し
*****************************************/

#main h2{
background:url(../img/sec_h2bg.jpg) no-repeat;
border:1px solid #e7e7e7;
color:#333;
font-weight:bold;
font-size:large;
_font-size:medium;
font-weight:bold;
margin:0 0 20px;
padding:5px 10px;
text-align:left}

#main h2 span{
background:url(../img/sec_h2bg2.gif) no-repeat 0 50%;
display:block;
padding:0 0 0 10px}

#main h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
border-bottom:1px dotted #e4e4e4;
color:#6a6035;
font-weight:bold;
font-size:medium;
_font-size:small;
height:1%;
margin:0 0 20px;
padding:5px 10px 0 20px}

#main h4{
border-bottom:1px solid #dfdfdf;
font-weight:bold;
margin:0 0 20px;
padding:0 0 5px}

#main h4 span{
background:url(../img/sec_h4bg.gif) no-repeat 0 50%;
color:#0093a8;
font-size:110%;
display:block;
padding:0 0 0 8px}

/* リスト
*****************************************/

#main ul li{
background:url(../img/icon03.gif) no-repeat 0 8px;
margin:0;
padding:0 0 0 10px;
text-indent:0}

#main ul li.note{background:none}

#main ul.note li{
background:none;
margin:0 0 5px;
padding:0 0 0 1em;
text-indent:-1em}

#main ul.btn:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.btn{display:inline-block;}

/*\*/
*html #main ul.btn{height:1%}
#main ul.btn{display:block}
/**/

#main ul.btn li{
background:none;
float:left;
margin:0 0 0 10px;
padding:0}

#main ul.btn li.firstChild{margin:0}

#main ul.all li{
border-bottom:#ccc 1px dotted;
margin-bottom:10px;
padding-bottom:10px}

#main ul.all li span{margin:0 10px 0 0}
#main ul.all li a{font-size:110%}


/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{margin:0}

#main dl.add dt{font-size:120%}

#main dl.add dd{
color:#1cb3ca;
font-size:120%;
font-weight:bold}

/* テーブル
*****************************************/

#main table{
border:3px solid #ccc;
height:auto;
width:100%}

#main table th{
background:#ecf9fb;
border-bottom:1px dotted #ccc;
font-weight:bold;
padding:8px;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table td{
border-bottom:1px dotted #ccc;
border-left:1px solid #ccc;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table.col th{
border-left:1px solid #ccc;
text-align:center;
padding:5px 10px;
vertical-align:middle}

#main table.col td{
padding:5px 10px;
vertical-align:top}

#main table.col th.note{white-space:normal}

#main table.col th.top{
padding:5px 0;
width:auto}

#main table.col th.top.firstChild{border-left:none}

#main table td p,
#main table td div,
#main table td ul,
#main table td dl{margin:0}

#main table td p.note,
#main table td ul.note2{margin:0 0 10px}

#main table.mailform th{
white-space:normal;
padding:5px;
text-align:right;
width:170px}


/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

#main ul.sitemap li{
background:url(../img/icon03.gif) no-repeat 0 5px;
height:1%;
margin:0 0 5px;
padding:0 0 0 15px}

#main ul.sitemap li.note{background:none}

#main ul.sitemap li ul li{
background:url(../img/icon04.gif) no-repeat 0 5px;
padding:0 0 0 15px}

/* ご挨拶
*****************************************/

#main table.man{border:none}

#main table.man th{
background:none;
border:none;
padding:0 0 20px}

#main table.man th igm{vertical-align:bottom}

#main table.man td{
border-left:none;
border-bottom:1px dotted #bbb;
padding:0 0 20px 20px;
vertical-align:top}

#main table.man td.info{padding:0 0 20px}

#main table.man td.info dl{
background:url(../img/sec_manBg.gif) repeat-y;
padding:0 0 0 10px}

#main table.man td.info dl dt{
font-weight:normal;
font-size:small;
_font-size:x-small}

#main table.man td.info dl dd{
font-weight:bold;
font-size:140%}

#main table.man td ul li{
background:none;
padding:0}

#main table.man td p,
#main table.man td ul{margin:0 0 10px}

#main table.man td p.lastChild{margin:0}

/*　診療内容
-----------------------------------------------*/

#main .cont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .cont{display:inline-block;}

/*\*/
*html #main .cont{height:1%}
#main .cont{display:block}
/**/

#main .cont ul{
float:left;
margin-left:20px;
width:320px}

#main .cont ul.firstChild{ margin-left:0}

#main .kamoku .block{
background:url(../img/sec_manBg.gif);
padding:10px;
zoom:1}

#main .kamoku .block .inner{
background:#fff;
margin-bottom:0;
padding:15px;
zoom:1}

#main .kamoku .block .inner ul{margin-bottom:0}
#main .kamoku .block .inner ul li{
background:none;
padding:0}

#main .kamoku .block .inner h5{
background:url(../img/sec_h4bg.gif) repeat-y 0 50%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 0 10px}

#main .kamoku .block .inner h5 a{
color:#333333;
font-weight:bold}

#main .kamoku .photo_staff01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .kamoku .photo_staff01{display:inline-block;}

/*\*/
*html #main .kamoku .photo_staff01{height:1%}
#main .kamoku .photo_staff01{display:block}
/**/

#main .kamoku .photo_staff01 .photoCont{float:left}

#main .kamoku .photo_staff01 .p1,
#main .kamoku .photo_staff01 .p2{
margin:0 20px 0 0;
width:150px}

* html #main .kamoku .photo_staff01 .p1,
* html #main .kamoku .photo_staff01 .p2{margin-right:17px}

#main .kamoku .photo_staff01 .p3{width:320px}

#main .kamoku .photo_staff01 dl{
background:url(../img/sec_manBg.gif) repeat-y;
padding:0 0 0 10px}

#main .kamoku .photo_staff02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .kamoku .photo_staff02{display:inline-block;}

/*\*/
*html #main .kamoku .photo_staff02{height:1%}
#main .kamoku .photo_staff02{display:block}
/**/

#main .kamoku .photo_staff02 .photoCont{float:left}
#main .kamoku .photo_staff02 .p1{margin:0 20px 0 0;width:270px}
#main .kamoku .photo_staff02 .p2{width:370px}

/*　機材
-----------------------------------------------*/

#main .boxTop{
background:url(../img/boxTop.gif) no-repeat 0 0;
margin:0 0 20px;
padding:10px 0 0;
zoom:1}

#main .boxBottom{
background:url(../img/boxBottom.jpg) no-repeat 0 100%;
margin-bottom:0;
padding:0 0 10px;
zoom:1}

#main .boxBottom .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .boxBottom .inner{display:inline-block;}

/*\*/
*html #main .boxBottom .inner{height:1%}
#main .boxBottom .inner{display:block}
/**/

#main .boxBottom .inner{
background:url(../img/boxCont.gif) repeat-y;
margin-bottom:0;
padding:10px}

#main .boxBottom .inner dl{
float:right;
width:460px}

#main .boxBottom .inner dl dt{
background:url(../img/sec_manBg.gif) repeat-y;
padding:0 0 0 10px;
font-weight:bold;
margin:0 0 20px}

#main .boxBottom .inner .fig{
float:left;
margin-bottom:0;
width:160px}

/* 美容皮膚科
*****************************************/

#main table.field{
border:none;
border-top:1px dotted #dfdfdf}

#main table.field th{
background:none;
border-bottom:1px dotted #dfdfdf;
color:#92925E;
padding:8px 15px 8px 0}

#main table.field td{
border-bottom:1px dotted #dfdfdf;
border-left:none}

#main table.titleArea{
border:none;
border-top:1px solid #ccc}

#main table.titleArea th{
background:#268AB3;
border-bottom:1px solid #ccc;
color:#fff;
text-align:center;
vertical-align:middle}

#main table.titleArea th.note{
background:#98c7db;
font-size:140%}

#main table.titleArea td{
border-bottom:1px solid #ccc;
vertical-align:middle}

/* 院内の様子
*****************************************/

#main .facility{margin:0}

#main .facility .cont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .facility .cont{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #main .facility .cont{height:1%}
#main .facility .cont{display:block}
/**/

#main .facility .cont dl{
float:left;
margin:0;
width:320px}

#main .facility .cont dl.firstChild{margin:0 20px 0 0}

#main .facility .cont dl dt{margin:0 0 10px}

#main .facility .cont dl dt img{vertical-align:bottom}

#main .facility .cont dl dd{
font-size:small;
_font-size:x-small;
padding:0 0 0 10px}

#main .facility .cont dl dd.title{
background:url(../img/sec_manBg.gif) repeat-y;
color:#333;
font-size:110%;
font-weight:bold;
margin:0 0 5px}

/***********************************************/

#index #main h3,
#index #main h3 span{
background:none;
border:none;
padding:0}

#index #main img{vertical-align:bottom}

#index #main .h301 table{border:none}

#index #main .h301 table th{
background:none;
border-bottom:1px dotted #ccc;
font-weight:normal;
padding:0 0 5px;
vertical-align:top;
width:130px}

#index #main .h301 table th span{margin:0 0 0 10px}

#index #main .h301 table th span img{vertical-align:middle}

#index #main .h301 table td{
background:url(../img/icon05.gif) no-repeat 0 7px;
border-bottom:1px dotted #ccc;
border-left:none;
padding:0 0 5px 15px}

#index #main .h301 table td a{color:#333}

#index #main .h302 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .h302 ul{display:inline-block;}

/*\*/
*html #index #main .h302 ul{height:1%}
#index #main .h302 ul{display:block;
margin:0;}
/**/

#index #main .h302 ul li{
background:none;
float:left;
margin:0 20px 20px 0;
padding:0}

#index #main .h302 ul li.note{margin:0 0 20px}

#index #main .h303 dl dt{
background:url(../img/icon03.gif) no-repeat 0 8px;
margin:0 0 5px;
padding:0 0 0 10px}

#index #main .h303 dl dd{
border-bottom:1px dotted #ccc;
margin:0 0 5px;
padding:0 0 5px}


/* Q&A
*****************************************/

#main dl.qa {
	font-size: 110%;
	margin: 10px 10px 30px 10px;}

#main dl.qa dt {}

#main dl.qa dd {
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cccccc;}

/* ACCESS
*****************************************/

dl.access {}

dl.access dt {
	background:url(../img/icon03.gif) no-repeat 0 8px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	font-weight: bold;
}

dl.access dd.sta {
	text-decoration: underline;
	padding: 7px 0 0 10px;
}
dl.access dd {
	padding-left: 10px;
}


