/* sub */

div#sub {
	margin-left:730px;
	margin-top:137px;
	width:200px;
	position:relative;
}

div#sub div {
	padding-bottom:10px;
}

div#sub .detail {
	float:right;
}

/* tab */

div#sub #tab {
	margin:0;
	height:40px;
	position:absolute;
	top:-40px;
}

div#sub #tab img {
	vertical-align:top;
}

div#sub #tab .greenSeason {
	background:url(../img/tabGreenSeasonBg.gif) no-repeat left top;
	padding:0 0 16px 100px;
}

div#sub #tab .whiteSeason {
	background:url(../img/tabWhiteSeasonBg.gif) no-repeat;
	padding:0 100px 16px 0;
}

/* subMenu */

div#sub div#subMenu {
	padding-bottom:10px;
	background:#FFF url(../img/menu/smBg.gif) no-repeat bottom left;
}

div#sub #subMenu a {
	display:block;
	width:198px;
	height:36px;
	vertical-align:top;
	border-left:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
}

div#sub #subMenu a:hover img {
	opacity:0.3;
	filter: alpha(opacity=30);
}

div#sub #subMenu .selected img {
	opacity:0.4;
	filter: alpha(opacity=40);
}

/* subSeasonPictures */

#subSeasonPictures {
	float:right;
}

#subSeasonPictures td {
	vertical-align:middle;
}

#subSeasonPictures div img {
	padding:1px;
	border:1px solid #CCC;
}

#subSeasonPictures a img {
	opacity:0.5;
	filter: alpha(opacity=50);
}

#subSeasonPictures a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
}

/* table */


div#sub table {
	width:95%;
	float:left;
}

div#sub table td {
	font-size:75%;
	text-align:center;
}

/* event, news */



.subList h2 {
	float:right;
}

.subList ul, .subList dl {
	float:right;
}
.subList dl ul {
	background:none;
}

.subList li {
	line-height:1.4;
	font-size:75%;
	width:200px;
	clear:right;
	background:url(../img/dot.gif) left bottom repeat-x;
}
.subList li li {
	margin-left:12px;
	width:188px;
	font-size:100%;
}

.subList a {
	display:block;
	padding:4px 5px 2px;
	height:100%;
	width:190px;
	white-space:normal;
}
.subList li li a {
	background:none;
}

.subList a:hover {
	background:#FFFFCC url(../img/dot.gif) left bottom repeat-x;
}
.subList li li a {
	width:178px;
}

.subList .nolink {
	background:url(../img/dot.gif) left bottom repeat-x;
	padding:3px 5px;
	width:190px;
}

.subList .flowerNav {
	cursor:pointer;
}

/* next */
.nextTime {
	float:right;
}

.nextTime p {
	padding:0.3em 0 0.3em 14px;
	font-size:100%;
	font-weight:bold;
	line-height:27px;
	color:#333;
	white-space:nowrap;
}

.nextTime span {
	font-size:62.5%;
	line-height:normal;
	font-weight:normal;
}

/* subCalendar */

.subCalendar {
	float:right;
}

.subCalendar .close {
	background-color:#E5E5E5;
	color:#999999;
}

.subCalendar ul {
	margin:0 auto;
	width:196px;
}

.subCalendar h3 {
	margin:5px auto;
	width:196px;
	font-size:75%;
	text-align:center;
}

.subCalendar ul li {
	float:left;
	display:block;
	list-style: none;
	width: 28px;
	text-align:center;
	font-size:12px;
	line-height:24px;
}

.subCalendar ul li.header {
	font-size:10px;
	line-height:16px;
	text-align:center;
	padding:0.5em 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.subCalendar ul li a {
	display:block;
	width:100%;
	height:100%;
	background:#33FFCC;
}

.subCalendar ul li.selecter {
	width: 196px;
	border-top:#CCC solid 1px;
}

.subCalendar select {
	font-size:10px;
	line-height:16px;
	text-align:center;
	border: none;
	color: #666666;
}

.subCalendar ul li.other {
	display:block;
	width: 28px;
}

.subCalendar ul li.saturday {
	color: #0099ff;
}

.subCalendar ul li.sunday a {
	color: #ff0000;
}

.subCalendar ul li.saturday a {
	color: #0099ff;
}

.subCalendar ul li.sunday {
	color: #ff0000;
}

.subCalendar ul li.winfree {
	font-weight: bold;
}

/* guide */

#subGuide, #subPr, #subPr2 {
	float:right;
	margin-top:30px;
	overflow:hidden;
}
#subPr1 {
	float:right;
	overflow:hidden;
	margin-top:10px;
}

