@charset "UTF-8";

/*要素別*/
@import "header.css";
@import "footer.css";

@import "box.css";
@import "list.css";
@import "subContent.css";
@import "table.css";
@import "imgTitle.css";
@import "headline.css";
@import "link.css";
@import "img.css";
@import "attention.css";

/*ページ別*/
@import "patient.css";
@import "about.css";
@import "faq.css";
@import "specialty.css";
@import "sitemap.css";

/* ************************************ 
	General Elements
************************************ */
*
{
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:100%;
	line-height:normal;
}

body
{
	margin:0;
	padding:0;
	color:#000;
	text-align:center;
	background: url(../img/bk.jpg) #fff repeat-x 0 0;
	
	
	 
}


/*  Clear Defau
----------------------------------------------------*/
h1,h2,h3,h4,h5
{
	margin: 0;
	padding: 0;
 }
ul,ol,li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
p
{
	margin: 0;
	padding: 0;
}


 /* margin-set
----------------------------------------------------*/
#main-content .read h2,

#main-content .read h3,
#main-content .cureField h3,

#main-content .read h4,
#main-content .cureField h4,

#main-content .read h5,
#main-content .cureField h5,

#main-content .read p,
#main-content .cureField p
{
  margin: 0 0 1em;
}
/*#main-content .read ul.update-lists
{
	margin: 5em;
}*/

#main-content .read
{
  display: inline-block;
  margin: 0 0 1em;
}


#main-content .read h5,
#main-content .cureField h5
{
	margin-top: 1em;
}



/*フォントサイズ、カラー
----------------------------------------------------
px  %
10  77
11 	85
12 	92
13 	100
14 	107
15 	114
16 	122
17 	129
18 	136
19 	144
20 	152
----------------------------------------------------*/

#main-content h2{ font-size:114%;}
#main-content h3{ font-size:107%; color:#0066CC; clear:both;}
#main-content h4{ font-size:92%;}
#main-content h5{ font-size: 85%;}

#main-content p
{
  line-height: 200%;
  text-align: justify;
}

li,
p,
th,
td,
#sub-content h3
{ 
  font-size: 85%;
}












/*  Contents
----------------------------------------------------*/
#main
{
  width: 840px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
#main-inner
{
  padding:0;
  border: 1px solid #dddddd;
  border-top: none;
  border-bottom: none;
}
#contets{
  padding: 19px;
}

/*  main-content
------------------*/
#main-content{
  width: 600px;
  float: left;
}

#main-content-inner{
  margin-right: 20px; 
}
body.cons #main-content{
  width: 600px;
  float: right;
}
body.cons #main-content-inner{
  margin: 0 0 0 20px; 
}

/*  sub-content
------------------*/
#sub-content{
  width: 198px;
  float: right;
}
body.cons #sub-content{
  width: 198px;
  float: left;
}
#sub-content h3{
  color:#FFFFFF;
}










/*トップに戻るボタン*/
.pagetop
{
	clear: both;
	height: 22px;
	font-size: 0.5em;
	text-align: right;
	font-size: 0.5em;
}
p.pagetop-bt a
{
	display: block;
	float: right;
	width: 141px;
	height: 22px;
	text-indent: -9999em;
	background:url(../images/title/gotoTopBtn.gif) no-repeat 0 0;
}

p.pagetop-bt a:hover
{
	background:url(../images/title/gotoTopBtn.gif) no-repeat 0 -22px;
}
 






/*	Common Class
----------------------------------------------------*/
.inner{
  padding: 20px;
}
.float-R{
  float: right;
}
.float-L{
  float: left;
}
.float-C{
  float: left;
  margin: 0 11px;/*for 3column*/
}
.margin-b15{
  margin-bottom: 15px;
 }
 .breadcrumb{
   margin: 0 0 1em;
   font-size: 77%;
}
.present{
  color: #CC0066;
}




.marginL10
{
	margin-left:10px;
}
.marginR10
{
	margin-right:10px;
}

.marginL20
{
	margin-left:20px;
}
.marginR20
{
	margin-right:20px;
}


.marginLB20
{
	margin-left:20px;
	margin-bottom:20px;
}
.clearB
{
	clear:both;
}

/* ************************************ 
	ClearFix
************************************ */
#header:after,
#globalnavi:after,
#contets:after,
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}
#header,
#globalnavi,
#contets,
.clearfix{ 
  display: inline-block;
  min-height: 1%;
  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix{
 height: 1%;
 }
 .clearfix{
   display: block;
 }
/* End hide from IE-mac */