@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.5;
	letter-spacing:0.1em;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%; 
} 
body img{border:0;}

ul,ol{
	list-style:none;
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

/*リンク画像透明*/
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70 )";
	background:#FFF;
}
/*リンク画像透明*/

/*リンク下線無し*/
a{text-decoration:none;}
/*リンク下線無し*/

/*リンク色*/
a:link{color:#0000ff;/*デフォルト*/}
/*リンク色*/

/*リンクhover時下線*/
a:hover{text-decoration:underline !important;} 
/*リンクhover時下線*/


/* ---ClearFix--- */ 
.clearfix:after{
	content: ".";
	display: block;
	 height: 0px;
	 clear: both;
	 visibility: hidden; 
} 
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac \*/ 
* html .clearfix{
	height: 1px; 
} 
.clearfix{
    display: block;
} 
/* ---ClearFix--- */

/*float解除*/
.clear{clear:both;}   
/*float解除*/

.bold{font-weight:bold;}
.red{color:#F00;}
.blue{color:#00F;}
.green{color:#0C0;}


/* 全体センター寄せ */
#container{
	width:800px;
	text-align:left;
	margin:10px auto 50px auto;
	padding:0;
}
/* 全体センター寄せ */


h1{
	width:790px;
	height:25px;
	margin:0 0 0 10px;
	padding:0 0 0 0;
	font-size:12px;
	line-height:25px;
	letter-spacing:0.1em;
}

#toplogo{
	background-color:#000;
	width:800px;
	height:120px;
	margin:0 0 40px 0;
	padding:0;
	text-align:center;
}
h2{
	width:790px;
	height:80px;
	margin:-15px 0 0 10px;
	padding:0 0 0 0;
	font-size:20px;
	line-height:1.5em;
	letter-spacing:0.2em;
	text-align:center;
	color:#FFF;
}


/* 休暇のお知らせ */
#vacation{
	width:750px;
	margin:0 0 40px 0;
	padding:0 25px 0 25px;
	font-size:16px;
	line-height:1.5em;
}
p#notice{
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
	font-weight:bold;
	line-height:1.5em;
	color:#F00;
	text-align:center;
	letter-spacing:1px;
}
p.notice-text{
	margin:0;
	padding:0;
	line-height:1.5em;
	text-align:center;
}
p.period{
	margin:5px 0 5px 0;
	padding:0;
	font-size:22px;
	line-height:1.5em;
	font-weight:bold;
	color:#F00;
	text-align:center;
	letter-spacing:1px;
}

.takuhai-regarding{
	clear:both;
	margin:40px 0 10px 10px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	color:#F00;
}
.takuhai-text{
	margin:0 0 0 1em;
	padding:0;
	font-size:14px;
	line-height:2.0em;
}
/* 休暇のお知らせ */


#month-left{
	width:350px;
	margin:0 0 30px 25px;
	padding:0;
	float:left;
}
#month-right{
	width:350px;
	margin:0 25px 30px 0;
	padding:0;
	float:right;
}

p.month{
	display:block;
	width:350px;
	height:40px;
	margin:0;
	padding:0;
	font-size:20px;
	line-height:40px;
	letter-spacing:0.1em;
	font-weight:bold;
	text-align:center;
	float:left;
}

ul.calender{
	clear:both;
	width:350px;
	margin:0;
	padding:0;
	font-size:15px;
	color:#000;
}
ul.calender span.thin{color:#E3E0E0;}
ul.calender li.week{
	display:block;
	width:50px;
	height:49px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:50px;
	float:left;
	border-bottom:solid 1px #999;
}
ul.calender li.day{
	display:block;
	width:49px;
	height:49px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:50px;
	float:left;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
}
ul.calender li.holiday{
	display:block;
	background-color:#F00;
	width:49px;
	height:49px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:50px;
	float:left;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
}
ul.calender li.saturday{
	display:block;
	width:48px;
	height:49px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:50px;
	float:left;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}

p.holiday-mark{
	clear:both;
	display:block;
	height:40px;
	width:750px;
	margin:0;
	padding:0 0 0 50px;
	font-size:18px;
	line-height:40px;
	text-align:left;
	border-bottom:solid 2px #666;
}