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

/**
 * --------------------------------------------------------------------------------
 * Table of Contents:
 *
 * 1.0 - Basic Structure
 * 2.0 - Header Settings
 *   2.1 - Site Logo
 *   2.2 - Header Navigation
 *   2.3 - Header Menu (Smart Phone Only)
 * 3.0 - Content Settings
 * 4.0 - Footer Settings
 *   4.1 - Footer Page Top
 *   4.2 - Footer Links
 *   4.3 - Footer Navigation
 *   4.4 - Footer Credit
 * 5.0 - Other Settings
 * --------------------------------------------------------------------------------
 */ 





/**
 * --------------------------------------------------------------------------------
 * 1.0 Basic Structure
 * --------------------------------------------------------------------------------
 */

/* -- Layout -- */
/*
html,
body { height: 100%; }
*/

body {
    width: 100%;
    min-width: 1000px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 16px;
}

html,
body { font-size: 13px;
	height: 100%;
}
    

/* -- Links -- */    
a {
    text-decoration: none;
    color: #f7921e;
    }
a:hover { text-decoration: underline; }

a[target="_blank"] {
	background: url(../images/icon_blank.png) no-repeat scroll right center / 14px auto;
	padding-right: 18px;
}

.wrapper {
	width: 995px;
	margin: auto;
	/*border: #BC8204 solid 1px;*/
}   

/* table */
table tr {
	border-top: #cccccc solid 1px;
	border-left: #cccccc solid 1px;
}
table td {
	padding: 5px;
	border-bottom: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
}
/* form */
input,select {
	padding: 3px;
	border-radius: 3px;
	border: #808080 solid 1px;
}
.form_submit{
	width: 100%;
	text-align: center;
}
/*
input[type="submit"] {
	background: #dddddd;
	padding: 20px;
	width: 280px;
}
*/
#menu_sp a,
#header_nav_sp ul {
	display: none;
}

/**
 * --------------------------------------------------------------------------------
 * 2.0 Header Settings
 * --------------------------------------------------------------------------------
 */  
#header {
	background: #ffffff;
	width: 100%;
	height: 128px;
}
#header_site_logo a {
	background: url(../images/logo_neostall_pc.png) no-repeat;
	background-size: 400px 55px;
	width: 400px;
	height: 55px;
	text-indent: -9999px;
	display: block;
	position: relative;
	top: 20px;
}
#header_nav_pc {
	position: relative;
	width: 575px;
	top: -25px;
	left: 418px;
	height: 37px;
	display: table;
	margin-top: 4px;
}
#header_nav_pc li {
	width: 115px;
	height: 30px;
	display: table-cell;
	list-style: none;
	text-align: center;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
}
#header_nav_pc li a {
	width: 115px;
	height: 19px;
	display: block;
	padding-top: 11px;
	color: #000000;
	font-size: 14px;
}
#header_nav_pc li a span.home {
	background: url(../images/icon_home.png) no-repeat scroll left center / 14px auto;
	padding-left: 18px;
}
#header_nav_pc li a span.schedule {
	background: url(../images/icon_schedule.png) no-repeat scroll left center / 16px auto;
	padding-left: 18px;
}
#header_nav_pc li a span.sales {
	background: url(../images/icon_sales.png) no-repeat scroll left center / 10px auto;
	padding-left: 14px;
}
#header_nav_pc li a span.neo_score {
	background: url(../images/icon_neo_score.png) no-repeat scroll left center / 15px auto;
	padding-left: 19px;
}
#header_nav_pc li a span.logout {
	background: url(../images/icon_logout.png) no-repeat scroll left center / 8px auto;
	padding-left: 12px;
}
#slide_bar {
	background: url(../images/slide_bar.png) no-repeat;
	width: 115px;
	height: 7px;
	position: absolute;
	top: -1px;
	/*left: 418px;*/
}
#breadarea {
	background: #f7921e;
	height: 23px;
	padding-top: 10px;
}
#breadarea ol {
	list-style: none;
}
#breadarea ol:first-child {
	float: left;
	color: #ffffff;
}
#breadarea ol:last-child {
	float: right;
}
#breadarea li {
	display: inline-block;
}
#breadarea ol:first-child a {
	color: #ffffff;
}
#breadarea ol:last-child a {
	color: #000000;
	font-size: 10px;
	background: url(../images/icon_mail.png) left center / 15px no-repeat;
	padding-left: 18px;
	margin-left: 20px;
}
#breadarea ol:first-child li:first-child {
	background: url(../images/icon_home_bread.png) left center / 13px no-repeat;
	padding-left: 16px;
	margin-left: 0px;
}
#breadarea ol:first-child li {
	background: url(../images/icon_headline_bread.png) left center / 6px no-repeat;
	margin-left: 10px;
	padding-left: 16px;
}
/**
 * --------------------------------------------------------------------------------
 * 3.0 Content Settings
 * --------------------------------------------------------------------------------
 */  
