@charset "UTF-8";

/*div位置調整*/
html, body {
	min-height: 768px;
	width: 98%;
}


textarea {
	max-width: 9em;
	max-height: 3em;
	min-width: 6em;
	min-height: 1em;
	width:8.5em;
	height:3em
}
table#confTable {
	table-layout: fixed;
}

h2{
	color:white;
	text-shadow: 0 -1px 1px #000, 1px 1px 1px #fff;
}


.NoLineBreaks{
	display: inline
}


.header-base{
	margin: 0 3em;
	position: relative;
	width: 110%; /* 幅 */
	height: 5em; /* 縦 */
	z-index: 1;
	left: -4em;
	top:-1em;
	box-shadow: 2px 2px 1em 1px #666;
}

.header-top{
	background: linear-gradient( to bottom, white 0%,#FFCC66 70%, #FF9933 120%);
}
.header-conf{
	background: linear-gradient( to bottom, white 0%,#FFFF66 50%, #FFCC33 130%);
}
.header-modif{
	background: linear-gradient( to bottom, white 0%,#99CCFF 70%, #6666FF 120%);
}
.header-manag{
	background: linear-gradient( to bottom, white 0%,#33FF99 70%, #33CC66 120%);
}
.header-holid{
	background: linear-gradient( to bottom, white 0%,#FF9999 60%, #FF6666 120%);
}

.top-header-in{
	padding-left:5em;
	padding-top:1em;

}
.yoko{
	z-index: 2;
	left: 4em;
	margin-top: 9em;
}


.posiCenter {
	text-align:center;
	padding-top:2em;
	margin-left:auto;
	margin-right:auto;
}

.Center {
	text-align:center;
	margin-left:2em;
	margin-right:2em;
}

.Center-tb {

	padding-top:2.2em;
	padding-bottom:2.2em;
}
.Center-lr {
	width:40em;
	margin:0px auto;
	}
p{
	font-size: 0.6em;
	line-height: 0.7em;
}
.write{
	font-size: 1em;
	margin-left: 2em;
	text-align: left;
	line-height: 0.8em;
}
.write2{
	font-size: 1.5em;
	margin-right:13em;
}
/*印刷ボタン*/
@media print{
	.noprint {
		display: none;
	}
	.header {
		font-size:40px;
		text-align:center;
	}
}

/*チェックボックスの大きさ調整*/
input.checkB{
	transform: scale(1.5);
}

/*ボタン共通処理*/
button {
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em 0.8em;
	color:#FFFFCC;
	border-width: 0.2em;
	border-radius:0.2em;
	margin:0.4em;
	box-shadow: 2px 2px 3px 1px #666;

}

button.top-button {
	font-size: 1.4em;
	padding: 0.3em 0.33em;
}

button.yellowB {
	background-color: #FFCC66;
	border-color:#FFFF66;
	color:#666633;
}

button.redB {
	background-color: #FF6666;
	border-color:#FF9999;
}

button.blueB {
	background-color: #6699FF;
	border-color:#99CCFF;
}

button.greenB {
	background-color: #66CC66;
	border-color:#99FF66;
}

button.whiteB {
	background-color: #FF6699;
	border-color:white;
	color:white;
	font-weight: bold;
}

button.top-conf {
	background-color: #FFCC66;
	border-color:#FFFF66;
	color:#666633;
	padding: 0.2em 1.2em;
	font-size: 2.4em;
	margin-right: 2em;
}

button.top-modif {
	background-color: #6699FF;
	border-color:#99CCFF;
	padding: 0.5em 0.25em;
	font-size: 1.3em;
	font-feature-settings: "palt";
}

button.top-manag {
	background-color: #33CC66;
	border-color:#33FF99;

}

button.top-holid {
	background-color: #FF6666;
	border-color:#FF9999;
	color:#FFFFFF;

}

button:hover {
	/* 透明度を20%に指定 */
	opacity: 0.9;
	border-color:#FFFFFF;
}

button:active{
	border-color:#D9D9D9;
	box-shadow:inset 0px 0px 2px #3a6da0;
}

.button-return {
	display: inline-block;
	font-size: 9pt;
	text-decoration: underline;
	outline:0;
	color: #ff0000;
	padding: 0.5px;
	background-color: Transparent;
	background-repeat:no-repeat;
	border: none;
	cursor:pointer;
	overflow: hidden;
}

.button-return:hover {
	color: #ff00ff;
}

button:focus {
	outline:0;
}
.topCancelLine{
	display: inline;
}

/*テーブル*/

.youbi{
	width:3em;
}

.colorfullSEKAI_{
	background-color:green;
}


/* TH用のカラーセット */
/*bright theme*/
/*red*/
.colorfullSEKAI_1{
	background-color:#FF0000;
	color :white;
}
.colorfullWorld_1{
	background-color: rgba(255,0,0,0.5);
}
.helloWorld_1{
	background-color: rgba(255,0,0,0.7);
}
/*orange*/
.colorfullSEKAI_2{
	background-color:#FF6600;
	color :white;
}
.colorfullWorld_2{
	background-color: rgba(255,102,0,0.5);
}
.helloWorld_2{
	background-color: rgba(255,102,0,0.7);
}
/*yellow*/
.colorfullSEKAI_3{
	background-color:#FFFF00;
	color :black;
}
.colorfullWorld_3{
	background-color: rgba(255,255,0,0.5);
}
.helloWorld_3{
	background-color: rgba(255,255,0,0.7);
}
/*light green*/
.colorfullSEKAI_4{
	background-color:#00FF00;
	color :black;
}
.colorfullWorld_4{
	background-color: rgba(0,255,0,0.5);
}
.helloWorld_4{
	background-color: rgba(0,255,0,0.7);
}
/*green*/
.colorfullSEKAI_5{
	background-color:#33CC00;
	color :white;
}
.colorfullWorld_5{
	background-color: rgba(51,204,0,0.5);
}
.helloWorld_5{
	background-color: rgba(51,204,0,0.7);
}
/*skyblue*/
.colorfullSEKAI_6{
	background-color:#99CCCC;
	color :black;
}
.colorfullWorld_6{
	background-color: rgba(153,204,204,0.5);
}
.helloWorld_6{
	background-color: rgba(153,204,204,0.7);
}
/*blue*/
.colorfullSEKAI_7{
	background-color:#3333CC;
	color :white;
}
.colorfullWorld_7{
	background-color: rgba(51,51,204,0.5);
}
.helloWorld_7{
	background-color: rgba(51,51,204,0.7);
}
/*purple*/
.colorfullSEKAI_8{
	background-color:#990099;
	color :white;
}
.colorfullWorld_8{
	background-color: rgba(153,0,153,0.5);
}
.helloWorld_8{
	background-color: rgba(153,0,153,0.7);
}

/*mono theme*/
/*white*/
.colorfullSEKAI_9{
	background-color:#F6F6F6;
	color :black;
}
.colorfullWorld_9{
	background-color: rgba(246,246,246,0.5);
}
.helloWorld_9{
	background-color: rgba(129,129,129,0.3);
}
/*gray*/
.colorfullSEKAI_10{
	background-color:#818181;
	color :white;
}
.colorfullWorld_10{
	background-color: rgba(129,129,129,0.5);
}
.helloWorld_10{
	background-color: rgba(129,129,129,0.7);
}

/*black*/
.colorfullSEKAI_11{
	background-color:#222222;
	color :white;
}
.colorfullWorld_11{
	background-color: rgba(34,34,34,0.5);
}
.helloWorld_11{
	background-color: rgba(34,34,34,0.7);
}

/*pale theme*/
/*red p*/
.colorfullSEKAI_12{
	background-color:#FFC0CB;
	color :black;
}
.colorfullWorld_12{
	background-color: rgba(255,192,203,0.3);
}
.helloWorld_12{
	background-color: rgba(255,192,203,0.7);
}

/*orange p*/
.colorfullSEKAI_13{
	background-color:#FFCC66;
	color :black;
}
.colorfullWorld_13{
	background-color: rgba(255,204,102,0.5);
}
.helloWorld_13{
	background-color: rgba(255,204,102,0.7);
}

/*yellow p*/
.colorfullSEKAI_14{
	background-color:#FFFF66;
	color :black;
}
.colorfullWorld_14{
	background-color: rgba(255,255,102,0.3);
}
.helloWorld_14{
	background-color: rgba(255,255,102,0.7);
}

/*light green p*/
.colorfullSEKAI_15{
	background-color:#99FF99;
	color :black;
}
.colorfullWorld_15{
	background-color: rgba(153,255,153,0.3);
}
.helloWorld_15{
	background-color: rgba(153,255,153,0.7);
}

/*green p*/
.colorfullSEKAI_16{
	background-color:#00CC66;
	color :black;
}
.colorfullWorld_16{
	background-color: rgba(0,204,102,0.5);
}
.helloWorld_16{
	background-color: rgba(0,204,102,0.7);
}

/*skyblue p*/
.colorfullSEKAI_17{
	background-color:#99FFFF;
	color :black;
}
.colorfullWorld_17{
	background-color: rgba(153,255,255,0.3);
}
.helloWorld_17{
	background-color: rgba(153,255,255,0.7);
}

/*blue p*/
.colorfullSEKAI_18{
	background-color:#6699FF;
	color :black;
}
.colorfullWorld_18{
	background-color: rgba(102,153,255,0.5);
}
.helloWorld_18{
	background-color: rgba(102,153,255,0.7);
}

/*purple p*/
.colorfullSEKAI_19{
	background-color:#9966FF;
	color :white;
}
.colorfullWorld_19{
	background-color: rgba(153,102,255,0.5);
}
.helloWorld_19{
	background-color: rgba(153,102,255,0.7);
}

/*deep theme*/
/*red d*/
.colorfullSEKAI_20{
	background-color:#990000;
	color :white;
}
.colorfullWorld_20{
	background-color: rgba(153,0,0,0.5);
}
.helloWorld_20{
	background-color: rgba(153,0,0,0.7);
}

/*orange d*/
.colorfullSEKAI_21{
	background-color:#CC6633;
	color :white;
}
.colorfullWorld_21{
	background-color: rgba(204,102,51,0.5);
}
.helloWorld_21{
	background-color: rgba(204,102,51,0.7);
}

/*yellow d*/
.colorfullSEKAI_22{
	background-color:#d3d818;
	color :black;
}
.colorfullWorld_22{
	background-color: rgba(211,216,24,0.5);
}
.helloWorld_22{
	background-color: rgba(211,216,24,0.7);
}
/*light green d*/
.colorfullSEKAI_23{
	background-color:#009900;
	color :white;
}
.colorfullWorld_23{
	background-color: rgba(0,153,0,0.5);
}
.helloWorld_23{
	background-color: rgba(0,153,0,0.7);
}
/*green d*/
.colorfullSEKAI_24{
	background-color:#006600;
	color :white;
}
.colorfullWorld_24{
	background-color: rgba(0,102,0,0.5);
}
.helloWorld_24{
	background-color: rgba(0,102,0,0.7);
}

/*skyblue d*/
.colorfullSEKAI_25{
	background-color:#006699;
	color :white;
}
.colorfullWorld_25{
	background-color: rgba(0,102,153,0.5);
}
.helloWorld_25{
	background-color: rgba(0,102,153,0.7);
}

/*blue d*/
.colorfullSEKAI_26{
	background-color:#000066;
	color :white;
}
.colorfullWorld_26{
	background-color: rgba(0,0,102,0.5);
}
.helloWorld_26{
	background-color: rgba(0,0,102,0.7);
}

/*purple d*/
.colorfullSEKAI_27{
	background-color:#660066;
	color :white;
}
.colorfullWorld_27{
	background-color: rgba(102,0,102,0.5);
}
.helloWorld_27{
	background-color: rgba(102,0,102,0.7);
}


/*曜日カラムのサイズ設定*/
#mainTable table tr th:nth-of-type(1){
	text-align:center;
	width:3em;
}
#mainTable table tr td:nth-of-type(1){
	text-align:center;
}


.print {
	visibility: hidden; /* [A] */
}

.dayprint{
	visibility: hidden; /* [A] */
}
/*	本番ではカラムの色変更があるため、このtable tr th:nth-of-type(x)のcssは使用しない*/
/*	実装時に様子見ながら別途css書きます*/


#holidTable table{
	margin-right:auto;
	margin-left:auto;
	width:30em;
}

#holidTable table tr th:nth-of-type(n){
	text-align:center;
	/*background-color:#FF9933;*/
	background-color:#FF6666;
	color:#FFFFFF;
}

#holidTable table tr th:nth-of-type(1){
	width:3em;
}

