@charset "utf-8";

#wrapper{
margin: 0px auto; 
width: 759px;
text-align:left;
background:#ffffff;
}
body,div,p,form,input,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: 1.5;
}
/*## HEADER/ ##################################################*/


#header_sp{
margin: 0px 0px 10px;
padding: 0px;
border-bottom: 1px solid #2c99a9;
}
#header_sp h1{
margin: 0px;
padding: 0px;
background: url("/images/special/cmn_h1_head.gif") left top;
}

/*## /HEADER ##################################################*/

/*## FOOTER/ ##################################################*/
#cmn_footer{
margin: 0px auto;
padding: 0px 0px 30px;
background-color: #2c99a9;
color: #ffffff;
font-size: 10px;
font-family: Verdana;
text-align: center;
}
.cmn_footer_nv{
margin: 1px 0px 5px;
padding: 15px 0px 0px;
border-top: 1px solid #49aebe;
font-size: 10px;
}
.cmn_footer_nv a{
color: #ffffff;
font-size: 10px;
line-height: 12px;
text-decoration: none;
}
.cmn_footer_nv a:visited{
color: #ffffff;
font-size: 10px;
line-height: 12px;
text-decoration: none;
}
.cmn_footer_nv a:hover{
color: #ffff00;
font-size: 10px;
line-height: 12px;
text-decoration: underline;
}
.fdescription{
margin: 0px 20px 10px;
padding: 10px;
border-bottom: 1px solid #49aebe;
font-size: 10px;
line-height: 12px;
}
.page_top {
FLOAT: right; MARGIN: 10px 0px 0px; WIDTH: 200px; TEXT-ALIGN: right
}
.clr {
CLEAR: both
}
/*## /FOOTER ##################################################*/

body {
font-size: 75%;
color: #333333;
}
/*
#top {
margin-left:2px;
background-image: url(../../../images/special/hospital12/top_back.gif);
background-repeat: no-repeat;
width: 755px;
height: 234px;
}
#top #logobubun {
width: 336px;
float: left;
}
#top #logobubun #logo {
background-image: url(../../../images/special/hospital12/logo.png);
background-repeat: no-repeat;
height: 120px;
width: 314px;
margin-top: 14px;
margin-left: 14px;
}
#top #logobubun #logo img {
margin-top: 93px;
margin-left: 53px;
}

#top #logobubun #toiawase {
margin-top: 15px;
margin-left: 14px;
margin-bottom: 29px;
}
#top #tenpo {
width: 202px;
float: left;
margin-top: 14px;
}
#top #tenpo #tenpobox {
width: 198px;
border: 1px solid #CCCCCC;
margin: 3px;
background-color: #FFFFFF;
}
.tenpotitle {
text-align: center;
margin-top: 9px;
}

.tenpotel {
text-align: center;
margin-top: 9px;
}
.tenpolink {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
margin-top: 13px;
}
*/
#mainleft {
clear: left;
float: left;
width: 363px;
padding-left: 15px;
text-align: left;
}
#mainright {
width: 378px;
float: left;
}

h2 {
margin-left: 0px;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
}
#mainleft #topic1 img {
margin-left: 10px;
text-align: left;
margin-bottom: 10px;
}

#mainleft #photo {
float: left;
margin-left: 5px;
margin-bottom: 20px;
display: inline;
}
#mainleft #photo1 {
float: left;
margin-left: 15px;
margin-bottom: 20px;
display: inline;
}
#mainleft #infotitle {
clear: left;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #572b1e;
margin-bottom: 10px;
text-align: left;
margin-left: 4px;
padding-left: 4px;
}
#mainleft #info {
width: 350px;
text-align: left;
line-height: 1.3em;
}
#mainright #naiyoubtn {
float: left;
margin-bottom: 10px;
margin-left: 10px;
display: inline;
}
.clearleft {
clear: left;
}

#koe {
clear: left;
width: 711px;
background-image: url(../../../images/special/hospital12/koe_back.gif);
background-repeat: repeat-x;
background-position: 15px;
margin-bottom: 13px;
margin-top: 20px;
height: 210px;
margin-left: 22px;
}
#koe #kanjakoe {
float: left;
width: 96px;
margin-left: 7px;
display: inline;
}
#koe #kanjakoe #kanjakoetitle {
margin-top: 21px;
margin-left: 7px;
}
#koe #kanjakoe #koebtn {
margin-top: 7px;
margin-bottom: 8px;
}
#koe #koeleftbtn {
float: left;
margin-top: 11px;
margin-bottom: 10px;
margin-left: 11px;
border: 1px solid #666666;
display: inline;
}
#koe #koerightbtn {
float: left;
margin-top: 11px;
margin-bottom: 10px;
margin-left: 20px;
border: 1px solid #666666;
display: inline;
}
#intro {
clear: left;
width: 742px;
margin-left: 7px;
}
#intro h3 {
height: 25px;
text-align: left;
margin-left: 0px;
padding-left: 5px;
margin-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9385B8;
}

#intro #ibtroleft {
width: 355px;

float: left;
}
#intro #ibtroleft #ibtroleftnaka {
width: 353px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #9385B8;
border-left-color: #9385B8;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: -5px;

}


