@charset "UTF-8";

/*------ howto index ------*/

#contents .planbtn {
	width: 327px;
	float: left;
	display: inline;
}

#contents .coursebtn {
	width: 327px;
	float: right;
	display: inline;
}

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

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


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

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

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

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

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