@charset "utf-8";


.top-navigation {
	-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
	opacity:0;
	position: relative;
	margin: 0 auto;
	background: url(../img/tab/bg_spring.jpg) no-repeat;
	width: 960px;
	height: 385px;
}
.top-navigation__op {
	position: absolute;
	z-index: 101;
}
.top-navigation__bg {
	display: none;
	margin-top: 20px;
	position: absolute;
	background: url(../img/tab/bg.png) no-repeat;
	width: 740px;
	height: 285px;
}
.top-navigation__to-patients {
	position: absolute;
	background: url(../img/tab/panel_01_nl.png) no-repeat;
	top: 5px;
	left: 5px;
	width: 730px;
	height: 220px;
	z-index: 100;
}
.top-navigation__01__btn {
	text-indent:100%;
	white-space:nowrap;
	position: absolute;
	overflow:hidden;
	background: grey url(../img/tab/panel_01_nl.png) no-repeat;
	width: 144px;
	height: 105px;
}
.top-navigation__01__btn:hover{
	background: grey url(../img/tab/panel_01_ov.png) no-repeat;
}
.top-navigation__01__btn a{
    display:block;
    width:100%;
    height:100%;
}

.top-nav01-pos01, .top-nav01-pos01:hover{
	top:5px;
	left:5px;
	background-position: -5px -5px;
}
.top-nav01-pos02, .top-nav01-pos02:hover{
	top:5px;
	left:149px;
	background-position: -149px -5px;
}
.top-nav01-pos03, .top-nav01-pos03:hover{
	top:5px;
	left:293px;
	background-position: -293px -5px;
}
.top-nav01-pos04, .top-nav01-pos04:hover{
	top:5px;
	left:437px;
	background-position: -437px -5px;
}
.top-nav01-pos05, .top-nav01-pos05:hover{
	top:5px;
	left:581px;
	background-position: -581px -5px;
}
.top-nav01-pos06, .top-nav01-pos06:hover{
	top:110px;
	left:5px;
	background-position: -5px -110px;
}
.top-nav01-pos07, .top-nav01-pos07:hover{
	top:110px;
	left:149px;
	background-position: -149px -110px;
}
.top-nav01-pos08, .top-nav01-pos08:hover{
	top:110px;
	left:293px;
	background-position: -293px -110px;
}
.top-nav01-pos09, .top-nav01-pos09:hover{
	top:110px;
	left:437px;
	background-position: -437px -110px;
}
.top-nav01-pos10, .top-nav01-pos10:hover{
	top:110px;
	left:581px;
	background-position: -581px -110px;
}


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

研修医・学生・実習生等の方へ

------------------------------------------*/
.top-navigation__to-intern {
	position: absolute;
	background: url(../img/tab/panel_02_nl.png) no-repeat;
	top: 5px;
	left: 5px;
	width: 730px;
	height: 220px;
	z-index: 99;

}
.top-navigation__02__btn {
	text-indent:100%;
	white-space:nowrap;
	position: absolute;
	overflow:hidden;
	background: grey url(../img/tab/panel_02_nl.png) no-repeat;
	width: 240px;
	height: 105px;
}
.top-navigation__02__btn:hover{
	background: grey url(../img/tab/panel_02_ov.png) no-repeat;
}
.top-navigation__02__btn a{
    display:block;
    width:100%;
    height:100%;
}
.top-nav02-pos01, .top-nav02-pos01:hover{
	top:5px;
	left:5px;
	background-position: -5px -5px;
}
.top-nav02-pos02, .top-nav02-pos02:hover{
	top:5px;
	left:245px;
	background-position: -245px -5px;
}
.top-nav02-pos03, .top-nav02-pos03:hover{
	top:5px;
	left:485px;
	background-position: -485px -5px;
}
.top-nav02-pos04, .top-nav02-pos04:hover{
	top:110px;
	left:5px;
	background-position: -5px -110px;
}
.top-nav02-pos05, .top-nav02-pos05:hover{
	top:110px;
	left:245px;
	background-position: -245px -110px;
}
.top-nav02-pos06, .top-nav02-pos06:hover{
	top:110px;
	left:485px;
	background-position: -485px -110px;
}

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

医療関係者の方へ

------------------------------------------*/
.top-navigation__to-medical {
	position: absolute;
	background: url(../img/tab/panel_03_nl.png) no-repeat;
	top: 5px;
	left: 5px;
	width: 730px;
	height: 220px;
	z-index: 98;
}
.top-navigation__03__btn {
	text-indent:100%;
	white-space:nowrap;
	position: absolute;
	overflow:hidden;
	background: url(../img/tab/panel_03_nl.png) no-repeat;
	width: 180px;
	height: 105px;
}
.top-navigation__03__btn:hover{
	background: url(../img/tab/panel_03_ov.png) no-repeat;
}
.top-navigation__03__btn a{
    display:block;
    width:100%;
    height:100%;
}
.top-nav03-pos01, .top-nav03-pos01:hover{
	top:5px;
	left:5px;
	background-position: -5px -5px;
}
.top-nav03-pos02, .top-nav03-pos02:hover{
	top:5px;
	left:185px;
	background-position: -185px -5px;
}
.top-nav03-pos03, .top-nav03-pos03:hover{
	top:5px;
	left:365px;
	background-position: -365px -5px;
}
.top-nav03-pos04, .top-nav03-pos04:hover{
	top:5px;
	left:545px;
	background-position: -545px -5px;
}
.top-nav03-pos05, .top-nav03-pos05:hover{
	top:110px;
	left:5px;
	background-position: -5px -110px;
}
.top-nav03-pos06, .top-nav03-pos06:hover{
	top:110px;
	left:185px;
	background-position: -185px -110px;
}
.top-nav03-pos07, .top-nav03-pos07:hover{
	top:110px;
	left:365px;
	background-position: -365px -110px;
}
/* ------------------------------------------

タブ

------------------------------------------*/
.top-navigation__tabs {
	text-indent:100%;
	white-space:nowrap;
	position: absolute;
	overflow:hidden;
	top:219px;
	left:5px;
	width:730px;
}
.top-navigation__tabs__01 {
	background: url(../img/tab/tab_01_nl.png) no-repeat;
	width:243px;
	height:60px;
	float: left;
	overflow:hidden;
}
.top-navigation__tabs__02 {
	background: url(../img/tab/tab_02_nl.png) no-repeat;
	width:243px;
	height:60px;
	float: left;
	overflow:hidden;
}
.top-navigation__tabs__03 {
	background: url(../img/tab/tab_03_nl.png) no-repeat;
	width:244px;
	height:60px;
	float: left;
	overflow:hidden;
}
/* ------------------------------------------

バナー

------------------------------------------*/
.top-navigation__banner-area {
	float: right;
	margin-top: 65px;
	margin-right: 5px;
}
.top-navigation__banner-heli {
	margin-top: 5px;
}
.top-navigation__banner-area img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
/* ------------------------------------------

キャラ

------------------------------------------*/
#bird_a {
	position: absolute;
	top:240px;
	left:740px;
}
#bird_b {
	position: absolute;
	top:235px;
	left:840px;
}