/* 設計書情報提供システム CSSファイル */

/* ==== クラス =================================== */
html	{height: 100%; font-family: "ＭＳ Ｐゴシック",sans-serif;}
body	{height: 100%; margin: 0; padding: 0;}
header			{height: 40px; padding: 0 10px;}
header.menu		{background: #8861b9;}
header.kaneiri	{background: #37A; color:white;}
header.sinsei	{background: #5CC;}
header.top		{background: #8861b9; height: 60px;}
footer		{width: 100%; background: #8861b9; position: absolute; bottom: 0; margin-top: 10px;}
.center		{text-align: center;}
.right		{text-align: right;}
.mrgTopShort{margin-top: 10px;}
.mrgTop		{margin-top: 20px;}
.mrgTopLong	{margin-top: 60px;}
.normal		{font-weight: normal;}
.bold		{font-weight: bold; margin: 3px;}
.widBoxShor	{width: 110px;margin-bottom: 5px;}
.widBoxMid	{width: 230px;margin-bottom: 5px;}
.widBoxLong	{width: 380px;}
.radius		{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* ==== divクラス ================================ */
div				{margin: 0; padding: 0;}
div.headTitle	{width:100%; position: relative; text-align: center;}
div.headUser	{float: right; position: relative;}
div.foot		{text-align: center; padding: 5px 0px; color: white; width: 100%;}
div.main		{margin: 0px 15px; padding-bottom:50px;}
div.divWidth	{width: 900px; margin: 0 auto;}
div.topWidth	{width: 900px; margin: 0 auto;}
div.shortWidth	{width: 300px; margin: 0 auto;}
div.midWidth	{width: 400px; margin: 0 auto;}
div.container {
	position:relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
div.menuBtnMess{
	width: 450px;
	height: 35px;
	line-height:35px;
	background: #FEC;
	padding: 0px 10px;
}
div.login		{width: 260px; height: 120px; background: #DAF0DA; margin: 0 auto; padding-top: 30px;}

div.floatLeft	{float: left;}
div.floatRight	{float: right;}
div.clear		{clear: both;}

/* ==== tableクラス ============================== */
table				{line-height: 1.4em;}
table tr			{vertical-align: top;}
table th			{padding: 5px 10px;}
table td			{padding: 5px 10px;}
table.menuTable		{margin: 0 auto; margin-top: 50px; margin-bottom: 30px;}
.menuTable th		{height: 60px; background: #FFF; width: 50%;}
.menuTable td		{}
table.meisai 		{width: 100%; border-collapse: collapse;}
.meisai tr			{}
.meisai tr:nth-child(2n+0) {background: #F8F8F8;}
.meisai tr:nth-child(2n+1) {background: #FFFFFF;}
.meisai th			{text-align: left; border-top: 1px solid #CCC;}
.meisai th.right	{text-align: right;}
.meisai td			{border-top: 1px solid #CCC;}
table.baseTbl		{width: 100%; border-collapse: collapse;}
.baseTbl tr			{}
.baseTbl th			{text-align: left; background: #F3F3F3; border: 1px solid #CCC;}
.baseTbl th.centerTh{text-align: center;}
.baseTbl td			{border: 1px solid #CCC;}

table.align			{width: 100%; border: 0;}
table.align td		{border: 0;}

table.shinseiType {border:none;margin: inherit;}
table.shinseiType td {border:none;margin: inherit;}

/* ==== buttonクラス ============================= */
input{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

input.BtnType01 {
    min-width: 100px;
    height: 30px;
    font-weight: bold;
    margin: 0px 2px;
    padding: 0;
    border: 1px solid #333;
    background-color: #CCAACC;
    behavior: url(PIE.htc);/* for IE */
    border-radius: 5px;
    box-shadow:2px 2px 5px #555;
    cursor: pointer;
}

input.headBtn {
	height: 25px;
	padding: 0px 8px;
	border: 0;
	color: black;
	background: #FB0;
	padding-top: 1px;
        cursor: pointer;
}
input.meisaiBtn {
	height: 25px;
	padding: 0px 8px;
	border: 0;
	color: white;
	background: #5B5;
}
.meisaiBtn.search{margin-left: 20px;cursor: pointer;}
button.cmdBtn{height: 25px; border: 0; padding: 0px 6px;}
.cmdBtn.delBtn{color: white; background: #FB0;cursor: pointer;}
.cmdBtn.upBtn{color: white; background: #37A;cursor: pointer;}
.cmdBtn.defBtn{border: 2px solid #AAA;cursor: pointer;}
input.logBtn{
    margin: 3px;
    height: 25px;
    width: 90px;
    border: 1px solid #AAA;
    background: #E5E5E5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: unset;
    padding: unset;
    cursor: pointer;
}
input.serviceBtn {
	width: 140px;
	height: 35px;
	border: 0;
	color: white;
	background: #dc891d;
        cursor: pointer;
}

input.serviceBtn[disabled] {
	width: 140px;
	height: 35px;
	border: 0;
	color: white;
	background: #dc891d;
        cursor: default;
        background-color: #ccc;
}

input.serviceBtnMini {
	width: 50px;
	height: 28px;
	border: 0;
	color: white;
	background: #dc891d;
        cursor: pointer;
}

.serviceBtn.longBtn {width: 300px;cursor: pointer;}
.serviceBtn.longBtn[disabled] {width: 300px;cursor: default;background-color: #ccc;}

/* ==== pクラス ================================== */
p					{margin: 0px 0px; padding: 0; line-height: 140%;}
p.menuMess			{margin-bottom: 10px; background: #b38fe0; text-align: center; font-size: 90%;}
.menuMess.caution	{background: red; color:white; font-size: larger;}
p.messBox			{border: 1px solid #AAA; font-size: 90%;}
p.newsBox			{
    border: 1px solid #AAA;
    font-size: 90%;
    white-space: pre-line;
}

p.header            {float:left;color:whitesmoke;font-weight:bold;font-size:large;margin-top:7px;margin-left:5px;}

p.BtnCenter{
    text-align: center;
    margin-bottom: 10px;
}

/* ==== spanクラス =============================== */
span.headUser{margin-right: 20px;}
span.redText{color: red;}
/* ==== h1クラス ================================= */
h1.headH1 {
	font-size: 2em;
	font-weight: normal;
	line-height: 40px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto auto;
	padding: 0;
}
h1.login{font-size: 20px; color: #777;}
h1.topTitle{font-size: 32px; color: white; margin: 0; padding-top: 15px;}
h2.logTitle{font-size: 24px; margin: 30px 0px;}

/* ==== inputクラス =========================== */
input{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
input,select {
	font-size: 90%;
	padding: 4px 6px;
	border: 1px solid #CCC;
}
input.upFile{width: 80%; background: white; border: none;}
input.boxWidDef	{width: 6em;}
input.boxWidDay	{width: 6em;}
input.reason	{width: 65%;}
input.logTxt	{width: 70%;}
input.mesTxt	{width: 100%; height: 3.5em; box-sizing: border-box;}

/* ==== selectクラス ========================== */
select{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* ==== id ======================================= */

#kaenIchiranSearch{margin-left: 20px;}

#sinsSyosaiTbl {width: 12em;}

#shinseiCompMes{
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: #DDEED0;
	font-size: 24px;
	font-weight: bold;
	margin: 70px 0px;
}
#shinseiCompTh {width: 40%;}





img.AlignBotton{
	vertical-align: bottom;
}
p.MeisaiCount{
	text-align: right;
}

.error{
    display:inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: red;
    white-space: pre-line;
}

.info{
    display:inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: blue;
    white-space: pre-line;
}

.errorItem{
    font-weight: bold;
    color: red;
}


.inputError {
    background-color: lightpink;
}
input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    margin-top: -7px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #585753; /* 枠の色変更 お好きな色を */
    background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 13px;
    height: 7px;
    margin-top: -7px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #585753; /* チェックの色変更 お好きな色を */
}