@charset "Shift_JIS";

/*********** カレンダー外枠の設定　*****************/
.cal {
	/*Firefox*/
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(238,238,238,0.8));
	/*Safari*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.7)), to(rgba(238,238,238,0.8)));
	/*ie7〜9*/
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aaffffff, endcolorstr=#cceeeeee, gradienttype=0);
	/* IE10〜*/
	background:linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(238,238,238,0.8));
 border: 1px solid #E63C8C;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
}


/*div.cal_wrapper {display:block;*/  
/*html 上記divで指定*/
/*}*/


/*********** カレンダーフッタ休日説明の設定　******************/

.calfoot {

/* width: 280px;*/
/* height: 30px;*/
line-height: 25px;
/* background-color: #BCB288;*/
	/*Firefox*/
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(238,238,238,0.8));
	/*Safari*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.7)), to(rgba(238,238,238,0.8)));
	/*ie7〜9*/
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aaffffff, endcolorstr=#cceeeeee, gradienttype=0);
	/* IE10〜*/
	background:linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(238,238,238,0.8));
 border: 1px solid #E63C8C;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*休日説明アイコン*/
.calfootsub {
width: 15px;
height: 15px;
background-color: #ff69b4;
 border: 1px solid #440A0A;
 -webkit-border-radius: 4px;
 border-radius: 4px;
margin: 0px 8px 0px 0px;
}

/*********** カレンダー全体の設定　******************/
div.cal_base {
/*width: 178px;*/
/*height: 200px;*/
}
/*********** 曜日から日付までの全体の設定　******************/
ul.cal_main {
clear: both;
width: 168px;
/*height: 150px;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/*----- 日にちのスタイル -----*/
ul.cal_main li {
width: 20px;
height: 18px;
line-height: 18px;
text-align: center;
list-style: none;
float: left;
overflow: hidden;
font-size: 12px;
 border: 1px solid #440A0A;
 -webkit-border-radius: 4px;
 border-radius: 4px;
margin: 1px 1px 1px 1px;
padding: 2px 0px 0px 0px;
}

/*----- カレンダー文字間 -----*/
ul.cal_main li span {
padding: 0px;
display: block;
}

  /*----- 「年月」の部分のスタイル -----*/
div.cal_base p {
font-size: 16px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 8px;
 color: #E63C8C;
text-align: left;
 text-shadow: 0 1px #ffffff;
 /*--border-bottom: solid 0px #dfbf7f;*/
}

/*コマンドボタン　当月*/
li.cal_to {
background-image: url(../colimg/cal_02.gif);
}

/*コマンドボタン　翌月*/
li.cal_next {
background-image: url(../colimg/cal_03.gif);
}

/*コマンドボタン　配置*/
ul.cal_ui {
padding:  2px 0px 0px 0px;
margin:  0px 0px 0px 0px;
width: 46px;
height: 15px;
float: right;
}
/*コマンドボタン当月・翌月　配置*/
ul.cal_ui li {
float: left;
width: 20px;
height: 14px;
font-size: 0px;
list-style: none;
background-repeat: no-repeat;
cursor: pointer;
}
 /*----- 上部 曜日の設定 -----*/
li.cal_headline {
color: #000000;
/*background-color: #000000;*/
	/*Firefox*/
	background: -moz-linear-gradient(top, rgba(245,245,245,0.7), rgba(215,215,215,0.6));
	/*Safari*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,0.7)), to(rgba(215,215,215,0.6)));
	/*ie7〜9*/
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aaeeeeee, endcolorstr=#88cccccc, gradienttype=0);
	/* IE10〜*/
	background:linear-gradient(to bottom, rgba(245,245,245,0.7), rgba(215,215,215,0.6));
 text-shadow: 0 1px #ffffff;
}
/*-----上部  土曜日の色 -----*/

.sata {
color: #0000FF
}

/*-----上部  日曜日の色 -----*/
.sun {
color: #c00000;
}

/*----- 日曜日の色 -----*/

li.Sun {
color: #FF0000;
background-color: #FBCDCD;
}

/*----- 土曜日の色 -----*/

li.Sat {
color: #0000FF;
background-color: #D1F7F7;
}

/*----- 通常日の色 -----*/
li.undefined {
color: #000000;
background-color: #ffffff;
}

/*----- 休業日のスタイル -----*/
li.openingsale {
color: #000000;
background-color: #ff69b4;
}

/*----- 今日のスタイル -----*/
span.Today {display:block;
/*cursor: pointer;*/
color: #1CB21C;
}


li.holyday {
}


