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

　はる皮フ科　基本設定

	=1 初期設定解除
	=2 スタイル設定
	=3 サイズ・レイアウト設定
	=4 グローバルナビゲーション設定
	=5 アドレス設定
	=6 retop設定
	=7 index設定


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

/* --------------------------------------------------------------------- ▼ =1 初期設定解除 */
body,h1,h2,h3,h4,h5,p,a,img,address,ul,li,dl,dt,dd,table,tr,th,td{
margin:0px 0px;
padding:0px 0px;
outline:none;
font-style:normal;
font-weight:normal;
text-decoration:none;
list-style:none;
border:none;
border-style:none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr{
height:0px;
width:0px;
border:none;
}
/* --------------------------------------------------------------------- ▼ =2 スタイル設定 */
/* スクロールバー設定 */
html{
scrollbar-face-color:#f5ebeb;
scrollbar-track-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;

scrollbar-arrow-color:#c99;
scrollbar-3dlight-color:#f5ebeb;
scrollbar-darkshadow-color:#f5ebeb;
}
body{
font-size:75%;
line-height:130%;
color:#333;
background-color:#f5ebeb;
font-family:"ＭＳ ゴシック", "Osaka－等幅";
}
#wrap{
width:800px;
margin:0px auto;
padding-left:25px;
background:url(../img/com/wrap_bk.gif) repeat-y;
}

a{
color::#33c;
}
a:hover{
text-decoration:underline;
color:#C30;
}
.forlink a{
color:#333;
border-bottom:1px #333 dotted;
}
.forlink a:hover{
color:#c30;
border-bottom:none;
}
/* --------------------------------------------------------------------- ▼ =3 サイズ・レイアウト設定 */
#headarea{
width:750px;
height:118px;
border-bottom:1px #c99 solid;
}
#headarea_in{
width:750px;
height:117px;
}
#contents{
width:750px;
}
#contents:after,#access:after{
height:0.1px;
content:".";
font-size:0.1em;
display:block;
visibility:hidden;
line-height:0px;
clear:both;
}
.cyusyaku{
font-size:11px;
color:#f00;
}
.cyusyaku2{
font-size:9px;
color:#c63;
text-align:right;
margin:5px 20px 0px 0px;
}
.cyusyaku3{
font-size:12px;
color:#c63;
text-align:right;
margin:5px 20px 0px 0px;
}
.kyocho{
font-weight:bold;
color:#930;
}
.kyocho2{
font-weight:bold;
color:#930;
border-bottom:1px #930 solid;
}
.kyocho3{
font-weight:bold;
}
.stnormal{
font-weight:normal;
color:#666;
padding-left:10px;
}
.stnormal2{
font-weight:normal;
}
.cleStml{
clear:both;
margin:0px 0px 10px 30px;
}
.posiC{
clear:both;
text-align:center;
}
.posiC2{
text-align:center;
margin-bottom:20px 
}
.posiRmr{
text-align:right;
margin-right:30px;
}
.posiL{
text-align:left;
}
.ml2{
margin-left:20px;
}
.marT{
margin-top:15px;
}
.firstob{
margin-top:0px;
}
.colP{
color:#f66;
}
.colBr{
color:#930;
font-weight:bold;
}
.colWR{
color:#c00;
font-weight:normal;
}
.imgst{
text-align:center;
margin:10px 0px;
}
/* --------------------------------------------------------------------- ▼ =4 グローバルナビゲーション設定 */
#GrovalNavi li{
float:left;
height:37px;
border-bottom:1px #fff solid;
background-color:#eee;
}
#GrovalNavi .hit{
background-color:#860000;
}
/* --------------------------------------------------------------------- ▼ =5 アドレス設定 */
address{
clear:both;
width:750px;
border-top:1px #c99 solid;
padding:10px 0px 5px 0px;
text-align:center;
color:#f99;
}
/* --------------------------------------------------------------------- ▼ =6 retop設定 */
.retop{
clear:both;
text-align:right;
margin:20px 0px;
}
.kochira{
margin:10px 20px 10px 0px;
text-align:right;
}
/* --------------------------------------------------------------------- ▼ =7 index設定 */
h1{
width:750px;
height:80px;
}
#topimg{
border-top:1px #fff solid;
width:750px;
height:300px;
background:url(../img/com/topimg.jpg) no-repeat;
}
#contLeft{
float:left;
width:220x;
margin:10px 0px 0px 10px;
}
#contRight{
float:right;
width:510px;
margin:10px 0px;
}
.ban{
margin-bottom:5px;
}
#greet{
width:480px;
margin:0px auto;
}
#greet p{
margin-bottom:10px;
}
/*------------------------------------------ ▽ h2title画像 */
h2{
height:20px;
text-indent:-9999px;
margin:30px 0px 10px 0px;
border-top:1px #c63 dotted;
border-bottom:1px #c63 dotted;
}
#p1_1{
width:210px;
margin-top:10px;
background:url(../img/com/p1_tit4.gif) no-repeat 4px 2px;
}
#p1_2{
width:210px;
background:url(../img/com/p1_tit5.gif) no-repeat 4px 2px;
}
#p1_3{
width:250px;
height:55px;
background:url(../img/cont/toph2.gif) no-repeat;
margin:0px auto 20px auto;
border:none;
}
#p1_4{
width:490px;
background:url(../img/com/p1_tit1.gif) no-repeat 4px 2px;
}
#p1_5{
width:490px;
background:url(../img/com/p1_tit2.gif) no-repeat 4px 2px;
}
#p1_6{
width:490px;
background:url(../img/com/p1_tit3.gif) no-repeat 4px 2px;
}
#p1_7{
width:490px;
background:url(../img/com/p1_tit6.gif) no-repeat 4px 2px;
}
#p1_8{
width:490px;
background:url(../img/com/p1_tit6.jpg) no-repeat 4px 2px;
}

