@charset "utf-8";
/* CSS Document */
/*************************************
	ヘッダー
*************************************/
#headerWrapper {
	width:100%;
	height:62px;
	margin:0;
	padding:0;
	background-image: url(../images/common/headerBack2.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#headerWrapper #headerArea{
	width: 100%;
	height: 40px;
	margin:0;
	padding:0;
	background-image: url(../images/common/headerBack1.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#headerWrapper #headerArea #header{
	width:1200px;
	height: 40px;
	margin:0 auto;
	padding:0;
}
#headerWrapper #headerArea #header h1{
	margin:4px 0 0 10px;
	float:left;
}
#headerWrapper #headerArea #header p.fL{
	margin:6px 10px 0 0;
	float:left;
}
#headerWrapper #headerArea #header p.fR{
	margin:6px 10px 0 0;
	float:right;
}
/*************************************
	ENDヘッダー
*************************************/


/*************************************
	大枠
*************************************/
#wrapper {
	width:1200px;
	margin:0 auto 50px;
    /*overflow:hidden;*/
}
/*************************************
	END大枠
*************************************/

/*************************************
	共通
*************************************/

.ml20 {
	margin-left:20px;
	}

.mr20 {
	margin-right:20px;
	}

/*************************************
	ボタン
*************************************/


#newdataBtnArea {
	width: 548px;
	margin:20px 0 0 5px;
	padding:20px 0;
/*	border-radius: 10px;
	background-color: rgba(255,255,255,0.85);  
	box-shadow:0px 0px 5px 0px;
*/	/*margin-bottom:20px;*/
	}
#newdataBtn {
	width:100%;
	margin:0 auto;
	}

#newdataBtn #compBtn{
	margin-right:20px;
	width:214px;
	float:left;
}

#newdataBtn #deleteBtn{
	margin-right:20px;
	width:124px;
	float:left;
}
#newdataBtn #reregBtn{
	width:170px;
	float:left;
}

#newdataBtn_1 {
	width:214px;
	margin:0 auto;
	}

/*************************************
	ENDボタン
*************************************/

/*************************************
	カレンダーボタン表示
*************************************/

/*.newdataArea table td.calender{
	padding20px 10px 4px;

}
*/
#managerArea table td.calender a{
	width:30px;
	height:31px;
	float:right;
	margin: -5px 13px -5px 0;

}

.newdataArea table#newdata1Table td.calender a{
	width:30px;
	height:31px;
	float:left;
	margin:-1px 5px -1px 0;

}
.newdataArea table td.calender input,
.newdataArea table td.calender span{
	float:left;
	margin-right:5px;
	margin:5px 5px 0 0;
}
.newdataArea table#newdata2Table td.calender a{
	width:30px;
	height:31px;
	float:left;
	margin:-1px 0;

}
/*************************************
	ENDカレンダーボタン
*************************************


/*************************************
	管理者のみ
*************************************/

#managerArea {
	width: 508px;
	margin:20px 0 0 5px;
	padding:20px 20px 10px;
	float: left;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.85);  
	box-shadow:0px 0px 5px 0px;
}
/*.new {
	width:120px;
	float:left;
	padding:0 0 10px;
}
.addition {
	width:120px;
	float:left;
	padding:0 0 10px;
}*/
#managerArea table{
	width:100%;
	clear: both;
	margin:0 0 10px;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
}
#managerArea table th{
	width:106px;
	padding:15px 10px;
	text-align:left;
	color:#FFFFFF;
	/*background-color:#CD4222;*/
	background-color:#B1331C;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
}
#managerArea table td{
	padding:5px 10px;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
}

#managerArea table#factory2Table select{ width:148px;}
#managerArea table#orderTable select{ width:148px;}
#managerArea table#addTable input{ width:145px;}
#managerArea table#lastTable input{ width:145px;}


/*************************************
	END管理者のみ
*************************************/


/*************************************
	データエリア1
*************************************/
#newdata1Area {
	width: 572px;
	min-height: 200px;
	padding:20px 20px;
	margin:-56px 0px 20px 30px;
	float:left;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 0px;
	background-image: url(../images/common/boxBack.jpg);
	background-repeat: repeat-y;

}

#newdata1Area table{
	width:100%;
	clear: both;
	margin:0;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
}
#newdata1Area table th{
	width:106px;
	padding:5px 10px;
	color:#FFFFFF;
	background-color:#374461;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	text-align:left;
}
#newdata1Area table th span{
	color:#F00;
}

