@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

THE CLINIC Website CSS File

File Namelayout.css
Noteレイアウト用スタイルシート


Version			1.5

New Creation	07.11.13
Update			09.09.03

Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
------------------------------------------------------------------------
1
------------------------------------------------------------------------
----------------------------------------------------------------------*/
html {
height:100%;
overflow-y:scroll;
}

body {
height:100%;
background:url(../img/bg2.gif) center top repeat-y;
}

* html body {
background:url(../img/bg2.gif) center top repeat-y;
text-align:center;
}

/*\*/
html:\66irst-child body {
/*padding-right:1px;*/
}
/* end */


#container {
position:relative;
width:100%;
min-height:100%;
background:url(../img/bg1.gif) center top no-repeat;
}

* html #container {
height:100%;
text-align:center;
}

body > #container {
height:auto;
}

#container #header {
position:relative;
margin:0px auto;
width:790px;
height:148px;
background:url(../img/header_bg.gif) 0px 23px no-repeat;
}

/*\*/
html:\66irst-child body #container #header {
padding-left:1px;
background-position:1px 23px;
border:none;
}
/* end */


* html #container #header {
text-align:left;
}

.two #container #header {
border-bottom:1px solid #dfd8d3;
}


#container #header h1 {
height:23px;
background:url(../img/header_h1_bg.gif) left top repeat-x;
line-height:23px;
color:#CFC6BE;
text-align:center;
/*text-transform:uppercase;*/
}

#container #header h2 {
	margin:24px 593px 19px 26px;
}

#container #header h2 a {
	display:block;
}

#container #header #gnavi {
padding-bottom:3px;
width:790px;
height:32px;
background:url(../img/gnavi_bg_footer.gif) left bottom repeat-x;
}

#container #header #gnavi ul {
	background:url(../img/gnavi_bg.gif) top left no-repeat;
}

#container #header #gnavi li {
float:left;
list-style-type:none;
}

#container #header #gnavi li a {
height:32px;
}

#container #header #gnavi .top a {
width:96px;
}

#container #header #gnavi .concept a {
width:114px;
}

#container #header #gnavi .contents a {
width:110px;
}

#container #header #gnavi .price a {
width:84px;
}

#container #header #gnavi .doctor a {
width:111px;
}

#container #header #gnavi .access a {
width:135px;
}

#container #header #gnavi .qa a {
width:140px;
}

#container #header #hsubnavi1 {
position:absolute;
right:13px;
top:36px;
}

#container #header #hsubnavi1 li {
height:28px;
float:left;
list-style-type:none;
}

#container #header #hsubnavi1 li a {
display:block;
height:28px;
text-indent:-1000em;
}

#container #header #hsubnavi1 .advice {
margin-right:5px;
} 

#container #header #hsubnavi1 .advice a {
width:163px;
background:url(../img/header_advice.gif) left top no-repeat;
}

#container #header #hsubnavi1 .advice a:hover {
background-position:left -28px;
}

#container #header #hsubnavi1 .reservation a {
width:93px;
background:url(../img/header_reservation.gif) left top no-repeat;
}

#container #header #hsubnavi1 .reservation a:hover {
background-position:left -28px;
}

#container #header #hsubnavi2 {
position:absolute;
right:13px;
top:86px;
}

#container #header #hsubnavi2 li {
float:left;
}

#container #header #hsubnavi2 li a {
display:block;
height:12px;
text-indent:-1000em;
}

#container #header #hsubnavi2 .sitemap {
margin-right:14px;
}

#container #header #hsubnavi2 .sitemap a {
width:72px;
background:url(../img/header_sitemap.gif) left top no-repeat;
}

#container #header #hsubnavi2 .sitemap a:hover {
background-position:left -12px;
}

#container #header #hsubnavi2 .inquiry {
margin-right:14px;
}

#container #header #hsubnavi2 .inquiry a {
width:66px;
background:url(../img/header_inquiry.gif) left top no-repeat;
}

#container #header #hsubnavi2 .inquiry a:hover {
background-position:left -12px;
}

#container #header #hsubnavi2 .massmedia a {
width:84px;
background:url(../img/header_massmedia.gif) left top no-repeat;
}

#container #header #hsubnavi2 .massmedia a:hover {
background-position:left -12px;
}

