@charset 'utf-8';

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 910px;
	height: 271px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: url(/disease/metabolic/images/00/keyvisual_bg.gif) left top no-repeat;
}

#keyVisual h1 {
	width: 550px;
	height: 137px;
	position: absolute;
	top: 17px;
	left: 15px;
}

#keyVisual h2 {
	width: 504px;
	height: 47px;
	position: absolute;
	top: 166px;
	left: 41px;
}

#keyVisual p {
	width: 305px;
	height: 20px;
	position: absolute;
	top: 222px;
	left: 42px;
}

#keyVisual div.anime {
	width: 331px;
	height: 257px;
	position: absolute;
	top: 6px;
	left: 564px;
}

/* MetaboMenuArea
-------------------------------------------------- */

#MetaboMenuArea01,
#MetaboMenuArea02,
#MetaboYogoArea {
	width: 711px;
	padding: 0px;
	margin: 0px 0px 20px;
}

#MetaboMenuArea01 #MenuBt01 .MenuBt01,
#MetaboMenuArea02 #MenuBt02 .MenuBt04 {
	width: 210px;
	height: 98px;
	float: left;
	margin: 0px 41px 0px 0px;
	padding: 0px;
}

#MetaboMenuArea01 #MenuBt01 .MenuBt02,
#MetaboMenuArea02 #MenuBt02 .MenuBt05 {
	width: 210px;
	height: 98px;
	float: left;
	margin: 0px 40px 0px 0px;
	padding: 0px;
}

#MetaboMenuArea01 #MenuBt01 .MenuBt03,
#MetaboMenuArea02 #MenuBt02 .MenuBt06 {
	width: 210px;
	height: 98px;
	float: right;
}

#MetaboYogoArea .MetaboYogoBt {
	width: 132px;
	height: 34px;
	float: right;
}

#MetaboMenuArea01 #MenuBt01 .MenuBt01 {
	width: 210px;
	height: 98px;
	background-image: url(/disease/metabolic/images/00/button_01b.gif);
}

#MetaboMenuArea01 #MenuBt01 .MenuBt02 {
	width: 210px;
	height: 98px;
	background-image: url(/disease/metabolic/images/00/button_02b.gif);
}

#MetaboMenuArea01 #MenuBt01 .MenuBt03 {
	width: 210px;
	height: 98px;
	background-image: url(/disease/metabolic/images/00/button_03b.gif);
}

#MetaboMenuArea02 #MenuBt02 .MenuBt04 {
	width: 210px;
	height: 98px;
	background-image: url(/disease/metabolic/images/00/button_04b.gif);
}

#MetaboMenuArea02 #MenuBt02 .MenuBt05 {
	width: 210px;
	height: 98px;
	background-image: url(/disease/metabolic/images/00/button_05b.gif);
}

#MetaboMenuArea02 #MenuBt02 .MenuBt06 {
	width: 210px;
	height: 98px;
	background-image: url(/disease/metabolic/images/00/button_06b.gif);
}

#MetaboYogoArea .MetaboYogoBt {
	width: 132px;
	height: 34px;
	background-image: url(/disease/metabolic/images/00/yougo_b.gif);
}

#MetaboMenuArea01 #MenuBt01 .MenuBt01 a,
#MetaboMenuArea01 #MenuBt01 .MenuBt02 a,
#MetaboMenuArea01 #MenuBt01 .MenuBt03 a,
#MetaboMenuArea02 #MenuBt02 .MenuBt04 a,
#MetaboMenuArea02 #MenuBt02 .MenuBt05 a,
#MetaboMenuArea02 #MenuBt02 .MenuBt06 a {
	display: block;
}

#MetaboYogoArea .MetaboYogoBt a {
	display: block;
}

#MetaboMenuArea01 #MenuBt01 a:hover,
#MetaboMenuArea02 #MenuBt02 a:hover {
	width: 210px;
	height: 98px;
	background-color: transparent;
}

#MetaboYogoArea .MetaboYogoBt a:hover {
	width: 132px;
	height: 34px;
	background-color: transparent;
}

#MetaboMenuArea01 #MenuBt01 a:hover img,
#MetaboMenuArea02 #MenuBt02 a:hover img,
#MetaboYogoArea .MetaboYogoBt a:hover img {
	visibility: hidden;
}

/* code
-------------------------------------------------- */

#mainArea #code {
	width: 711px;
	padding: 10px 0px 0px;
	margin: 0px;
	text-align: center;
}

/* toTopNavigationElement
-------------------------------------------------- */

.mainAreaDefaultGrid1 .toContentsNavigationElement,
.mainAreaDefaultGrid2 .toContentsNavigationElement {
	width: 711px;
	margin: 9px 0px 0px;
	padding: 12px 0px 14px;
	background: url(/shared/images/to_pagetop_hr.gif) left top repeat-x;
}

.toContentsNavigationElement a {
	height: 11px;
	padding: 2px 0px 0px 17px;
	margin: 0px;
	float: right;
	display: block;
	line-height: 1;
	color: #000000;
	text-decoration: none;
	background: url(/shared/images/arrow_blue_right.gif) 8px 2px no-repeat;
}