#holidTable table tr th:nth-of-type(4){
	width:4em;
}

#holidTable table tr td:nth-of-type(n){
	/*background-color:#FFCC66;*/
	background-color:#FF9999;
	color:#330000;
}
/*
table tr:nth-child(2n){
	font-weight: bold;
	opacity:0.7;
	font-size: 0.98em;
	font-feature-settings: "palt";
	letter-spacing:-0.06em;
	color:#000000;
}

 */
input:not(#changeDay):not(#changeName):not(.changeDay-Name):not(.jogai){
	background-color:rgba(255,255,255,0);
	outline: none;
	border:none;
}
.jogai{

}

input.NumberofPaeopple{
	background-color:rgba(255,255,255,0.8);
	width: 95%;
	outline: none;
	border:none;
	margin:0.2em;
}

.width-8em{
	font-size: 1em;
	width:8.5em;
	font-weight: bold;
	padding-top:0.4em;
	padding-bottom:0.8em;
	padding-left:0.3em;
	padding-right:0.3em;
}
.width-6em{
	font-size: 1em;
	width:10em;
	font-weight: bold;
	padding-top:0.4em;
	padding-bottom:0.8em;
	padding-left:0.3em;
	padding-right:0.3em;
}
.width-7em{
	font-size: 1em;
	width:7.5em;
	font-weight: bold;
	padding-top:0.4em;
	padding-bottom:0.8em;
	padding-left:0.3em;
	padding-right:0.3em;
}

