@charset "utf-8";
/* ----------------------------------------

　恵和会皮膚科



------------------------------------------ */
/* ----------------------------------------------------- ▼ =1 全ページ共通設定 */
/* -------------------- ▽ =1-1 ヘッダー設定 */
.rogo{
float:left;
}
.clinicinfo{
float:right;
}

/* -------------------- ▽ =1-2 サイズ設定 */
#contents{
width:800px;
margin-top:0px;
}
#contRight{
float:right;
width:639px;
border-left:1px #9c0 solid;
}
#contLeft{
float:left;
width:160px;
}
.conbox,.conbox2,.sec_conbox{
width:510px;
position:relative;
left:70px;
}
.conbox3{
width:480px;
margin:0px auto;
}
/* -------------------- ▽ =1-3 タイトル設定 */
h1{
width:639px;
height:60px;
}
#contRight h2,.conbox2 h3{
width:548px;
height:30px;
margin:20px 0px 10px 50px;
font-size:100%;
line-height:30px;
text-indent:10px;
font-weight:bold;
color:#930;
border:1px #930 solid;
}
.conbox2 h3{
width:508px;
margin-left:0px;
}
.sec_conbox h3{
font-size:14px;
margin:20px 0px 10px 0px;
color:#f39;
font-weight:bold;
}

#contRight .ketiSt{
width:550px;
height:150px;
margin:0px auto 20px auto;
text-indent:0px;
border:none; 
}

.conbox h3,.conbox2 h4{
width:510px;
color:#690;
text-indent:15px;
font-size:100%;
font-weight:bold;
margin:25px 0px 10px 0px;
padding-bottom:3px;
background:url(../img/com/tmark_gre.gif) no-repeat 0% 40%;
border-bottom:1px #6c0 dashed;
}
.conbox :first-child{
margin-top:0px;
}
.conbox2 h4{
width:490px;
margin-left:10px;
}
.conbox .titst,.conbox .titst2,.conbox .titst3,.conbox2 .titst2{
color:#03C;
background:none;
border:none;
text-indent:0px;
font-size:130%;
text-align:center;
}
.conbox .titst2{
color:#C00;
}
.conbox2 .titst2{
color:#f39;
font-size:100%;
font-weight:bold;
}
.conbox .titst3{
color:#f39;
font-size:100%;
text-align:left;
}
.conbox h4{
color:#690;
font-size:100%;
font-weight:bold;
margin:20px 0px 8px 30px;
}
.pmst{
margin-left:40px;
}

#contRight .conbox3 h2{
width:480px;
height:60px;
margin:0px auto 20px auto;
border:none;
}
.conbox3 h3{
width:480px;
font-size:90%;
text-indent:16px;
font-weight:bold;
padding-bottom:3px;
margin:20px 0px 15px 0px;
border-bottom:1px #F60 dotted;
background:url(../img/com/tmark_ora.gif) no-repeat 0% 10%;
}
/* -------------------- ▽ =1-4 スタイル設定 */
.conbox p{
margin-bottom:10px;
}
.sec_conbox p{
margin-bottom:10px;
}
.conbox2 p{
margin:0px 0px 10px 20px;
}
#contRight p img{
text-align:center;
}
.conbox3 p{
margin-bottom:10px;
}
/* ----------------------------------------------------- ▼ =2 ナビゲーション設定 */
/* -------------------- ▽ =2-1 グローバルナビ設定 */
#navigation{
width:800px;
}
#navigation li{
float:left;
}

/* -------------------- ▽ =2-2 サイドナビ設定 */
#contLeft p{
width:140px;
margin:10px 0px 0px 10px;
}
#contLeft ul{
width:140px;
margin-left:10px;
border-top:1px #999 dashed;
}
#contLeft li a{
width:140px;
display:block;
font-size:95%;
color:#333;
text-indent:13px;
text-decoration:none;
padding:12px 0px;
border-bottom:1px #999 dashed;
}
#contLeft li a:hover{
color:#C00;
text-decoration:underline;
}
.annai li{
background:url(../img/com/limark.gif) no-repeat 0% 50%;
}
.annai2 li{
background:url(../img/com/limark.gif) no-repeat 0px 14px;
}
.info li{
background:url(../img/com/limark_pi.gif) no-repeat 0% 50%;
}
#contLeft .annai2 .in_annai li{
background-image:none;
}
#contLeft .annai2 .in_annai li a{
text-indent:15px;
}
#contLeft .annai2 .in_annai{
border-top:none;
margin-left:0px;
}

/* ----------------------------------------------------- ▼ =3 pictbox設定 */
.pictbox,.pictbox2,.pictbox3,
.pictbox4,.pictbox5{
width:510px;
overflow:hidden;
}

.pictbox:after,.pictbox2:after,.pictbox3:after,
.pictbox4:after,.pictbox5:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
clear:both;
}
.pictbox p{
width:410px;
float:left;
}
.pictbox ul{
width:410px;
float:left;
}
.pictbox li,.limarkst3 li{
text-indent:20px;
margin:5px 0px;
padding-bottom:3px;
background:url(../img/com/tmark_gre.gif) no-repeat 0% 40%;
border-bottom:1px #6c0 dashed;
}
.pictbox2 p{
width:370px;
float:left;
}
.pictbox3 p{
width:215px;
float:left;
}
.pictbox4 p{
width:300px;
float:left;
}
.pictbox5 p,.pictbox5 div{
width:300px;
float:left;
}

