/*
**	プランニング表 の CSS
**
*/
/* タイトル部 */
DIV#planningTableHead {
	background:#ccc; font-size:0.8em; font-weight:bold;
	margin:0.5em 0 0 0; padding:0.2em 1em;
}


/*		計画書の日程欄 日程、コース(3日分)		*/
table#scheduleTextTable {
 border-collapse:collapse; width:100%;
 margin:0em; }
 table#scheduleTextTable tr th { border:1px solid #888;
 font-size:0.9em; background-color:#eee; padding:0.2em; }
 table#scheduleTextTable tr td { border:1px solid #888; line-height:1.4em;
 font-size:0.85em; padding:0.4em; }
 table#scheduleTextTable tr th#nittei { width:20%; text-align:center; }
 table#scheduleTextTable tr th#course { width:80%; text-align:center; }
 table#scheduleTextTable tr td:nth-child(1) { text-align:center; }
 table#scheduleTextTable tr td:nth-child(2) { text-align:left; }
 table#scheduleTextTable dfn { font-weight:normal; font-size:0.8em; }
DIV#scheduleTableHead {
	padding:0.3em 1em; margin:1em 0 0 0; font-size:0.8em; font-weight:bold;
	background-color:#ddd; }
#scheduleTableHead A#toClipBtn {
	/* クリップボードへボタン */
	background:#dde; color:#88c; border:2px solid #88a; font-size:0.65rem;
	padding:1px 1em; margin-right:1em; border-radius:3px;
	display:inline-block; float:right;
}


/* 表本体 */
table#planningTable {
	border-collapse:collapse;
	width:100%;
	margin:0;
	table-layout: fixed;
	position:static;
}
table#planningTable tr td {
	border:1px solid #bbb; color:#333; font-size:0.7em; text-align:center;
	overflow:hidden; 
}
table#planningTable tr th {
	border:1px solid #ddd;
	background-color:#888;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:0.70em; 
	line-height:1.1em;
	padding:2px;
}
#planningTable .cell_location { width:18%; }
#planningTable .cell_hour { width:5%; }
#planningTable .cell_minute { width:5%; }
#planningTable .cell_stay { width:5%; }
#planningTable .cell_travel { width:5%; }
#planningTable .cell_trans { width:5%; }
#planningTable .cell_memo { width:16%; }
#planningTable .cell_gene1 { width:5%; }
#planningTable .cell_geneout { width:8%; }
#planningTable .cell_lat { width:5%; }
#planningTable .cell_lng { width:5%; }
#planningTable .cell_mapper { width:13%; }
#planningTable .cell_command { width:5%; }


#planningTable th.cell_hour , #planningTable th.cell_minute { background-color:#889; }
#planningTable td:nth-child(2) { border-right:1px dotted #aaa; text-align:right; padding-right:1.0em; font-weight:500;}
#planningTable td:nth-child(3) { border-left:none; font-weight:500;}
#planningTable td:nth-child(7) { letter-spacing:1px; }
#planningTable th.cell_stay { background-color:#988; }
#planningTable th.cell_travel { background-color:#899; }

#planningTable .inputCell {
 font-size:0.8em; line-height:1.1em;
 padding:0.4em 0.2em; over-flow:hidden;
 background-color:#fff;
}
#planningTable .numw {
 letter-spacing:1px;
 font-weight:500;
}

#planningTable .snum {
	letter-spacing:-0.05em;
	}
#planningTable .fixedCell {
 font-size:0.8em;
 padding:0.15em;
 color:#555;
 background-color:#eee;
 font-weight:normal;
 white-space:nowrap;
}
#planningTable .narrowCell {
 font-size:0.7em;
 padding:1px;
 letter-spacing:-25%;
 line-height:0.8em;
 overflow:hidden
 color:#888;
 background-color:#eef;
 text-align:left; white-space:nowrap;
 overflow:hidden;
}

#planningTable td.rowCommand {
 overflow:hidden; white-space: nowrap; padding:0; }
	
#planningTable .rowCommand a {	/* 追加、削除ボタン */
	font-family:'arial black'; font-weight:bold; color:#6cc; background:#eff;
	border:1px outset #bdd; margin-left:1px; width:0.8rem; display:inline-block;
	border-radius:3px; 
}
#planningTable .rowCommand a:hover { background:#FFF; }
	
#planningTable .mapCommand { color:#020; letter-spacing:-1px; margin:0; }

/* 地図機能ボタン */
#planningTable .mapCommand a {
	border:1px outset #8d8; background:#dfd;  
	width:1.2em; margin-left:2px; padding:2px 1px; 
}
#planningTable .mapCommand a:hover {
	background:#FFF; border-color:#aFa; }

table#planningTable tbody { position:relative; }