#newdata1Area table th.list1{
	width:10%;
	text-align:center;
}
#newdata1Area table th.list2,
#newdata1Area table th.list3,
#newdata1Area table th.list4,
#newdata1Area table th.list4,
#newdata1Area table th.list6{
	width:20%;
	text-align:left;
}
#newdata1Area table th.list5{
	width:10%;
}

#newdata1Area table td{
	padding:5px 10px;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
}
#newdata1Area table td.list1{
	text-align:left;
}
#newdata1Area table td.list2,
#newdata1Area table td.list3,
#newdata1Area table td.list4,
#newdata1Area table td.list5,
#newdata1Area table td.list6{
	text-align:right;
}

.newdataArea td input{
	width:145px;
	vertical-align:middle;
	}

.newdataArea td input.per99{
	width:99%;
}

.newdataArea td select {
	/*width:148px;*/
	}
.newdataArea td textarea{
	width:98.5%;
	}
.newdataArea td input[type="radio"]{
	width: auto;
	vertical-align: top;
}
	
/*************************************
	ENDデータエリア1
*************************************/


/*************************************
	データエリア2
*************************************/
#newdata2Area {
	width: 1150px;
	padding:20px;
	margin: 20px 0 0 5px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 0px;
	background-image: url(../images/common/boxBack.jpg);
	background-repeat: repeat-y;
	clear:both;
	overflow:hidden;
}
#newdata2Area table{
	width:1150px;
	/*border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;*/
	border-collapse:collapse;
	float:left;
}
#newdata2Area table th{
	table-layout:fixed;
	width:106px;
	padding:5px 10px;
	color:#FFFFFF;
	background-color:#374461;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	text-align:left;
}
#newdata2Area table td{
	background-color:#FFFFFF;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	vertical-align: middle;
	padding:5px 10px;
}
#newdata2Area table td textarea{
	height:100%;
}

/*見積特記事項の上部にボタンつけるとき*/
/*#newdata2Area table#newdata2Table td.border_none {
	border-top:none;
	border-right:none;
	background-color:transparent;
	}

#newdata2Area table#newdata2Table td #compBtn{
	width:214px;
	margin:-18px auto 0;
}*/


#newdata2Area table#newdata3Table th,
#newdata2Area table#newdata3Table td{
	text-align:center;
}



#newdata2Area table#newdata3Table{
	width:1150px;
	margin:20px 0 0;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
}

#newdata2Area table#newdata3Table th{
	height: 48px;
	color: #FFFFFF;
	line-height:110%;
	background-image: url(../images/btn/dataAreaThBack.png);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: middle;
	border-bottom: 1px solid #BCBCBC;
	padding:0;
}

.cell_none {
	width:590px;
	}
	
/*.border_none {
	border:none !important;
	}*/
	
	
/*#newdata3Area table#newdata3Table th.list2{ width:114px;}
#newdata2Area table#newdata2-2Table th.list2{ width:128px;}
#newdata2Area table#newdata2-2Table th.list3{ width:99px;}
#newdata2Area table#newdata2-2Table th.list4{ width:44px;}
#newdata2Area table#newdata2-2Table th.list5{ width:69px;}
#newdata2Area table#newdata2-2Table th.list6{ width:166px;}
#newdata2Area table#newdata2-2Table th.list7{ width:50px;}
#newdata2Area table#newdata2-2Table th.list8{ width:94px;}
#newdata2Area table#newdata2-2Table th.list9{ width:100px;}
#newdata2Area table#newdata2-2Table th.list10{ width:117px;}
#newdata2Area table#newdata2-2Table th.list11{ width:61px;}
#newdata2Area table#newdata2-2Table th.list12{ width:62px;}
#newdata2Area table#newdata2-2Table th.list13{ width:88px;}


#newdata2Area table td.list1,
#newdata2Area table td.list4,
#newdata2Area table td.list5,
#newdata2Area table td.list7,
#newdata2Area table td.list8,
#newdata2Area table td.list11,
#newdata2Area table td.list12,
#newdata2Area table td.list13{
	text-align:center;
}
#newdata2Area table td.list2,
#newdata2Area table td.list3,
#newdata2Area table td.list6,
#newdata2Area table td.list9,
#newdata2Area table td.list10{
	text-align:left;
}*/

/*ラストのテーブルのセル幅*/
#newdata2Area table#newdata3Table td {
	width:11.1%
	}
#newdata2Area table#newdata3Table td input {
	width:94%
	}


/*************************************
	ENDデータエリア2
*************************************/







/************************************/