@charset "UTF-8";

/*------ live ------*/


#contents .toptxt {
	margin: 20px 0 0 0;
}

#contents .camerabox {
	width: 655px;
	margin: 0 0 20px 13px;
}

#contents .camerabox .phtbox {
	width: 648px;
	background-color: #c8ecee;
	padding: 7px 0 7px 7px;
}

#contents .weatherbox {
	background-color: #a0cceb;
	border: #999999 solid 1px;
	padding: 10px;
	margin: 0 0 15px 0;
}

#contents .weatherbox .day {
	background-color: #61aade;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}

#contents .weatherbox table {
	text-align: center;
	font-size: 1em;
	margin: 5px auto;
}

#contents .weatherbox table .weather {
	background-color: #c6e4f9;
	color: #006699;
	font-weight: bold;
	padding: 10px;
	width: 50px;
}

#contents .weatherbox table .weatherdata {
	background-color: #ffffff;
	padding: 10px;
	width: 50px;
	border-right: #a0cceb solid 5px;
}

#contents .weatherbox table .time {
	background-color: #c6e4f9;
	color: #006699;
	font-weight: bold;
	padding: 10px;
	width: 190px;
}

#contents .weatherbox table .timedata {
	background-color: #ffffff;
	padding: 10px;
}

/*------ plantbox ------*/

#contents .plantbox {
	background-color: #eaf9ef;
	padding: 7px 0 1px 8px;
	margin: 0 0 20px 0;
}

#contents .plantbox .plantinbox {
	width: 672px;
}

#contents .plantlist {
	background-image: url(../images/live_pct_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 7px;
	padding: 2px 7px 0 12px;
	margin: 0 0 5px 0;
	display: block;
	float: left;
	width: 146px;
	border-bottom: #caefd8 solid 2px;
	border-right: #caefd8 solid 1px;
}

/*------ tempertable ------*/

#contents .temperbox {
	float: left;
	width: 342px;
	display: inline;
}

#contents .clothesbox {
	float: right;
	width: 323px;
	display: inline;
}

#contents .clothesbox table {
	font-size: 0.9em;
	line-height: 1.5em;
	width: 323px;
}

#contents .clothesbox table td {
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	padding: 3px;
}

#contents .clothesbox table th {
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	background-color: #e3f3ec;
	padding: 3px;
}

#contents .clothesbox .underline {
	border-bottom: #CCCCCC solid 1px;
}
#contents .clothesbox .rightline {
	border-right: #CCCCCC solid 1px;
}

#contents .clothesbox .d-blue {
	background-color:#bbc9f2;
	text-align:center;
}
#contents .clothesbox .s-blue {
	background-color:#d7e1fe;
	text-align:center;
}
#contents .clothesbox .d-orange {
	background-color:#f6cf83;
	text-align:center;
}
#contents .clothesbox .s-orange {
	background-color:#fbe5bb;
	text-align:center;
}
#contents .clothesbox .d-green {
	background-color:#aadba9;
	text-align:center;
}
#contents .clothesbox .s-green {
	background-color:#cef1cd;
	text-align:center;
}
#contents .clothesbox .t_center {
	text-align:center;
}

#contents .waybox {
	border: #a0cceb solid 3px;
	padding: 15px;
	margin: 20px 0 0 0;
}

#contents .wayinbox {
	width: 643px;
}

#contents .waytxt {
	width: 420px;
	float: left;
}

#contents .mappct {
	width: 200px;
	float: right;
}

/*------ colorbox ------*/

#contents .colorbox {
	background-color: #fcd072;
	padding: 15px 0 10px 20px;
	margin: 0 0 3px 0;
	width: 660px;
}

#contents .colorinbox {
	width: 660px;
}

#contents .iconbox {
	width: 205px;
	float: left;
	text-align: center;
	margin: 0 11px 0 0;
	font-size: 0.9em;
}

#contents .iconbox_right {
	width: 205px;
	float: left;
	text-align: center;
	font-size: 0.9em;
}

#contents .whitebox {
	width: 205px;
	background-color: #FFFFFF;
	padding: 8px 0 8px 0;
	margin: 0 0 5px 0;
}

#contents .boldtxt {
	font-weight: bold;
}