@charset "utf-8";

/* **************************************************

Name: add.css

Description: Setting of HMBC Speial Class

Create: 2009.07.09\

Copyright 2007 Hitachi, Ltd. 

***************************************************** */

/* [-] common class
=========================================================================================== */

div.eliteWordStyle1 {
	height: 150px;
	background: url(/image/HMBC/products/mr/pic_elite_advanced.gif) 70px 0 no-repeat;
}
div.eliteWordStyle1 p{
	margin: 0 0 0 370px;
}
div.eliteWordStyle2 {
	height: 150px;
	background: url(/image/HMBC/products/mr/pic_elite_patient.gif) 0 0 no-repeat;
}
div.eliteWordStyle2 p{
	width: 190px;
	margin: 0 0 0 260px;
}
div.eliteWordStyle3 {
	height: 150px;
	background: url(/image/HMBC/products/mr/pic_elite_total.gif) 260px 0 no-repeat;
}
div.eliteWordStyle3 p{
	margin: 0 330px 0 0;
}


div.eliteTitle1-1 {
	height: 105px;
	margin: 0 0 18px;
	background: url(/image/HMBC/products/mr/elite/advanced/advanced_1.gif) 0 0 no-repeat;
}
div.eliteTitle1-2 {
	height: 105px;
	margin: 0 0 18px;
	background: url(/image/HMBC/products/mr/elite/advanced/advanced_2.gif) 0 0 no-repeat;
}
div.eliteTitle2-1 {
	height: 105px;
	margin: 0 0 18px;
	background: url(/image/HMBC/products/mr/elite/Patient/patient_1.gif) 0 0 no-repeat;
}
div.eliteTitle3-1 {
	height: 105px;
	margin: 0 0 18px;
	background: url(/image/HMBC/products/mr/elite/Total/Total_1.gif) 0 0 no-repeat;
}
div.eliteTitle3-2 {
	height: 105px;
	margin: 0 0 18px;
	background: url(/image/HMBC/products/mr/elite/Total/Total_2.gif) 0 0 no-repeat;
}
div.eliteTitle1-1 p,
div.eliteTitle1-2 p,
div.eliteTitle3-1 p,
div.eliteTitle3-2 p {
	margin: 5px 0 5px 205px;
}
div.eliteTitle2-1 p {
	margin: 5px 0 5px 210px;
}

div.curevistaTitle .VerticalInnerLinks {
	float: left;
}
div.curevistaTitle p.ImgOnlyStyle {
	float: right;
}

div.echelonButton {
	display: block;
	width: 570px;
	height: 45px;
	background: url(/image/HMBC/products/mr/echelon/top-words.gif) 0 0 no-repeat;
}
div.echelonButton p,
div.echelonButton ul li a span {
	position: absolute;
	left: -9999px;
}

div.echelonButton ul.ButtonStyle2 {
	float: right;
	width: 230px;
	margin: 8px 0 0 0;
}
div.echelonButton ul.ButtonStyle2 li {
	float: left;
	font-size: 83%;
	margin: 0 5px 0 0;
}
div.echelonButton ul.ButtonStyle2 li a {
	display: block;
	height: 27px;
	width: 66px;
	margin: 0 3px 0 0;
	background: url(/image/HMBC/products/mr/echelon/top-buttons.gif) 0 0  no-repeat;
}
div.echelonButton ul.ButtonStyle2 li.bt1 a:link,
div.echelonButton ul.ButtonStyle2 li.bt1 a:visited {
	background-position: 0 0;
}
div.echelonButton ul.ButtonStyle2 li.bt1 a:hover {
	background-position: bottom left;
}
div.echelonButton ul.ButtonStyle2 li.bt2 a:link,
div.echelonButton ul.ButtonStyle2 li.bt2 a:visited {
	background-position: -76px 0;
}
div.echelonButton ul.ButtonStyle2 li.bt2 a:hover {
	background-position: -76px bottom;
}
div.echelonButton ul.ButtonStyle2 li.bt3 a:link,
div.echelonButton ul.ButtonStyle2 li.bt3 a:visited {
	background-position: -152px 0;
}
div.echelonButton ul.ButtonStyle2 li.bt3 a:hover {
	background-position: -152px bottom;
}

span.notes {
	font-size: 79%;
	color: #666;
	vertical-align: super;
}
ul.AnnotationsStyle3 li {
	font-size: 73%;
	color: #666;
	margin: 0 0 3px;
}

.FloatLeft {
	width: 350px;
}

.wordsSet p {
	width: 230px;	
}
h2.sp span {
	font-weight: normal;
}
h2.sp span strong {
	font-weight: 900;
}

ul.AnnotationsStyle3 li sup {
	color:#666;
}

.ImgOnlyStyle span {
	font-size: 90%;
	padding: 5px;
	display: block;
	background: #eee;
	line-height: 1.2;
	min-height: 46px; !important
	height: 46px;
}



/* ---------- AIRIS Vento ----------- */
.CatchCopyAirisStyle {
	font-weight: bold;
	color: #000;
	font-size: 83%;
}
.CatchCopyAirisStyle strong {
	font-weight: 100;
	font-size: 250%;
	line-height: 1.3;
	font-family: simhei;
}

p.AirisLight {
	color: #bd953d;
	font-weight: bold;
	padding: 40px 0 0;
}
.AirisSection h2,
.AirisSection2 h2 {
	border: 0;
	padding: 0 0 0 20px;
	background: url(/image/HMBC/products/mr/airis_vento/h2_bg.gif) top left no-repeat;
}
.AirisSection2 h2 {
	width: 45%;	
}
.AirisSection h2 span,
.AirisSection2 h2 span {
	color: #FFF;
	border: 0;
	height: 26px;
	line-height: 1.5;
	padding: 3px 20px 3px 0;
	text-shadow:0px 1px 0px #555;
	background: url(/image/HMBC/products/mr/airis_vento/h2_bg.gif) top right no-repeat;
}

