@charset "utf-8";



.pcview-480{
	display:block;
}
.spview-480{
	display:none;
}
@media screen and (max-width:480px){
.pcview-480{
	display:none;
}
.spview-480{
	display:block;
}	
}

/*==================================================	
/ HTML
/=================================================*/

div,p{

}

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

/*==================================================	
/ レイアウト
/=================================================*/

#wrapper{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 20px;
	background-color: #FFFFFF;
}



/* ページタイトル */
#container h1{
	margin-bottom: 20px;
	font-size: 18px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*==================================================	
/ カレンダー
/=================================================*/

#calendarSystem {
	width:100%;
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	padding-top:20px;
}
#calendarSystem .calendarChange{
	text-align: right;
}
#calendarSystem .calendarHead {
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
}

#calendarSystem .calendarHead {
	font-size: 24px;
	font-family:"Meiryo","メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",  Osaka, sans-serif!important;
	margin-bottom: 10px;
	text-align: center;
}

#calendarSystem .calendarHead .title {
	margin-right: 5px;
	margin-left: 5px;
	font-size:24px;
font-weight:700;
	padding:0 10px;
}
#calendarSystem .calendarHead .prev, #calendarSystem .calendarHead .next {
	cursor: pointer;
}

#calendarSystem .calendarHead .prev, #calendarSystem .calendarHead .next {
	cursor: pointer;
border:solid 1px #ccc;
-webkit-box-shadow: 1px 1px 1px #ccc;   
-moz-box-shadow: 1px 1px 1px #ccc;
	border-radius:8px;
display:inline-block;
}
#calendarSystem .calendarHead .prev a, #calendarSystem .calendarHead .next a{
	text-decoration:none;
	font-size:22px;
		border-radius:8px;
	width:60px;
	display:inline-block;

}
#calendarSystem .calendarHead .prev a:hover, #calendarSystem .calendarHead .next a:hover{
	background-color:#eee;
}

@media screen and (max-width:640px){
#calendarSystem .calendarHead .title {
	margin-right: 5px;
	margin-left: 5px;
font-weight:700;
font-size:20px;
	padding:0 0px;
}
#calendarSystem .calendarHead{
	font-size:16px;
}
#calendarSystem .calendarHead .prev a, #calendarSystem .calendarHead .next a{
	text-decoration:none;
	font-size:20px;
	border-radius:8px;
	width:38px;
	height:24px;
	padding:5px 0 10px 0;
	display:inline-block;
}
#calendarSystem{
	padding-top:0px;
}
}

/* 祝日のフォントサイズ */
#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: 10px 5px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	height: 80px;
	text-align: left;
}
#calendarSystem table.monthlyCalendar td p.day{
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:0px;
}

#calendarSystem table.monthlyCalendar td.past{
	background:#eee;
}
#calendarSystem table.monthlyCalendar p.entry .time{
	margin-right: 5px;
	font-weight: bold;
}
#calendarSystem table.monthlyCalendar p.entry a{
	color:#333;
	word-break: break-all;
}
/* タイトルとアイコン */
#calendarSystem table.monthlyCalendar p.entry .icon img{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 2px;
	position:relative;
	top:-2px;
}
/* アイコンのみ */
#calendarSystem table.monthlyCalendar p.entryIcon{
	text-align: center;
}
/* 空セル色 */
#calendarSystem td.empty{
	background-color: #ffffff;
}
/* 祝日 */
#calendarSystem table.monthlyCalendar .holidayName{
	margin-left: 5px;
}

@media screen and (max-width:640px){
	#calendarSystem table.monthlyCalendar td p.day{
	font-size:14px;
	margin-bottom:5px;
	padding-bottom:0px;
}
#calendarSystem table.monthlyCalendar p.entry{
	font-size:12px;
}
}
@media screen and (max-width:480px){
#calendarSystem .calendarHead .title {
	margin-right: 5px;
	margin-left: 5px;
	font-size:18px;
font-weight:700;
	padding:0 10px;
}
}

/**
 * 週間カレンダー
 */
#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 td.entry{
	padding:10px 5px;
}
#calendarSystem table.weeklyCalendar p.entry{
	text-align: left;
	font-weight:normal;
	margin-bottom:10px;
	word-break: break-all;
}
#calendarSystem table.weeklyCalendar td p.entry:last-child{
	margin-bottom:0px;
}
#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 a:hover{
	text-decoration:none;
}

/**
 * 日別カレンダー
 */

