@charset "utf-8";
div.calbx{
	width:270px;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#FEFAED;
}

#prevmonth{
	width:100px;
	padding:3px 0px;
	margin:0px;
	float:left;
	text-align:left;
}

#nxtmonth{
	width:100px;
	padding:3px 0px;
	margin:0px;
	float:right;
	text-align:right;
}
div#cals_i {
	margin: 5px;
	padding: 5px;
	width: 250px;
	border: 1px solid #CCC;
	font-size:12px;
	background-color:#FEFAED;
	text-align:left;
}

div#cals_i p{
	padding:0px;
	margin:2px;
}
table.cals{
	border:#666 1px solid;
	border-collapse:collapse;
	border-spacing:0;
	margin:0px 0px;
	font-size:12px;
	width:270px;
}

table.cals th{
	padding:5px;
	border:#666 solid;
	border-width: 0 0 1px 1px;
	background:#F5F5F5;
	font-weight:normal;
	text-align:center;
}

table.cals td{
	padding:5px;
	border:#666 1px solid;
	border-width:0 0 1px 1px;
	text-align:center;
}

p.hol{
	color:#F00;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

p.sat{
	color:#00F;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

p.week{
	color:#000;
	padding:0px;
	margin:0px;
	font-weight:bold;
}















/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


/******************/
/* for TB & SP    */
/* 320px-959px    */
/******************/
@media only screen and (max-width: 959px) {



section{
	width:90%;
}








}






/******************/
/* for Tablet    */
/* 641px-959px    */
/******************/
@media only screen and (min-width: 641px) and (max-width: 959px) {







}






/******************/
/* for SP-TB      */
/* 320px-640px    */
/* only Header    */
/******************/
@media only screen and (max-width: 640px) {









}