.part1 {
	clear: both;
	margin: 0 auto;
	width: 200px;
	text-align: center;
}

.part1 {
	margin: 0 auto;
	width: 240px;
	text-align: center;
}
.part2 {
	float: left;
	width: 255px;
	margin: 0 15px 0 0;
}
.part3 {
	float: right;
	width: 255px;
	margin: 0 0 0 15px;
}
.part2 h2 span,
.part3 h2 span {
	text-align: center;
}


/* ---------- APERTO Eterna ----------- */

div.eternaButton {
	display: block;
	width: 570px;
	height: 33px;
	background: #000;
}
div.eternaButton ul li a span,
div.eternaButton ul li strong span{
	position: absolute;
	left: -9999px;
}

div.eternaButton ul {
	float: left;
	margin: 3px 0 0 3px;
}
div.eternaButton ul li {
	float: left;
	font-size: 83%;
}
div.eternaButton ul li a,
div.eternaButton ul li strong{
	display: block;
	height: 29px;
	width: 165px;
	margin: 0 1px 0 0;
	background: url(/image/HMBC/products/mr/eterna/buttons.gif) -4px -2px  no-repeat;
}
/* bt0 */
div.eternaButton ul li.bt0 a,
div.eternaButton ul li.bt0 strong{
	width: 64px;
	background-position: -4px -91px;
}
div.eternaButton ul li.bt0 strong {
}
div.eternaButton ul li.bt0 a:link,
div.eternaButton ul li.bt0 a:visited {
	background-position: -4px -2px;
}
div.eternaButton ul li.bt0 a:hover {
	background-position: -4px -47px;
}

/* bt1 */
div.eternaButton ul li.bt1 strong {
	background-position: -69px -91px;
}
div.eternaButton ul li.bt1 a:link,
div.eternaButton ul li.bt1 a:visited {
	background-position: -69px -2px;
}
div.eternaButton ul li.bt1 a:hover {
	background-position: -69px -47px;
}

/* bt2 */
div.eternaButton ul li.bt2 strong {
	background-position: -235px -91px;
}
div.eternaButton ul li.bt2 a:link,
div.eternaButton ul li.bt2 a:visited {
	background-position: -235px -2px;
}
div.eternaButton ul li.bt2 a:hover {
	background-position: -235px -47px;
}

/* bt2 */
div.eternaButton ul li.bt3 strong {
	background-position: -401px -91px;
}
div.eternaButton ul li.bt3 a:link,
div.eternaButton ul li.bt3 a:visited {
	background-position: -401px -2px;
}
div.eternaButton ul li.bt3 a:hover {
	background-position: -401px -47px;
}

div.eternaSection h2, div.eternaSection h2 span {
	border: 0;
	padding: 0;
	background: none;
}
div.eternaSection h2 span {
	font-size: 150%;	
}
div.eternaSection h2 span i {
	font-size: 180%;
	color: #9f9c54;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: 100;
}

div.eternaSection p.TextStyle2 {
	color: #777;	
}

div.eternaSection div.sp {
	height: 250px;
	background:  url(/image/HMBC/products/mr/eterna/design01.jpg) right bottom no-repeat;
}

/* ---------- POPULUS Ti ----------- */
div.populus .Column1 h3 {
	height: 35px;
}
div.populus h2 {
	border: 0;
	border-bottom: 1px solid #CCC;
}
div.populus h2 span {
	margin: 10px 0 0;
	border: 0;
	background: #FFF url(/image/HMBC/products/x/populus/h2_bg.gif) 0 0 no-repeat;
	padding: 5px 0 5px 20px;
}
div.populusButton {
	display: block;
	width: 570px;
	height: 57px;
}
div.populusButton ul li a span,
div.populusButton ul li strong span{
	position: absolute;
	left: -9999px;
}

div.populusButton ul {
	float: left;
}
div.populusButton ul li {
	float: left;
	font-size: 83%;
}
div.populusButton ul li a,
div.populusButton ul li strong{
	display: block;
	height: 27px;
	width: 165px;
	margin: 0 3px 0 0;
	background: url(/image/HMBC/products/x/populus/buttons.gif) 0 0  no-repeat;
}
div.populusButton ul li.bt1 a {
	width: 63px;	
}
div.populusButton ul li.bt2 a {
	width: 166px;
	background-position: -66px 0;
}
div.populusButton ul li.bt3 a {
	width: 165px;	
	background-position: -236px 0;
}
div.populusButton ul li.bt4 a {
	width: 165px;	
	background-position: -405px 0;
	margin: 0;
}
div.populusButton ul li.bt1 a:hover {
	background-position: 0 -28px;
}
div.populusButton ul li.bt2 a:hover {
	background-position: -66px -28px;
}
div.populusButton ul li.bt3 a:hover {
	background-position: -236px -28px;
}
div.populusButton ul li.bt4 a:hover {
	background-position: -405px -28px;
}
div.populusButton ul li.bt1 strong {
	width: 63px;	
	background-position: 0 -56px;
}
div.populusButton ul li.bt2 strong {
	width: 166px;
	background-position: -66px -56px;
}
div.populusButton ul li.bt3 strong {
	width: 165px;	
	background-position: -236px -56px;
}
div.populusButton ul li.bt4 strong {
	margin: 0;
	width: 165px;	
	background-position: -405px -56px;
}



/* [-] special class
=========================================================================================== */