@charset "utf-8";
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
　　追加　リセットCSS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.clearfix {
	zoom:1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
　　エリア本日出勤
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

/*------ 福岡・横浜エリア ---------*/

#r_center_area .attend_title {
	width:540px;
	height:35px;
	font-size:18px;
	margin:0 auto;
	padding:0 0 0 10px;
	line-height:35px;
	background:url(../img/common/attend_title.png) repeat-x;
	color:#FFFFFF;
	border: none;
	position:relative;
}
#r_center_area .attend_title_btn {
	position:absolute;
	width:90px;
	height:25px;
	right:3px;
	bottom:6px;
}
#attendance {
	border: 2px solid #8A0056;
	border-top: none;
	margin-bottom: 10px;
}
#attendance ul {
	padding-top: 10px;
	height: 505px;
	overflow: auto;
	margin-left: 5px;
}
*+html #attendance ul {
	color: red;
}	/* IE7 ハック */
#attendance ul li {
	float:left;
	margin-left: 3px;
	margin-bottom: 5px;
	width: 70px;
}
#attendance .atten_photo img {
	width: 60px;
}
#attendance ul li dl {
	margin-left: 2px;
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 3px;
	text-align: center;
	height: 180px;
}
#attendance ul li dl .atten_shop {
	color: #CA0072;
	font-weight: bold;
	font-size: 10px;
}
#attendance ul li dl .atten_photo,  #attendance ul li dl .sokuhou_in_time,  #attendance ul li dl .atten_shift {
	line-height: normal;
}
#attendance ul li dl .atten_name {
	height: 30px;
	line-height: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#attendance ul li dl .atten_shop {
	height: 25px;
	line-height: 11px;
}
#attendance ul li dl dd img {
	vertical-align:bottom;
}
#attendance ul li dl .sokuhou_in_time {
	font-size: 10px;
	color: #FF0000;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*------ 札幌エリア ---------*/

#attendance_s {
	border: 2px solid #8A0056;
	border-top: none;
	margin-bottom: 10px;
}
#attendance_s ul {
	padding-top: 10px;
	height: 470px;
	overflow: auto;
	margin-left: 5px;
}
#attendance_s ul li {
	float:left;
	margin-left: 3px;
	margin-bottom: 5px;
	width: 70px;
}
#attendance_s .atten_photo img {
	width: 60px;
}
#attendance_s ul li dl {
	margin-left: 2px;
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 3px;
	text-align: center;
	height: 170px;
}
#attendance_s ul li dl .atten_shop {
	color: #CA0072;
	font-weight: bold;
	font-size: 10px;
}
#attendance_s ul li dl .atten_photo,  #attendance_s ul li dl .sokuhou_in_time,  #attendance_s ul li dl .atten_shift {
	line-height: normal;
}
#attendance_s ul li dl .atten_name {
	height: 30px;
	line-height: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#attendance_s ul li dl .atten_shop {
	height: 25px;
	line-height: 11px;
}
/*------ 水戸エリア ---------*/

#attendance_m {
	border: 2px solid #8A0056;
	border-top: none;
	margin-bottom: 10px;
}
#attendance_m ul {
	padding-top: 10px;
	height: 470px;
	overflow: auto;
	margin-left: 5px;
}
#attendance_m ul li {
	float:left;
	margin-left: 3px;
	margin-bottom: 5px;
	width: 70px;
}
#attendance_m .atten_photo img {
	width: 60px;
}
#attendance_m ul li dl {
	margin-left: 2px;
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 3px;
	text-align: center;
	height: 195px;
}
#attendance_m ul li dl .atten_shop {
	color: #CA0072;
	font-weight: bold;
	font-size: 10px;
}
#attendance_m ul li dl .atten_photo,  #attendance_m ul li dl .sokuhou_in_time,  #attendance_m ul li dl .atten_shift {
	line-height: normal;
}
#attendance_m ul li dl .atten_name {
	height: 40px;
	line-height: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#attendance_m ul li dl .atten_shop {
	height: 37px;
	line-height: 11px;
}
#attendance_m ul li dl .sokuhou_in_time {
	font-size: 10px;
	color: #FF0000;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*------ 土浦エリア ---------*/

