@charset "utf-8";

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background-color: #eeeeee;
}

div,p
{
	font-size: 12px;
	line-height: 150%;
}

img
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#calendarSystem .calendarChange
{
	text-align: right;
}

#calendarSystem .calendarHead
{
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
}

#calendarSystem .calendarHead .title
{
	margin-right: 5px;
	margin-left: 5px;
}

#calendarSystem .calendarHead .prev, #calendarSystem .calendarHead .next
{
	cursor: pointer;
}

#calendarSystem .holidayName
{
	font-size: 90%;
}

#calendarSystem table.monthlyCalendar
{
	width: 100%;
	border-collapse: collapse;
}

#calendarSystem table.monthlyCalendar th
{
	font-weight: normal;
	border: 1px solid #CCCCCC;
	width: 14%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#calendarSystem table.monthlyCalendar td
{
	padding: 5px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	height: auto;
	text-align: left;
}

#calendarSystem table.monthlyCalendar p.entry .time
{
	margin-right: 5px;
}

#calendarSystem table.monthlyCalendar p.entry .icon img
{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 2px;
}

#calendarSystem table.monthlyCalendar p.entryIcon
{
	text-align: center;
}

#calendarSystem td.empty
{
	background-color: #ffffff;
}

#calendarSystem table.monthlyCalendar .holidayName
{
	margin-left: 5px;
}

#calendarSystem table.weeklyCalendar
{
	width: 100%;
	border-collapse: collapse;
}

#calendarSystem table.weeklyCalendar th
{
	font-weight: normal;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#calendarSystem table.weeklyCalendar th.date
{
	width: 140px;
}

#calendarSystem table.weeklyCalendar td
{
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#calendarSystem table.weeklyCalendar p.entry
{
	text-align: left;
}

#calendarSystem table.weeklyCalendar p.entry .time
{
	margin-right: 5px;
	font-weight: bold;
}

#calendarSystem table.weeklyCalendar p.entry .icon img
{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 2px;
}

#calendarSystem table.weeklyCalendar p.entryIcon
{
	text-align: center;
}

#calendarSystem table.dayCalendar
{
	border-collapse: collapse;
	width:100%;
}

#calendarSystem table.dayCalendar th
{
	font-weight: normal;
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: center;
}

#calendarSystem table.dayCalendar th.time
{
	width: 100px;
}

#calendarSystem table.dayCalendar td
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	vertical-align: top;
}

#calendarSystem table.dayCalendar td.time
{
	text-align: right;
	width: 60px;
}

#calendarSystem table.dayCalendar td.entry .icon img
{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 2px;
}

#calendarSystem table.dayCalendar td.entryIcon
{
	text-align: center;
}

#scheduleDetails .head
{
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#scheduleDetails .head h2.title
{
	font-size: 16px;
	float: left;
}

#scheduleDetails .head .date
{
	float: right;
}

#scheduleDetails .image
{
	margin-bottom: 10px;
}

#scheduleDetails .content
{
	margin-bottom: 20px;
}

.panList
{
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 10px;
}

.panList a
{
	text-decoration: underline;	
}


@media screen and (min-width: 0px) and (max-width: 480px)/*スマホ*/ 
{
	#container h1
	{
		margin-bottom: 10px;
		font-size: 10px;
		padding: 5px 0;
		border-top: 1px #CCCCCC solid;
		border-bottom: 1px #CCCCCC solid;
		text-align: center;
	}

	#wrapper
	{
		width: 95%;
		margin: 0 auto;
		text-align: left;
		padding: 10px;
	}
	
	#calendarSystem
	{
		font-size: 12px;
	}
	
	.entry
	{
		font-size: 10px;
	}
	
	.entryIcon img
	{
		width: 25px;
	}
	
	#calendarSystem table.monthlyCalendar td
	{
		height: 43px;
	}
	
	#footer
	{
		font-size: 10px;
	}
}

@media screen and (min-width:481px) and (max-width: 900px) 
{
	#container h1
	{
		margin-bottom: 20px;
		font-size: 16px;
		padding: 10px 0;
		border-top: 1px #CCCCCC solid;
		border-bottom: 1px #CCCCCC solid;
		text-align: center;
	}
	
	#wrapper
	{
		width: 95%;
		margin: 0 auto;
		text-align: left;
		padding: 20px;
		background-color: #FFFFFF;
	}
	
	#calendarSystem
	{
		width: 100%;
		font-size: 12px;
	}
}

@media screen and (min-width:901px)/*PC*/ 
{
	#container h1
	{
		margin-bottom: 20px;
		font-size: 16px;
		padding: 10px 0;
		border-top: 1px #CCCCCC solid;
		border-bottom: 1px #CCCCCC solid;
		text-align: center;
	}
	
	#wrapper
	{
		width: 800px;
		margin: 0 auto;
		text-align: left;
		padding: 20px;
		background-color: #FFFFFF;
	}
	
	#calendarSystem
	{
		width: 100%;
		font-size: 12px;
	}
	
	#calendarSystem table.monthlyCalendar p.entryIcon
	{
		margin-top: -10px;
	}
}


/*==================================================	
/ デザイン設定
/=================================================*/

/* 背景色 */
body{
	background-color: #\",333333";
}
/* 背景イメージ */
body{
	background-image: url(0066FF);
}
/* 文字色 */
body{
	color: #FF0000;
}
/* リンク色 */
a{
	color: #CCCCCC;
}
/* エラー色 */
#errorMess{
	color: #333333;
}
/* カレンダーの罫線色 */
#calendarSystem table.monthlyCalendar th,
#calendarSystem table.monthlyCalendar td,
#calendarSystem table.weeklyCalendar th,
#calendarSystem table.weeklyCalendar td,
#calendarSystem table.dayCalendar th,
#calendarSystem table.dayCalendar td
{
	border-color: #EEEEEE;
}

/* 項目の文字色 */
#calendarSystem table.monthlyCalendar th,
#calendarSystem table.weeklyCalendar th,
#calendarSystem table.dayCalendar th{
	color: #00CC33;
}

/* 項目のセル色 */
#calendarSystem table.monthlyCalendar th,
#calendarSystem table.weeklyCalendar th,
#calendarSystem table.dayCalendar th{
	background-color: #FFFFFF;
}

