﻿@charset "utf-8";

/**********************************/
/* TOPページ用CSS                 */
/**********************************/

/* 全ページ共通CSS読み込み */
@import url("common.css");
/* 全ページ共通ヘッダーメニューCSS読み込み */
@import url("menu.css");
/* thickBox用CSS読込 */
@import url("thickbox.css");
/* FileShare用CSS読込 */
@import url("fileShare.css");

/***** TOPページ用CSS *****/

/*** 日付 ***/
#hiduke{
	font-size:110%;
}

/*** 天気予報 ***/
#top_tenki{
	width:100%;
	margin-bottom:2px;
	padding:3px 0px;
}
	/* 天気タイトル */
	#tenki_title{
		float:left;
		color:#990000;
		font-weight:bold;
		background-color:#F0F0E0;
		margin-right:5px;
	}
	/* 予報 */
	#yohou{ float:left; }
	
	/* カレンダー表示 */
	#calendar{ float:right; }


/*** 日報・予定表 ***/
	
/* 日付用 */
.l_top{
	border-top:1px solid #AAAAAA;
	/*border-bottom:1px solid #AAAAAA;*/
	border-left:1px solid #AAAAAA;
	padding:5px 0px 5px 10px;
	font-size:110%;
	font-weight:bold;
	text-align:center;
}
.r_top{
	border-top:1px solid #AAAAAA;
	/*border-bottom:1px solid #AAAAAA;*/
	border-right:1px solid #AAAAAA;
	padding:5px 0px;
	font-size:110%;
	text-align:right;
	text-align:center;
}
/* 氏名用 */
.th01{
    width:10%;
    text-align:center;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
}
.td01{
	vertical-align:top;
	text-align:center;
	line-height:120%;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
	padding-top:15px ;
/*	white-space: nowrap;
*/
}
	
/* 表レイアウト */
.th_now, .th_off, .th02, .th_sat {
	width:13%;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-align:center;
	text-decoration: none;
}
.td_now, .td_off, .td02, .td_sat, .td_week, .td_other, .td_cal, .td_ok, .td_ng, .td_none, .td_endEigyo, .td_otherEigyo {
	width:13%;
	padding:5px 10px;
	vertical-align:top;
	line-height:120%;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-decoration: none;
}
/* 今日 */
.th_now, .td_now {
	background-color:#E9FFD9;
}
/* 休日 */
.th_off{
	background-color:#FFCCFF;
}	
.td_off{
	background-color:#FFE0E0;
}	
/* 土曜 */
.th_sat{
	background-color:#C0C0FF;
}	
.td_sat{
	background-color:#E0E0FF;
}	
/* その他 */
.th02{
	background-color:#F0F0E0;
}


/*面談用*/
.td_ok{
	background-color:#ccffff;
}

.td_ng{
	/*background-color:#ffddff;*/
	background-color:#DDDDDD;
}

.td_none{
	background-color:#ffffff;
}

.td_intro_ok
{
	/*凡例用*/
	background-color:#ccffff;
}

.td_intro_ng
{
	/*凡例用*/
	background-color:#DDDDDD;
}

.td_intro_none
{
	/*凡例用*/
	background-color:#ffffff;
}

.td_endEigyo
{
	background-color:#DDDDDD;
}

.td_otherEigyo
{
	background-color:#BBBBBB;
}

.dayLinkOff{
	color: Red;
}

.dayLinkSat{
	color:Blue;
}

.dayLinkNormal{
	color:Black;
}


/* 平日 */
.td_week
{
	background-color:#FEFEFE;
}

/* ほかの月 */
.td_other
{
	background-color:#DDDDDD;
}

/***** システムメール *****/

/* 表レイアウト */
.th_mail00{
	width:7%;
	border:1px solid #AAAAAA;
}
.th_mail01{
	width:15%;
	border:1px solid #AAAAAA;
}
.th_mail02{
	width:58%;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}
.th_mail03{
	width:20%;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}
.th_mail01, .th_mail02, .th_mail03{
	background-color:#F0F0E0;
	text-align:center;
}

