@charset "utf-8";

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

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

body{


}

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;
}

a:visited,a:link{
	color:#333;
	text-decoration:none;
}
a:focus { 
	text-decoration: underline; 
	color: #333;
}

#main a:visited,#main a:link{
	text-decoration: none; 
	color:#008BCA;
}
a:hover,#main a:hover   { 
	text-decoration: underline;
	color: #333;
}
/*==================================================	
/ レイアウト
/=================================================*/

#wrapper{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	background-color: #FFFFFF;
}


#container .opmenu{
	width:960px;
	overflow:hidden;
	margin:0 0 15px 0;
}
#container .opmenu li{
	float:left;
}

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

#calendarSystem {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	margin:0px auto 25px auto;
}
#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;
	min-height:222px;
}
#calendarSystem table.monthlyCalendar th{
	font-weight: normal;
	border: 1px solid #CCCCCC;
	width: 14%;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
#calendarSystem table.monthlyCalendar td{
	padding: 3px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	/*height: 50px;*/
	text-align: left;
}

#calendarSystem table.monthlyCalendar p.entry .time{
	margin-right: 5px;
	font-weight: bold;
}
/* タイトルとアイコン */
#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 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{
}
/* タイトルとアイコン */
#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: 10px;
}
#scheduleDetails .content li{
	border:none;
	padding:0 0 0 10px;
	background:url(/images/i_listli.png) left 3px no-repeat;
}

.panList{
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 10px;
}
.panList a{
	text-decoration: underline;	
}

/*==================================================	
/ カレンダーリスト
/=================================================*/

/** html ul li{display:inline; width:468px; zoom:1;}
*:first-child+html ul li{display:inline; zoom:1;}
*/
/*.schedulemenu{
	position:relative;
	height:51px;
	width:960px;
	background:#fff;
	overflow:hidden;
}
.schedulemenu ul.mainmenu{
	position:absolute;
	left:604px;
	top:0px;
	margin:0px;
	width:356px;
}
.schedulemenu ul.mainmenu a:hover img,.schedulemenu ul.nittei a:hover img{
	opacity:0.8;  
	filter: alpha(opacity=80);  
	-ms-filter: "alpha( opacity=80 )";  
	background: #fff; 
}
.schedulemenu ul.nittei{
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
}
.schedulemenu ul.nittei li,.schedulemenu ul.mainmenu li{
	float:left;
}
.schedulemenu ul li img{
	vertical-align:bottom;
}
.schedulemenu ul li:hover,.schedulemenu ul li.now,.schedulemenu ul.mainmenu li:hover{
}
#scheduleList{
	width:960px;
	margin:0 0 0px 0;
	list-style:none;
}
#scheduleList2{
	width:960px;
	margin:0 0 0px 0;
	list-style:none;
}
#scheduleList li{

  letter-spacing:normal;
  width:468px;
  vertical-align:top;
border:solid 1px #ccc;
  display:inline-block;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
  /display:inline;
  /zoom: 1;
	margin:5px 8px 10px 0px;

}
#scheduleList2 li{
	list-style-type: none;
	width: 960px;
	margin:0px;
	overflow: hidden;
	height:auto;
	background:#fff;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding:0 0 0 0px;
}
.first-child{
	border-bottom:solid 1px #ccc;
	height:1px;
	width:957px;
}
#scheduleList .content{
	margin:0 15px;
	padding:0px 0 0px 0;
}
#scheduleList .content ul li,#scheduleList2 .content ul li{
	border:none;
	clear:left;
	line-height:1.4;
	padding:1px 0 3px 12px;
	background:url(../images/i_maru.png) left 3px no-repeat;
}
#scheduleList .content ol,#scheduleList2 .content ol{
	list-style:decimal;
}
#scheduleList .content{
	margin:0 15px;
	padding:0px 0 0px 0;
}
#scheduleList .content ul li,#scheduleList2 .content ul li{
	border:none;
	line-height:1.4;
	padding:1px 0 3px 12px;
	background:url(../images/i_maru.png) left 3px no-repeat;
}
#scheduleList .content ol,#scheduleList2 .content ol{
	list-style:decimal;
	margin:0px 0 0 30px;
	padding:0px 0 0 30px;;
}
#scheduleList .content ol li,#scheduleList2 .content ol li{
	background:none;
	border:none;
	list-style:decimal;
	padding:0px 0 0 30px;
	margin:0px 0 0 35px;
}
.font18,#main .font18{
	font-size:18px;
}
.font16,#main .font16{
	font-size:16px;
}
.font14,#main .font14{
	font-size:14px;
}
.font12,#main .font12{
	font-size:12px;
}
.font10,#main .font10{
	font-size:10px;
	font-family:Arial,Osaka,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","ＭＳ ゴシック","Georgia","Times New Roman", Helvetica, sans-serif;
	font-weight:normal;
}
.color-blue{
	color:#0A9ACB;
}
.color-red{
	color:red;
}
.color-orange{
	color:#ff6600;
}
.color-c1{
	color:#e95298;
}
.color-c2{
	color:#27b28a;
}
.color-c3{
	color:#3f84c6;
}
.color-c4{
	color:#ee781f;
}
.color-c5{
	color:#eb6166;
}
.content h5.c1,.content h5.c01{
	background:url(../images/bg_c1.gif) center repeat-x;
	color:#fff;
	border:solid 1px #e95298;	
}
.content h5.c2,.content h5.c02{
	background:url(../images/bg_c2.gif) center repeat-x;
	color:#fff;
	border:solid 1px #27b28a;	
}
.content h5.c3,.content h5.c03{
	background:url(../images/bg_c3.gif) center repeat-x;
	color:#fff;
	border:solid 1px #3f84c6;	
}
.content h5.c4,.content h5.c04{
	background:url(../images/bg_c4.gif) center repeat-x;
	color:#fff;
	border:solid 1px #E57623;	
}
.content h5.c5,.content h5.c05{
	background:url(../images/bg_c5.gif) center repeat-x;
	color:#fff;
	border:solid 1px #ED4F55;	
}
.content .kakoi{
	margin:7px 0;
	border:solid 1px #ccc;
}
.content .kakoi p.msg{
	padding:5px 10px;
	margin:0px;
}
.content .kugiri10{
	height:10px;
}
.content .kugiri15{
	height:15px;
}
.content .kugiri{
	height:30px;
}
*/