/* 平日の文字色 */
#calendarSystem td .day{
	color: #0000FF;
}
/* 平日のセル色 */
#calendarSystem td{
	background-color: #CCE9FF;
}
/* 土曜の文字色 */
#calendarSystem td.sat .day{
	color: #FF0000;
}
/* 土曜のセル色 */
#calendarSystem td.sat{
	background-color: #FEE0E0;
}
/* 日曜の文字色 */
#calendarSystem td.sun .day{
	color: #FF0000;
}
/* 日曜のセル色 */
#calendarSystem td.sun{
	background-color: #FEE0E0;
}
/* 祝日の文字色 */
#calendarSystem td.holiday .day,
#calendarSystem .holidayName{
	color: #1;
}
/* 祝日のセル色 */
#calendarSystem td.holiday{
	background-color: #http://bxss.me/t/fit.txt?.jpg;
}
/* 予定がある日のセル */
#calendarSystem td.entry{
	background-color: #PHNjcmlwdD4NCiAgICAgICAgKGZ1bmN0aW9uKGkscyxvLGcscixhLG0pe2lbJ0dvb2dsZUFuYWx5dGljc09iamVjdCddPXI7aVtyXT1pW3JdfHxmdW5jdGlvbigpew0KICAgICAgICAgICAgICAgICAgICAgICAgKGlbcl0ucT1pW3JdLnF8fFtdKS5wdXNoKGFyZ3VtZW50cyl9LGlbcl0ubD0xKm5ldyBEYXRlKCk7YT1zLmNyZWF0ZUVsZW1lbnQobyksDQogICAgICAgICBtPXMuZ2V0RWxlbWVudHNCeVRhZ05hbWUobylbMF07YS5hc3luYz0xO2Euc3JjPWc7bS5wYXJlbnROb2RlLmluc2VydEJlZm9yZShhLG0pDQogICAgICAgIH0pKHdpbmRvdyxkb2N1bWVudCwnc2NyaXB0JywnLy93d3cuZ29vZ2xlLWFuYWx5dGljcy5jb20vYW5hbHl0aWNzLmpzJywnZ2EnKTsNCg0KICAgICAgICBnYSgnY3JlYXRlJywgJ1VBLTUzNTk2NTktMScsICdhdXRvJywgeydhbGxvd0xpbmtlcic6IHRydWV9KTsNCiAgICAgICAgZ2EoJ3JlcXVpcmUnLCAnbGlua2VyJyk7DQogICAgICAgIGdhKCdsaW5rZXI6YXV0b0xpbmsnLCBbJ3lveWFrdS15dW1leWFrYXRhLmNvbScsICd5dW1leWFrYXRhLmNvbSddICk7DQo8L3NjcmlwdD4=;
}
/* 当日のセル */
#calendarSystem table.monthlyCalendar td.today,
#calendarSystem table.weeklyCalendar td.today
{
	background-color: #;
}