.td_mail00
{
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	padding:3px 10px;
	vertical-align:middle;
	text-align:center;

}
.td_mail01
{
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	padding:3px 10px;
	vertical-align:top;
	text-align:left;

}
.td_mail02{
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	padding:3px 10px;
	vertical-align:top;
	text-align:left;
}
.td_mail03{
	text-align:center;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}
.td_mail02, .td_mail03{
	padding:3px 0px;
}

/***** TODO一覧 *****/

/* 表レイアウト */
.th_todo01{
	width:15%;
	border:1px solid #AAAAAA;
	text-align:center;
}
.th_todo02{
	width:55%;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-align:center;
}
.th_todo03{
	width:10%;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-align:center;
}
.th_todo04{
	width:10%;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-align:center;
}
.th_todo05{
	width:10%;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}
.th_todo01, .th_todo02, .th_todo03, .th_todo04, .th_todo05{
	background-color:#F0F0E0;
	text-align:center;
}

.td_todo01{
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	padding:3px 10px;
	vertical-align:top;
	text-align:left;
}
.td_todo02{
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-align:left;
	color:#990000;
}
.td_todo03{
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-align:center;
}

.td_todo02, .td_todo03{
	padding:3px 0px;
}


/*2009/04/13 Arai 走行距離 下部表示用 仮定義*/
.scheduleDay
{
	position:relative;
}

/*2009/03/13 Arai 期間スケジュールＣＳＳがないため 仮定義*/
.scheduleKikan
{
	background-color		: #FFFF99;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;

}