/*#scheduleList .content table.taikenmenu{
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
	width:440px;
	border-collapse:collapse;
	margin-bottom:10px;
}
#scheduleList2 .content table.taikenmenu{
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
	width:440px;
	border-collapse:collapse;
}
#scheduleList .content table.taikenmenu th,
#scheduleList2 .content table.taikenmenu th{
	width:98px;
}
#scheduleList .content table.taikenmenu th,
#scheduleList .content table.taikenmenu td,
#scheduleList2 .content table.taikenmenu th,
#scheduleList2 .content table.taikenmenu td{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:5px;
}
#scheduleList .content table.taikenmenu th.gakka1,
#scheduleList .content table.taikenmenu td.gakka1 strong,
#scheduleList2 .content table.taikenmenu th.gakka1,
#scheduleList2 .content table.taikenmenu td.gakka1 strong{
	color:#FE2D8E;
}
#scheduleList .content table.taikenmenu th.gakka1,
#scheduleList2 .content table.taikenmenu th.gakka1{
	background:#FFD4E8;
}
#scheduleList .content table.taikenmenu th.gakka2,
#scheduleList .content table.taikenmenu td.gakka2 strong,
#scheduleList2 .content table.taikenmenu th.gakka2,
#scheduleList2 .content table.taikenmenu td.gakka2 strong{
	color:#00976B;
}
#scheduleList .content table.taikenmenu th.gakka2,
#scheduleList2 .content table.taikenmenu th.gakka2{
	background:#C3FDED;
}
#scheduleList .content table.taikenmenu th.gakka3,
#scheduleList .content table.taikenmenu td.gakka3 strong,
#scheduleList2 .content table.taikenmenu th.gakka3,
#scheduleList2 .content table.taikenmenu td.gakka3 strong{
	color:#1E6BB4
}
#scheduleList .content table.taikenmenu th.gakka3,
#scheduleList2 .content table.taikenmenu th.gakka3{
	background:#CBE4FB;
}
#scheduleList .content table.taikenmenu th.gakka4,
#scheduleList .content table.taikenmenu td.gakka4 strong,
#scheduleList2 .content table.taikenmenu th.gakka4,
#scheduleList2 .content table.taikenmenu td.gakka4 strong{
	color:#ED6500
}
#scheduleList .content table.taikenmenu th.gakka4,
#scheduleList2 .content table.taikenmenu th.gakka4{
	background:#FFEFD0;
}
#scheduleList .content table.taikenmenu th.gakka5,
#scheduleList .content table.taikenmenu td.gakka5 strong,
#scheduleList2 .content table.taikenmenu th.gakka5,
#scheduleList2 .content table.taikenmenu td.gakka5 strong{
	color:#F94249
}
#scheduleList .content table.taikenmenu th.gakka5,
#scheduleList2 .content table.taikenmenu th.gakka5{
	background:#FFC4C6;
}

#scheduleList .head{
	overflow: hidden;
	width: 440px;
	margin:0 15px 10px 15px;
	padding-top: 15px;
}
#scheduleList2 .head{
	float:left;
	width:300px;
	padding:10px 0 10px 10px;
	min-height:40px;
	margin-right:20px;
}
#scheduleList .head .title{
	font-size: 14px;
	float: right;
	font-weight: normal;
	width:440px;
	font-weight:bold;
	padding:5px 0;
}
#scheduleList2 .head .title{
	display:none;
}
.colorop{
	color:#000;
}
.colorgakka{
	color:#F93382;
}
#scheduleList .head .date{
	float: left;
	font-size:16px;
	font-weight:bold;
	color:#059CDF;
	width:440px;
	border-bottom:solid 2px #00A1E8;
	padding-bottom: 7px;
}
#scheduleList2 .head .date{
	font-size:16px;
	font-weight:bold;
	color:#059CDF;
}
p.msg{
	padding:10px 0 10px 5px;
}
p.msgline{
	padding:10px 0 10px 5px;
	border-bottom:solid 1px #ccc;
}

#scheduleList .image{
	float:left;
}
#scheduleList .image img{
	width:440px;
	margin:10px 0 10px 0px;
}
#scheduleList2 .image{
	float:left;
}
#scheduleList2 .image img{
	width:300px;
	margin:10px 20px 10px 0px;
}
#scheduleList .content{
	margin-bottom: 10px;
}
#scheduleList2 .content{
	padding:10px 0px 10px 0px;
	min-height:40px;
	background:#fff;
	overflow:hidden;
	width:440px;
	float:left;
}
#scheduleList .calenderbutton{
	text-align:center;
	margin:0px 0 10px 0;
}
#scheduleList2 .calenderbutton{
	float:right;
	width:160px;
	margin:10px 10px 0 0;
}

h5.blue,h5.pink,h5.green,h5.orange{
	color:#fff;
	padding:8px 10px 8px 10px;
	margin:0px 0 0px 0;
	font-size:14px;
	line-height:1.3;
	font-weight:bold;
	font-family:"メイリオ","Meiryo UI",Arial,Osaka,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"ＭＳ Ｐゴシック","Meiryo UI","Georgia","Times New Roman", Helvetica, sans-serif;

}





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

/* ページ情報 */
.pageInfo{
	overflow: hidden;
	margin-bottom: 10px;
	margin-top:10px;
}
/* ページ件数*/
.pageSize{
	float: right;
}

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

