@charset 'UTF-8';

@media screen and (min-width:641px) {

	.titlebox h2 {
		background: url(./images/bg_h2calendar.gif) no-repeat 0 0.8em;
	}

	.Monthtbl {
		background-color:#2c63b6;
		line-height: 180%;
	}

	.Monthtbl td.prevMonth{
		text-align: left;
		width: 25%;
		padding-left:10px;
	}

	.Monthtbl td.thisMonth{
		text-align: center;
		width: 50%;
		color: #FFFFFF;
		font-weight: bold;
	}

	.Monthtbl td.nextMonth{
		text-align: right;
		width: 25%;
		padding-right:10px;
	}

	td.prevMonth a:link,
	td.prevMonth a:visited, 
	td.nextMonth a:link,
	td.nextMonth a:visited {
		text-decoration: underline;
		color: #FFFFFF;
	}

	.Calendartbl, 
	.Kosodatetbl {
		margin: 20px auto;
		padding: 0;
		font-size: 90%;
		table-layout: auto;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
	}

	.Calendartbl tr, 
	.Kosodatetbl tr {
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

	.Calendartbl tr.week7, 
	.Kosodatetbl tr.week7 {
		background: #E7F3FF;
	}

	.Calendartbl tr.week1, 
	.Kosodatetbl tr.week1 {
		background: #FFEAF1;
	}

	.Calendartbl th, 
	.Kosodatetbl th {
		margin: 0;
		padding: 5px;
		text-align: center;
		background: #F6F6C7;
	}

	.Calendartbl td, 
	.Kosodatetbl td {
		margin: 0;
		padding: 5px;
	}

	.Calendartbl .calday, 
	.Kosodatetbl .calday {
		border: 1px dotted #2c63b6;
		border-right: none;
		text-align: center;
	}

	.Calendartbl .calcon, 
	.Kosodatetbl .calcon {
		border: 1px dotted #2c63b6;
		border-left: none;
	}

	.Calendartbl td ul, 
	.Kosodatetbl td ul {
		list-style-type: none;
		margin: 0px;
	}

	.Calendartbl td ul li{
		text-align: left;
		padding: 0 0 0 50px;
		line-height: 180%;
	}

	.Kosodatetbl td ul li{
		text-align: left;
		padding: 0 0 0 70px;
		line-height: 180%;
	}

	.Calendartbl td ul li img {
		margin-right: 3px;
		margin-left: 3px;
	}

	.Calendartbl td ul li.ico1 {
		background: url(./images/ico1no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico1no {
		background: url(./images/ico1.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico2 {
		background: url(./images/ico2no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico2no {
		background: url(./images/ico2.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico3 {
		background: url(./images/ico3no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico3no {
		background: url(./images/ico3.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico4 {
		background: url(./images/ico4no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico4no {
		background: url(./images/ico4.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico5 {
		background: url(./images/ico5no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico5no {
		background: url(./images/ico5.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico6 {
		background: url(./images/ico6no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico6no {
		background: url(./images/ico6.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico7 {
		background: url(./images/ico7no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico7no {
		background: url(./images/ico7.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico8 {
		background: url(./images/ico8no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico8no {
		background: url(./images/ico8.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico9 {
		background: url(./images/ico9no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico9no {
		background: url(./images/ico9.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico10 {
		background: url(./images/ico10no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico10no {
		background: url(./images/ico10.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico11 {
		background: url(./images/ico11no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico11no {
		background: url(./images/ico11.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico12 {
		background: url(./images/ico12no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico12no {
		background: url(./images/ico12.png) no-repeat 0 0;
	}

	.Kosodatetbl td ul li.teku {
		background: url(./images/kosodate1.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.tibiko {
		background: url(./images/kosodate2.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.gun {
		background: url(./images/kosodate3.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.suku {
		background: url(./images/kosodate4.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.nk {
		background: url(./images/kosodate5.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.ks {
		background: url(./images/kosodate6.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.ms {
		background: url(./images/kosodate7.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.ym {
		background: url(./images/kosodate8.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.og {
		background: url(./images/kosodate9.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.ws {
		background: url(./images/kosodate10.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.tr {
		background: url(./images/kosodate11.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.yi {
		background: url(./images/kosodate12.png) no-repeat 0 3px;
	}
	.Kosodatetbl td ul li.kw {
		background: url(./images/kosodate13.png) no-repeat 0 3px;
	}

	.kosocal {
		margin: 10px 0 0;
		text-align: center;
	}
}

@media screen and (min-width: 0px) and (max-width: 640px) {

	.titlebox h2 {
		background: url(./images/bg_h2calendar.png) no-repeat 0 14px;
	}

	.Monthtbl {
		background-color:#2c63b6;
		line-height: 180%;
	}

	.Monthtbl td.prevMonth{
		text-align: left;
		width: 25%;
		padding-left:10px;
	}

	.Monthtbl td.thisMonth{
		text-align: center;
		width: 50%;
		color: #FFFFFF;
		font-weight: bold;
	}

	.Monthtbl td.nextMonth{
		text-align: right;
		width: 25%;
		padding-right:10px;
	}

	td.prevMonth a:link,
	td.prevMonth a:visited, 
	td.nextMonth a:link,
	td.nextMonth a:visited {
		text-decoration: underline;
		color: #FFFFFF;
	}

	.Calendartbl, 
	.Kosodatetbl {
		margin: 20px auto;
		padding: 0;
		font-size: 100%;
		table-layout: auto;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
	}

	.Calendartbl tr, 
	.Kosodatetbl tr {
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

	.Calendartbl tr.week7, 
	.Kosodatetbl tr.week7{
		background: #E7F3FF;
	}

	.Calendartbl tr.week1, 
	.Kosodatetbl tr.week1 {
		background: #FFEAF1;
	}

	.Calendartbl th, 
	.Kosodatetbl th {
		margin: 0;
		padding: 5px;
		text-align: center;
		background: #F6F6C7;
	}

	.Calendartbl td, 
	.Kosodatetbl td {
		margin: 0;
		padding: 5px;
	}

	.Calendartbl .calday, 
	.Kosodatetbl .calday {
		border: 1px dotted #2c63b6;
		border-right: none;
		text-align: center;
	}

	.Calendartbl .calcon, 
	.Kosodatetbl .calcon {
		border: 1px dotted #2c63b6;
		border-left: none;
	}

	.Calendartbl td ul, 
	.Kosodatetbl td ul {
		list-style-type: none;
		margin: 0px;
	}

	.Calendartbl td ul li{
		text-align: left;
		padding: 0 0 0 50px;
		line-height: 180%;
	}

	.Kosodatetbl td ul li{
		text-align: left;
		padding: 0 0 0 70px;
		line-height: 180%;
	}

	.Calendartbl td ul li img {
		margin-right: 3px;
		margin-left: 3px;
	}

	.Calendartbl td ul li.ico1 {
		background: url(./images/ico1no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico1no {
		background: url(./images/ico1.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico2 {
		background: url(./images/ico2no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico2no {
		background: url(./images/ico2.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico3 {
		background: url(./images/ico3no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico3no {
		background: url(./images/ico3.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico4 {
		background: url(./images/ico4no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico4no {
		background: url(./images/ico4.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico5 {
		background: url(./images/ico5no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico5no {
		background: url(./images/ico5.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico6 {
		background: url(./images/ico6no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico6no {
		background: url(./images/ico6.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico7 {
		background: url(./images/ico7no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico7no {
		background: url(./images/ico7.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico8 {
		background: url(./images/ico8no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico8no {
		background: url(./images/ico8.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico9 {
		background: url(./images/ico9no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico9no {
		background: url(./images/ico9.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico10 {
		background: url(./images/ico10no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico10no {
		background: url(./images/ico10.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico11 {
		background: url(./images/ico11no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico11no {
		background: url(./images/ico11.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico12 {
		background: url(./images/ico12no.png) no-repeat 0 0;
	}
	.Calendartbl td ul li.ico12no {
		background: url(./images/ico12.png) no-repeat 0 0;
	}

	.Kosodatetbl td ul li.teku {
		background: url(./images/kosodate1.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.tibiko {
		background: url(./images/kosodate2.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.gun {
		background: url(./images/kosodate3.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.suku {
		background: url(./images/kosodate4.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.nk {
		background: url(./images/kosodate5.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.ks {
		background: url(./images/kosodate6.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.ms {
		background: url(./images/kosodate7.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.ym {
		background: url(./images/kosodate8.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.og {
		background: url(./images/kosodate9.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.ws {
		background: url(./images/kosodate10.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.tr {
		background: url(./images/kosodate11.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.yi {
		background: url(./images/kosodate12.png) no-repeat 0 5px;
	}
	.Kosodatetbl td ul li.kw {
		background: url(./images/kosodate13.png) no-repeat 0 5px;
	}

	.kosocal {
		margin: 10px 0 0;
		text-align: center;
	}
}