/* ==================================================

CSS Document for ふくもと心療内科 

   ================================================== */

#container {
	margin:0 auto;
	width:800px;
	background:url("../images/hd_back.jpg") no-repeat;
}


/* header ------------------------------ */
#header {

}
#header .h_left {
	float:left;
}

#header .tagline {
	margin:13px 0 0 8px;
	font-size:1em;
}


#header a.logo {
	display:block;
	width:436px;
	height:58px;
	background:url("../images/logo.gif") no-repeat 7px 0px;
	text-indent:-10000px;
	text-decoration:none;
}
#header .address {
	float:left;
	margin:28px 0 0 28px;
	width:316px;
	height:69px;
	background:url("../images/address.gif") no-repeat;
	text-indent:-10000px;	
}


#navi {
	clear:both;
	margin-left:24px;
}
#navi a.btn1 {
	float:left;
	margin-right:24px;
	width:86px;
	height:31px;
	background:url("../images/btn1.gif") no-repeat 0 -30px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn1:hover {
	float:left;
	width:86px;
	height:31px;
	background:url("../images/btn1.gif") no-repeat 1px 1px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn1_selected {
	float:left;
	margin-right:24px;
	width:86px;
	height:31px;
	background:url("../images/btn1.gif") no-repeat;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn2 {
	float:left;
	margin-right:24px;
	width:138px;
	height:31px;
	background:url("../images/btn2.gif") no-repeat 0 -30px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn2:hover {
	float:left;
	width:138px;
	height:31px;
	background:url("../images/btn2.gif") no-repeat 1px 1px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn2_selected {
	float:left;
	margin-right:24px;
	width:138px;
	height:31px;
	background:url("../images/btn2.gif") no-repeat;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn3 {
	float:left;
	width:120px;
	height:31px;
	margin-right:24px;
	background:url("../images/btn3.gif") no-repeat 0 -30px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn3:hover {
	float:left;
	width:120px;
	height:31px;
	background:url("../images/btn3.gif") no-repeat 1px 1px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn3_selected {
	float:left;
	margin-right:24px;
	width:120px;
	height:31px;
	background:url("../images/btn3.gif") no-repeat;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn4 {
	float:left;
	width:86px;
	height:31px;
	background:url("../images/btn4.gif") no-repeat 0 -30px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn4:hover {
	float:left;
	width:120px;
	height:31px;
	background:url("../images/btn4.gif") no-repeat 1px 1px;
	text-indent:-10000px;
	text-decoration:none;
}
#navi a.btn4_selected {
	float:left;
	margin-right:24px;
	width:120px;
	height:31px;
	background:url("../images/btn4.gif") no-repeat;
	text-indent:-10000px;
	text-decoration:none;
}

#main {
	margin:0 auto;
	width:768px;
}
#main .waku1 {
	width:768px;
	height:22px;
	background:url("../images/waku1.jpg") no-repeat;
}
#main .waku2 {
	width:768px;
	background:url("../images/waku2.jpg") repeat-y;
	padding-bottom:10px;
}
#main .waku3 {
	width:768px;
	height:22px;
	background:url("../images/waku3.jpg") no-repeat;
}
a.btn_pagetop {
	width:87px;
	height:13px;
	display:block;
	background:url("../images/btn_pagetop.gif") no-repeat;
	text-indent:-10000px;
	text-decoration:none;	
}

/* footer ------------------------------ */
#footer {
	margin:5px auto 0;
	width:800px;
	height:23px;
	display:block;
	background:url("../images/footer_back.jpg") no-repeat;
	text-align:right;
	color:#ffffff;
	padding-top:85px;
}

.hyo {
	width: 100%;

}
.hyo dl {
	display:table;
	width: 100%;
	border:1px #ccc solid;
	margin-top:-1px;
	font-size:13px;
}
.hyo dt {
	display:table-cell;
	width: 30%;
	padding:20px;
	text-align:center;
	background-color:#4e953a;
	color:#fff;
/*	border-right:1px #ccc solid;*/
	vertical-align: middle;
}
.hyo dd {
	display:table-cell;
	padding:20px;
	background-color:#fff;
}