#attendance_t {
	border: 2px solid #8A0056;
	border-top: none;
	margin-bottom: 10px;
}
#attendance_t ul {
	padding-top: 10px;
	height: 470px;
	overflow: auto;
	margin-left: 5px;
}
#attendance_t ul li {
	float:left;
	margin-left: 3px;
	margin-bottom: 5px;
	width: 70px;
}
#attendance_t .atten_photo img {
	width: 60px;
}
#attendance_t ul li dl {
	margin-left: 2px;
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 3px;
	text-align: center;
	height: 195px;
}
#attendance_t ul li dl .atten_shop {
	color: #CA0072;
	font-weight: bold;
	font-size: 10px;
}
#attendance_t ul li dl .atten_photo,  #attendance_t ul li dl .sokuhou_in_time,  #attendance_t ul li dl .atten_shift {
	line-height: normal;
}
#attendance_t ul li dl .atten_name {
	height: 30px;
	line-height: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#attendance_t ul li dl .atten_shop {
	height: 37px;
	line-height: 11px;
}
 #attendance_t ul li dl .atten_shop, x:-moz-any-link {
letter-spacing: -1px;
} /* Firefoxハック */
#attendance_t ul li dl .sokuhou_in_time {
	font-size: 10px;
	color: #FF0000;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*------ ALLエリア ---------*/

#attendance #col_one,  #attendance_s #col_one,  #attendance_m #col_one,  #attendance_t #col_one {
	height: 230px;
}
/* --★メンテナンスのお知らせ BOX------------------------------------ */

#mainte_area {
	width:650px;
	margin:0px auto 17px auto;
	border: 2px solid #c82423;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#mainte_top {
	width:650px;
	height:25px;
	color:#FFF;
	font-size:14px;
	background:url(../img/mente/mainte01.png) repeat-x;
}
.mainte_img {
	width:30px;
	height:25px;
	margin-left:5px;
	background:url(../img/mente/mainte02.png) no-repeat;
	float:left;
}
.mainte_top_inn_text {
	width:600px;
	height:25px;
	line-height:26px;
	margin-left:10px;
	float:left;
	font-weight:bold;
}
#mainte_inn {
	padding:10px 12px;
	font-weight:bold;
}
/* ---------------------------------------------
    ★  * 年賀
--------------------------------------------- */

/*  ★  * 年賀 エリアTOP用
---------------------------------------- */

.a_nenga_area {
	display:block;
	float:left;
	width:740px;
	height:30px;
	margin-bottom:10px;
	text-align:left;
	background:#FFFFFF url(../img/nenga/area_bana.jpg) no-repeat;
	position:relative;
}
.a_nenga_area marquee {
	width:557px;
	display:block;
	top:7px;
	left:176px;
	position:absolute;
}
#r_contents_m {
	clear:both;
	width:740px;
	padding:0px 0 0 0 !important;
}
/*  ★  * 年賀 top/index.html用
---------------------------------------- */

.top_nenga_area {
	display:block;
	width:1330px;
	height:30px;
	margin:0 auto 11px auto;
	text-align:left;
	background:#FFFFFF url(../img/nenga/sentaku.jpg) no-repeat;
	position:relative;
}
.top_nenga_area marquee {
	width:948px;
	display:block;
	top:7px;
	left:333px;
	position:absolute;
}
/*  ★  * エリアお知らせ
---------------------------------------- */

#area_news {
	margin-bottom: 7px;
}
#area_news_tit h2 {
	clear:both;
	width: auto;
	height: auto;
	font-size:14px;
	margin: 0 auto;
	padding:5px 0 0 5px;
	border-left: none;
	background:#24B8FE;
	color:#FFF;
}
#area_news_list {
	border: 2px solid #24B8FE;
	background: #EBF8FF;
	padding: 5px;
	height: 100px;
	overflow-y: scroll;
}
#area_news_list ul li {
	font-weight: bold;
	border-bottom: 1px dotted #8D949A;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
#area_news_list ul li a {
	color:#024363;
}
#area_news_list ul li a:hover {
	color:#FF0000;
}
#area_news_list .area_time {
	color: #8D949A;
	margin-right: 10px;
}

#header_menu .new_btn {
	color: #FF0;
	background: #F00;
	padding: 2px 5px;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: bold;
}

#area_news_list ul li .new_btn {
	color: #FF0;
	background: #F00;
	padding: 2px 5px;
	font-size: 9px;
	letter-spacing: 1px;
}
#area_news_tit h2 .news_more {
	float: right;
	margin-right: 10px;
}
#area_news_tit h2 .news_more a {
	color:#024363;
}
#area_news_tit h2 .news_more a:hover {
	color:#FFF;
}
#area_news_list ul .img_info {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 2px;
	text-align: center;
}

/*===============================================================================
	 W * fixed
===============================================================================*/