#content {
	min-height: 580px;
	padding-top: 40px;
	padding-bottom: 80px;
}           
/* cnt_block */
#cnt_block .headline {
	background: url(../images/arrow_headline.png) left center no-repeat;
	width: auto;
	height: auto;
	padding-left: 27px;
	padding-top: 4px;
	margin-bottom: 18px;
	min-height: 22px;
}
#cnt_block dl {
	padding-left: 27px;
}
#cnt_block dl dt {
	width: 120px;
	padding: 3px;
	text-align: center;
	/*font-weight: bold;*/
	background: #cccccc;
	border-radius: 3px;
	float: left;
	display: block;
	clear: left;
	margin-bottom: 12px;
}
#cnt_block dl dd {
	float: left;
	display: block;
	width: 822px;
	padding-left: 20px;
	margin-bottom: 12px;
	padding-top: 3px;
}
#cnt_block dl dd.carname {
	margin-left: -146px;
}
#cnt_block dl dt .new,
#cnt_block dl dd .new {
	display: inline-block;
	font-size: 10px;
	color: #ffffff;
	background: #ff0000;
	padding: 1px 5px;
	border-radius: 3px;
	margin-right: 5px;
	vertical-align: text-top;
}
	#cnt_block dl dd .deadline {
		width: auto; height: auto; padding: 2px 10px; background-color: #FFFF00; border:#F00 solid 1px; font-size: 11px; display: inline-block;
	}
/**/
#cnt_block dl dd .invoice_subbtn {
	width: 100px;
	float: left;
	text-align: center;
}
.position {
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 27px;
}
.position li {
	display: inline-block;
}
.position li span {
	background: #cccccc;
	padding: 10px 30px;
	border-radius: 26.5px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}
.position li span.active {
	background: #f7921e;
}
.position li+li {}
.position li+li:before {
	content: '';
	display: inline-block;
	top: 0px; /*矢印画像の高さと配置を考慮して設定*/
	width: 24px;
	height: 13px;
	background: url(../images/icon_headline.png) left top  / 8px repeat-x;
	margin-left: 10px;
	margin-right: 10px;
}
/* schedule */
#schedule ol#schedule_header {
	list-style: none;
	margin-bottom: 10px;
}
#schedule ol#schedule_header li:nth-child(2) {
	display: inline-block;
	width: 951px;
	float: left;
	text-align: center;
	padding-top: 4px;
}
#schedule ol#schedule_header li:first-child a {
	background: url(../images/arrow_prev.png) center no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	float: left;
}
#schedule ol#schedule_header li:last-child a {
	background: url(../images/arrow_next.png) center no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	float: left;
}
#schedule ol#schedule_week  {
	list-style: none;
	background: #f7921e;
	height: 27px;
	display: table;
}
#schedule ol#schedule_week li {
	width: 141px;
	text-align: center;
	color: #ffffff;
	border-right: #ffffff solid 1px;
	height: 20px;
	padding-top: 7px;
	display: table-cell;
}
#schedule ol#schedule_week li:first-child {
	border-left: #f7921e solid 1px;
}
#schedule ol#schedule_week li:last-child {
	border-right: #f7921e solid 1px;
}
.schedule_day {
	display: flex;
	border-bottom: #f7921e solid 1px;
	border-left: #f7921e solid 1px;
}
.schedule_day .day_area {
	display: table-cell;
	width: 141px;
	border-right: #f7921e solid 1px;
}
.schedule_day .day_area .day {
	background: #000000;
	text-align: center;
	padding: 3px;
	color: #ffffff;
}
.schedule_day .day_area .contents {
	padding: 8px;
}
.schedule_day .day_area .contents .contents_text {
	background: url(../images/icon_headline.png) left top 1px / 6px no-repeat;
	padding-left: 8px;
}
a.link_red {
	color: #ff0000;
}
/* 出退勤エリア */
.in_out_area {
	display: table;
	margin-top: 10px;
}
.in_out_area .in_out_area_button {
	display: table-cell;
	width: 50%;
}
.in_out_area .in_out_area_button input[type="submit"] {
	border: none;
	width: 100%;
	background: #666666;
	color: #ffffff;
	border-radius: 5px;
	padding: 5px;
}
.in_out_area .in_out_area_come {
	display: table-cell;
	width: 50%;
	font-size: 11px;
	padding-left: 10px;
}
/**
 * --------------------------------------------------------------------------------
 * 4.0 Footer Settings
 * --------------------------------------------------------------------------------
 */