#subGuide img {
	margin-bottom:10px;
	margin-left:2px;
	margin-right:2px;
}

#subPr img, .subPr img {
	display:block;
}

#subPr li {
	float:left;
	margin-bottom:5px;
}

/* weather */

div#subWeather {
	float:right;
}

div#subWeather #weatherIcon {
	padding:5px 0 0;
	float:left;
	height:50px;
}

div#subWeather dt, div#subWeather dd {
	font-size:75%;
	width:auto;
}

div#subWeather dt {
	line-height:50px;
	padding-top:5px;
	color:#666;
	text-align:center;
	width:200px;
}

div#subWeather dt img {
	float:left;
	padding-bottom:10px;
}

div#subWeather dd {
	text-align:center;
	clear:both;
	white-space:nowrap;
	font-weight:bold;
}

/* subLivecamera  */

div#livecamera {
	padding-bottom:10px;
	height:198px;
	float:right;
}

div#livecamera h2 {
}

div#livecamera ul {
	background:url(../img/sub/sub.gif) 3px -29px no-repeat;
	height:15px;
	width:197px;
}

div#livecamera li {
	position:absolute;
}

div#livecamera img {
	display:block;
}

div#livecamera li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(../img/sub/sub.gif);
	background-repeat:no-repeat;
}

div#livecamera li a:hover {
	background-image:none;
}

div#livecamera #camera0Tab {
	left:4px;
}

div#livecamera #camera0Tab a {
	width:39px;
	height:14px;
	background-position:-198px -29px;
}

div#livecamera #camera1Tab {
	left:44px;
}

div#livecamera #camera1Tab a {
	width:39px;
	height:14px;
	background-position:-245px -29px;
}

div#livecamera #camera2Tab {
	left:84px;
}

div#livecamera #camera2Tab a {
	width:39px;
	height:14px;
	background-position:-292px -29px;
}

div#livecamera #camera3Tab {
	left:124px;
}

div#livecamera #camera3Tab a {
	width:39px;
	height:14px;
	background-position:-339px -29px;
}

div#livecamera #cameraPlayTab {
	left:164px;
}

div#livecamera #cameraPlayTab a {
	width:32px;
	height:14px;
	background-position:-383px -29px;
}

div#livecamera #camera0Tab, div#livecamera #livecamera1, div#livecamera #livecamera2, div#livecamera #livecamera3 {
	display:none;
}

div#livecamera #cameraImage {
	padding:5px 5px 5px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:3px 3px 0;
	background:#e5f7ff;
}

div#livecamera #cameraImage img {
	border:1px solid #CCC;
	width:180px;
	height:138px;
}

/* temp */

div#subLivecamera {
	position:relative;
	height:133px;
	margin-bottom:20px;
	float:right;
}

div#subLivecamera img {
	display:block;
}

div#subLivecamera .camera {
	float:left;
	padding:4px;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-bottom:1px solid #333;
	width:120px;
	height:90px;
}

#camera1, #camera2 {
	position:absolute;
	top:43px;
	left:10px;
	background:#cce7ff;
	width:180px;
}

#camera1 {
	background:url(../img/top/camera1Bg.gif) no-repeat;
}

#camera2 {
	background:url(../img/top/camera2Bg.gif) no-repeat;
}

#camera1 .livecameraTab {
	margin-top:50px;
	position:absolute;
	right:0;
}

/* slope */

#subSlope {
	float:right;
}

#subSlopeTop {
	float:center;
}

#subSlope caption {
	font-size:75%;
	color:#999;
	margin:5px 0;
	line-height:1.2;
	padding-left:10px;
}

#subSlope table {
	margin:5px;
	width:190px;
}

#subSlope th, #subSlope td {
	padding:0.5em 0.5em 0.3em;
	font-size:75%;
	color:#4D4D4D;
}

#subSlope tr {
	background:url(../img/dot.gif) repeat-x left top;
}

#subSlope th {
}

#subSlope p.date {
	padding:10px;
	font-size:62.5%;
}

/* syllabary */