#container #contents {
margin:0px auto;
padding:0px 1px 200px;
width:788px;
}

* html #container #contents {
/*padding-bottom:144px;*/
padding-bottom:220px;
text-align:left;
}

*+html #container #contents {
padding-bottom:220px;
text-align:left;
}

/*\*/
html:\66irst-child body #container #contents #mainimage {
margin-left:1px;
border-top:1px solid #fff;
}
/* end */

.two #container #contents #main {
float:right;
margin:0px 19px 20px 20px;
width:550px;
}

/*\*/
html:\66irst-child body #container #contents #wrapper #main {
margin-left:20px;
}
/* end */


* html .two #container #contents #main {
margin:0px 9px 20px 20px;
}

.two.feature #container #contents #main {
float:none;
margin:0px 0px 0px -1px;
width:790px;
}

* html .two.feature #container #contents #main {
margin-left:auto;
margin-right:auto;
}

.two #container #contents #main h3 {
width:550px;
height:34px;
text-indent:-1000em;
}

.two #container #contents #main p {
margin:1em 0px 1em 20px;
font-size:1.2em;
line-height:1.8em;
/*text-transform:uppercase;*/
}

.two #container #contents #sidebar {
float:right;
margin:0px 0px 0px 19px;
width:180px;
}

.two #container #contents #sidebar #sideinfo ul {
width:164px;
}

#container #footer {
position:absolute;
bottom:0px;
width:100%;
height:200px;
}

/*\*/
html:\66irst-child body #container #footer * {
padding-left:1px;
}
/* end */


* html #container #footer {
left:0px;
}

#container #footer .wrapper {
position:relative;
margin:0px auto;
width:790px;
background:url(../img/footer_bg.gif) left 33px repeat-x;
}

#container #footer #fnavi {
margin:0px auto;
/*padding:10px 0px 11px;*/
width:790px;
/*background:url(../img/footer_bg.gif) left top repeat-x;*/
/*text-transform:uppercase;*/
background:url(../img/gnavi_bg.gif) top left no-repeat;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #DDD6D0;
}

#container #footer #fsubnavi {
margin:0px auto;
padding:9px 0px 8px;
width:790px;
border-bottom:1px solid #d4cbc4;
}

* html #container #footer #fnavi ,
* html #container #footer #fsubnavi {
margin-left:0px;
}

#container #footer #fnavi li {
	float:left;
}

#container #footer #fnavi li a {
height:32px;
}

#container #footer #fnavi .top a {
width:96px;
}

#container #footer #fnavi .concept a {
width:114px;
}

#container #footer #fnavi .contents a {
width:110px;
}

#container #footer #fnavi .price a {
width:84px;
}

#container #footer #fnavi .doctor a {
width:111px;
}

#container #footer #fnavi .access a {
width:135px;
}

#container #footer #fnavi .qa a {
width:140px;
}

/*#container #footer #fnavi li ,*/
#container #footer #fsubnavi li {
float:left;
display:inline;
margin-left:20px;
list-style-type:none;
}

#container #footer #fsubnavi li {
margin:2px 0px 0px 20px;
}

/*#container #footer #fnavi li a ,*/
#container #footer #fsubnavi li a {
padding-left:16px;
background:url(../img/arrow.gif) left center no-repeat;
}

/*#container #footer #fnavi li a:hover ,*/
#container #footer #fsubnavi li a:hover {
background:url(../img/arrow_h.gif) left center no-repeat;
}

#container #footer #link {
margin:0px auto;
padding:10px 10px 10px 20px;
width:760px;
text-align:left;
}

* html #container #footer #link {
width:790px;
}

#container #footer #link p {
line-height:1.4em;
}

#container #footer #pagetop {
position:absolute;
right:10px;
bottom:70px;
display:block;
width:72px;
height:14px;
background:url(../img/pagetop.gif) left top no-repeat;
text-indent:-1000em;
}

#container #footer #pagetop:hover {
background:url(../img/pagetop.gif) left bottom no-repeat;}

#container #footer address {
clear:both;
margin:0px auto;
width:790px;
height:60px;
background:url(../img/copyright.gif) left top no-repeat;
text-indent:-1000em;
}

/*\*/
html:\66irst-child body #container #footer address {
background-position:1px top;
}
/* end */