/*****************************
あけお眼科医院　基本スタイル

 FileName: common.css
 Authour:  Chika takenoya
 Date:     2008.1.1
 Version:  1.0
*****************************/
html,body{ height: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {margin:0pt;padding:0pt;}
ul, li {list-style-type:none;}
li {list-style-position:outside;}
fieldset, img {border:0pt none;}

body{background:#FFFFFF url(../img/bg/bg_03.gif) no-repeat center bottom;background-attachment : fixed ;color:#666666;}
a{color:#3399FF;}

.clearFix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearFix {
min-height:1%;
}
* html .clearFix {
height:1%;
}
.clearFix {
display:block;
}

/* ALL ***********/
#main_frame{
margin:0 auto;
width: 750px;
height:100%;
}

/* HEADER ********/
h1{
float:left;
margin:0 0 20px 20px;
background:url("../img/akeoganka.gif") center top no-repeat;
width:380px;
height:80px;
text-indent:-9999px;
}
h1 a{
display:block;
width:380px;
height:80px;
}

/*  MAIN  *********/
#main{
clear:both;
margin:0 15px;
}

/* MENU AREA *****/
#menu{
float:left;
background:url(../img/bg/menu_bg.gif) center top no-repeat;
width:150px;
height:285px;
}
#menu ul{
padding:10px 7px;
}
#menu li a{
display:block;
text-indent:-9999px;
margin:0;
padding:0;
width:135px;
height:33px;
background:#FFF;
overflow:hidden;
}
#menu .hours a{background:url(/img/btn/btn_hours.gif) no-repeat center center;}
#menu .hours a:hover{background:url(/img/btn/btn_hours2.gif) no-repeat center center;}
#menu .access a{background:url(/img/btn/btn_access.gif) no-repeat center center;}
#menu .access a:hover{background:url(/img/btn/btn_access2.gif) no-repeat center center;}
#menu .notice a{background:url(/img/btn/btn_notice.gif) no-repeat center center;}
#menu .notice a:hover{background:url(/img/btn/btn_notice2.gif) no-repeat center center;}
#menu .doctor a{background:url(/img/btn/btn_doctor.gif) no-repeat center center;}
#menu .doctor a:hover{background:url(/img/btn/btn_doctor2.gif) no-repeat center center;}
#menu .consulting a{background:url(/img/btn/btn_consulting.gif) no-repeat center center;}
#menu .consulting a:hover{background:url(/img/btn/btn_consulting2.gif) no-repeat center center;}
#menu .research a{background:url(/img/btn/btn_research.gif) no-repeat center center;}
#menu .research a:hover{background:url(/img/btn/btn_research2.gif) no-repeat center center;}
#menu .information a{background:url(/img/btn/btn_information.gif) no-repeat center center;}
#menu .information a:hover{background:url(/img/btn/btn_information2.gif) no-repeat center center;}
#menu .link a{background:url(/img/btn/btn_link.gif) no-repeat center center;}
#menu .link a:hover{background:url(/img/btn/btn_link2.gif) no-repeat center center;}

/* CONTENTS AREA ***/
#contents{
float:right;
background:url(../img/bg/contents_bg.gif) no-repeat center top;
width:550px;
}

#contents_area{
margin:10px 0 0 0;
padding:0 10px 10px 10px;
background:#FFFFFF;
}

#copyright{
background:#FFFFFF;
padding:10px 0;
border-top:2px dotted #999999;
text-align:center;
}


/*****************************
あけお眼科医院　個々スタイル01

 FileName: individual1.css
 Authour:  Chika takenoya
 Date:     2008.1.1
 Version:  1.0
*****************************/

/*====================================index.html*/

#last_mod{text-align:right;}
#welcome{margin-top:30px;text-align:center;font-size:1.4em;}
#count{padding:5px 0 0 0;text-align:center;}
#renewal{margin:20px auto;padding:7px;width:80%;border:2px dotted #999999;}
#renewal p{margin-bottom:5px;}
#address {padding-top:30px;text-align:right;}

/*====================================各ページcommon*/
h2{
margin:0 0 10px 0;
width:530px;
height:37px;
text-indent:-9999px;
}
dl{margin:0 10px;}
dt{padding:10px 5px; font-weight:bold;}
dd{margin:5px 20px; line-height:1.5em;}
table{border-collapse: collapse; border:2px solid #666666;}
tr,td{padding:3px 10px;border:1px solid #666666;}
.img {text-align:center;margin:10px 0;}

/*====================================各ページ設定*/
#hours h2{background:url(../img/banner/banner_hours.gif) no-repeat top left;}
#access h2{background:url(../img/banner/banner_access.gif) no-repeat top left;}
#notice h2{background:url(../img/banner/banner_notice.gif) no-repeat top left;}
#doctor h2{background:url(../img/banner/banner_doctor.gif) no-repeat top left;}
#consulting h2{background:url(../img/banner/banner_consulting.gif) no-repeat top left;}
#research h2{background:url(../img/banner/banner_research.gif) no-repeat top left;}
#information h2{background:url(../img/banner/banner_information.gif) no-repeat top left;}
#link h2{background:url(../img/banner/banner_link.gif) no-repeat top left;}

#hours {padding:0 0 120px 0;}
#hours table{margin:auto;}
#hours span{color:#FF6600;}
#hours p{padding-left:30px;color:#FF6600;}

#access {padding:0 0 50px;text-align:center;line-height:2em;}

#notice {line-height:1.5em;}

#doctor table{margin:10px auto;}
#doctor td{text-align:right;}
#doctor .description{text-align:left;}

#research {padding:0 0 140px 0;}
#research a{color:#555555;}

#information {padding:0 0 60px 0;}
#information dl{margin:0 5px 30px 5px;padding:0 0 20px 0;}
#information dt{border-bottom:2px dotted #999999;}
#information dd.date{margin:0 5px 5px 0;color:#999999;font-size:0.9em;text-align:right;}

#link td{padding:3px 5px;}
#link td.space{width:140px;}
#link td.url{width:325px;}

/*consulting*/
#consulting {padding:0 0 100px 0;}
#consulting .attention{text-align:right;}
#consulting .center{text-align:center;}
#consulting .subtitle{background:#DDD;margin:10px -10px 3px;padding:3px 0 3px 5px;}
#consulting #pathology{clear:both;}
#consulting #pathology li{padding-right:10px;display:inline;word-break:break-all;}

#inspection {margin:0 20px;padding:20px 5px;border: 2px dotted #33CC99;}
#inspection table{margin:0 auto;border:none;}
#inspection tr{border:none;}
#inspection td{padding:0 10px;height:1.5em;text-align:center;border:none;}
#inspection .arrow01{background:url("/img/consulting/bg_arrow01.gif") no-repeat top left;}
#inspection .arrow02{width:170px;background:url("/img/consulting/bg_arrow02.gif") no-repeat top center;}
#inspection .arrow03{background:url("/img/consulting/bg_arrow03.gif") repeat-y top left;}
#inspection .arrow04{background:url("/img/consulting/bg_arrow04.gif") no-repeat bottom left;}
#inspection .arrow05{padding:0 38px;background:url("/img/consulting/bg_arrow05.gif") no-repeat center left;}
#inspection .arrow06{padding-left:42px;background:url("/img/consulting/bg_arrow06.gif") no-repeat center left;}
#inspection .arrow07{padding-left:42px;background:url("/img/consulting/bg_arrow07.gif") no-repeat center left;}
#inspection .branch01{background:#99FFCC;}
#inspection .branch02{background:#FFFF99;}