.scheduleKikanToDay
{
	background-color		: #DDFFEE;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.scheduleKikanSunday
{
	background-color		: #FFE0E0;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.scheduleKikanSaturday
{
	background-color		: #E0E0FF;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.scheduleKikanWeek
{
	background-color		: #FFFFE0;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.scheduleKikanOther
{
	background-color		: #D3D3D3;
	color					: #000000;
	text-align				: left;
	vertical-align			: top;

	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;

}

/* 設備予約ＣＳＳがないため 仮定義*/
.setsubiTh01{
    width:10%;
	border:1px solid #AAAAAA;
	background-color:#F0F0E0;
}

.setsubiTh_now, .setsubiTh_off, .setsubiTh_sat, .setsubiTh02 , .setsubiTimeTh_off , .setsubiTimeTh_sat , .setsubiTimeTh02
{
	border-Top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-decoration: none;
	text-align:center;
}
	
/* 今日 */
.setsubiTh_now{
	background-color:#E9FFD9;
}
/* 休日 */
.setsubiTh_off{
	background-color:#FFCCFF;
}	
/* 土曜 */
.setsubiTh_sat{
	background-color:#C0C0FF;
}	
.setsubiTh02{
	background-color:#F0F0E0;
}

/* 時間日付表示用 */
/* 休日 */
.setsubiTimeTh_off
{
	border-left:1px solid #AAAAAA;
	background-color:#FFCCFF;
}	
/* 土曜 */
.setsubiTimeTh_sat
{
	border-left:1px solid #AAAAAA;
	background-color:#C0C0FF;
}	
.setsubiTimeTh02
{
	border-left:1px solid #AAAAAA;
	background-color:#F0F0E0;
}
.setsubiTimeTd02
{
	width:1%;
	height:50px;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}
/* ここまで */


.setsubiTd01{
	vertical-align:top;
	text-align:center;
	line-height:120%;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
	padding-top:15px ;
}

.scheduleHeaderTimeAmTime, .scheduleHeaderTimePmTime, .scheduleHeaderTimeAmMin, .scheduleHeaderTimePmMin
{
	border-top:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	font-weight				: bold;
	width:1%;	
}

.scheduleHeaderTimeAmTime, .scheduleHeaderTimeAmMin
{	
	color					: #603030;
	background-color		: #F0F0E0;
	text-align				: center;
	vertical-align			: middle;
}

.scheduleHeaderTimePmTime, .scheduleHeaderTimePmMin
{	
	color					: #603030;
	background-color		: #F0F0E0;
	text-align				: center;
	vertical-align			: middle;
}

.scheduleHeaderTimeAmMin
{
	border-bottom:1px solid #AAAAAA;
}

.scheduleHeaderTimePmMin
{
	border-bottom:1px solid #AAAAAA;
}

.setsubiTd01
{
	width:1%;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.setsubiTd02
{
	width:1%;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.yoyakuZumi
{
	width:1%;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color		: #CCFFCC;

}


/* マスタＣＳＳがないため 仮定義*/
.MstTh01{
	border:1px solid #AAAAAA;
	background-color:#F0F0E0;
	padding-left:5px;
	padding:0px 2px 0px 2px;
	white-space: nowrap;
}

.MstTh02{
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
	padding:0px 2px 0px 2px;
	white-space: nowrap;
}
.MstTd01
{
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	padding:0px 2px 0px 2px;
}

.MstTd02
{
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	padding:0px 2px 0px 2px;
}

.listTable
{
	background-color: #fff;
	width: 100%;
	font-size: 90%;
	white-space: nowrap;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.wrapListTable
{
	background-color: #fff;
	width: 100%;
	font-size: 90%;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.listTableHeader
{
	background-color : #F0F0E0;
}

.listth01
{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	text-decoration:none;
	padding:0px 2px 0px 2px;
}

.listtd01
{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding:0px 2px 0px 2px;
}

.listth02
{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	text-decoration:none;
	padding:0px 2px 0px 2px;
}

.listtd02
{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding:0px 2px 0px 2px;
}

.listTableBig
{
	background-color: #fff;
	width: 100%;
	font-size: 110%;
	white-space: nowrap;
}

.listTableBigHeader th
{
	color					: #A03030;
	background-color		: #F0F0E0;
	font-size: 110%;
	padding: 3px;
	white-space: nowrap;
	border-top:1px solid #AAAAAA;

}


.searchTable
{
	background-color: #fff;
	margin:  5px 0px 0px 0px;
}

.topLabel
{
	height					: 15px;
	width					: auto;
	color					: #FFFFFF;
	background-image		: url(images/bg-menu-main.gif);
	background-repeat		: repeat-x;
	background-color		: #5D7B9D;
	font-weight				: bold;
	text-align				: left;
	text-indent				: 10px;
	vertical-align			: bottom;
}

.toolTip{ position: relative; }   
.toolTip span{   
    display: block;   
    border: solid 2px #999;   
    background-color: #ffffff;   
    color: #000000;   
    text-decoration: none;   
    position: absolute;   
    top: -40px;   
    left: 30px;   
    padding: 5px;   
    visibility: hidden;   
    width: 400px;  

}  

.toolTipNotesLink{ position: relative; }   
.toolTipNotesLink span{   
    display: block;   
    border: solid 2px #999;   
    background-color: #ffff99;   
    color: #FF0000;   
    text-decoration: none;   
    position: absolute;   
    top: -40px;   
    left: 30px;   
    padding: 5px;   
    visibility: hidden;   
    width: 400px;  
    text-align:left; 
}  

.toolTipNotes{ position: relative; }   
.toolTipNotes span{   
    display: block;   
    border: solid 2px #999;   
    background-color: #ffff99;   
    color: #FF0000;   
    text-decoration: none;   
    position: absolute;   
    top: -40px;   
    left: 30px;   
    padding: 5px;   
    visibility: hidden;   
    width: 400px;  
    text-align:left; 
}  

 

.GGLHeader
{
	
	background-image	: url(../images/common/bg.jpg);
	background-repeat	: repeat-x;
	background-color	: #5D7B9D;
	width				:100%;
}

.GGLmidashi
{
	background-image		: url(../images/common/bg.jpg);
	background-repeat		: repeat-x;
	background-color		: #5D7B9D;
	border-right	:solid 2px #555555;
	border-bottom 	:solid 2px #222222;
	font-weight		:bold;
}

  
a.toolTip:hover,a.toolTip:hover span{ visibility: visible; z-index: 100; }  
a.toolTipNotesLink:hover,a.toolTipNotesLink:hover span{ visibility: visible; z-index: 100; }  
div.toolTipNotes:hover,div.toolTipNotes:hover span{ visibility: visible; z-index: 100; }  

/*　予実　*/

.yojitsu {
	border	:1px solid #C8C9C7;
	width	:400px;
	border-collapse: collapse;
	border-spacing	: 2px;
}

.yojitsu th
{
	border	:1px solid #C8C9C7;
	background-color: #E9E9E8;
	padding	:2px;
}

.yojitsu td
{
	border	:1px solid #C8C9C7;
	padding	:2px;
	vertical-align:top;
	text-align:left;
}


.nippo {
	border	:1px solid #C8C9C7;
	width	:550px;
	border-collapse: collapse;
	border-spacing	: 2px;
}

.nippo th
{
	border	:1px solid #C8C9C7;
	background-color: #D2FF9D;
	padding	:2px;
}

.nippo td
{
	border	:1px solid #C8C9C7;
	padding	:2px;
}


/* 集計管理用 */
/* 氏名用 */
.sth01{
    width:100px;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
	white-space: nowrap;
	min-width:100px;
}
.std01
{
	width:100px;
	vertical-align:top;
	text-align:center;
	line-height:120%;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
	padding-top:15px ;
	white-space: nowrap;
	min-width:100px;
}
	
/* 表レイアウト */
.sth02 {
	width:100px;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
	text-decoration: none;
	white-space: nowrap;
	min-width:100px;
}
.std02{
	width:100px;
	padding:5px 10px;
	vertical-align:top;
	line-height:120%;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	text-decoration: none;
	white-space: nowrap;
	min-width:100px;
}


/* システムからのお知らせ */

.sysInfo {
	border	:1px solid #AAAAAA;
	width	:450px;
	border-collapse: collapse;
	border-spacing	: 0px;
		padding:0px 2px 0px 2px;
}

.sysInfo th
{
	border	:1px solid #AAAAAA;
	background-color: #FFFFFF;
	padding	:0px;
}

.sysInfo td
{
	border	:1px solid #AAAAAA;
	background-color: #FFFFFF;
	padding	:0px;
}

/*ほけんメニュー用*/

.hm_jigyo
{
	font-size:21px;
	background-image:url(../images/hoken/img/hm01.gif);
	background-repeat:no-repeat;	
	
	background-size: contain;
	padding-left:15px;
	color:#ff6633;
	margin-bottom:12px;
	margin-top:10px;
	
}

.hm_sub
{
	font-size:17px;
	background-image:url(../images/hoken/img/hm02.gif);
	background-repeat:no-repeat;	
	
	padding-top:1px;
	padding-left:21px;
	margin-left:12px;
	margin-bottom:2px;
	
}


/* 予約管理 */

.rsTh01{
    width:200px;
	border:1px solid #AAAAAA;
	background-color:#F0F0E0;
}

.rsTd01{
	vertical-align:top;
	text-align:center;
	line-height:120%;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:#F0F0E0;
	padding-top:15px ;
	width: 200px;
}

.rsHeaderDate
{
	border-top:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	font-weight				: bold;
	width:60px;	
	color					: #603030;
	background-color		: #F0F0E0;
	text-align				: center;
	vertical-align			: middle;
}

.rsHeaderTime
{	
	color					: #603030;
	background-color		: #F0F0E0;
	text-align				: center;
	vertical-align			: middle;
	width: 40px;
}

.scheduleHeaderTimeAmMin
{
	border-bottom:1px solid #AAAAAA;
}

.scheduleHeaderTimePmMin
{
	border-bottom:1px solid #AAAAAA;
}

.setsubiTd01
{
	width:1%;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.setsubiTd02
{
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.rsTimeTd02
{
	width:50px;
	height:50px;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}


.rsYoyakuZumi
{
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color		: #CCFFCC;
	text-align:center;
	width:52px;

}

/* TopPage 掲示板*/
/* 偶数行の背景色指定 */
table.info tr:nth-child(2n - 1) {
 background: #ded;
}