@charset "utf-8";

/* 診療時間のページ（medical-hours.html）のスタイルシート */ 


/* メインカラムの詳細　********************************************************************************/ 
/* 診療時間のページ　********************************************************************************/ 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:773px; 
 }
.long-box{
  float:left;
  clear:both;
  width:773px;
  }
.title{
  float:left;
  clear:both;
  }
.contents{
	float:left;
	clear:both;
	width: 773px;
  }
.sub-title{
	display:block;
	float:left;
	clear: both;
	padding-top: 18px;
	padding-bottom: 18px;
	}
#weekly-schedule-area{
	float:left;
	clear:both;
	padding-left: 13px;
	}
#weekly-schedule-area table{
	width:710px;
	height:162px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #e4e4e4;
	border-left-color: #e4e4e4;
    }
.top-days{
	height:19px;
	background-image: url(../images/schedule-tabletop-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 11px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	text-align: center;
	padding-top: 3px;
	width: 89px;
	}
.table-main{
	height:70px;
	font-size: 11px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	width: 89px;
	}
.sun{
    color:#D5260D;
	}
.sat{
    color:#003399;
	}	
.left-time-top{
	clear:both;
	width:55px;
	float: left;
	height: 14px;
	margin-left: 10px;
	}	
.left-time-middle{
	clear:both;
	width:12px;
	float: left;
	height: 16px;
	margin-left: 40px;
    }	
.left-time-bottom{
	clear:both;
	width:55px;
	float: left;
	height: 14px;
	margin-left: 25px;
    }
.left-time-bottom-sub{
	clear:both;
	width:55px;
	float: left;
	height: 14px;
	margin-left: 30px;
    }
#captione{
	float:left;
	clear:both;
	padding-top: 10px;
	height: 30px;
	width: 640px;
	padding-bottom: 7px;
	margin-left: 80px;
	}
#caption-sub{
	float:left;
	clear:both;
	padding-top: 10px;
	height: 30px;
	width: 605px;
	padding-bottom: 27px;
	margin-left: 80px;
	text-align: right;
	margin-right: 35px;
	}	
#cap-left{
	float:left;
	height: 30px;
	width: 76px;
	}
#cap-right{
	float:left;
	width: 100px;
	padding-top: 6px;
	}
#cap-right-sub{
	float:left;
	width: 380px;
	padding-top: 6px;
	}	
#monthly-schedule-area{
	float:left;
	clear:both;
	padding-left: 13px;
	}
#monthly-schedule-area table{
	width:710px;
	height:425px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #e4e4e4;
	border-left-color: #e4e4e4;
    }
.day-count{
	height:20px;
	width:85px;
	font-size: 12px;
	color: #5389BF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-right-color: #e4e4e4;
	border-bottom-color: #CCCCCC;
	text-align: right;
	padding-right: 4px;
	}
.before-half{
	height:30px;
	width:89px;
	background-color: #FFDFD0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-right-color: #e4e4e4;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	text-align: center;
	}
.after-half{
	height:30px;
	width:89px;
	background-color: #CAEAFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	font-size: 11px;
	text-align: center;
	}
.blank{
    color:#FF3300;
	}
.half-time{
    color:#666666;
	}			
#calender-move-area{
	float:left;
	clear:both;
	padding-bottom: 7px;
	padding-left: 13px;
	}
#action-arrow{
    float:left;
	height:15px;
	width:48px;
	}
#month-view{
	float:left;
	width: 80px;
	padding-left: 10px;
	height: 15px;
	line-height: 15px;
	font-weight: bold;
	}
.img-contents{
	float:left;
	clear:both;
	width: 710px;
	padding-top: 5px;
	padding-left: 13px;
  }
.img-part{
    float:left;
	width:100px;
	} 
.img-part .upper{
    float:left;
	clear:both;
	width:100px;
	}
.img-part .lower{
	float:left;
	clear:both;
	width:100px;
	text-align: center;
	}	 
.left-use{
    margin-left:21px;
	}