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

/* Proposal */
#beamtime-box {
	width: 900px;
	margin: 5px auto;
  float: left;
}

#beamtime-header {
	font-size: 80%;
	color: #666;
	background-color: #fff7f0;
	border-top: double 5px;
	border-bottom: solid 2px;
	border-color: #d9c7c7;
	width: 900px;
	margin-bottom: 10px;
}

#beamtime-header a:link { 
	color: #661f1f;
}

#beamtime-header a:hover { 
	color: #f00; 
}

#beam-menubox {
	widht: 170px;
	float: right;
	margin-top: 90px;
	margin-left: 20px;
	border: outset 2px #666;
}

#beam-menubox a {
	display: block;
	margin: 2px;
	padding: 5px;
	width: 130px;
	text-decoration: none;
	background-color: #fff7f0;
	border: 2px outset #c4a3a3;
	color: #661f1f;
	font-size: 90%;
}

#beam-menubox a:hover {
	background-color: #d9c7c7;
	color: #f00;
	border-style: inset;
	text-decoration: none; 
}

#beam-mainbox {
	width: 720px;
	margin-top:20px;
}

#beam-mainbox .title {
	clear: both;
	border-left: 1.5em solid #a35151;
	background-color:#cc7a7a;
	line-height:0.1em;
	width: 96%;
	}
	
#beam-mainbox .title h5{
	margin: 0;
	padding: 1em 0 1em 1em;
	background-color:#e8cfcf;
	border-top: 3px solid #990000;
	font-size: 110%;
	color: #ffffff;
	font-weight: bold;
	}

#navibox {
	font-size: 80%;
	color: #666;
}

#navibox ul {
	text-align: right;
}
	
#navibox li {
	display: inline;
	margin-right: 5px;
	padding: 2px 5px;
	border:  solid 1px #ccc;
	background-color: #fffdee;
	text-align: center;
}


/* @table-style */

#table-box {
	width: 720px;
	margin: 0px 0px 10px 5px ;
	font-size: 85%;
}

#table-box table.monthbox {
	border-collapse: separate;
	border-spacing: 0px;
	border: 4px solid;
	border-color: #999 #666 #666 #999;
	font-size: 85%;
	color: #333;
}

#table-box table.monthbox caption {
	font-size :130%;
	color: #fff;
	background-color: #333;
}

#table-box table.monthbox thead th {
	border: 2px solid;
	border-color: #f5f5f5 #aaa #aaa #f5f5f5;
	border-bottom: 3px double #aaa;
	background-color: #eee;
	height: 5px;
	width: 93px;
}

#table-box table.monthbox th.sun {
	color: #dc143c;
}

#table-box table.monthbox th.sat {
	color: #0000cd;
}

#table-box table.monthbox td {
	border: 2px solid;
	border-color: #f5f5f5 #aaa #aaa #f5f5f5;
	padding: 2px;
	width: 80px;
	text-align: center;
}

#table-box table.monthbox td.sun {
	color: #dc143c;
}

#table-box table.monthbox td.sat {
	color: #0000cd;
}

#table-box table.monthbox td.hol {
	background-color: #ddd;
}

#table-box table.monthbox td.user {
	height:35px;
	border-color: #ddb9cb #b37f99 #b37f99 #ddb9cb;
	color: #a3376d;
	background-color: #ffdaed;
	font-size: 110%;
}

#table-box table.monthbox td.user- {
	height:35px;
	border-color: #ddb9cb #b37f99 #b37f99 #ddb9cb;
	color: #a3376d;
	background-color: #ffe5f7;
	font-size: 100%;
}

#table-box table.monthbox td.mainte {
	height:35px;
	border-color: #ffdbdb #a60000 #a60000 #ffdbdb;
	color: #fff;
	background-color: #ff6666;
}

#table-box table.monthbox td.commis {
	height:35px;
	border-color: #ffecdb #a36437 #a36437 #ffecdb;
	color: #e2823d;
	background-color: #FFCC99;
}

#table-box table.monthbox td.REQ {
	height:35px;
	border-color: #fffed1 #736d00 #736d00 #fffed1;
	color: #a6a000;
	background-color: #ffff99;
}

#table-box table.monthbox td.MLFstudy {
	height:35px;
	border-color: #e8d5fb #7323c4 #7323c4 #e8d5fb;
	color: #5200a6;
	background-color: #d3b0f5;
}

#table-box table.monthbox td.accel {
	height:35px;
	border-color: #afecec #007373 #007373 #afecec;
	color: #00a6a6;
	background-color: #d4f6f6;
}

#table-box table.monthbox td.none {
	height:35px;
	border-color: #727272 #e7e7e7 #e7e7e7 #727272;
	color: #333;
	background-color: #9f9f9f;
}

#table-box table.monthbox td.daynone {
	border-color: #727272 #e7e7e7 #e7e7e7 #727272;
	color: #333;
	background-color: #afafaf;
}

#table-box table.monthbox td.operate {
	height:25px;
	border-color: #ddb9cb #b37f99 #b37f99 #ddb9cb;
	color: #000;
	background-color: #f0f0f0;
	font-size: 90%;
}

dl.category {
	margin: 10px 0px;
}

dl.category dt { 
	border: #ccc outset 1.5px;
	display: block;  
    padding: 0.2em 0.3em;
    margin: 2px;
    font-weight: bold;
}

	.category span {
		border-left: #ccc solid 6px;
		padding: 0.1em 0.3em 0.1em 0.8em
	}

dl.category dd {
	margin: 5px 0px 5px 20px;
	color: #666;
}


/* popup */
.memo {
	display: none;
	position: absolute;
	top: 1em;
	left: 1em;
	width: 200px;
}

a:hover {
	position:relative;
	text-decoration:none;
}
a:hover .memo {
	display: block;
	background-color: #cc7a7a;
	padding:3px;
	color:#ffffff;
	font-size: 85%;

	border-top:#ffffff solid 10px;
	border-left:#cc7a7a solid 5px;
}


/*　*/
body {
  color: #666;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

p {
	color: #666;
	margin: 5px;
}

a.none { 
	text-decoration: none;
}

/*　*/
.LineTitle {
	background:#554738;
	color:#fff;
	font-size:16pt;
	width:77.5%;
	border-top:4px dashed #fff;
	border-bottom:4px dashed #fff;
	box-shadow: 0 0 3px 8px #554738;
	text-shadow: 0 0 5px;
	padding:3px;
	margin-left:10px;
}

h3.date {
	position: relative;
	text-align: center;
}
h3.date span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
h3.date::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

table.support {
	width: 100%;
	border-collapse: collapse;
}
th.t_top {
    border-top: #b3b3b3 4px solid;
}
th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #be1309 4px solid;
}
td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}