@charset "utf-8";

/**** Clearfix ****/
#calendar_list:after, .outline:after{content:""; display:table;clear:both;}
#calendar_list, .outline{zoom:1;}

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header {
text-align:center;
margin:30px auto 10px;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
line-height:1.2;
}

p.pdf_link {
text-align:center;
margin-bottom:20px;
}
p.pdf_link a{
padding:0 0 0 20px;
background:0 3px no-repeat url("../img/pdf_m.gif");
}

.outline table{
margin-bottom:10px;
}
.outline table td{
vertical-align:middle;
padding:0 5px;
}

#calendar_list {
margin:10px 0 20px;
}

table.calendar {
border:2px solid #000066;
margin:1%;
width:18%;
float:left;
}
table.calendar td, table.calendar th{
padding:3px;
text-align:center;
vertical-align:middle;
font-size:13px;
color:#333333;
width:22px;
height:22px;
font-family:Verdana, Arial, sans-serif,"ＭＳ Ｐゴシック",osaka;
}
table.calendar th {
font-weight:bold;
}
table.calendar td.Sat {
color:#000000;
background-color:#B0C4DE;
}
table.calendar td.Sun {
color:#000000;
background-color:#B0C4DE;
}
table.calendar td.holiday {
color:#000000;
background-color:#B0C4DE;
}

dl {
margin-bottom:10px;
}
dl dt {
color:#660000;
font-weight:bold;
}
dl dd {
margin-left:20px;
}
dl dd ul{
margin:0; padding:0;
}
dl dd ul li:before{
content:'・';
}
dl dd ul li{
display:inline;
margin-right:1em;
margin-bottom:0.5em;
white-space:nowrap;
}

.notice {
padding:15px;
color:#000080;
background:#f5f5f5;
border:1px dashed #000080;
border-radius:8px;
margin:20px 0;
line-height:1.2;
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}
}
/* 幅960px以下（iPadサイズ）から
------------------------------------------------------------*/
@media only screen and (max-width:960px){

	table.calendar {
	margin:1%;
	width:23%;
	}
}

/* 幅720px以下から
------------------------------------------------------------*/
@media only screen and (max-width:720px){

	table.calendar {
	margin:1%;
	width:31%;
	}
}

/* 幅540px以下から
------------------------------------------------------------*/
@media only screen and (max-width:540px){

	table.calendar {
	margin:1%;
	width:48%;
	}
}

/* 幅350px以下から
------------------------------------------------------------*/
@media only screen and (max-width:350px){

	table.calendar {
	margin:2%;
	width:96%;
	}
}