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

THE CLINIC Website CSS File

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


Version			1.1

New Creation	07.11.13
Update			09.07.22

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 */

/*年末年始のお知らせ*/
#yearend {
	position:fixed;
	bottom:0px;
	padding-top:3px;
	width:99.85%;
	border:1px solid #888;
	background:url(../img/yearend_bg.gif) left 3px repeat-x #c40038;
	line-height:1.2em;
	z-index:1000;
}

* html #yearend {
	width:100%;
	height:37px;
	left:0px;
	text-align:left;
}

*+html #yearend {
	left:0px;
}

#yearend p {
	position:absolute;
	top:3px;
	left:351px;
	margin-right:101px;
	padding:10px 0px 0px;
	line-height:1.2em;
	color:#59514e;
}

* html #yearend p {
	padding-right:101px;
}

#yearend .pic {
	position:absolute;
	top:auto;
	right:0px;
	bottom:0px;
	left:auto;
	margin:0px;
	padding:0px;
	width:auto;
}

* html #yearend .pic {
	right:-1px;
	bottom:-1px;
}

#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;
}

#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 #logo {
	margin:26px 0px 25px 31px;
	height:39px;
}

#container #header #logo a {
	float:left;
	display:block;
}

#container #header #gnavi {
	clear:both;
padding-bottom:3px;
width:790px;
height:32px;
border-bottom:1px solid #dfd8d3;
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;
background:url(../img/header_advice_h.gif) left top no-repeat;
} 

#container #header #hsubnavi1 .advice a {
width:163px;
}

#container #header #hsubnavi1 .reservation {
background:url(../img/header_reservation_h.gif) left top no-repeat;
}

#container #header #hsubnavi1 .reservation a {
width:93px;
}

#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;
background:url(../img/header_sitemap_h.gif) left top no-repeat;
}

#container #header #hsubnavi2 .sitemap a {
width:72px;
}

#container #header #hsubnavi2 .inquiry {
margin-right:14px;
background:url(../img/header_inquiry_h.gif) left top no-repeat;
}

#container #header #hsubnavi2 .inquiry a {
width:66px;
}

#container #header #hsubnavi2 .massmedia {
background:url(../img/header_massmedia_h.gif) left top no-repeat;
}

#container #header #hsubnavi2 .massmedia a {
width:84px;
}

#container #content {
margin:0px auto;
padding:0px 0px 230px;
/*padding-bottom:267px;*/
width:790px;
min-height:300px;
background-color:#fff;
}

* html #container #content {
height:300px;
text-align:left;
}

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

/*年末休業スペース確保
#container #content {
padding-bottom:267px;
}
*/
/*\*/
html:\66irst-child body #container #content #mainimage {
margin-left:1px;
border-top:1px solid #fff;
}
/* end */

#container #content #main {
float:right;
/*margin:0px 19px 20px 20px;*/
margin:0px 19px 20px 20px;
width:550px;
}

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


* html #container #content #main {
margin:0px 9px 20px 20px;
}

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

* html .two.feature #container #content #main {
margin-left:auto;
margin-right:auto;
}
/*
#container #content #main h3 {
width:550px;
height:34px;
text-indent:-1000em;
}
*/
#container #content #main p {
margin:1em 0px 1em 20px;
font-size:1.2em;
line-height:1.8em;
/*text-transform:uppercase;*/
}

#container #content #sidebar {
float:right;
margin:0px 0px 0px 19px;
width:180px;
}

#container #content #sidebar #sideinfo ul {
width:164px;
}

#container #footer {
position:absolute;
bottom:0px;
/*padding-bottom:37px;*/
width:100%;
}

* html #container #footer {
left:0px;
/*	padding-bottom:36px;*/
}

/*年末休業スペース確保
#container #footer {
padding-bottom:37px;
}
*/
/*\*/
html:\66irst-child body #container #footer * {
padding-left:1px;
}
/* end */

#container #footer .wrapper {
position:relative;
margin:0px auto;
width:790px;
}

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

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

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

#container #footer #fnavi li {
	margin:0px;
}

#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 #fsubnavi li {
margin:2px 0px 0px 20px;
}

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

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

#container #footer #ftext {
	margin:0px auto;
	padding:7px 0px;
	width:790px;
	background:url(../img/footer_bg.gif) left top repeat-x;
	border-bottom:1px solid #d4cbc4;
	text-align:center;
}

#container #footer #ftext p {
	line-height:1.5em;
}

#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;
background:url(../img/pagetop_h.gif) left top no-repeat;
}

#container #footer #pagetop a {
width:72px;
height:14px;
}

#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 */