.tekio{
width:360px;
position:absolute;
top:150px;
left:15px;
}
.pictbox img,.pictbox2 img,.pictbox3 img,.pictbox4 img,
.pictbox5 img{
float:right;
}
.pictbox5 dl{
float:left;
width:320px;
}
.pictbox5 dt{
vertical-align:top;
margin-bottom:5px;
}
.pictbox5 dd{
width:300px;
margin:0px 0px 10px 20px;
}
.pictbox5 dl img,.pictbox5 div img,
.pictbox5 div p{
float:none;
}
.pictbox6{
width:550px;
height:230px;
background:url(../img/contp/bk_2.gif) no-repeat 100% 0%;
}
.pictbox6 img{
margin-left:50px;
}
.pictbox6 p{
width:350px;
margin:20px 0px 0px 100px;
}
.picbkbox{
width:510px;
margin-bottom:20px;
background:url(../img/contp/sp_a_1.jpg) no-repeat 100% 0%;
}
.picbkbox p{
width:320px;
}
.picbkbox2{
width:470px;
height:150px;
margin-left:40px;
background:url(../img/contp/p1_il1.gif) no-repeat 100% 0%;
}
.picbkbox2 p{
width:370px;
}
/* -------------------------------- */
.senka{
width:320px;
text-align:center;
margin:20px auto;
padding:10px;
border:1px #bf9d6f solid;
}
.senka p{
margin-left:0px;
}
.senka h5{
width:300px;
height:25px;
line-height:25px;
color:#600;
font-size:130%;
font-weight:bold;
margin-bottom:10px;
background-color:#FF0;
}
.senka h6{
font-size:120%;
margin:2px 0px;
}
.colbar{
width:300px;
height:20px;
line-height:20px;
color:#fff;
font-weight:bold;
background-color:#f00;
}
/* ----------------------------------------------------- ▼ =4 list設定 */
.lmarkst{
margin:10px 0px 10px 40px;
}
.lmarkst li{
margin:3px 0px;
list-style:outside disc;
xpadding-left:15px;
xbackground:url(../img/com/tmark_ten.gif) no-repeat 0% 45%;
}
.lmarkst2{
margin:10px 0px 0px 60px;
}
.lmarkst2 li{
margin:3px 0px;
list-style:outside decimal;
}
.limarkst3{
width:420px;
margin:0px 0px 10px 40px;
}
/* ----------------------------------------------------- ▼ =5 table設定 */
#methdt{
margin-bottom:20px;
}
#methdt th{
color:#690;
font-weight:bold;
text-align:left;
padding:5px 10px 5px 13px;
border-top:1px #6c0 dashed;
border-bottom:1px #6c0 dashed;
background:url(../img/com/tmark_gre.gif) no-repeat 0% 50%;
}
#methdt td{
padding:5px 0px;
text-align:left;
border-top:1px #6c0 dashed;
border-bottom:1px #6c0 dashed;
}
/* ------------------------------- ▽ 美容形成ページ */
.conbox2 table{
margin-left:50px;
}
.conbox2 table th{
width:180px;
text-align:left;
font-weight:normal;
color:#333;
padding:3px 0px 3px 10px;
border:1px #586202 solid;
}
.conbox2 table td{
width:200px;
text-align:left;
padding:3px 0px 3px 10px;
border-bottom:1px #6c0 dashed;
border:1px #586202 solid;
}
/* ------------------------------- ▽ キャンペーン */
#camp{
margin:10px auto 20px auto;
}

.colorth th,.colorth td{
color:#f60;
font-weight:bold;
}
.colbth th,.colbth td{
color:#03C;
font-weight:bold;
}
/* ------------------------------- ▽ 料金表 */
.gre_tab,.gray_tab,.blow_tab,.blow_tab2,.blue_tab{
width:480px;
margin:0px 0px 10px 85px;
}
/* ----- th */
table th{
color:#fff;
font-weight:bold;
padding:2px 0px;
vertical-align:middle;
border:2px #fff solid;
}

.gre_tab th{
background-color:#690;
}
.gray_tab th{
background-color:#999;
}
.blow_tab th,.blow_tab2 th{
background-color:#630;
}
.blue_tab th{
background-color:#669;
}
/* ----- td */
table td{
text-align:right;
vertical-align:middle;
padding:2px 10px;
border:2px #fff solid;
}
.gre_tab td,.blue_tab td{
width:120px;
}
.gray_tab td{
width:120px;
}
.blow_tab td,.blow_tab2 td{
width:115px;
}
/* ----- 左セル幅 */
.gre_tab .altd,.blue_tab .altd{
width:220px;
text-align:left;
}
.gray_tab .altd{
width:220px;
text-align:left;
}
.blow_tab .altd{
width:355px;
text-align:left;
}
.blow_tab2 .altd{
width:220px;
text-align:left;
}
.blow_tab2 .alcet,.blue_tab .alcet{
text-align:center;
}

/* ----- 行カラー */
.yel td{
background-color:#ff9;
}
.palgre td{
background-color:#f0f0d2;
}
.pin td{
background-color:#fcc;
}
.ora td{
background-color:#fc9;
}
.parp td{
background-color:#ccf;
}

*html .tekio{
top:170px;
}
/* ---------- 美容形成ページ内リンク */
#pageNavi{
width:460px;
padding:5px;
margin:0 auto 20px;
border:3px #c30 double;
}
#pageNavi table{
width:420px;
margin:0 auto;
}
#pageNavi table th{
color:#333;
padding:0 5px 0 0;
font-size:11px;
vertical-align:top;
}
#pageNavi table td{
font-size:11px;
text-align:left;
vertical-align:top;
padding:0;
}
#pageNavi table td ul li{
display:inline;
margin-right:10px;
}
#pageNavi table td ul li a{
color:#666;
}
#pageNavi table td ul li a:hover{
color:#c30;
}