#footer {
	background: #f7921e;
	width: 100%;
	height: 20px;
	padding-top: 10px;
	position: fixed;
	bottom: 0;
}
/**
 * 4.4 Footer Credit
 * -------------------------------
 */  
#footer_credit {
	text-align: center;
	width: auto;
	color: #ffffff;
	font-size: 10px;
}

/**
 * --------------------------------------------------------------------------------
 * 5.0 LOGIN PAGE
 * --------------------------------------------------------------------------------
 */
#login_are {
	background: #f7921e;
	padding: 50px;
	border-radius: 10px;
	width: 300px;
	margin: 100px auto;
	color: #ffffff;
}
#login_are h1 {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}
#login_are dl dt {
	width: 80px;
	padding: 6px;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	background: #ffffff;
	float: left;
	display: block;
	clear: left;
	margin-bottom: 12px;
	color: #000000;
}
#login_are dl dd {
	float: left;
	display: block;
	padding-left: 20px;
	margin-bottom: 12px;
}
#submit input[type="submit"] {
	width: 300px;
	background: #333333;
	color: #ffffff;
	border-radius: 5px;
	margin-bottom: 20px;
}
#login_are a {
	color: #614AF8;
}
#sales_table {
	width: 1000px;
}
/**
 * --------------------------------------------------------------------------------
 * 5.0 Other Settings
 * --------------------------------------------------------------------------------
 */
 
/* -- Clearfix -- */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
    }
.clearfix { zoom:1; }


/* -- Width -- */
.w5per { width: 5% !important; }
.w10per { width: 10% !important; }
.w15per { width: 5% !important; }
.w20per { width: 20% !important; }
.w25per { width: 25% !important; }
.w30per { width: 30% !important; }
.w35per { width: 35% !important; }
.w40per { width: 40% !important; }
.w45per { width: 45% !important; }
.w50per { width: 50% !important; }
.w55per { width: 55% !important; }
.w60per { width: 60% !important; }
.w65per { width: 65% !important; }
.w70per { width: 70% !important; }
.w75per { width: 75% !important; }
.w80per { width: 80% !important; }
.w85per { width: 85% !important; }
.w90per { width: 90% !important; }
.w95per { width: 95% !important; }
.w100per { width: 100% !important; }


/* -- Font Size -- */
.fs28 { font-size: 28px !important; }
.fs27 { font-size: 27px !important; }
.fs26 { font-size: 26px !important; }
.fs25 { font-size: 25px !important; }
.fs24 { font-size: 24px !important; }
.fs23 { font-size: 23px !important; }
.fs22 { font-size: 22px !important; }
.fs21 { font-size: 21px !important; }
.fs20 { font-size: 20px !important; }
.fs19 { font-size: 19px !important; }
.fs18 { font-size: 18px !important; }
.fs17 { font-size: 17px !important; }
.fs16 { font-size: 16px !important; }
.fs15 { font-size: 15px !important; }
.fs14 { font-size: 14px !important; }
.fs13 { font-size: 13px !important; }
.fs12 { font-size: 12px !important; }
.fs11 { font-size: 11px !important; }
.fs10 { font-size: 10px !important; }


