@charset "UTF-8";

body{
	background:url(../img/common/back-bottom.png) 0 0 repeat;
	color:#786F51;
}
#layout{background:url(../img/common/back-top.png) 0 0 repeat-x;}
#side{
	background:url(../img/common/side.png) 0 0 repeat-y;
	_background:url(../img/common/side-ie6.gif) 0 0 repeat-y;/*IE6hack*/
	width:904px;
	margin:0 auto;
	padding:0 39px;
}
a{color:#0066FF;}
a:hover{color:#6FA8FF;}


/*================================
 ■ヘッダー
==================================*/
#header{
	width:904px;
	margin:0 auto 10px;
	position:relative;
}
#header h1{
	position:absolute;
	left:590px;
	top:30px;
	font-size:12px;
	padding-right:10px;
	color:#948B6B
}


/*================================
 ■コンテンツ
==================================*/
#contents{
	width:890px;
	margin:0 auto;
}


/*================================
 ■メイン
==================================*/
#main{
	width:696px;
	float:right;
	line-height:1.4;
}

/*-------------------------
      パンくず
-------------------------*/
#pankuzu{margin:5px 0 5px 7px;}
#pankuzu li{
	display:inline;
	color:#A7995A;
}
#pankuzu li a{
	color:#A7995A;
	text-decoration:none;
}

#pankuzu li a:hover{
	color:#C1B88A;
	text-decoration:underline;
}

/*-------------------------
      メインボックス
-------------------------*/
.main-box{
	background:url(../img/common/box-mid.png) 0 0 repeat-y;
	padding:10px 15px 5px;
}
.main-box-bottom{
	background:url(../img/common/box-bottom.png) 0 bottom no-repeat;
	width:696px;
	height:15px;
	margin-bottom:12px;
	_margin-top:-1px;/*IE6hack*/
	clear:both;
}


/*================================
 ■レフトボックス
==================================*/
#left-box{
	width:182px;
	float:left;
}

/*-------------------------
     レフトメニュー
-------------------------*/
#menu{
	background:url(../img/common/menu-back.jpg) 0 0 no-repeat;
	width:182px;
	height:350px;
	margin:0 0 10px;
	padding-top:28px;
}
#menu li{
	width:164px;
	margin-left:8px;
	text-indent:-9999px;
}
#menu li a{
	width:164px;
	display:block;
}
.menu01 a{background:url(../img/common/menu01.jpg) 0 0 no-repeat;height:45px;}
.menu01 a:hover{background:url(../img/common/menu01.jpg) 0 -45px no-repeat;}
.menu02 a{background:url(../img/common/menu02.jpg) 0 0 no-repeat;height:44px;}
.menu02 a:hover{background:url(../img/common/menu02.jpg) 0 -44px no-repeat;}
.menu03 a{background:url(../img/common/menu03.jpg) 0 0 no-repeat;height:44px;}
.menu03 a:hover{background:url(../img/common/menu03.jpg) 0 -44px no-repeat;}
.menu04 a{background:url(../img/common/menu04.jpg) 0 0 no-repeat;height:44px;}
.menu04 a:hover{background:url(../img/common/menu04.jpg) 0 -44px no-repeat;}
.menu05 a{background:url(../img/common/menu05.jpg) 0 0 no-repeat;height:44px;}
.menu05 a:hover{background:url(../img/common/menu05.jpg) 0 -44px no-repeat;}
.menu06 a{background:url(../img/common/menu06.jpg) 0 0 no-repeat;height:44px;}
.menu06 a:hover{background:url(../img/common/menu06.jpg) 0 -44px no-repeat;}
.menu07 a{background:url(../img/common/menu07.jpg) 0 0 no-repeat;height:47px;}
.menu07 a:hover{background:url(../img/common/menu07.jpg) 0 -47px no-repeat;}

/*-------------------------
        住所
-------------------------*/
#add{
	background:url(../img/common/add-mid.png) 0 0 repeat-y;
	color:#5A543D;
	padding-left:15px;
}
#add-top{
	background:url(../img/common/add-top.png) 0 0 no-repeat;
	width:182px;
	height:25px;
}
#add-bottom{
	background:url(../img/common/add-bottom.png) 0 0 no-repeat;
	width:182px;
	height:26px;
}

