@charset "euc-jp";

/*------------------------------------*\

	$0.リセット

\*------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #ddd;margin:.5em 0;padding:0;}
input, select {vertical-align:middle;}

/*------------------------------------*\

	$1.基本スタイル

\*------------------------------------*/
html {background-color:#fff;}
body {-webkit-text-size-adjust:100%;color: #444;font-size: 14px;line-height: 1.5;font-family: 'Lucida Grande','メイリオ',Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif !important;z-index:1;}
/* for IE6 */
* html body {font-size: 75%;}
/* for IE7 */
*:first-child+html body {font-size: 75%;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
.sponly {display: none;}
/* ――――――――――――――――――――――
　　font
―――――――――――――――――――――― */
.bold {font-weight: bold !important;}.fs10 {font-size: 71.4%!important;}.fs11 {font-size: 78.6%!important;}.fs12 {font-size: 85.7%!important;}.fs13 {font-size: 93%!important;}.fs14 {font-size: 100%!important;}.fs15 {font-size: 107%!important;}.fs16 {font-size: 114.3%!important;}.fs18 {font-size: 128.6%!important;}.fs20 {font-size: 143%!important;}.fs21 {font-size: 150%!important;}.fs24 {font-size: 172%!important;}.fs26 {font-size: 185.7%!important;}
.txtl {text-align: left !important;}.txtc {text-align: center !important;}.txtr {text-align: right !important;}
.fc1 {color: #111;}.fc2 {color: #222}.fc3 {color: #333;}.fc5 {color: #555;}.fc6 {color: #666;}.fc7 {color: #777;}.fc8 {color: #888;}.fc9 {color: #999;}.fca {color: #aaa;}.fcb {color: #bbb;}.fcc {color: #ccc;}.fcd {color: #ddd;}.fce {color: #eee;}
.white {color: #fff;}.black {color: #000000;}.red {color: #ff0000;}.orange {color: #ffa500;}.yellow{color: #ffff00;}.yellowgreen {color: #9acd32;}.green {color: #008000;}.blue {color: #0000ff;}.water {color: #00A9F8;}.navy {color: #000080;}.purple {color: #800080;}.pink {color: #ff1493;}.tan {color: #d2b48c;}.khaki {color: #f0e68c;}.gray {color: #808080;}.caution {color: #FF0000;}

/* ――――――――――――――――――――――
　　list
―――――――――――――――――――――― */
.list-circle {list-style-type: circle;list-style-position: outside;margin-left: 24px;}
.list-square {list-style-type: square;list-style-position: outside;margin-left: 24px;}
.list-disc {list-style-type: disc;list-style-position: outside;margin-left: 20px;}
.list-decimal {list-style-type: decimal;list-style-position: outside;margin-left: 30px;}

/* ――――――――――――――――――――――
　　clearfix
―――――――――――――――――――――― */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}* html
.clearfix {height: 1%;}
.clearfix {display: block;zoom:1;}

/*------------------------------------*\

	$2.テキスト

\*------------------------------------*/
a:link    {color: #07F;text-decoration:none;}
a:visited {color: #07F;text-decoration:none;}
a:hover   {color: #07F;text-decoration:none;}
a:active  {color: #07F;text-decoration:none;}
a:hover img {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: .7;
	-webkit-transition: opacity .2s ease-in-out;
	   -moz-transition: opacity .2s ease-in-out;
	    -ms-transition: opacity .2s ease-in-out;
	     -o-transition: opacity .2s ease-in-out;
	        transition: opacity .2s ease-in-out;
}
/* aタグ不使用のリンク */
.link_txt {color: #07F;text-decoration: none;cursor: pointer;}
.link_txt:hover {color: #07F;text-decoration: underline;}
/* テキストがwidth指定のある親枠をはみ出した場合に自動的に「…」に置換する */
.truncate {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;word-wrap:normal;/* IE8 */}
/* デコレーションしないリンク */
.no-deco {color: #444!important;}
/* データ、情報がない時の色 */
.no-data {color: #888;}
/* 時間の重要度が低い時の時間 */
.time {
	color: #888;
	font-size: 78.6%;
	display: inherit;
}
/* キーカラー */
.kc {color: #f5354a;}
/* 件数表示、日付等 */
.number {
	font-size: 100%;
	margin-bottom: 10px;
}
.schedule-day {
	font-size: 100%;
	margin-bottom: 7px;
}

/*------------------------------------*\

	$3.コンテンツ

\*------------------------------------*/
.wrap-contents {
	width: 100%;
}
/* ――――――――――――――――――――――
　　出勤表
―――――――――――――――――――――― */
#wrap-schedule {
	margin: 0 auto 10px;
	text-align: center;
	width: 100%;
}
#wrap-schedule a {
	display: block;
	color: #fff;
	padding: 9px 0 7px;
	border-bottom: 4px solid #666;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#wrap-schedule ul li {
	background-color: #888;
	color: #fff;
	float: left;
	width: 14.285%;
	border-right: 1px solid #fff;
	height: 41px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#wrap-schedule ul li:last-child {
	border-right: none;
}
#wrap-schedule ul li#schedule-select {
	background-color: #444;
}
#wrap-schedule ul li .schedule-num {
	font-weight: bold;
	font-size: 114.3%;
	vertical-align: middle;
}
#wrap-schedule ul li:hover {
	opacity: .7;
	-webkit-transition: opacity .2s ease-in-out;
	   -moz-transition: opacity .2s ease-in-out;
	    -ms-transition: opacity .2s ease-in-out;
	     -o-transition: opacity .2s ease-in-out;
	        transition: opacity .2s ease-in-out;
}
#wrap-schedule ul li a.sun {
	border-bottom: 4px solid #ff675b;
}
#wrap-schedule ul li a.sat {
	border-bottom: 4px solid #5fb6ff;
}
#wrap-schedule ul li span.sun {
	color: #ffb3ad;
}
#wrap-schedule ul li span.sat {
	color: #acd9ff;
}
/* ――――――――――――――――――――――
　　ページャー
―――――――――――――――――――――― */
.article-paging {
	margin: 10px auto;
	text-align: center;
}



/*//////////////////////////////////////

	スマートフォン用

//////////////////////////////////////*/
@media screen and (max-width:768px) {
.sponly {display: inline;}
.pconly {display: none;}
/*------------------------------------*\

	$3.コンテンツ

\*------------------------------------*/
.wrap-contents {
	margin: 5px auto 10px;
	width: 96%;
}
/* ――――――――――――――――――――――
　　出勤表
―――――――――――――――――――――― */
#wrap-schedule {
	margin: 5px auto 10px;
	font-size: 93%;
	line-height: 1.2;
}
#wrap-schedule a {
	padding: 5px 0;
}
#wrap-schedule ul li {
	height: 44px;
}
#wrap-schedule ul li .schedule-num {
	display: inline-block;
	margin-bottom: 4px;
}
#wrap-schedule ul li:hover {
	opacity: 1;
	-webkit-transition: opacity 0s ease-in-out;
	   -moz-transition: opacity 0s ease-in-out;
	    -ms-transition: opacity 0s ease-in-out;
	     -o-transition: opacity 0s ease-in-out;
	        transition: opacity 0s ease-in-out;
}

}