/* -- Font Color -- */
.fc_red { color: #b91440 !important; }
.fc_gray { color: #666 !important; }
.fc_lgray { color: #999 !important; }
.fc_white { color: #fff !important; }
.fc_black { color: #333 !important; }


/* -- Text Align -- */
.ta_left { text-align: left !important; }
.ta_center { text-align: center !important; }
.ta_right { text-align: right !important; }


/* -- Vertical Align -- */
.va_top { vertical-align: top !important; }
.va_middle { vertical-align: middle !important; }
.va_bottom { vertical-align: bottom !important; }


/* -- Float -- */
.fleft { float: left !important; }
.fright { float: right !important; }


/* -- Padding -- */
.pd0 { padding: 0px !important; }
.pdt0 { padding-top: 0px !important; }
.pdr0 { padding-right: 0px !important; }
.pdb0 { padding-bottom: 0px !important; }
.pdl0 { padding-left: 0px !important; }
.pd5 { padding: 5px !important; }
.pdt5 { padding-top: 5px !important; }
.pdr5 { padding-right: 5px !important; }
.pdb5 { padding-bottom: 5px !important; }
.pdl5 { padding-left: 5px !important; }
.pd10 { padding: 10px !important; }
.pdt10 { padding-top: 10px !important; }
.pdr10 { padding-right: 10px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdl10 { padding-left: 10px !important; }
.pd15 { padding: 15px !important; }
.pdt15 { padding-top: 15px !important; }
.pdr15 { padding-right: 15px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdl15 { padding-left: 15px !important; }
.pd20 { padding: 20px !important; }
.pdt20 { padding-top: 20px !important; }
.pdr20 { padding-right: 20px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdl20 { padding-left: 20px !important; }
.pd25 { padding: 25px !important; }
.pdt25 { padding-top: 25px !important; }
.pdr25 { padding-right: 25px !important; }
.pdb25 { padding-bottom: 25px !important; }
.pdl25 { padding-left: 25px !important; }
.pd30 { padding: 30px !important; }
.pdt30 { padding-top: 30px !important; }
.pdr30 { padding-right: 30px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdl30 { padding-left: 30px !important; }
.pd35 { padding: 35px !important; }
.pdt35 { padding-top: 35px !important; }
.pdr35 { padding-right: 35px !important; }
.pdb35 { padding-bottom: 35px !important; }
.pdl35 { padding-left: 35px !important; }
.pd40 { padding: 40px !important; }
.pdt40 { padding-top: 40px !important; }
.pdr40 { padding-right: 40px !important; }
.pdb40 { padding-bottom: 40px !important; }
.pdl40 { padding-left: 40px !important; }
.pd45 { padding: 45px !important; }
.pdt45 { padding-top: 45px !important; }
.pdr45 { padding-right: 45px !important; }
.pdb45 { padding-bottom: 45px !important; }
.pdl45 { padding-left: 45px !important; }
.pd50 { padding: 50px !important; }
.pdt50 { padding-top: 50px !important; }
.pdr50 { padding-right: 50px !important; }
.pdb50 { padding-bottom: 50px !important; }
.pdl50 { padding-left: 50px !important; }
.pd55 { padding: 55px !important; }
.pdt55 { padding-top: 55px !important; }
.pdr55 { padding-right: 55px !important; }
.pdb55 { padding-bottom: 55px !important; }
.pdl55 { padding-left: 55px !important; }
.pd60 { padding: 60px !important; }
.pdt60 { padding-top: 60px !important; }
.pdr60 { padding-right: 60px !important; }
.pdb60 { padding-bottom: 60px !important; }
.pdl60 { padding-left: 60px !important; }


/* -- Margin -- */
.mg0 { margin: 0px !important; }
.mgt0 { margin-top: 0px !important; }
.mgr0 { margin-right: 0px !important; }
.mgb0 { margin-bottom: 0px !important; }
.mgl0 { margin-left: 0px !important; }
.mg5 { margin: 5px !important; }
.mgt5 { margin-top: 5px !important; }
.mgr5 { margin-right: 5px !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgl5 { margin-left: 5px !important; }
.mg10 { margin: 10px !important; }
.mgt10 { margin-top: 10px !important; }
.mgr10 { margin-right: 10px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgl10 { margin-left: 10px !important; }
.mg15 { margin: 15px !important; }
.mgt15 { margin-top: 15px !important; }
.mgr15 { margin-right: 15px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgl15 { margin-left: 15px !important; }
.mg20 { margin: 20px !important; }
.mgt20 { margin-top: 20px !important; }
.mgr20 { margin-right: 20px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgl20 { margin-left: 20px !important; }
.mg25 { margin: 25px !important; }
.mgt25 { margin-top: 25px !important; }
.mgr25 { margin-right: 25px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgl25 { margin-left: 25px !important; }
.mg30 { margin: 30px !important; }
.mgt30 { margin-top: 30px !important; }
.mgr30 { margin-right: 30px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgl30 { margin-left: 30px !important; }
.mg35 { margin: 35px !important; }
.mgt35 { margin-top: 35px !important; }
.mgr35 { margin-right: 35px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgl35 { margin-left: 35px !important; }
.mg40 { margin: 40px !important; }
.mgt40 { margin-top: 40px !important; }
.mgr40 { margin-right: 40px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgl40 { margin-left: 40px !important; }
.mg45 { margin: 45px !important; }
.mgt45 { margin-top: 45px !important; }
.mgr45 { margin-right: 45px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgl45 { margin-left: 45px !important; }
.mg50 { margin: 50px !important; }
.mgt50 { margin-top: 50px !important; }
.mgr50 { margin-right: 50px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgl50 { margin-left: 50px !important; }
.mg55 { margin: 55px !important; }
.mgt55 { margin-top: 55px !important; }
.mgr55 { margin-right: 55px !important; }
.mgb55 { margin-bottom: 55px !important; }
.mgl55 { margin-left: 55px !important; }
.mg60 { margin: 60px !important; }
.mgt60 { margin-top: 60px !important; }
.mgr60 { margin-right: 60px !important; }
.mgb60 { margin-bottom: 60px !important; }
.mgl60 { margin-left: 60px !important; }





@media only screen and (min-width: 0px) and (max-width: 768px) {
    
	/**
	 * --------------------------------------------------------------------------------
	 * 1.0 Basic Structure
	 * --------------------------------------------------------------------------------
	 */

	/* -- Layout -- */
	body {
		min-width: 100%;
		-webkit-overflow-scrolling: touch;
		overflow-x: hidden;
		} 
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
	}  
	/**
	 * --------------------------------------------------------------------------------
	 * 2.0 Header Settings
	 * --------------------------------------------------------------------------------
	 */ 
	#header {
		background: #f7921e;
		height: 50px;
	}
	#header_site_logo a {
		background: url(../images/logo_neostall_sp.png) no-repeat;
		background-size: 218px 30px;
		width: 218px;
		height: 30px;
		text-indent: -9999px;
		display: block;
		top: 10px;
	}
	#header_nav_pc,
	#breadarea {
		display: none;
	}
	#menu_sp a {
		background: url(../images/icon_menu.png) center no-repeat;
		width: 35px;
		height: 35px;
		top: 7.5px;
		right: 7.5px;
		display: block;
		position: absolute;
		text-indent: -9999px;
	}
	#menu_sp a.close {
		background: url(../images/icon_menu_close.png) center no-repeat;
	}
	#header_nav_sp {
		width: 300px;
		height: auto;
	}
	#header_nav_sp ul {
		position: absolute;
		width: 300px;
		top: 20px;
		/*right: 0px;*/
		border-left: #777777 solid 1px;
		display: block;
	}
	#header_nav_sp ul li {
		list-style: none;
		z-index: 9999;
		width: 300px;
		height: 34px;
		background: #ffffff;
		border-bottom: #777777 solid 1px;
	}
	#header_nav_sp ul li a {
		background: url(../images/icon_headline.png) right 10px center no-repeat;
		background-size: 8px auto;
		color: #000000;
		width: 280px;
		height: 14px;
		padding: 10px;
		display: block;
	}
	#header_nav_sp li a span.home {
		background: url(../images/icon_home.png) no-repeat scroll left 1px center / 14px auto;
		padding-left: 20px;
	}
	#header_nav_sp li a span.schedule {
		background: url(../images/icon_schedule.png) no-repeat scroll left center / 16px auto;
		padding-left: 20px;
	}
	#header_nav_sp li a span.sales {
		background: url(../images/icon_sales.png) no-repeat scroll left 2px center / 10px auto;
		padding-left: 20px;
	}
	#header_nav_sp li a span.neo_score {
		background: url(../images/icon_neo_score.png) no-repeat scroll left center / 15px auto;
		padding-left: 20px;
	}
	#header_nav_sp li a span.logout {
		background: url(../images/icon_logout.png) no-repeat scroll left 4px center / 8px auto;
		padding-left: 20px;
	}
	#header_nav_sp li a span.mail {
		background: url(../images/icon_mail_sp.png) left 1px center / 15px no-repeat;
		padding-left: 20px;
	}

	#content {
		padding-top: 20px;
		padding-bottom: 40px;
	} 

	/* cnt_block */
	#cnt_block dl {
		padding-left: 0px;
	}
	#cnt_block dl dt {
		width: 100%;
		text-align: center;
		font-weight: bold;
		background: #cccccc;
		border-radius: 0px;
		display: block;
		clear: right;
		margin-bottom: 12px;
	}
	#cnt_block dl dd {
		width: 100%;
		clear: right;
		display: block;
		padding-left: 0px;
		margin-bottom: 12px;
		padding-top: 3px;
	}
	#cnt_block dl dd.carname {
		margin-left: 0;
	}
	#table_area {
		overflow: scroll;
		width: 100%;
		/*overflow-x:auto;*/
		overflow-y:hidden; 
	}
		table {
			display: block;
			width: 300px;
		}
	.position {
		margin-top: 20px;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	.position li {
		display: inline-block;
	}
	.position li span {
		background: #cccccc;
		padding: 10px 20px;
		border-radius: 26.5px;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
	}
	.position li span.active {
		background: #f7921e;
	}
	.position li+li {}
	.position li+li:before {
		content: '';
		display: inline-block;
		top: 0px; /*矢印画像の高さと配置を考慮して設定*/
		width: 24px;
		height: 13px;
		background: url(../images/icon_headline.png) left top  / 8px repeat-x;
		margin-left: 10px;
		margin-right: 10px;
	}
	/* schedule */
	#schedule ol#schedule_header {
		list-style: none;
		margin-bottom: 10px;
		width: 100%;
		display: table;
	}
	#schedule ol#schedule_header li:nth-child(2) {
		float: left;
		text-align: center;
		padding-top: 4px;
		width: 84%;
		display: table-cell;
	}
	#schedule ol#schedule_header li:first-child a {
		background: url(../images/arrow_prev.png) center no-repeat;
		width: 8%;
		height: 22px;
		text-indent: -9999px;
		display: table-cell;
	}
	#schedule ol#schedule_header li:last-child a {
		background: url(../images/arrow_next.png) center no-repeat;
		width: 8%;
		height: 22px;
		text-indent: -9999px;
		display: table-cell;
	}
	#schedule ol#schedule_week  {
		display: none;
	}
	.schedule_day {
		display: block;
		width: 100%;
		border-bottom: none;
		border-left: none;
	}
	.schedule_day .day_area {
		display: block;
		width: 100%;
		border-bottom: none;
		border-left: #f7921e solid 1px;
	}
	.schedule_day .day_area .day {
		background: #000000;
		text-align: center;
		padding: 3px;
		color: #ffffff;
		border-top: #f7921e solid 1px;
		border-bottom: none;
	}
	.schedule_day .day_area .contents {
		padding: 8px;
	}
	.schedule_day .day_area .contents .contents_text {
		background: url(../images/icon_headline.png) left top 1px / 6px no-repeat;
		padding-left: 8px;
	}
	/* 出退勤エリア */
	.in_out_area {
		display: inline;
	}
	.in_out_area .in_out_area_button {
		display: inline;
		width: 100%;
	}
	.in_out_area .in_out_area_button input[type="submit"] {
		border: none;
		width: 100%;
		background: #666666;
		color: #ffffff;
		border-radius: 5px;
		padding: 5px;
		margin-top: 10px;
	}
	.in_out_area .in_out_area_come {
		display: inline;
		width: 100%;
		padding-left: 0px;
	}
	/**
	 * --------------------------------------------------------------------------------
	 * 5.0 LOGIN PAGE
	 * --------------------------------------------------------------------------------
	 */
	#login_are {
		background: #f7921e;
		padding: 50px 20px;
		border-radius: 10px;
		width: 260px;
		margin: 100px auto;
		color: #ffffff;
	}
	#login_are h1 {
		font-size: 16px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	#login_are dl dt {
		width: 80px;
		padding: 6px;
		text-align: center;
		font-weight: bold;
		border-radius: 3px;
		background: #ffffff;
		float: left;
		display: block;
		clear: left;
		margin-bottom: 12px;
		color: #000000;
	}
	#login_are dl dd {
		float: left;
		display: block;
		padding-left: 20px;
		margin-bottom: 12px;
	}
	#login_are input[type="text"],
	#login_are input[type="password"] {
		width: 140px;
	}
	#submit input[type="submit"] {
		width: 260px;
		background: #333333;
		color: #ffffff;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	#login_are a {
		color: #614AF8;
	}
	#sales_table {
		width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
	}

}