@charset "utf-8";

/* 大見出し */
h2 {
	background: url(./img/ttl.jpg) 0 0 no-repeat;
}
/* サイドバー */
#side-navi h3 a{
	background: url(../page/img/side-sh.gif) 0 -25px no-repeat;
}
#side-navi h3 a:hover{
	background: url(../page/img/side-sh.gif) -200px -25px no-repeat;
}

/* メイン
----------------------------------------------------*/
/* 1日の流れ
----------------------------------------------------*/
#note {
	background: url(../common/img/bg-dot.gif) ;
	padding: 5px;
}
#note-inner {
	padding: 15px !important;
	background: #fff;
	min-height:600px;
	height: auto !important;
	height: 600px;
	background: url(../common/img/bg-note.gif) ;
}

#note-inner .time .leftcol {
	float: left;
	width: 325px;
}
#note-inner .time .rightcol {
	float: right;
	width: 325px;
}

#note-inner .up {
	background: url(./img/day-bg1.gif) 0 0 no-repeat;
	margin-bottom: 20px;
}
#note-inner .low {
	background: url(./img/day-bg2.gif) right bottom no-repeat;
	margin-bottom: 20px;
}

#note-inner .up .leftcol {
	padding-top: 10px;
}
#note-inner .up .leftcol .cloud {
	margin-left: 80px;
	margin-bottom: 20px;
}
#note-inner .up .leftcol dd {
	margin-bottom: 10px;
	padding: 0 5px 10px 5px;
	margin-left: 80px;
	border-bottom: dashed 1px #ccc;
}
#note-inner .up .leftcol dt {
	height: 20px;
	padding: 0 5px 0 5px;
	text-indent: -9999px;
}
#note-inner .up .rightcol img,
#note-inner .low .leftcol img {
	margin-top: 60px;
}

#note-inner .low .rightcol dd {
	margin-bottom: 10px;
	padding: 0 5px 10px 5px;
	margin-right: 80px;
	border-bottom: dashed 1px #ccc;
}
#note-inner .low .rightcol  .cloud {
	margin-bottom: 20px;
}
#note-inner .low .rightcol dt {
	height: 20px;
	padding: 0 5px 0 5px;
	text-indent: -9999px;
}

#note-inner .time dt.l1 {
	background: url(./img/day-txt.gif) 85px 0 no-repeat;
}
#note-inner .time dt.l2 {
	background: url(./img/day-txt.gif) 85px -20px no-repeat;
}
#note-inner .time dt.l3 {
	background: url(./img/day-txt.gif) 85px -40px no-repeat;
}
#note-inner .time dt.l4 {
	background: url(./img/day-txt.gif) 85px -60px no-repeat;
}
#note-inner .time dt.l5 {
	background: url(./img/day-txt.gif) 85px -80px no-repeat;
}
#note-inner .time dt.l6 {
	background: url(./img/day-txt.gif) 5px -100px no-repeat;
}
#note-inner .time dt.l7 {
	background: url(./img/day-txt.gif) 5px -120px no-repeat;
}
#note-inner .time dt.l8 {
	background: url(./img/day-txt.gif) 5px -140px no-repeat;
}
#note-inner .time dt.l9 {
	background: url(./img/day-txt.gif) 5px -160px no-repeat;
}
#note-inner .time dt.l10 {
	background: url(./img/day-txt.gif) 5px -180px no-repeat;
}