#intro #ibtroleft .uebolder {
width: 355px;
height: 8px;
background-image: url(../../../images/special/hospital12/bolderue.gif);
background-repeat: no-repeat;
font-size: 0.1%;
line-height: 0.1em;
}
#intro #ibtroleft .sitabolder {
height: 8px;
width: 355px;
clear: left;
background-image: url(../../../images/special/hospital12/boldershita.gif);
background-repeat: no-repeat;
}
#intro #ibtroleft #profphoto {
float: left;
margin-left: 20px;
display: inline;
margin-top: 7px;
}
#intro #ibtroleft #profile {
float: left;
margin-left: 30px;
display: inline;
margin-top: 7px;
}
#intro #ibtroleft #profile #proftitle {
width: 188px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9385B8;
padding-bottom: 1px;
margin-top: 21px;
text-align: left;
}


#intro #ibtroleft #profile #profbtn {
border: 1px solid #CCCCCC;
margin-top: 9px;
}

#intro #ibtroleft #canbtn {
clear: left;
float: left;
display: inline;
margin-left: 19px;
margin-top: 12px;
margin-bottom: 15px;
}
#intro #ibtroleft #mailbtn {
float: left;
margin-top: 12px;
margin-left: 9px;
margin-bottom: 15px;
}
#intro #introright {
display: inline;
float: left;
margin-left: 22px;
}

#intro #introright table {
width: 355px;
margin: 0px;
padding: 0px;
}
#intro #introright tr {
height: 28px;
text-align: left;
}
#intro #introright th {
text-align: left;
width: 100px;
padding-left: 5px;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #9385B8;
}

#intro #introright td {
padding-left: 5px;
text-align: left;
}
#imagephoto #photol {
float: left;
margin-top: 20px;
margin-left: 13px;
display: inline;
clear: left;
}
#imagephoto #photor {
display: inline;
float: left;
margin-top: 20px;
margin-left: 30px;
}



.backp {
background-color: #F5EBFF;
}









.clearfix:after {
  content: ".";  /* Vvf */
  display: block;  /* ubNxvf */
  clear: both;
  height: 0;
  visibility: hidden;
}


* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/* 081216 add */
#top {
	margin-left:2px;
	background-image:url(../../../images/special/hospital12/bg_top_nav.gif);
	width: 755px;
	/*height: 307px;*/
	padding-bottom:8px;
	height: auto;
	overflow:hidden;
}

#top #logobubun {
	width: 330px;
	float: left;
}
#top #logobubun #logo {
	background-image: url(../../../images/special/hospital12/logo.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 314px;
	margin-top: 14px;
	margin-left: 14px;
}
#top #logobubun #logo img {
	margin-top: 93px;
	margin-left: 53px;
}

#top #logobubun #toiawase {
	margin-top: 15px;
	margin-left: 14px;
	margin-bottom: 29px;
}

#topR{
	width:390px;
	padding:5px 0 5px 10px;
	margin-right:5px;
	float:right;
	overflow:hidden;
	_display:inline;
}


img.nav0{
	margin:10px 10px 0 0;
	float:left;
}

.hdNavR{
	float:right;
	width:152px;
}

.hdNavR img{
	margin-top:10px;
	margin-right:10px;
}

#top #tenpo {
	text-align:center;
	overflow:hidden;
	height: auto;
	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 415px;
	float: right;
}

*html #tempo{
	height:1%;
}

#top #tenpo .tenpobox {
	width: 200px;
	border: 1px solid #CCC;
	float:left;
	background-color: #FFFFFF;
	height: auto;
	margin-right: 5px;
}

.tenpotitle {
	text-align: center;
	margin-top: 4px;
}

.tenpotel {
	text-align: center;
	margin-top: 6px;
}
.tenpolink {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 10px;
}

#top #tenpo_ver {
	overflow:hidden;
	margin:0 0 12px 15px;
	float: left;
}

*html #tempo_ver {
	height:1%;
}

#top #tenpo_ver .tenpobox1 {
	width: 175px;
	border: 1px solid #CCC;
	background-color: #FFFFFF;
	float:left;
	margin-right:2px;
}

.page_top{
	width:200px;
	float:right;
	margin:10px 5px 0 0;
	display:inline;
}

.back_p{
	width:200px;
	float:left;
	display:inline;
	clear: both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}




/*上のタイトルとかカルテとか*/
#caseTop{
	margin-bottom:20px;
}

#caseTop .karte{
	float:right; 
	width:335px; 
}


/*Before→After写真*/
#bfPhoto{
	background:#F5EBFF url(/images/special/hospital12/arrow.gif) no-repeat center center;
	overflow:hidden;
	margin:10px;
}

#bfPhoto .phBef,#bfPhoto .phAft{
	padding:38px 15px 31px;
	margin-bottom:13px;
	width:330px;
	text-align:center;
}

#bfPhoto .phBef{
	background:url(/images/special/hospital12/before.gif) no-repeat center bottom;
	float:left;
}

#bfPhoto .phAft{
	background:url(/images/special/hospital12/after.gif) no-repeat center bottom;
	float:right;
}

/*内容*/
#bfMain .areaBas{
	margin:0 10px 20px;
	overflow:hidden;
}

* html #bfMain .areaBas{
	height:1%;
}

.areaBas h3{
	margin-bottom:20px;
}
.areaBas .contentLeft{
	float:left;
	width:45%;
	padding-left:20px;
}

.areaBas .contentRight{
	float:right;
	width:45%;
}

.contentNom{
	overflow:hidden;
}

* html .contentNom{
	height:1%;
}

/*↓↓contentにボタンが来たら使う↓↓*/
.btns img{
	margin-bottom:7px;
}
/*↑↑ボタンが来たら使う↑↑*/

/*↓↓02.html用↓↓*/
.eyes img{
	margin:0 40px 30px;
	float:left;
}
/*↑↑02.html用↑↑*/