#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{
}
/* タイトルとアイコン */
#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 .head2,
#scheduleList .head2{
	-webkit-border-radius: 8px;  
 	-moz-border-radius: 8px;
	border-radius:8px;
	background:#fff;
	padding:10px 10px 8px 10px;
	font-weight:700;
	border:solid 1px #ccc;
	-webkit-box-shadow: -1px -1px 5px #eee;   
	-moz-box-shadow: -1px -1px 5px #eee;
	margin-bottom:15px;
	background:#f9f9f9;
	height:auto!important;
}

#scheduleDetails .head2 .date,
#scheduleList .head2 .date{
	float:none;
	color:#ff3c00;
	font-weight:700;
	padding:0px;
}

#scheduleDetails .image{
	margin-bottom: 10px;
	float:right;
}
#scheduleDetails .image,
#scheduleList .image{
	float:right;
	margin:0px 0px 10px 0px;
}
#scheduleDetails .image img,
#scheduleList .image img{
	max-width:680px;
	height:auto;
	margin-left:20px;
}
#scheduleDetails .content,
#scheduleList .content{
	margin-bottom: 20px;
	margin-left:15px;
	word-break: break-all;
	line-height:1.6;
}
#scheduleList .content a:hover{
	color:#2673bb!important;
	text-decoration:none!important;
}
#scheduleDetails h2,
#scheduleList h2{
	height:auto;
	border:none;
	font-size:18px;
	padding:0 0 8px 0;
	margin:0px;
	max-height:auto;
}
#scheduleDetails h3,
#scheduleList h3{
	border-bottom:dotted 1px #999;
	padding:0 0 5px 0;
	margin-bottom:10px;
}
#scheduleDetails h4,
#scheduleList h4{
	background:#eee;
	padding:10px;
	margin-bottom:10px;
}
#scheduleDetails .head2 h1,
#scheduleList .head2 p.title{
	font-size: 18px;
	float:none;
	background:none!important;
	border:none!important;
	padding:0px 0 0 0!important;
	height:auto!important;
	margin:0px!important;
	min-height:auto!important;
}

#scheduleDetails　.content p,
#scheduleList .content p{
margin-bottom:24px;
}
.panList{
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 10px;
}
.panList a{
	text-decoration: underline;	
}

#scheduleList li{
	margin-bottom:36px;
	overflow:hidden;
}
@media screen and (max-width:980px){
#scheduleDetails .image img,
#scheduleList .image img{
	max-width:380px;
	height:auto;
}
}

@media screen and (max-width:680px){
#scheduleDetails{
	margin-left:10px;
	margin-right:10px;
}
#scheduleDetails .image{
	float:none;
margin:0px auto;
}
#scheduleDetails .image img{
	max-width:400px;
	height:auto;
}
#scheduleList{
	margin-left:10px;
	margin-right:10px;
}
#scheduleDetails .image,
#scheduleList .image{
	float:none;
	text-align:center;
	margin:0px auto 10px auto;
}
#scheduleList li{
	margin-bottom:20px;
}
#scheduleDetails .image img,
#scheduleList .image img{
	max-width:100%;
	height:auto;
	margin:0px;
}
#scheduleDetails .content,
#scheduleList .content{
	margin-bottom: 20px;
	margin-left:0px;
}
#scheduleList .content a{
	text-decoration:underline;
	color:#2673bb!important;
}
#errorMess{
padding:0 10px;
}
}
@media screen and (max-width:480px){
#scheduleList .head2 p.title{
	font-size: 16px;
}
#scheduleList .head2 .date{
	font-size:12px;
}

}

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

/* 背景色 */
/*body{
	background-color: #FFFFFF;
}*/
/* 背景イメージ */
/* 文字色 */
body{
	color: #333333;
}
/* リンク色 */
a{
	color: #0066CC;
}
/* エラー色 */
#errorMess{
	color: #FF0000;
}
/* カレンダーの罫線色 */
#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: #CCCCCC;
}

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

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

/* 平日の文字色 */
#calendarSystem td .day{
	color: #333333;
}
/* 平日のセル色 */
#calendarSystem td{
	background-color: #FFFFFF;
}
/* 土曜の文字色 */
#calendarSystem td.sat .day{
	color: #0000FF;
}
/* 土曜のセル色 */
#calendarSystem td.sat{
	background-color: #CCE9FF;
}
/* 日曜の文字色 */
#calendarSystem td.sun .day{
	color: #FF0000;
}
/* 日曜のセル色 */
#calendarSystem td.sun{
	background-color: #FEE0E0;
}
/* 祝日の文字色 */
#calendarSystem td.holiday .day,
#calendarSystem .holidayName{
	color: #FF0000;
}
/* 祝日のセル色 */
#calendarSystem td.holiday{
	background-color: #FEE0E0;
}
/* 予定がある日のセル */
#calendarSystem table.dayCalendar td.entry
{
	background-color: #FFFFCC;
}
/* 当日のセル */
#calendarSystem table.monthlyCalendar td.today,
#calendarSystem table.weeklyCalendar td.today
{
	background-color: #ffff99;
}