DIV.rowNumbers {	/* 先頭に入れこむ番号用 */
	position:relative; font-size:0.7em; color:#ccd; font-family:arial;
	border:1px solid #ccd; width:1.5em; height:1.1em; text-align:center; vertical-align:top;
	border-radius:3px; left:2px; top:4px;
}
@media screen and ( max-width:800px ) {
 /* スマホ時 6,9行目を隠す */
 table#planningTable tr th:nth-child(6) , table#planningTable tr td:nth-child(6) , 
 table#planningTable tr th:nth-child(9) , table#planningTable tr td:nth-child(9) {
  display: none ;
 }
}

/* エラーメッセージ欄  移動する版 */
div#planSheetErrorDIV {
	display:none;
	background:rgba( 250,200,200,0.5); color:#400; border:1px solid #a22;
	font-size:0.8rem; padding:0.2rem;
	position:relative;
	left:20rem; top:10rem;
}

/*	シート名称、日付入力、ページ切り替え部 CSS		*/
DIV#sheetFuncBox {
	width:100%; margin:0; padding 0;
}
table#sheetNameTable {
	border-collapse:collapse; margin:1px 0px; width:100%;
}
table#sheetNameTable tr th , #sheetNameTable tr td {
	border:1px solid #ccc; padding:0.1em; text-align:center;
}
table#sheetNameTable tr th {
 background-color:#ddd; font-weight:bold; font-size:0.7em; line-height:1em;
}
table#sheetNameTable tr td {
	background-color:#fff; font-size:0.8em; line-height:1em;
}
table#sheetNameTable tr td#sheet-1, table#sheetNameTable tr td#sheet-2, table#sheetNameTable tr td#sheet-3 {
	width:3em; background-color:#eee; text-decoration:underline; }
table#sheetNameTable tr td#hiddenSwitchCell {
	background-color:#def; font-size:0.75em; width:10em;
	border-left:2px solid #ddd;
 }
table#sheetNameTable tr th.sheeth { border-left:4px; border-right:2px; }
table tr td#sheetNameBox { width:20em; }
input#startDateInput {
	border:1 solid #aaa; border-radius:5px;
	line-height:1.1em; padding:2px 8px; margin:1px; height:1.8em;
}
table#sheetNameTable a.pageSelector {
	padding:2px 4px; border:2px solid #777; border-radius:4px;
	font-size:0.8em; font-weight:bold; color:#333;
}
table#sheetNameTable a.pageSelector:hover {
	background:#fee;
}
 
/* 	マップ関連 	*/
a#mapOpenClose {
	display:inline-block; float:right ; color:#393; font-weight:bold;
	font-size:0.8em; border:1px solid #8c8; border-radius:4px;
	padding:1px 4px;
}
div#mapBoxTitle a#mapOpenClose:hover { background:#efe; }
div#mapBox { 
	width:100%; height:auto; margin:0.5em 0; border:2px solid #aca;background:#efe; 
	position:relative;
	}
div#myMap {
	width:99.9%; height:600px; border:1px solid #ccc; text-align:center;
	margin:1px; padding:0;
}
div#mapCommand {
	font-size:0.75em; margin:0.1em 0.2em;
	white-space: nowrap;
	overflow: hidden;
}
div#mapCommand #mnameInput , div#mapCommand #myomiInput , div#mapCommand #kenmeiInput{
	width:8em; padding:0.1em; font-size:0.85em; margin:0.1em 0.6em;
	border:1px solid #ccf;
}

div#mapMessage {
	display:none;
	background:rgba( 220,220,240,0.9 ); border:2px solid #aac; color:#222;
	font-size:0.8em; padding:0.8em;
	position:absolute; z-index:1000;
	width:80%; height:80%; left:10%; top:10%;
	overflow-y: scroll;
	white-space: pre-wrap;
}
div#mapMessage em {
	font-weight:bold ;
	color:#008;
}
div#mapErrorOut {
	/* エラーメッセージ専用 */
	display:none;
	background:#fdd; opacity:0.95;
	border:3px inset #daa; padding:1em 2em;
	font-size:1em; color:#400; font-weight:500;
	position:absolute; left:30%; top:40%;
	width:40%; height:20%;
	text-align:center; vertical-align:middle;
	z-index:1100;
}


div#mapMessage div#mapResultUnder {
	position:absolute; right:5px; top:5px;
	float:right;
	display:block;width:100%;overflow:hidden;clear:both;
}
div#mapMessage div#mapResultUnder a.messageCloser {
	/* 検索結果 の閉じる、寄せるボタンアイコン*/
	display: inline-block; font-size:32px;
	color:#44f; width:40px height:40px; margin:0; padding:0;
	float: right ;
	z-index:1000;
}
div#mapMessage div#mapResultUnder a.messageCloser:hover {
	background:#eef;
}
div#mapCommand a , div#mapMessage a.focusButton {
	font-size:0.85em; color:#228; background:#EEF;
	border:2px outset #aaf; padding:0.1em 0.8em; margin:0 0.25em; border-radius:0.25em;
}