#sub #subSyllabary table {
	margin-top:5px;
	border-collapse:collapse;
	float:left;
	width:200px;
}

#sub #subSyllabary td {
	border:1px solid #FFF;
}

#subSyllabary a {
	width:18px;
	display:block;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

#subSyllabary a:hover {
	background:#99CCFF;
	color:#FFFFFF;
}

/* sub sub */

div#sub div.subsubMenu {
	width:100%;
}

div#sub div.subsubMenu h2 {
	background:none;
	padding:0;
	height:auto;
}

div#sub div.subsubMenu h2 img {
	display:block;
}

div#sub div.subsubMenu a {
	padding:0.2em 19px 0.2em 19px;
	font-size:75%;
	line-height:1.4;
	display:block;
	width:160px;
}

div#sub div.subsubMenu a:visited, div#sub div.subsubMenu .selected {
	background:url(../img/iconCheck.gif) no-repeat 4px 5px;
}

div#sub div.subsubMenu .selected {
	color:#4D4D4D;
}

div#sub div.subsubMenu ul {
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}

div#sub div.subsubMenu li {
	background:#F2F2F2;
}

div#sub h2.CollapsiblePanelTab {
	cursor:pointer;
}

.SpryHiddenRegion {
	display:none;
}

/* css splite */

#sub h2 {
	width:200px;
	height:39px;
	background-image:url(../img/sub/sub.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position:0 10px;
}

#subEvent h2 {
	background-position:0 10px;
}

#subEventCalendar h2 {
	background-position:-200px 10px;
}

#subSeason h2 {
	background-position:-400px 10px;
}

#subNews h2 {
	background-position:-800px 10px;
}

#subConstruction h2 {
	background-position:-1000px 10px;
}

#livecamera h2 {
	background-position:-1200px 10px;
}

#subSeasonPictures h2 {
	background-position:-1400px 10px;
}

#subFlower h2 {
	background-position:-1600px 10px;
}

#subReadLeaves h2 {
	background-position:-1800px 10px;
}

#subWeather h2 {
	background-position:-2000px 10px;
}

/* subCalendar */

#subCalendar {
	float:right;
}

#subCalendar .close {
	background-color:#E5E5E5;
	color:#999999;
}

#subCalendar ul {
	margin:0 auto;
	width:196px;
}

#subCalendar h3 {
	margin:5px auto;
	width:196px;
	font-size:75%;
	text-align:center;
}

#subCalendar ul li {
	float:left;
	display:block;
	list-style: none;
	width: 28px;
	text-align:center;
	font-size:12px;
	line-height:24px;
}

#subCalendar ul li.header {
	font-size:10px;
	line-height:16px;
	text-align:center;
	padding:0.5em 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#subCalendar ul li a {
	display:block;
	width:100%;
	height:100%;
	background:#33FFCC;
}

#subCalendar ul li.selecter {
	width: 196px;
	border-top:#CCC solid 1px;
}

#subCalendar select {
	font-size:10px;
	line-height:16px;
	text-align:center;
	border: none;
	color: #666666;
}

#subCalendar ul li.other {
	display:block;
	width: 28px;
}

#subCalendar ul li.saturday {
	color: #0099ff;
}

#subCalendar ul li.sunday a {
	color: #ff0000;
}

#subCalendar ul li.saturday a {
	color: #0099ff;
}

#subCalendar ul li.sunday {
	color: #ff0000;
}

#subCalendar ul li.winfree {
	font-weight: bold;
}

#subConcour {
	float:right;
}

#subConcour img {
	display:block;
}

/* thumb */
#thumbnails {
	width: 196px;;
	margin: 5px auto;
	_margin-left: 18px;
}
#thumbnails div {
	position: relative;
	float: left;
	display: inline;
	width: 60px;
	height: 60px;
	margin: 5px 18px;
	padding: 0;
}
#thumbnails div img {
	position: absolute;
	left: 0px;
	right: 0px;
	width:60px;
	height:60px;
}
/*
div.subsubMenu ul {
	margin:12px 0 0 1px;
	width:148px;
	float:left;
}
div.subsubMenu li {
	font-size:75%;
	padding:0;
	background:none;
	margin:0;
	width:100%;
}
div.subsubMenu a {
	display:block;
	padding:0.3em 0.5em;
	background:url(../img/dotE5.gif) repeat-x left bottom;
}