/*-------------------------
        バナー
-------------------------*/
#banner{margin-top:8px;}
#banner li{
	width:182px;
	text-indent:-9999px;
	margin-bottom:7px;
}
#banner li a{
	width:182px;
	display:block;
}
.banner01 a{background:url(../img/common/salon.gif) 0 0 no-repeat;height:238px;}
.banner01 a:hover{background:url(../img/common/salon.gif) 0 -238px no-repeat;}
.banner02 a{background:url(../img/common/st-blog.jpg) 0 0 no-repeat;height:77px;}
.banner02 a:hover{background:url(../img/common/st-blog.jpg) 0 -77px no-repeat;}
.banner03 a{background:url(../img/common/salon-blog.jpg) 0 0 no-repeat;height:78px;}
.banner03 a:hover{background:url(../img/common/salon-blog.jpg) 0 -78px no-repeat;}
.banner04 a{background:url(../img/common/st-info.jpg) 0 0 no-repeat;height:78px;}
.banner04 a:hover{background:url(../img/common/st-info.jpg) 0 -78px no-repeat;}

/*-------------------------
      ボトムメニュー
-------------------------*/
#bottom-menu{
	clear:both;
	padding-top:20px;
}
#bottom-menu ul{
	width:850px;
	float:left;
	height:24px;
	padding-top:5px;
	text-align:center;
}
#bottom-menu li{
	display:inline;
	border-right:#A59B78 1px solid;
	margin-right:5px;
	padding-right:5px;
}
#bottom-menu .border-none{
	border-right:none;
	margin-right:0px;
	padding-right:0px;
}
#bottom-menu li a{
	color:#786F51;
	text-decoration:none;
}
#bottom-menu li a:hover{
	color:#A59A78;
	text-decoration:underline;
}

/*-------------------------
      ページトップ
-------------------------*/
.page-top{
    width:32px;
	height:29px;
	float:right;
}
.page-top a{
    background:url(../img/common/page-top.gif) 0 0 no-repeat;
	width:32px;
	height:29px;
	display:block;
	text-indent:-9999px;
}
.page-top a:hover{background:url(../img/common/page-top.gif) 0 -29px no-repeat;}


/*================================
 ■フッター
==================================*/
#footer{
	clear:both;
	background-color:#D27373;
	border-bottom:#CA5959 10px solid;
}
address{
	color:#fff;
	text-align:center;
	padding:15px 0;
}

/*-------------------------
      clearfix
-------------------------*/
.clearfix{
	zoom:1;
	/*overflow:hidden;
	min-height:1px;
	_height:1px;*/
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*-------------------------
      お知らせ一覧
-------------------------*/
.news-list{
	padding:15px;
	height:150px;
	overflow:scroll;
}
.news-list a{
	text-decoration:none;
	color:#786F51;
}
.news-list dl{
	display:flex;
	border-bottom:#e9e9e9 solid 1px;
}
.news-list dt{
	width:30%;
	line-height:2.5em;
}
.news-list dd{
	width:60%;
	line-height:2.5em;
}

/*-------------------------
      病院からのお知らせページ
-------------------------*/
.news-detail{
	width:100%;
	margin-bottom:100px;
}
.catching{
	width:100%;
	margin:20px 0;
}
.catching img{width:100%;}
.news-text{}
.news-text h3{
	font-size:25px;
	margin-bottom:20px;
	color:#786F51;
}
.news-text p{
	margin-bottom:10px;
	line-height:2em;
	font-size:16px;
	color:#786F51;
}
.detail_Copy{margin-bottom:15px;}
.detail_Copy ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:3em 0 0;
}
.detail_Copy li{
	width:50%;
	border:#A7995A solid 1px;
	box-sizing:border-box;
	text-align:center;
	position:relative;
}
.detail_Copy a{
	text-decoration:none;
	color:#786F51;
	display:block;
	font-size:16px;
}
.detail_Copy li a::before{
	height:1.3em;
	text-align:center;
	top:0;
	bottom:0;
	margin:auto;
	position:absolute;
}
.detail_Copy li:nth-child(1) a{
	padding:14px 0 14px 20px;
	border-bottom:none;
}
.detail_Copy li:nth-child(1) a::before{
	content:'<';
	left:1em;
	padding:14px 0;
}
.detail_Copy li:nth-child(2) a{padding:14px 20px 14px 0;}
.detail_Copy li:nth-child(2) a::before{
	content:'>';
	right:1em;
}
.detail_Copy a:hover{color:#D27373;}
.detail_list{width:100%;}
.detail_list li{
	width:100%;
	display:flex;
	justify-content:space-between;
	border:#A7995A solid 1px;
	box-sizing:border-box;
	padding:10px;
	margin-bottom:15px;
}
.list_Img{
	width:calc(20% - 10px);
	margin:0;
}
.list_Img img{
	width:100%;
	height:auto;
}
.list_Txt{
	width:calc(80% - 10px);
	vertical-align:middle;
	padding:15px 0;
}
.list_Txt a{
	font-size:15px;
	text-decoration:none;
	color:#786F51;
}