div#mapMessage a.highSwitcher {
	font-weight:bold; color:#448;
	padding:0.2em 1em; border:1px solid #66a; margin:0.25em 0;
	background:#ccf;
	border-radius:4px;
}
div#mapMessage a.highSwitcher:hover {
	color:#44f; background:#eef; 
}

div#mapMessage a.addAnchor {
	padding:2px 10px; border:1px solid #448; border-radius:2px;
}
div#mapMessage a.addAnchor:hover {
	background:#ccf; 
}
div#mapMessage a.wpLookBtn {
	padding:1px 3px; margin-left:2em; border:1px solid #55a; background:#ddf;
	font-size:90%; color:#44f; border-radius:2px;
}
div#mapMessage a.wpLookBtn:hover {
	background:#fff;
}
div#mapMessage a.wpLookBtn:hover {
	color:#22f; text-decoration:underline;
}
div#mapMessage div#mapInsertBox {
	/* 中間点入りの結果テキスト */
	width:90%; height:auto; margin-left:1.0em; margin-top:0.5em;
	font-size:0.95em;
	padding:0.2em;
	border:1px dotted #88a; border-radius:3px;
}
div#mapMessage kbd {
	/* 中間点 結果テキスト内の「1」*/
	padding:0 2px; border:2px solid #999;
	font-weight:600;
	border-radius:25%;
}
	
/* マップここまで */


/** 	ファイル関連エリアの装飾	**/
div#fileSysBox {
	margin:0; padding:0.5rem; font-size:0.9rem; color:#669;
	border:1px solid #ccd; position:relative;
	border-radius: 0 0 8px 8px;
}
div#fileSysBox hr { text-align:center; border-top:1px dotted #cce; width:98%; }			
div#fileSysBoxH {
	font-weight:600; font-size:0.8em;
	margin:0m; padding:0.25rem 2rem;
	background-color:#ccd;
	border-radius: 8px 8px 0 0 ;
}
div#fileSysBoxH  a {
	/* タイトルヘッダの隠すボタン */
	font-size:0.75em; font-weight:bold;
	color:#446; padding:2px 4px;
	border:1px solid #446; border-radius:4px;
}
div#fileSysBoxH  a:hover {
	background:#eef;
}
button.fileButton , button.loadButton { 
margin:1px 0.5em; display:inline-block; width:10rem;
background-color:#ebb; font-size:0.75em; vertical-align:top ;
border:2px outset #f88; height:1.6em;
}
#fileSysBox button.loadButton { 
background-color:#bbe; border:2px outset #88f;
}
#fileSysBox input.csvButton {
margin:0.1em 0.5em; padding:0.1em 1em;
background-color:#fdd; font-size:0.8em;
border:2px outset #f66; color:#844; }
#fileSysBox hr {
margin:0.5em; padding:0; width:90%; }
#fileSysBox .iBox {
	height:1.8em;
	margin:0.1em; padding:0.2em; display:inline; font-size:0.8em; 
}
#fileSysBox div#sampleSelector {
	font-size:0.8em; color:#448; margin:0.2em 0.5em;
}
#fileSysBox A {
	background:#cce; color:#44a; border:1px outset #66f; padding:0em 1em;
	margin-right:1em; display:inline-block;
}
#fileSysErrorBox {
	color:#622; width:50%;
	font-size:0.8em; padding:0.5rem 1rem; 
	background:#fee; border:2px solid #ecc; 
	position:absolute ;
	left: 25%; top: -10%;
	display:none; }
	
/* ファイル機能ここまで */

/* ヘルプ表示 */
div#helpDocs { 
	margin-top:0.2rem; font-size:0.8rem; padding:0.2rem;
	position:relative; background:#efe; color:#363; z-index:500; }
div#helpDocs a {
	display:inline-block; width:auto; text-align:center;
	font-size:0.85em; padding:0.2em 1em; margin-left:1em;
	border-radius:4px;
	color:#252; background:#cec; border:2px outset #8d8; }
div.helpDocBox {
	color :#252; background:rgba(240,250,240,0.9); border:1px solid #484; border-radius:5px; 
	position:absolute; left:4rem; bottom:2rem;
	line-height:1.2rem; font-size:0.95em;
	display:none; padding:1em 1.5rem; width:auto; }
div.helpDocBox em { font-weight:bold; color:#292; }
div.helpDocBox dfn { border:1px solid #262; padding:1px; margin:0.1em; border-radius:0.2em; }