@charset "UTF-8";

/* ELEMENTS
-----------------------*/
html{
overflow-y: scroll;  
}
body {
font-family: Arial,helvetica,sans-serif;
line-height:1.4;
}
* html body {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
*:first-child+html body {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
img{
vertical-align:bottom;
}
a{
zoom:1;
vertical-align:baseline;
color:#039;
line-height:1.1;
}
em{
font-weight:bold;
font-style:normal;
}

/* LAYOUT
-----------------------*/
#wrapper{
margin:0px auto 20px;
width:900px;
background:#fff;
color:#333;
}
#header,
#footer{
clear:both;
}
#contents{
width:900px;
position:relative;
margin-bottom:10px;
background:url(../imgs/bg_contents.jpg) repeat-x bottom left;
padding-bottom:45px;
}
/* HOME */
.home #maincol{
width:680px;
float:left;
display:inline;
}
.home #subcol{
width:206px;
float:right;
display:inline;
}
/* ELSE */
#maincol{
width:680px;
float:right;
display:inline;
margin:0;
}
#subcol{
width:206px;
float:left;
display:inline;
margin:0;
}

/* HEADER
-----------------------*/
#header{
padding:0 0 0 0;
margin:0 0 10px;
}
.logo{
width:275px;
height:30px;
float:left;
margin-top:19px;
}
body.home .logo{
width:210px;
}
.fnav{
float:right;
display:inline;
}
.fnav li{
float:left;
display:inline
}
/* UTILITY AREA */
.utility{
width:304px;
float:right;
margin-right:10px;
display:inline;
margin-top:25px;
}
.unav{
float:left;
display:inline;
}
.unav li{
float:left;
display:inline;
background:url(../imgs/bg_separate.gif) repeat-y right;
padding-right:7px;
margin-right:11px;
line-height:0;
}
.unav li a{
color:#000;
}
#fsizechange{
width:116px;
float:right;
display:inline;
}
#fsizechange dt{
width:50px;
margin-right:7px;
}
#fsizechange dt img{
vertical-align:middle;
}
#fsizechange dd{
width:19px;
margin-right:1px;
}
#fsizechange dt,
#fsizechange dd{
float:left;
height:16px;
display:inline;
line-height:0;
}
#fsizechange dd.fontL{
margin-right:0px;
}

/* GLOBAL NAVIGATION */
.gnav{
clear:both;
width:900px;
background:url(../imgs/bg_gn.jpg) no-repeat;
}
.home .gnav{
position:absolute;
bottom:0;
left:0;
}
.gnav li{
float:left;
display:inline;
width:225px;
}
#global_area{
margin-bottom:20px;
}
.gnav li a{
display:block;
width:225px;
height:54px;
}
.gnav li a:hover img{
visibility:hidden;
}
* html body .gnav li a:hover {
background-color:transparent;
}
body.clinic .gnav li.gn01 img,
body.shinryo .gnav li.gn02 img,
body.faq .gnav li.gn03 img,
body.sitemap .gnav li.gn04 img{
visibility:hidden;
}

/* BREAD CRUMB */
.crumb{
clear:both;
margin-bottom:20px;
}

/* FOOTER
-----------------------*/
#footer{
clear:both;
}

