@charset "Shift_JIS";


/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/

h2{
padding:0;
line-height:1;
}
div#header{
height:295px;
background:url(/assets/images/common/topimage.jpg) no-repeat 0 0;
}
/* title */
div#header h1{
top:20px;
}
div#header ul.navi li{
top:240px;
}
fieldset{
top:2px;
}
/* index */
div#contents{
float:left;
width:575px;
background:transparent;
}
div#sub_contents{
float:right;
width:225px;
background:none;
}

div#contents div.section{
margin:0 15px 20px 15px;
line-height:1.4;
}
div#sub_contents div.section{
margin:0 0 20px 0;
}



/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
/* topics */
div#contents div.topics h2{
padding:0;
background:url(/assets/images/common/index_h2_1_on.gif) no-repeat 0 0;
}
div.topics h2 a{
display:block;
width:545px;
height:30px;
}
div.topics h2 a:hover{
background:transparent;
}
div.topics h2 a:hover img{
visibility:hidden;
}
div.topics dl dt{
float:left;
clear:left;
margin:0;
padding:0.7em 10px 0 10px;
}
div.topics dl dd{
margin:0;
padding:0.7em 0 0.5em 12em;
border-bottom:1px dotted #ccc;
}
div.topics dl dd img{
position:relative;
top:-3px;
display:none;
}

div#contents div.topics dl dd.hospital{
background:url(/assets/images/common/icon_topics_hospital.gif) no-repeat 9em 12px;
}
div#contents div.topics dl dd.research{
background:url(/assets/images/common/icon_topics_research.gif) no-repeat 9em 12px;
}
div#contents div.topics dl dd.extra{
background:url(/assets/images/common/icon_topics_extra.gif) no-repeat 9em 12px;
}
div.topics dl dd a.photo{
padding:0 20px 0 0;
background:url(/assets/images/common/icon_camera.jpg) no-repeat 100% 0;
}


/* hospital*/
div#contents h2{
background:none;
padding:0;
}
div.hospital{
background:url(/assets/images/common/index_hospital_background.gif) no-repeat 0 64px;
}
div.hospital ul{
margin:0 0 1em 0;
padding:0;
}
div.hospital ul li{
width:215px;
float:left;
margin:2px 0 2px 15px;
padding:0 0 0 20px;
background:url(/assets/images/common/icon_hospital.gif) no-repeat 0 0.2em;
}

/* research */
div.research{
background:url(/assets/images/common/index_research_background.gif) no-repeat 0 85px;
}
div.research ul{
margin:0 0 1em 0;
padding:0;
}
div.research ul li{
width:215px;
float:left;
margin:2px 0 2px 15px;
padding:0 0 0 20px;
background:url(/assets/images/common/icon_research.gif) no-repeat 0 0.2em;
}

/* consultationhours */
div.consultationhours{
padding:0 0 10px 0;
background:url(/assets/images/common/consultationhours_footer.gif) no-repeat 0 100%;
}
div.consultationhours h3{
margin:0.5em 10px -0.5em 10px;
}
div.consultationhours ul{
padding:0 0 10px 0;
}
div.consultationhours ul li{
float:left;
margin:2px 0 2px 0;
padding:0 20px 0 20px;
background:url(/assets/images/common/icon_hospital.gif) no-repeat 0 0.2em;
}



/*
--------------------------------------------------------
sub_contents
--------------------------------------------------------
*/
/* fontsize */
div.fontsize{
margin:0;
position:absolute;
top:38px;
right:15px;
width:210px;
background:url(/assets/images/common/font_background.gif) no-repeat 0 0;
}
div.fontsize p.font{
display:none;
}
div.fontsize ul.font{
width:210px;
height:36px;
margin:0;
padding:0;
}
div.fontsize ul.font li{
position:absolute;
top:5px;
right:0;
width:35px;
height:25px;
}
div.fontsize ul.font li a{
display:block;
height:25px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}
div.fontsize ul li.fontsmall,
div.fontsize ul li.fontsmall a{
left:90px;
background:url(/assets/images/common/fontsmall_off.gif) no-repeat 0 0;
}
div.fontsize ul li.fontnormal,
div.fontsize ul li.fontnormal a{
left:130px;
background:url(/assets/images/common/fontnormal_off.gif) no-repeat 0 0;
}
div.fontsize ul li.fontbig,
div.fontsize ul li.fontbig a{
left:170px;
background:url(/assets/images/common/fontbig_off.gif) no-repeat 0 0;
}
div.fontsize ul li.fontsmall a:hover{
left:90px;
background:url(/assets/images/common/fontsmall_on.gif) no-repeat 0 0;
}
div.fontsize ul li.fontnormal a:hover{
left:130px;
background:url(/assets/images/common/fontnormal_on.gif) no-repeat 0 0;
}
div.fontsize ul li.fontbig a:hover{
left:170px;
background:url(/assets/images/common/fontbig_on.gif) no-repeat 0 0;
}

/* photo */
div.photo{
padding:0 0 10px 0;
background:url(/assets/images/common/photo_footer.gif) no-repeat 0 100%;
}
div.photo h3{
margin:0 25px 0.5em 10px;
}
div.photo p{
margin:0 10px;
}
div.photo p img{
margin:0 0 5px 0;
}


/* information */
ul.information{
margin:0 0 10px 0;
padding:0;
}
ul.information li{
padding:0 0 10px 0;
}
ul.information li a{
display:block;
width:208px;
height:58px;
border:1px solid #ccc;
}
ul.information li a:hover{
border:1px solid #39c;
}

/* mobile */
div.mobile h2{
margin:0 15px 0 0;
padding:0;
border-bottom:3px solid #ccc;
color:#369;
}
div.mobile p{
margin:0 15px 1em 0;
}