#point_box {
	position: fixed;
	left: 0px;
	bottom: -200px;
	width: 100%;
	background: url(../img/fix/fix_bg.jpg);
	z-index: 1000;
}

#point_box_in {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#point_btn {
	width: 180px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: 500px;
	height: 50px;
	display: block;
	font-size: 28px;
	font-family: 'Noto Serif', serif;
	color:#FFF;
	cursor: pointer;
}

#point_box_in a {
	width: 100%;
	height: 200px;
	background: url(../img/fix/fix_con.jpg) center top no-repeat;
	display:block;
}

#point_img {
	background: url(../img/fix/fix_con.jpg) no-repeat top center;
	width: 1000px;
	height: 200px;
}

/*===============================================================================
	 W * 20周年背景
===============================================================================*/

#contents_wrap {background: #FFF; padding: 11px 10px 20px; width: 980px;}

#contents {position: relative;}

#text_js ul li,
#text_js_new_area ul li {
	position: absolute;
	opacity: 0;
}

#text_js .text_js01 {
	right: -95px;
	top: 120px;
}

#text_js .text_js02 {
	right: -95px;
	top: 180px;
}

#text_js .text_js03 {
	right: -95px;
	top: 240px;
}

#text_js .text_js04 {
	right: -95px;
	top: 300px;
}

#text_js .text_js05 {
	right: -95px;
	top: 360px;
}

#text_js .text_js06 {
	right: -95px;
	top: 420px;
}

#text_js .text_js07 {
	right: -120px;
	top: 480px;
}

#text_js .text_js08 {
	right: -95px;
	top: 580px;
}

#text_js .text_js09 {
	right: -95px;
	top: 640px;
}


#text_js .text_js10 {
	left: -95px;
	top: 120px;
}

#text_js .text_js11 {
	left: -95px;
	top: 180px;
}

#text_js .text_js12 {
	left: -95px;
	top: 240px;
}

#text_js .text_js13 {
	left: -95px;
	top: 300px;
}

#text_js .text_js14 {
	left: -95px;
	top: 360px;
}

#text_js .text_js15 {
	left: -95px;
	top: 420px;
}

#text_js .text_js16 {
	left: -120px;
	top: 480px;
}

#text_js .text_js17 {
	left: -95px;
	top: 580px;
}

#text_js .text_js18 {
	left: -95px;
	top: 640px;
}


#text_js.new_area .text_js01 {
	right: -95px;
	top: 10px;
}

#text_js.new_area .text_js02 {
	right: -95px;
	top: 70px;
}

#text_js.new_area .text_js03 {
	right: -95px;
	top: 130px;
}

#text_js.new_area .text_js04 {
	right: -95px;
	top: 190px;
}

#text_js.new_area .text_js05 {
	right: -95px;
	top: 250px;
}

#text_js.new_area .text_js06 {
	right: -95px;
	top: 310px;
}

#text_js.new_area .text_js07 {
	right: -120px;
	top: 370px;
}

#text_js.new_area .text_js08 {
	right: -95px;
	top: 470px;
}

#text_js.new_area .text_js09 {
	right: -95px;
	top: 530px;
}


#text_js.new_area .text_js10 {
	left: -95px;
	top: 10px;
}

#text_js.new_area .text_js11 {
	left: -95px;
	top: 70px;
}

#text_js.new_area .text_js12 {
	left: -95px;
	top: 130px;
}

#text_js.new_area .text_js13 {
	left: -95px;
	top: 190px;
}

#text_js.new_area .text_js14 {
	left: -95px;
	top: 250px;
}

#text_js.new_area .text_js15 {
	left: -95px;
	top: 310px;
}

#text_js.new_area .text_js16 {
	left: -120px;
	top: 370px;
}

#text_js.new_area .text_js17 {
	left: -95px;
	top: 470px;
}

#text_js.new_area .text_js18 {
	left: -95px;
	top: 530px;
}


/* ---------------------------------------------
     * addition * 2015.02
--------------------------------------------- */

.area_news a {
	background: #053D7D;
	padding: 5px;
	text-align: left;
	margin-bottom: 15px;
	color:#FFF;
	font-size: 15px;
	display:block;
	letter-spacing:0.1em;
}
.area_news a:hover {
	background: #29609f;
}


.area_news img {
	margin: 0 5px 0 0;
	vertical-align:bottom;
}

.anews_tx {
	font-weight:bold;
}
.anews_tx02{
	font-size:12px;
	margin-left:10px;
}