.fnav01,
.fnav02{
margin-bottom:15px;
text-align:center;
}
.fnav01 li,
.fnav02 li{
display:inline-block;
margin:0;
padding:0px 10px;
border-right:1px solid #000;
line-height:1.4;
}
*html .fnav01 li,
*html .fnav02 li{
display:inline;
zoom:1;
}
*:first-child+html .fnav01 li,
*:first-child+html .fnav02 li{
display:inline;
zoom:1;
}
.fnav01 li.last,
.fnav02 li.last{
border:none;
}
.address,
.copyright{
text-align:center;
}
/* MAIN COLUMN
-----------------------*/
.pagetop{
text-align:right;
clear:both;
padding:10px 0;
}
/* INDEX-LIST */
#index_list{
margin:0 11px 0 9px;
}
#index_list li{
width:324px;
margin-bottom:5px;
float:left;
background:url(../imgs/bg_ft_index_list.gif) repeat-y left bottom;
padding-bottom:8px;
min-height:128px;
}
* html body #index_list li{
height:auto !important;/* Min-Height for IE6*/
height:128px;
}
#index_list li.odd{
float:left;
}
#index_list li.even{
float:right;
}
#index_list li.bl-hover{
background:url(../imgs/bg_ft_index_list_on.gif) repeat-y left bottom;
}
#index_list .bl-hover h3{
background:url(../imgs/bg_hd_index_list_on.gif) repeat-y left top;
}
#index_list h3{
margin-bottom:8px;
padding:4px 4px 0; 
background:url(../imgs/bg_hd_index_list.gif) repeat-y left top;
}
#index_list p{
padding:0 0 7px 0;
margin-left:23px;
overflow:auto;
zoom:1; 
font-size:86%;
}
#index_list p.imgR{
padding:0;
margin:0 19px 0 13px;
display:inline;
}
#shinryo_index .section,
#clinic_index .section{
margin:10px 20px;
}

/* SUB COLUMN
-----------------------*/
#subcol{
background:url(../imgs/bg_hd_lnav.gif) no-repeat left top;
}
#home #subcol{
background:none;
}

/* LOCAL NAV */
.lnav{
background:url(../imgs/bg_ft_lnav.gif) no-repeat left bottom;
padding:21px 0 48px;
margin-bottom:20px;
}
.lnav ul{
margin:0px;
padding:0 10px ;
background:url(../imgs/bg_bd_lnav.gif) repeat-y left bottom;
height:1%;
}
.lnav h3{
font-weight:bold;
font-size:130%;
margin:10px;
}
.lnav ul li{
margin-bottom:0px;
background:url(../imgs/bg_lnav_item.gif) repeat-x left bottom;
}
.lnav ul li a{
line-height:1.4;
display:block;
text-decoration:none;
background:url(../imgs/bg_lnav_bullet.gif) no-repeat -210px 14px;
padding:12px 0 11px 20px;
color:#333;
}
.lnav ul li a:hover,
.lnav ul li.stay a{
color:#729e15;
background:url(../imgs/bg_lnav_bullet.gif) no-repeat 2px 14px;
font-weight:bold;
}
/* HEADINGS
-----------------------*/
.heading{
margin-bottom:20px;
zoom:1;
}
h3.page_title{
font-size:115%;
background:url(../imgs/bg_page_title.jpg) no-repeat left center;
margin-bottom:12px;
padding:12px 0 12px 38px;
font-weight:bold;
}
.section h4{
font-size:108%;
font-weight:bold;
margin-bottom:12px;
background:url(../imgs/bg_hd_section.gif) no-repeat left center;
padding-left:24px;
margin-top:30px;
}
.firstchild h4{
margin-top:0!important;
}
/* TABLES
-----------------------*/
th,
td{
vertical-align:middle;
border-collapse:collapse;
}
/* PARAGRAPH
-----------------------*/
.lead{
margin:12px 20px 20px 38px;
}
.section p{
margin-bottom:10px;
}

/* ANCHOR
-----------------------*/
a.opw{
background:transparent url(../imgs/m_opw.gif) no-repeat scroll left bottom;
padding-left:16px;
}
/* IMAGE
-----------------------*/
.image{
text-align:center;
}
.imgL{
float:left;
display:inline;
margin-right:10px;
line-height:1;
}
.imgR{
float:right;
display:inline;
margin-left:10px;
line-height:1;
}
.frame,
img.photo{
border:1px solid #ccc;
padding:3px;
}
/* OUTLINE BLOCK
-----------------------*/
.section{
clear:both;
margin:0 20px 20px 38px;
}
