@charset "UTF-8";

/*=======================*/
/* トップページ　　　    */
/*=======================*/

/* メニュー */
#menu li#menu_top a{ background-position: left -37px; }

/* コンテンツ */
#contents{ padding-top: 15px; }

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

/* Flash部分 */
#top_image{
	height: 370px;
	border-top: solid 1px #BBBBBB;
	background-image: url(../img/index/top_image_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

#top_image div{
	height: 370px;
	background-image: url(../img/index/top_image_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/*=======================*/
/* contents　　　　　    */
/*=======================*/

/* 医院リスト */
#office_list{
	margin-bottom: 55px;
}

#office_list h2{
	position: absolute;
	text-indent: -9999px;
}

#office_list ul{
	position: relative;
	height: 135px;
}

#office_list li{
	list-style: none;
}

#office_list li a{
	position: absolute;
	display: block;
	width: 232px;
	height: 64px;
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
}
#office_list li a:hover{ padding: 1px 0 0 1px; }

#ichihara a{ top: 0; left: 0; background-image: url(../img/index/ichihara_dc.png); }
#wanpaku a{ top: 0; left: 243px; background-image: url(../img/index/wanpaku_peds.png); }
#kojima a{ top: 0; left: 486px; background-image: url(../img/index/kojima_clinic.png); }
#miyamoto a{ top: 0; right: 0; background-image: url(../img/index/miyamoto_lc.png); }
#uemura a{ bottom: 0; left: 0; background-image: url(../img/index/uemura_ent.png); }
#morita a{ bottom: 0; left: 243px; background-image: url(../img/index/morita_derma.png); }


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

/*交通アクセス*/

#left{
	position: relative;
	width: 335px;
	padding: 20px 10px 15px 10px;
	background-color: #F9F9F9;
	border: solid 1px #BBBBBB;
	font-size: 80%;
	line-height: 1.3em;
	float: left;
}

#left h2{
	position: absolute;
	top: -26px;
	left: 0;
	width: 122px;
	height: 19px;
	text-indent: -9999px;
	background-image: url(../img/index/h2_access.png);
	background-repeat: no-repeat;
}

#left p.map{
	text-align: center;
	margin-bottom: 13px;
}

#left p.map a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

#left p.map img{	
	border: solid 1px #BBBBBB;
}

#left p.address{
	width: 200px;
	float: left;
}

#left p.detail{
	margin-left: 200px;
}

#left p.detail a{
	display: block;
	width: 120px;
	height: 31px;
	text-indent: -9999px;
	background-image: url(../img/index/access_detail.png);
	background-repeat: no-repeat;
}

#left p.detail a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}


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

/* 新着情報 */

#center{
	position: relative;
	width: 315px;
	min-height: 258px;
	margin-left: 373px;
	padding: 15px 15px 20px 15px;
	background-color: #F9F9F9;
	border: solid 1px #BBBBBB;
}

#center h2{
	position: absolute;
	top: -26px;
	left: 0;
	width: 85px;
	height: 19px;
	text-indent: -9999px;
	background-image: url(../img/index/h2_informarion.png);
	background-repeat: no-repeat;
}

#center dl{
	margin-bottom: 105px;
	line-height: 1.4em;
}

#center dt{
	color: #7BB928;
	font-weight: bold;
}

#center dd{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px  #999999;
}

#center div{
	position: absolute;
	bottom: 18px;
	width: 270px;
	padding: 20px 20px 18px 20px;
	border: solid 1px #BBBBBB;
	background-color: #FFFFFF;
}

#center div p a{
	display: block;
	width: 207px;
	height: 34px;
	text-indent: -9999px;
	background-image: url(../img/index/recruit.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#center div p a:hover{
	background-position: right bottom
}


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

/* ヴェスタ紹介 */

#right{
	position: absolute;
	top: 205px;
	right: 0;
	width: 200px;
	padding: 20px 10px;
	background-color: #F9F9F9;
	border: solid 1px #BBBBBB;
	font-size: 80%;
	line-height: 1.4em;
}

#right h2{
	position: absolute;
	text-indent: -9999px;
}

#right p.logo{
	text-align: center;
	margin-bottom: 15px;
}


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

/* 装飾 */

#contents img.chara1,
#contents img.chara2,
#contents img.chara3,
#contents img.chara4{
	position: absolute;
	bottom: 0;
}

#contents img.chara1{ left: 50px; }
#contents img.chara2{ left: 305px; }
#contents img.chara3{ left: 627px; }
#contents img.chara4{ left: 745px; }



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

/* フッターのリンク */
#link{
	width: 960px;
	margin: 30px auto 0 auto;
}

#link li{
	margin-right: 15px;
	list-style: none;
	float: left;
}

#link li.last{
	margin: 0;
}

#footer br{ clear: both; }