@charset "UTF-8";

/* ===========CSS Information===========

 File Name :/medical/css/medical.css
 Description :診療内容
 Latest :Update: 2011.08.25
 Version :1.13
 
=================================== */


#medical #contents #alpha h2.title{
	background: url(../images/title.gif);
}
#medical #contents #alpha h2.titlePolicy{
	background: url(../images/title_policy.gif);
}
#medical #contents #alpha h2.titleInvisalign{
	background: url(../images/title_invisalign.gif);
}

#medical #contents #alpha h3{
	height: 22px;
	_height: 34px;
	margin: 0 0 0.6em 0!important;
	background-repeat: no-repeat!important;
	background-position: 0px 1.0em!important;
	text-indent: -9999px;
}
#medical #contents #alpha h3.policy{
	height: 48px;
	_height: 60px;
	margin: -10px 0 1.2em 0!important;
	background: url(../images/h3_policy.gif);
}
#medical #contents #alpha #video h3{
	background: url(../images/h3_video.gif);
}
#medical #contents #alpha #odontologyDepartment h3{
	background: url(../images/h3_odontology_department.gif);
}
#medical #contents #alpha #oralAndMaxillofacialSurgery h3{
	background: url(../images/h3_oral_maxillofacial_surgery.gif);
}
#medical #contents #alpha #childDentistry h3{
	background: url(../images/h3_child_dentistry.gif);
}
#medical #contents #alpha #orthodontics h3{
	background: url(../images/h3_orthodontics.gif);
}
#medical #contents #alpha #dentalLaser h3{
	background: url(../images/h3_dental_laser.gif);
}
#medical #contents #alpha #generalAnesthesia h3{
	background: url(../images/h3_general_anesthesia.gif);
}
#medical #contents #alpha #metalFreeTreatment h3{
	background: url(../images/h3_metal_free_treatment.gif);
}
#medical #contents #alpha #co2Laser h3{
	background: url(../images/h3_co2_laser.gif);
}
#medical #contents #alpha #dentalImplants h3{
	background: url(../images/h3_dental_implants.gif);
}
#medical #contents #alpha #whitening h3{
	background: url(../images/h3_whitening.gif);
}
#medical #contents #alpha #braces h3{
	background: url(../images/h3_braces.gif);
}
#medical #contents #alpha #laminationVeneer h3{
	background: url(../images/h3_lamination_veneer.gif);
}

#medical #contents #alpha img.image{
	float: right;
	margin: 0 0 15px 15px ;
}


/*---------- Invisalign ----------*/

#medical #contents #alpha h3.invisalign{
	height: 160px;
	margin: 0 0 0.6em 0!important;
	background: url(../images/h3_invisalign.jpg) no-repeat 0px 0px!important;
	text-indent: -9999px;
}
#medical #contents #alpha .invisalignIntroduction{
	margin: 0 0 0.8em 0!important;
}
#medical #contents #alpha h3.invisalignFeature{
	margin: 0 0 0.4em 0!important;
	background: url(../images/h3_invisalign_feature.gif);
}
#medical #contents #alpha .invisalignNote{
	margin: 0 0 0.6em 0!important;
	font-size: 83%;
}

#medical #contents #alpha #invisalignImage{
	float: left;
}
#medical #contents #alpha #invisalignImage div{
	width: 140px;
	margin: 0 0px 15px  0;
	border: #cecece 1px solid;
}
#medical #contents #alpha #invisalignImage div img{
	margin: 5px ;
}

#medical #contents #alpha #invisalignDescription{
	float: right;
	width: 460px;
	margin: 0 0px 15px  0;
}
#medical #contents #alpha #invisalignDescription h4{
	margin: 0 0px 0.4em  0;
}
#medical #contents #alpha #invisalignDescription p{
	margin: 0 0px 1.0em  0;
}

#medical #contents #alpha #invisalignFAQ{
	margin: 0em 0 0 0;
	padding: 1em 0 0 0;
	background: url(../images/invisalign_border.gif) repeat-x 0px 0px;
}
#medical #contents #alpha #invisalignFAQ dt{
	height: 22px;
	margin: 0 0 0.6em 0!important;
	background-repeat: no-repeat!important;
	background-position: 0px 0em!important;
	text-indent: -9999px;
}
#medical #contents #alpha #invisalignFAQ dt.invisalign{
	background: url(../images/dt_invisalign.gif);
}
#medical #contents #alpha #invisalignFAQ dt.asoaligner{
	background: url(../images/dt_asoaligner.gif);
}
#medical #contents #alpha #invisalignFAQ dd{
	margin: 0 0 1.0em 0;
	line-height: 1.6em;
}
#medical #contents #alpha #invisalignFAQ dd img{
	float: left;
	margin: 0 1.0em 0.5em 0;
}
#medical #contents #alpha #invisalignAskDoctor{
	margin: 1em 0 1em 0;
	padding: 1em 0 0 0;
	background: url(../images/invisalign_border.gif) repeat-x 0px 0px;
}

#medical #contents #alpha #invisalignFAQ2{
	margin: 0em 0 0 0;
	padding: 0em 0 0 0;
	background: url(../images/invisalign_border.gif) repeat-x 0px 0px;
}
#medical #contents #alpha #invisalignFAQ2 h3.invisalignQandA{
	margin: 0 0 0.4em 0!important;
	background: url(../images/h3_invisalign_qa.gif);
	/*border:1px #000000 solid;*/
}





/*---------- accordion ----------*/

#medical #contents #alpha h4.trigger{
	margin: 8px 0 0 0!important;
	padding: 8px 10px 8px 40px;
	border: #e5e5e3 solid 1px;
	color: #be2c3a;
	font-family: "ＭＳ Ｐ明朝", "平成明朝", serif;
	/*font-size: 14px!important;*/
	background: url(../images/accordion_bg.jpg) 0px center;
	cursor: pointer;
}
#medical #contents #alpha h4.trigger:hover{
	text-decoration: underline !important;
}
#medical #contents #alpha h4.active{
	padding: 8px 10px 8px 40px;
	background: url(../images/accordion_bg.jpg) -618px center;
}
#medical #contents #alpha h4.active:hover{
}
#medical #contents #alpha .target{
	margin: 0px 0px 12px 0px;
	padding: 12px 16px 6px 16px;
	border-left: #e5e5e3 solid 1px;
	border-right: #e5e5e3 solid 1px;
	border-bottom: #e5e5e3 solid 1px;
}







/*---------- Beta ----------*/
#contents #beta #betaNavi #widgetMedical.widget .widgetInner h4{
	background: url(../images/beta_widget_head_medical_list.gif);
}
#contents #beta #betaNavi #widgetMedical.widget .widgetInner li{
	font-size: 117%;
}