@charset "euc-jp";
@import url(baseForm.css);
/********* BODY ********/
body { color: #505050; font-size: 13px; font-family: Meiryo, "MS PGothic", Osaka, sans-serif; line-height: 140%; background-color: #fff; text-align: center; margin: 0; padding: 0; }
/********* DIV ********/
div#container { background-color: #004e38; width: 90%; min-width: 880px; min-height: 500px; margin-right: auto; margin-left: auto; padding: 0; }
div#header { background-color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-align: left; height: 110px; margin-top: 0; border-top: 10px solid #004e38; }  
div#content { background-color: white; text-align: left; margin: 10px 10px 10px 180px; padding: 10px; min-height: 500px; }
div#footer { color: #646464; font-size: 0; line-height: 0; text-align: right; }
div#Copy { color: #fff; font-size: 10px; text-align: right; margin-top: 4px; margin-right: 10px; padding-bottom: 8px; border-bottom: 1px solid #19460a; }
div.photo { font-size: 0; line-height: 0; background-image: url(../images/photo.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 530px; height: 110px; float: right; }
div.menuArea { text-align: left; position: fixed; top: 130px; margin-top: 0; margin-bottom: 20px; }
div.buttonArea { text-align: center; width: 580px; margin-right: auto; margin-left: auto; padding-bottom: 16px; }
div.secInfo { width: 320px; margin-top: 60px; margin-right: auto; margin-left: auto; }
div.calendarBase { text-align: center; width: 60%; margin-top: 20px; margin-right: auto; margin-left: auto; }
div.BackButton { text-align: center; margin-top: 20px; }
div.tsugi { text-align: center; margin-top: 36px; }
/********* MENU ********/
#header a { color: #fff; font-size: 13px; line-height: 37px; background-image: url(../images/LinkBut.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-align: left; text-indent: 16px; width: 165px; height: 48px; margin-bottom: 3px; margin-left: 8px; padding-top: 14px; cursor: pointer; display: block; }
.tsugi a { color: #fff; font-size: 13px; line-height: 37px; text-decoration: none; background-image: url(../images/LinkBut.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; cursor: pointer; display: block; padding-top: 14px; width: 165px; height: 48px; margin: 10px auto; }
#header a:hover,.tsugi a:hover { color: #ffde99; background-position: 0 -62px; text-decoration: none; }
.AdminMenu p { background-color: #f3fdf7; text-align: justify; min-height: 34px; margin-bottom: 6px; padding: 10px 20px; border: dotted 1px #008591; }
.AdminMenu a { color: #282828; font-size: 14px; line-height: 100%; background: #f3fdf7 url(../images/button_back.gif) repeat-x; text-align: center; width: 200px; height: 22px; float: left; margin-right: 20px; padding-top: 8px; border-color: #d2d2d2 #bebebe #969696 #d2d2d2; border-style: solid; border-width: 1px; cursor: pointer; display: block; }
.AdminMenu a:hover { color: #008591; background-image: url(../images/button_back.gif); background-position: 0 -30px; text-decoration: none; }
.SubMenuArea a { color: #282828; font-size: 12px; line-height: 100%; background-image: url(../images/button_back.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; width: 110px; height: 14px; float: left; margin-right: 4px; padding-top: 4px; border-color: #d2d2d2 #bebebe #969696 #d2d2d2; border-style: solid; border-width: 1px; cursor: pointer; display: block; }
.SubMenuArea a:hover { color: #008591; text-decoration: none; background-image: url(../images/button_back.gif); background-position: 0 -30px; }
.AdminList a,.EditList a { color: #282828; font-size: 12px; line-height: 100%; background-image: url(../images/button_back.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 70px; height: 16px; margin-right: 1px; margin-left: 1px; padding-top: 6px; border-color: #d2d2d2 #bebebe #969696 #d2d2d2; border-style: solid; border-width: 1px; display: block; }
.AdminList a:hover,.EditList a:hover { color: #008591; background-image: url(../images/button_back.gif); background-position: 0 -30px; text-decoration: none; }
/********* FONT ********/
a { color: #006bb0; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; cursor: pointer; }
#header h1 { font-size: 0; line-height: 0; background-image: url(../images/ccsc_logo.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-align: left; text-indent: -9999px; height: 110px; display: block; }
#header h1.AdminHead { background-image: url(../images/ccsc_logo_admin.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; }
#content h1 { color: #006460; font-size: 15px; font-weight: bold; line-height: 1.2em; background-image: url(../images/ccsc_h1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 2px; margin: 24px 0 6px; padding-left: 15px; }
#content h2 { color: #006460; font-size: 16px; text-align: center; margin-top: 20px; margin-bottom: 20px; }
#content h3 { color: #006054; font-size: 14px; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 19px; margin-top: 26px; margin-bottom: 6px; margin-left: 14px; padding-bottom: 3px; border-bottom: 1px dotted #2a6300; }
#content p { margin-bottom: 0; }
.setsumei { margin-right: 2px; margin-left: 14px; }
.iconPDF { background-image: url(../images/icon_pdf.gif); background-repeat: no-repeat; background-position: right top; padding-right: 20px; }
#content ul { margin-top: 0; margin-bottom: 20px; }
#content li { text-indent: -18px; margin-top: 0; margin-bottom: 0; margin-left: 32px; }
#content p.attention { color: #ff0005; font-size: 15px; background-color: #fff; margin: 0 0 20px; padding: 16px 20px 14px; border: solid 2px; }

#content p.attention_2016 {
	color: #ff0005;
	font-size: 15px;
	text-align: center;
	background-color: #fff;
	margin: 0 0 20px;
	padding: 16px 20px 14px;
	border: solid 2px;
	}

.secInfo dt { float: left; }
.secInfo dd { margin-left: 60px; }
.Simulator { font-size: 14px; font-weight: bold; text-align: left; margin-bottom: 2px; }
.SimulatorCenter { font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 2px; }
.calendarBase h4 { color: #008591; font-size: 16px; font-weight: normal; background-color: #e6e6e6; clear: both; padding-top: 7px; padding-bottom: 5px; border-top: 1px dotted #646464; border-right: 1px dotted #646464; border-left: 1px dotted #646464; }
.calendarBase p { padding-bottom: 4px; }
.calendarBase p.monthLeft { text-align: left; float: left; }
.calendarBase p.monthRight { text-align: right; float: right; }
.Description { margin-top: 10px; }
.logEx { color: #006bb0; clear: both; padding-top: 10px; }
.size60 { font-size: 65%; }
.size80 { font-size: 85%; }
.size110 { font-size: 115%; }
.red { color: #f00; font-size: 1.4em; font-weight: bold; line-height: 1.4em; }
.blue { color: #006bb0; }
.blue02 { color: #005676; }
.BK { color: #505050; }
table th { color: #19460a; font-weight: normal; }
.MarNo { margin-left: 0; }
/********* LIST LINK ********/
p.DetailLink a { color: #282828; font-size: 90%; line-height: 100%; background: #e1e1e1 url(../images/button_back.gif) no-repeat; text-align: center; width: 80px; height: 18px; margin-top: 6px; margin-left: 30px; padding-top: 6px; padding-right: 2px; padding-left: 2px; cursor: pointer; display: block; }
p.DetailLink a:hover { color: #008591; background-position: 0 -30px; text-decoration: none; }
/********* OTHER LINK ********/
.buttonArea a { color: #282828; font-size: 14px; line-height: 31px; background: #e1e1e1 url(../images/button_back.gif) no-repeat; text-decoration: none; width: 260px; height: 30px; float: left; margin-top: 10px; margin-right: 15px; margin-left: 15px; cursor: pointer; display: block; }
.buttonArea a:hover { background-image: url(../images/button_back.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -30px; }
/********* POP UP ********/
div.Machine { width: 210px; height: 110px; float: left; margin-bottom: 5px; margin-left: 10px; padding-top: 6px; padding-right: 4px; padding-left: 6px; border-right: 1px dotted #008591; border-bottom: 1px dotted #008591; }
.setumei { display: none; position: absolute; top: -20px;	/*★省略不可、ブラウザ初期値バラバラ*/
	left: 100px; width: 150px;　	/*★Firefoxでhoverが無効になります*/
}

a:hover {
	position:relative;
	text-decoration:none;
}
a:hover .setumei { display: block; background-color: #e6e6e6; padding:6px 4px 4px 6px; color:#505050; border-right: 1px solid #505050; border-bottom: 1px solid #505050;	/*フキダシ用*/
}
/********* FORM ********/
table.add_form { margin-top: 10px; margin-bottom: 10px; border: dotted 1px #828282; }
table.LoginTable { font-size: 13px; }
.add_form th { background-color: #f0fff0; text-align: center; width: 80px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px dotted #828282; border-right: 1px dotted #828282; }
.add_form td { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; border-bottom: 1px dotted #828282; }
.inerTable td { padding: 0; border-bottom-style: none; border-bottom-width: 0; }
p.org_radio { margin: 0; }
/* * * * * * * * * * * */
.w360 { width: 360px; margin-right: auto; margin-left: auto; }
/* * * * * * * * * * * */
.txt20 { width: 20px; }
.txt100 { width: 100px; }
.txt200 { width: 200px; }
.txt400 { width: 400px; }
.mar10 { margin-top: 10px; }
.tsume20 { margin-bottom: -20px; }
.buttons { text-align: center; width: 160px; height: 24px; margin-right: auto; margin-left: auto; display: block; }
.buttonRight { text-align: center; display: block; margin-left: 10px; width: 160px; height: 24px; float: right; }
.buttonLeft { text-align: center; display: block; width: 160px; height: 24px; }
/* * * * * * * * * * * */
table.w800 { width: 96%; margin-right: auto; margin-left: auto; }
table.w802 { width: 100%; }
/* * * * * * * * * * * */
.SubButton { text-align: center; clear: left; }
/* * * * * * * * * * * */
.ExPoint { text-align: justify; margin-top: 0; margin-bottom: 10px; padding-right: 14px; padding-left: 14px; }
.ExPoint dl { margin-top: 20px; margin-bottom: 16px; }
.ExPoint dt { background-image: url(../images/dt_back.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 4px; padding-left: 18px; }
/* * * * * * * * * * * */
.logTable { background-color: #f0fff0; text-align: center; margin-top: 4px; margin-right: auto; margin-left: auto; padding: 10px 10px 6px; border: dotted 1px #285a00; }
.logTableCD { background-color: #f0fff0; text-align: center; margin-top: 4px; margin-right: 14px; margin-left: 14px; padding: 10px 10px 6px; border: dotted 1px #285a00; }
.DateSelect { margin-right: auto; margin-left: auto; }
/* * * * * * * * * * * */
.dateSerch input { width: 80px; margin-left: 10px; }
/* * * * * * * * * * * */
table.list { width: 100%; margin-top: 4px; padding-bottom: 4px; border-bottom: 1px dotted #008591; }
table.list tr {  }
.SimView img { float: right; margin: 6px 2px 6px 20px; }
.list img { margin-top: 6px; margin-right: 10px; margin-bottom: 10px; }
.SimNo30 { width: 30px; height: 96px; float: left; }
table.schedule { width: 98%; margin-top: 4px; border-top: 1px dotted #c8c8c8; border-right: 1px dotted #c8c8c8; border-bottom: 1px dotted #c8c8c8; }
.schedule tr {  }
.schedule th { color: #008591; font-size: 9px; font-weight: normal; background-color: white; text-indent: 1px; padding: 0; border-left: 1px dotted #b4b4b4; border-bottom-style: none; border-bottom-width: 0; }
.schedule td { font-size: 0; height: 4px; padding: 0; border-left: 1px dotted #b4b4b4; }
.schedule td.NoLine { font-size: 70%; background-color: #d6f3f3; text-align: center; width: 10%; }
.schedule td.SC { line-height: 3em; width: 2em; }
.schedule td.SR { line-height: 3em; width: 1%; border-right: 1px dotted #ffcccc;}
.schedule td.OUT { line-height: 3em; width: 4%; }
.ScheBiko { font-size: 85%; margin-top: 6px; margin-bottom: 4px; padding-left: 48px; }
td.Line { border-bottom: 1px dotted #008591; }
/* * * * * * * * * * * */
div.SimView { width: 46%; height: 110px; float: left; margin-top: 10px; margin-left: 2%; padding-right: 8px; padding-bottom: 5px; border-right: 1px dotted #008591; border-bottom: 1px dotted #008591; }
.Kaijo { font-size: 0; line-height: 0; clear: both; margin-bottom: -20px; }
table.AdminList { border-bottom: 0 none transparent; }
.AdminList .LeftLine { border-left: 1px dotted #43acc9; }
.AdminList th { font-size: 11px; font-weight: normal; background-color: #e8f1ff; text-align: center; padding-top: 2px; border-top: 1px solid #008591; border-right: 1px dotted #43acc9; border-bottom: 1px solid #008591; }
.AdminList td { line-height: 110%; height: 26px; padding-top: 5px; padding-bottom: 2px; border-right: 1px dotted #43acc9; border-bottom: 1px solid #008591; }
tr.Available {  }
tr.Standby { background-color: #ffff28; }
tr.Suspend { background-color: #f00; }
tr.NotAvai { background-color: #aaa; }
tr.Return { background-color: #dcdcdc; }
tr.OnlySC { background-color: #f0fff5; }
tr.Temporary { background-color: #FFFF00; }

span.Available { color: #005ab4; line-height: 100%; background-color: #c8effe; padding-top: 4px; padding-bottom: 1px; }
span.Standby { color: #f00; line-height: 100%; background-color: #ffff28; padding-top: 4px; padding-bottom: 1px; }
span.Suspend { color: #fff; line-height: 100%; background-color: #f00; padding-top: 4px; padding-bottom: 1px; }
span.NotAvai { color: #282828; line-height: 100%; background-color: #aaa; padding-top: 4px; padding-bottom: 1px; }
/* * * * * * * * * * * */
div.MachineJump { margin-top: 4px; }
.MachineJump a { color: #505050; font-size: 85%; background-color: #c8c8c8; text-decoration: none; text-align: center; width: 24px; float: left; margin-right: 4px; margin-bottom: 4px; padding-top: 4px; padding-bottom: 1px; border-right: 1px solid #8c8c8c; border-bottom: 1px solid #505050; cursor: pointer; display: block; }
.MachineJump a:hover { color: #fff; background-color: #787878; }

/* pagenation */
.pagenate {
	text-align: right;
}
.pagenate-no {
	display: inline-block;
	border: 1px solid #ccc;
	/*margin: 2px;*/
	padding: 0px 2px;
}
.pagenate-current {
	font-weight: bold;
}