.pageNumber a{
	margin-left: 5px;
}

.pageNumber span.current{
	font-weight: bold;
	margin-left: 5px;
}

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

/* 月間カレンダーのCSS指定を解除
--------------------------------------------------*/
#calendarSystem{
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"ＭＳ Ｐゴシック", Helvetica, sans-serif,"Georgia","Times New Roman";
}
#miniCalendar #calendarSystem table{
	height: 186px;
	background:#FEFDA9;
}
#miniCalendar #calendarSystem table.monthlyCalendar td{
	height: auto;
}
/* アイコン */
#miniCalendar #calendarSystem table.monthlyCalendar p.entryIcon img{
	width:auto;
	height:auto;
}
#miniCalendar #calendarSystem{
	width:263px;
	margin:0px 0 0 0px;
	padding:0px;
	font-size:12px;
}
#miniCalendar #calendarSystem .calendarHead{
	width:263px;
	margin:0px;
	padding:5px 0 3px 0;
	font-weight:bold;
	font-size:12px;
}
#miniCalendar #calendarSystem table.monthlyCalendar{
	width:263px;
	margin:0px;
	padding:0px;
}
#miniCalendar #calendarSystem table.monthlyCalendar td,#miniCalendar #calendarSystem table.monthlyCalendar th{
	padding:3px;
}
#miniCalendar #calendarSystem table.monthlyCalendar th{
	height:10px;
font-size:11px;
}
#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;
padding:0px;
width:14px;
height:14px;
float:right;
}
.monthlyCalendar td.past{
	margin:0px;
	padding:2px 3px!important;
}


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

/* 背景色 */
body{
	background-color: #;
}
/* 背景イメージ */
/* 文字色 */
body{
	color: #333333;
}
/* リンク色 */
a{
	color: #0066CC;
}
/* エラー色 */
#errorMess{
	padding:10px 0 0 10px;
	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: #FCED6C;
}

/* 平日の文字色 */
#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: #ffcc00;
}
#calenderSystem table td. today p.day{
color:#fff;
}
/* 過去の日付のセル色 */
#calendarSystem table.monthlyCalendar td.past
{
	background-color: #ffffff;
}
/* 空セル色 */
#calendarSystem td.empty{
	background-color: #ffffff;
}