/*-------------------------------------------- ▽ news設定 */
#news{
width:450px;
height:270px;
overflow:scroll;
margin-left:20px;
}
#news table{
margin-left:18px;
width:400px;
}
#news th,#news td{
padding:5px 0px;
border-bottom:1px #999 dotted;
}
#news th{
color:#930;
width:90px;
}
#rinji{
width:350px;
margin:10px 0px 0px 70px;
padding:10px;
border:1px dashed #95482F;
}
#rinji h3{
margin-bottom:5px;
font-size:12px;
font-weight:bold;
color:#c00;}
#rinji p{
margin-bottom:10px;
text-indent:12px;
line-height:1.5em;}

/*-------------------------------------------- ▽ 診療時間設定 */
#time{
margin-left:20px;
}
#time h3{
clear:both;
font-size:120%;
color:#930;
margin:20px 0px 5px 10px;
padding-left:18px;
background:url(../img/cont/square_br.gif) no-repeat 0% 30%;
}
#time h4{
clear:both;
font-size:120%;
margin:10px 0px 5px 20px; 
}
#time p{
margin-left:40px;
}
#contRight #time img{
margin-left:0px;
}
#time .cau{
margin-left:50px;
}
#time span{
color:#a07864;
}
#time dl{
width:370px;
margin-left:50px;
overflow:hidden;
}
#time dl:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
#time dt{
width:50px;
float:left;
text-align:right;
padding-right:10px;
}
#time dd{
float:left;
width:300px;
}
#time p img{
margin-left:-40px;
}
#time ul{
width:430px;
margin:5px 0px 10px 10px;
}
#time li{
list-style-image:url(../img/com/t_mark.gif);
margin:0px 0px 5px 20px;
}
/*-------------------------------------------- ▽ アクセス設定 */
#access dl{
float:left;
width:235px;
margin:10px 15px 30px 20px
}
#access dt{
color:#930;
}
#access .clre{
color:#333;
}
#access dd{
margin:0px 0px 10px 15px;
}
#access img{
margin:10px 0px 3px 0px;
}
#access p{
float:left;
color:#930;
margin-left:50px;
}

/*-------------------------------------------- ▽ 年末年始設定 */
#nenmatu{
width:450px;
margin:0px auto;
}
#nenmatu p{
margin-bottom:10px;
}

#nenmatu table{
margin:0px 0px 20px 40px;
width:350px;}


#nenmatu table th,#nenmatu table td{
padding:4px;
border:1px #a07864 solid;
text-align:center;
}
#nenmatu table th{
background-color:#F1E8E4;
}