@charset "UTF-8";

/* トップページのCSS */

#right{
	min-height: 1015px;
	padding-top: 30px;
	background-image: url(../img/index/index_right_bg.png);
	background-repeat: no-repeat;
	background-position: right 15px;
}

#left{
	top: 365px;
}

/*=======================*/
/* トップイメージ        */
/*=======================*/

#topimage{
	width: 900px;
	height: 197px;
	text-indent: -9999px;
	background-image: url(../img/index/topimage.jpg);
	background-repeat: no-repeat;
}


/*=======================*/
/* ようこそ！　　        */
/*=======================*/

#welcome{
	margin-bottom: 35px;
}

#welcome h2{
	width: 598px;
	height: 21px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background-image: url(../img/index/welcome_h2.png);
	background-repeat: no-repeat;
}

#welcome p{
	width: 580px;
	font-size: 85%;
	line-height: 1.5em;
}

#welcome p.mag{
	margin-top: 0.8em;
}

/*=======================*/
/* 診療カレンダー　　　　*/
/*=======================*/

#calender{
	position: relative;
	height: 260px;
	padding: 0 20px 0 30px;
	background-image: url(../img/index/calender_bg_middle.gif);
	background-repeat: repeat-y;
	background-position: left 50px;
}

#calender h2{
	position: absolute;
	top: 0;
	left: 0;
	width: 660px;
	height: 56px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../img/index/calender_h2.gif);
	background-repeat: no-repeat;
}

/* カレンダー */
#calender table{
	position: relative;
	float: left;
	top: 65px;
	margin: 0 20px 0 0;
	border-collapse: collapse;
}

#calender table caption{
	font-weight: bold;
	text-align: left;
	margin-bottom: 3px;
}

#calender th, #calender td{
	padding: 1px 3px;
	text-align: center;
	border: solid 1px #999999;
}

#calender th{
	background-color: #EEEEEE;
}

/* カレンダーの色 */

#calender th.off{
	color: #FF3300;
}

#calender th.saturday{
	color: #2B87AE;
}

#calender td.off{
	color: #FF3300;
	background-color: #FDDFE7;
}

#calender td.saturday{
	color: #2B87AE;
	background-color: #E1F4F0;
}

#calender td.sp{
	color: #68783D;
	background-color: #EEF8D6;
}

/* カレンダーの見かた */
#calender dl.exp{
	position: absolute;
	top: 90px;
	right: 30px;
	width: 200px;
}
#calender dl.exp dt{
	float: left;
}
#calender dl.exp dd{
	margin-left: 35px;
	padding-left: 10px;
	background-image: url(../img/index/colon.png);
	background-repeat: no-repeat;
	background-position: left;
}

/* お知らせ */
#calender dl.info{
	position: absolute;
	top: 123px;
	right: 30px;
	width: 180px;
	height: 105px;
	padding: 10px;
	border: solid 1px #999999;
	clear: both;
}

#calender dl.info dt{
	display: list-item;
	list-style: disc outside;
	color: #C40F3A;
	font-weight: bold;
	margin: 0 0 5px 15px;
}

#calender dl.info dd{
	position: relative;
	font-size: 75%;
	margin-bottom: 5px;
	line-height: 1.5em;
	z-index: 20;
}


/*=======================*/
/* 新着情報　　　　　　　*/
/*=======================*/

#whatsnew{
	position: relative;
}

#whatsnew h2{
	width: 660px;
	height: 92px;
	margin-bottom: 19px;
	text-indent: -9999px;
	background-image: url(../img/index/whatsnew_h2.png);
	background-repeat: no-repeat;
}

#whatsnew dl{
	height: 121px;
	font-size: 12px;
	background-image: url(../img/index/whatsnew_bg.png);
}

#whatsnew dt{
	float: left;
	width: 7.5em;
	margin: 0 0 0 20px;
	padding: 5px 0 5px 0;
}

#whatsnew dd{
	padding: 5px 0 5px 7.5em;
}

#whatsnew div{
	position: absolute;
	top: 14px;
	right: -50px;
	width: 490px;
	height: 434px;
	text-indent: -9999px;
	background-image: url(../img/index/clinic_ext.gif);
	background-repeat: no-repeat;
}


/*=======================*/
/* 医院基礎情報　　　　　*/
/*=======================*/

#basis{
	margin-top: 35px;
	font-size: 75%;
	line-height: 1.4em;
}

#basis h2{
	width: 238px;
	height: 14px;
	margin-bottom: 7px;
	text-indent: -9999px;
	background-image: url(../img/index/mini_logo.png);
	background-repeat: no-repeat;
}

#basis address{
	margin-bottom: 3px;
}

#basis dt{
	float: left;
	width: 6em;
}

#basis dd{
	padding: 0 0 0 6em;
}