.width-10em{
	font-size: 0.9em;
	width:10em;
	padding-top:0.4em;
	padding-bottom:0.8em;
	padding-left:0.3em;
	padding-right:0.3em;
}
.posi-right{
	text-align:right;
	margin:0.5em auto 0.5em auto;
}

.posi-fl-right{
	text-align:right;
	width:70%;
	margin-right:2em;
	margin-left:auto;
}

.posi-right{
	text-align:right;
	margin:0.5em auto 0.5em auto;
}

.posi-fl-left50{
	float:left;
	margin-right: initial;
	margin-left: initial;
}

.posi-fl-right50{
	margin-right: initial;
	margin-left: 3.5em;
}

.posi-side30{
	width:30%;
}

.syukujitu {
	background-size:cover;
	border-left: 1.2em solid;
	border-image: linear-gradient(to bottom, #FF9999 0%, #FF3366 100%);
	border-image-slice: 1;
}

.touroku {
	background-size:cover;
	border-left: 1.2em solid;
	border-image: linear-gradient(to bottom, #FFCC33 0%, #FF9933 70%);
	border-image-slice: 1;
}

.changeDay-Name{
	font-size: 1.2em;
	width:11em;
	font-weight: bold;
	padding-top:0.4em;
	padding-bottom:0.4em;
	padding-left:0.3em;
	outline: 1em;

}

input[type=radio] {
	width: 1.6em;
	height: 1.6em;
	vertical-align: middle;
}

.manag-radio[type=radio] {
	width: 1.2em;
	height: 1.6em;
	vertical-align: middle;
}

.checkB-size{
	transform:scale(1.5)
}

.kanri {
	background-size:cover;
	border-left: 1.2em solid;
	border-image: linear-gradient(to bottom, #33FF99 0%, #33CC66 100%);
	border-image-slice: 1;
}

.posi-right{
	text-align:right;
	margin:1em auto 0em auto;
}

.posi-fl-right{
	text-align:right;
	width:70%;
	margin-right:2em;
	margin-left:auto;
}

.posi-fl-left{
	float:left;
	width:30%;
	margin-left:2em;
}

.cp_ipselect {
	overflow: hidden;
	width: 90%;
	margin: 2em auto;
	text-align: center;
}

input.place{
	background-color:rgba(255,255,255,0.8);
	width: 7em;
	outline: none;
	border:none;
	padding-top:0.4em;
	float:left;
	margin-right:auto;
}

.kakunin {
	background-size:cover;
	border-left: 1.2em solid;
	border-image: linear-gradient(to bottom, #FFFF66 0%, #FFCC66 100%);
	border-image-slice: 1;
}
.syusei {
	background-size:cover;
	border-left: 1.2em solid;
	border-image: linear-gradient(to bottom, #99CCFF 0%, #6666FF 100%);
	border-image-slice: 1;
}

.confirmationBorder,.holidayBorder{border-collapse: collapse;}

.printDays{text-align:left;}

.flagNone,.displayNone{display:none;}

.holidayTable{
	display: table;
	margin:auto;
	text-align:center
}

.errorBorder{border:2px red solid;}

.errorCenter{text-align:center; color:red;}

.holidayAbsolute{position:absolute;}

.numberRoles{
	color:white;
	font-weight: normal;
	font-size:1em;
	text-shadow: 0 -1px 1px #000, 2px 2px 2px #808080;
}

.numberRolesTr{
	text-align:center;
}


.modifNumRoles{
	text-align:center;
	padding-top:2em;
	margin-left:auto;
	margin-right:auto;

}

.centerNumRoles{
	margin-left:auto;
	margin-right:auto;

}

#modifNumRoles table{
	margin-right:auto;
	margin-left:auto;
	width:30em;
	display:table;
	margin: 2em auto;
}