/*==================================================	
/ ミニカレンダー
/=================================================*/

/* 月間カレンダーのCSS指定を解除
--------------------------------------------------*/
#calendarSystem{
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"ＭＳ Ｐゴシック", Helvetica, sans-serif,"Georgia","Times New Roman";

}
#miniCalendar{
	width:100%;
}
#miniCalendar,#miniCalendar #calendarSystem{
	width:100%;
	max-width:100%;
}

#miniCalendar .calendarHead .title{
	font-size:16px;
}

#miniCalendar #calendarSystem table{
	height: 160px;
	background:#FFFCDA;
}
#miniCalendar #calendarSystem table.monthlyCalendar td{
	height: auto;
}
/* アイコン */
#miniCalendar #calendarSystem table.monthlyCalendar p.entryIcon img{
	width: auto;
	height: auto;
	vertical-align: middle;
	position:relative;
	top:-2px;
}
#miniCalendar #calendarSystem{
	width:100%;
	margin:0px 0 0 0px;
	padding:0px;
	font-size:12px;
}
#miniCalendar #calendarSystem .calendarHead{
	width:100%;
	margin:0px;
	padding:5px 0 3px 0;
	font-weight:bold;
	font-size:12px;
}
#miniCalendar #calendarSystem table.monthlyCalendar{
	width:100%;
	margin:0px;
	padding:0px;
}
#miniCalendar #calendarSystem table.monthlyCalendar td,#miniCalendar #calendarSystem table.monthlyCalendar th{
	padding:3px;
}
#miniCalendar #calendarSystem table.monthlyCalendar th{
	height:13px;
font-size:11px;
}
#miniCalendar #calendarSystem table.monthlyCalendar td{
	height:26px;
	box-sizing:border-box;
}
#miniCalendar #calendarSystem table.monthlyCalendar td p.day{
	font-size:10px;
margin:0px;
padding:0px;
float:left;
}
#miniCalendar #calendarSystem table.monthlyCalendar td p.entryIcon{
margin:0px 5px 0 0;
padding:0px;
float:right;
display:inline;
}
.monthlyCalendar td.past{
	margin:0px;
	padding:3px 5px;
	line-height:1;
	background:#eee;
}

@media screen and (max-width:480px){
	/* アイコン */
#miniCalendar #calendarSystem table.monthlyCalendar td p.entryIcon{
	margin:8px 1px 0px 1px;
}
#miniCalendar #calendarSystem table.monthlyCalendar p.entryIcon img{
	width: 13px;
	height: auto;
}
#miniCalendar .calendarHead .title{
	font-size:14px;
	font-weight:700!important;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
}
@media screen and (max-width:360px){

#miniCalendar #calendarSystem table.monthlyCalendar p.entryIcon img{
	width: 12px;
	height: auto;
	margin-right:0px;
	top:0px;
}
}
@media screen and (max-width:320px){

#miniCalendar #calendarSystem table.monthlyCalendar p.entryIcon img{
	width: 8px;
	height: auto;
	margin-right:0px;
	top:0px;
}
}

/* ページナビゲーション
--------------------------------------------------*/

/* ページ情報 */
.pageInfo{
	overflow: hidden;
	margin-bottom: 10px;
font-family:"Meiryo","メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",  Osaka, sans-serif!important;
	padding:14px 10px;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

/* ページ件数*/
.pageSize{
	float: left;
	font-size:14px;
	padding-top:3px;
}

/* ページ番号*/
.pageNumber{
	float: right;
}

.pageNumber a{
	margin-left: 3px;
	font-size:14px;
	display:inline-table;
	border:solid 1px #ccc;
	padding:5px 7px 5px 7px;
	text-decoration:none;
	line-height:1.1;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.pageNumber a:hover{
	background:#eee;
}

.pageNumber span.current{
	font-weight:normal;
	margin-left: 3px;
	border:solid 1px #000;
	background:#000;
	display:inline-table;
	padding:5px 7px 5px 7px;
	color:#fff;
	font-size:14px;
	line-height:1.2;
}

@media screen and (max-width:680px){
.pageInfo{
	overflow: hidden;
	margin:0 10px 10px 10px;
	padding:10px 5px;
}

.pageSize{
	float:none;
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
	padding:0px;
}
}