@charset "utf-8";

/*  -------------------------------------------------------------
    Description:    CSS file for screen media
    Filename:       content.css
    Author:         N Hayashi
    Date:           06/01/2012
    -------------------------------------------------------------
    ■検索画面
	■入力画面01
	■入力画面02
	■入力画面03 
	■詳細画面
	■ログイン画面
	■HOME
	■見積一覧画面
	■見積新規登録画面
	■見積表示画面
	■受注一覧画面
	■受注新規登録画面
	■受注表示画面
	■未発注仕入一覧画面
	■発注一覧画面
	■発注新規登録
	■発注表示画面
	■請求一覧画面
	■請求新規登録画面
	■請求表示画面
	■入出金一覧画面
	■顧客一覧画面
	■商品一覧
	■環境設定画面
	■自社基本情報画面
	■集計画面
	■部署管理画面

FOR SCREEN ****************************************************** */
/*  -------------------------------------------------------------
    ■検索画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 検索項目の改行あり */
.area_search01 {
	margin-bottom: 5px;
	padding: 5px;
	/* Webkit */
        background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#EDF7FA),
        to(#CFE6EC)
            );
	/* Firefox */
        background: -moz-linear-gradient(
        top,
        #EDF7FA,
        #CFE6EC
            );
    /* IE */
        filter:progid:DXImageTransform.Microsoft.gradient
            (startColorstr=#EDF7FA,endColorstr=#CFE6EC);
		border-top-width: 3px;
		border-right-width: 3px;
		border-bottom-width: 3px;
		border-left-width: 3px;
		border-top-style: double;
		border-right-style: double;
		border-bottom-style: double;
		border-left-style: double;
		border-top-color: #A6C0C4;
		border-right-color: #AFD5DE;
		border-bottom-color: #AFD5DE;
		border-left-color: #A6C0C4;

		box-shadow: 1px 1px 1px #FFFFFF; /*CSS3*/
		-moz-box-shadow: 1px 1px 1px #FFFFFF; /* Firefox用*/
		-webkit-box-shadow: 1px 1px 1px #FFFFFF; /* Google Chrome, Safari用*/
	}

	.area_search01 .search_leftside {
		float: left;
		width: 90%;
		display: block;
		border: solid 1px #000000;
	}
	
		.area_search01 .row {
			float: left;
		}
	
			.area_search01 label {
				font-weight: normal !important;
				font-size: 14px !important;
				color: #000000;
			}
	
		.area_search01:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
	
		.area_search01 .row input,select {
			margin-right: 20px;
		}

/* 検索項目の改行なし */
.area_search02 {
    margin-bottom: 5px;
    padding: 5px;
	/* Webkit */
        background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#EDF7FA),
        to(#CFE6EC)
            );
	/* Firefox */
        background: -moz-linear-gradient(
        top,
        #EDF7FA,
        #CFE6EC
            );
    /* IE */
        filter:progid:DXImageTransform.Microsoft.gradient
            (startColorstr=#EDF7FA,endColorstr=#CFE6EC);
		border-top-width: 3px;
		border-right-width: 3px;
		border-bottom-width: 3px;
		border-left-width: 3px;
		border-top-style: double;
		border-right-style: double;
		border-bottom-style: double;
		border-left-style: double;
		border-top-color: #A6C0C4;
		border-right-color: #AFD5DE;
		border-bottom-color: #AFD5DE;
		border-left-color: #A6C0C4;

		box-shadow: 1px 1px 1px #FFFFFF; /*CSS3*/
		-moz-box-shadow: 1px 1px 1px #FFFFFF; /* Firefox用*/
		-webkit-box-shadow: 1px 1px 1px #FFFFFF; /* Google Chrome, Safari用*/
}

	.area_search02 .search_leftside {
		float: left;
		width: 92%;
		display: block;
		border: solid 1px #000000;
	}
	
		.area_search02 .row {
			float: left;
		}
	
			.area_search02 label {
				font-weight: normal !important;
				font-size: 14px !important;
				color: #000000;
			}
	
		.area_search02:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
	
		.area_search02 .row input,select {
			margin-right: 20px;
		}
	

/* 検索項目幅設定 */
/*.search_account {
    width: 140px;
}

.search_code {
    width: 180px;
}	

.search_number {
    wdith: 190px;
}
	
.search_name01 {
    width: 210px;
}	

.search_address {
    widht: 350px;
}

.search_name02 {
    width: 370px;
}*/

/* label幅 */
	/* 見積一覧画面 */
		/*.four_letters label {
			width: 50px;
			text-align:
		}

*/


	
	
/*  -------------------------------------------------------------
    ■入力画面01
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.area_input01 {
    margin-bottom: 20px;
	width: 100%;
    padding: 5px;
    border: double 3px #CEDCBA;
    /* Webkit */
        background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#F5FBEC),
        to(#E2F0C4)
            );
        -webkit-border-radius: 5px;
        -webkit-box-shadow: 1px 1px 1px #fff;
    /* Firefox */
        background: -moz-linear-gradient(
        top,
        #F5FBEC,
        #E2F0C4
            );
        -moz-border-radius: 5px;
        -moz-box-shadow: 1px 1px 1px #fff;
    /* IE */
        filter:progid:DXImageTransform.Microsoft.gradient
            (startColorstr=#F5FBEC,endColorstr=#E2F0C4);
}

	.area_input01 .content_title_input {
		margin-bottom: 5px;
		display: block;
		font-size: 14px;
	}

	.area_input01 .leftside {
		float: left;
		background-color: #ffffff;
		width: 25%;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		height: 160px;
	}
	
	.area_input01 .middle {
		float: left;
		background-color: #ffffff;
		width: 25%;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		height: 160px;
	}
	
	.area_input01 .rightside {
		float: right;
		background-color: #ffffff;
		width: 45%;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		height: 160px;
	}

    .area_input01 table {
        margin-left: 0px;
        width: 1000px;
    }

		.area_input01 table th {
			min-width: 120px;
			background-color: transparent;
			border: solid 1px #cccccc;
		}
	
		.area_input01 table td {
			width: 20%;
			background-color: transparent;
			border: none;
			border: solid 1px #cccccc;
		}
	
			.area_input01 table td input {
				margin-right: 10px;
			}
		
			.area_input01 .leftside table td input.data {
				margin-right: 10px;
				width: 80px;
			}
		
			.area_input01 .middle table td input.data {
				margin-right: 10px;
				width: 80px;
			}
		
			.area_input01 .rightside table td input.data {
				margin-right: 10px;
			}
			
	.area_input01 .title {
        color: #ffffff;
        font-size: 16px;
        margin-left: 10px;
        padding-top: 5px;
        padding-left: 30px;
        background-image: url(../images/contents/icon_update.jpg);
        background-repeat: no-repeat;
        background-position: 0px 10px;
        font-weight: 800;
        float: left;
    }	
			
/*  -------------------------------------------------------------
    ■入力画面02 ※画面上部固定時に利用
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.estimate_box {
    padding-top: 54px !important;
}

.received_box {
    padding-top: 54px !important;
}

.order_box {
    padding-top: 54px !important;
}

.claim_box {
    padding-top: 54px !important;
}

.area_input02 {
	/*     background-color: #FFFFFF;
*/    padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DBDBDB;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
}

	/* 入力エリア内タイトル */
	.area_input02 .title {
		width: 97%;
		border-left-width: 5px;
		border-left-style: solid;
		border-left-color: #65A0BA;
		text-indent: 10px;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		color: #333333;
	}
	
		.area_input02 .title label {
			width: 97%;
			text-indent: 10px;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
			color: #333333;
		}

		/* 第二タイトル */
		.area_input02 .title02 {
			border-left-width: 5px;
			font-size: 14px;
			margin-bottom: 5px;
			color: #333333;
			font-weight: bold;
		}


/* 固定エリア */
.area_title {
	position: fixed;
	top: 104px;
	left: 187px;
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 100%;
	padding-left: 10px;
	/* Webkit */
        background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#F7F7F7),
        to(#EAEAEA)
            );
	/* Firefox */
        background: -moz-linear-gradient(
        top,
        #F7F7F7,
        #EAEAEA
            );
    /* IE */
        filter:progid:DXImageTransform.Microsoft.gradient
            (startColorstr=#F0F0F0,endColorstr=#F7F7F7);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D1D1D1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #D1D1D1;
}

	.area_title .title {
		float: left !important;
		width: 250px !important;
	}

	.area_title dl {
		width: 185px;
		float: left;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #333333;
		margin-right: 10px;
		margin-bottom: 0;
		padding-bottom: 2px;
	}
	
		.area_title dl dt {
			float: left;
			font-size: 14px;
			width: 60px;
		}
	
		.area_title dl dd {
			float: left;
			margin-left: 0px;
			text-align: right !important;
			width: 125px;
			line-height: 140%;
		}
		
			.area_title dl dd label {
				font-size: 16px !important;
				width: 105px;
				float: left;
				font-weight: bold;
			}
	
			.area_title dl dd span {
				font-size: 14px !important;
				float: left;
			}
			
				.area_title dl dd label span:after	{
					content: ".";
					display: block;
					clear: both;
					height: 0;
					visibility: hidden;
				}
	
	.area_title .buttons {
		float: right;
		padding: 0 !important;
		margin: 0 10px 0 0 !important;
	}
	
	.area_title .note {
		font-size: 14px !important;
		font-weight: normal !important;
		margin-left: 10px !important;
	}





























/* 入力エリア内テーブル　種類01 */
.area_input02 table.table01 {
    border-collapse: collapse;
	margin-bottom: 20px;
}

	.area_input02 table.table01 th {
		background-color: #EDEDED;
		border: 1px solid #C2C2C2;
		text-align: left;
		font-weight: bold;
		font-size: 14px !important;
		padding: 4px 5px;
		color: #333333 !important;
	}

		.area_input02 table.table01 th.th01 {
			width: 120px !important;
		}
		
		.area_input02 table.table01 th.th03 {
			width: 80px !important;
		}
		
		.area_input02 table.table01 th label {
			color: #333333 !important;
			font-size: 14px !important;
		}
	
		/* 必須項目 */
		.area_input02 table.table01 th.important {
			background-image: url(../images/contents/icon_important.jpg);
			background-repeat: no-repeat;
			background-position: right center;
		}
	
		/* 真ん中寄 */
		.area_input02 table.table01 th.center {
			text-align: center;
		}
	
		/* 大タイトルth */
		.area_input02 table.table01 th.title {
			text-align: center;
			background-color: #DBEAF7;
			color: #525252;
		/* Webkit */
			background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#EDEDED),
			to(#DCDCDC)
				);
			-webkit-border-radius: 0px;
			-webkit-box-shadow: 1px 1px 1px #fff;
		/* Firefox */
			background: -moz-linear-gradient(
			top,
			#EDEDED,
			#DCDCDC
				);
			-moz-border-radius: 0px;
			-moz-box-shadow: 1px 1px 1px #fff;
		/* IE */
			filter:progid:DXImageTransform.Microsoft.gradient
				(startColorstr=#EDEDED,endColorstr=#DCDCDC);
		}
	
		/* th内ボタン */
		.area_input02 table.table01 th.area_button {
			background-image: url(../images/contents/back_button_th.jpg);
			background-repeat: repeat-x;
			background-position: left top;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-color: #B6B6B6;
		}
	
		.area_input02 table.table01 th div.button {
			font-size: 14px;
			font-weight: normal;
			margin-right: 5px;
		}
	
		.area_input02 table.table01 td {
			background-color: #E2EFF3;
			border: 1px solid #BBD3DB;
			background-image: url(../images/contents/back_td_line.jpg);
			background-repeat: repeat-x;
			background-position: top;
		}
	
			.area_input02 table.table01 td select {
				width: 204px;
			}
		
			.area_input02 table.table01 td textarea {
				width: 99%;
				height: 100px;
			}
		
			.area_input02 table.table01 td label {
				float: left;
				margin-right: 10px;
			}
		
			.area_input02 table.table01 td input[type="radio"] {
				float: left;
			}
	
				/* 注釈 */
				.td_note {
					font-size: 14px !important;
					padding: 3px 0 0 20px !important;
					color: #3A8598;
				}

					.td_note_small {
						font-size: 10px !important;
						padding: 3px 0 0 20px !important;
						color: #3A8598;
					}

	
				/* 例 */
				.td_example {
					font-size: 14px; 
					padding: 3px 0 0 20px;
				}

					.td_example_small {
						font-size: 10px; 
						padding: 3px;
					}



	 /* td内　名前入力 */
	 .area_input02 ul.area_name {
		padding: 0;
	 }
	
		 .area_input02 ul.area_name li {
			float: left;
			color: #3A8598;
			margin-right: 10px;
		}
	
			 .area_input02 ul.area_name li.input_title {
				width: 30px;
				font-size: 14px;
				font-weight: normal;
				padding: 4px 0 0 0;
			}

	/* listフロート用　　①自社基本情報：承認フロー　②環境設定：書式 */
	.area_input02 table.table01 td ul.area_float ul {
		margin: 0;
		padding: 0;
	}
	
		.area_input02 table.table01 td ul.area_float li {
			float: left;
			font-size: 16px;
			margin-right: 40px;
		}
	
		.area_input02 table.table01 td ul.area_float li.input {
			width: 20px !important;
			margin: 0;
		}
	
		.area_input02 table.table01 td dl {
			margin: 0;
			padding: 0;
		}
	
		.area_input02 table.table01 td dl dt {
			float: left;
			width: 80px;
			text-align: right;
			padding-top: 5px;
			font-weight: normal;
			margin-right: 20px;
		}
		
		.area_input02 table.table01 th label {
			font-weight: bold;
			font-size: 14px !important;
			color: #000000 !important;
		}

/* 備考 */
.area_memo {
    float: left;
	width: 49%
}

	.area_memo .title {
		/*float: left;*/
		width: 70px !important;
	}

	.area_memo textarea {
		width: 100%;
		height: 100px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		line-height: 150%;
	}

	.area_memo .note {
		font-size: 14px;
		font-weight: normal;
		float: left;
	}

/* メモ */
.area_intranote {
    float: right;
	width: 49%
}

	.area_intranote .title {
		/*float: left;*/
		width: 100px !important;
	}

	.area_intranote textarea {
		width: 100%;
		height: 100px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		line-height: 150%;
	}

/* 表示画面・見積 */
.area_memo_detail {
	border: 1px solid #cccccc!important;
	padding: 10px;
	min-height: 40px;
}

/*  -------------------------------------------------------------
    ■入力画面03 
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.area_input03 {
	border: 1px solid #D9D9D9;
	background-color: #FFFFFF;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}

.area_input03 * {
	font-style: normal !important;
}

	/*入力エリア内タイトル*/
	.area_input03 .title {
		width: 97%;
		border-left-width: 5px;
		border-left-style: solid;
		border-left-color: #65A0BA;
		text-indent: 10px;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	/*入力エリア内テーブル　種類01*/
	.area_input03 table.table01 {
		border-collapse: collapse;
		margin-bottom: 20px;
	}

		.area_input03 table.table01 th {
			background-color: #F0F0F0;
			border: 1px solid #D4D0C8;
			text-align: left;
			font-weight: bold;
			font-size: 14px;
			padding-left: 10px;
		}

		.area_input03 table.table01 td {
			background-color: #E2EFF3;
			border: 1px solid #BBD3DB;
		}

/*  -------------------------------------------------------------
    ■詳細画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 詳細画面 */
.table_detail {
	border: 1px solid #D9D9D9;
	background-color: #FAFAFA;
	padding: 10px;
}

	/* 詳細画面基本設定 */
	.table_detail .detail-view {
		border-collapse: collapse;
	}
	
		.table_detail .detail-view th {
			background-color: #EDEDED;
			border: 1px solid #C2C2C2;
			text-align: left;
			font-weight: bold;
			font-size: 14px;
			padding: 4px;
			width: 15%;
		}
		
			.table_detail .detail-view td {
				background-color: #E2EFF3;
				border: 1px solid #BBD3DB;
				padding: 4px;
				color: #333333;
				background-image: url(../images/contents/back_td_line.jpg) !important;
				background-repeat: repeat-x;
				background-position: top;
				font-size: 14px;
			}

/* 枠なしセル */
.td_borderless {
    border: none !important;
	background: none !important;
}

/*  -------------------------------------------------------------
    ■ログイン画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#content_area_login {
	text-align: left;
}

#content_area_login #content_box {
    text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*padding-left: 500px;*/
	background-color: #0099CC;
	padding-bottom: 60px;
	background-image: url(../images/contents/login_back.png);
	background-repeat: no-repeat;
	background-position: center;
}

h1.h1_login {
    display: none;
}

.area_login {
	margin-top: 50px;
	margin-right: 50px;
	padding: 10px;
	width: 500px;
	background-image: url(../images/contents/back_loginform.png);
	background-repeat: no-repeat;
	float: right;
	display: block;
}

	.area_login:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

.login_message {
	position: absolute;
	top: 95px;
	left: 30px;
}

	.login_message dl dt {
		font-size: 36px;
		margin-bottom: 4px;
		font-weight: bold;
		color: #FFFFFF;
	}

	.login_message dl dd.sub {
		font-size: 20px;
		text-indent: -30px !important;
		margin-bottom: 5px;
		font-weight: bold;
	}

	.login_message dl dd {
		color: #FFFFFF;
		text-indent: -15px;
	}

	.area_login .form {
		padding: 10px;
		height: 220px;
		width: 460px;
		background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F3F9FA),
		to(#BCDBE4)
			);
		-webkit-border-radius: 5px;
		-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
		background: -moz-linear-gradient(
		top,
		#F3F9FA,
		#BCDBE4
			);
		-moz-border-radius: 5px;
		-moz-box-shadow: 1px 1px 1px #fff;
	/* IE */
		filter:progid:DXImageTransform.Microsoft.gradient
			(startColorstr=#F3F9FA,endColorstr=#BCDBE4);
	}
	
	.area_login * {
		font-style: normal !important;
	}
	
	.area_login .row {
		padding-left: 142px;
		display: block;
		font-size: 14px;
		margin-bottom: 10px !important;
	}
	
	.area_login .hint {
		padding-top: 5px !important;
		padding-left: 20px !important;
	}
	
	.area_login .rememberMe {
		display: block;
		margin-bottom: 10px !important;
	}
	
		.area_login .rememberMe input {
			float: left;
			margin-top: 2px;
			margin-right: 10px;
		}
		
		.area_login .rememberMe label {
			float: left;
		}
		
		.area_login .rememberMe:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
	
	.area_login .buttons {
		margin-left: 35px !important;
	}

/* リリース情報 */
.release_notes_area {
	width: 450px;
	height: 240px;
	overflow: auto;
	position: absolute;
	top: 230px;
	left: 30px;
	padding: 20px;
	background-image: url(../images/contents/release_notes_back.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.release_data {
	font-size: 14px;
	line-height: 150%;
	margin-bottom: 30px;
}

	.release_data dl {
	   margin-bottom: 10px;
	}
	
		.release_data dl dt {
		   float: left;
		   margin-right: 5px;
		   font-size: 14px;
		}
	
		.release_data dl dd.title {
		   float: left;
		   padding-left: 0px;
		   font-size: 16px;
		   font-weight: bold;
		}
		
		.release_data dl dd.data {
		   margin-left: 0px;
		   padding-left: 10px;
		}

/* 広告エリア */
.area_advertisement {
	height: 100px;
	position: fixed;
	bottom: 5px;
	right: 20px;
	text-align: right;
}

	.area_advertisement ul li {
		float: left;
		list-style: none;
	}

/*  -------------------------------------------------------------
    ■HOME
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 幅100% */
.area_information {
    margin-bottom: 10px;
	width: 100%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Safari,Google Chrome用 */
}

	* html .area_information {
		background:#333333;
		margin:-4px -4px;
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');
	}

    .area_information .box_list {
        min-height: 60px;
    }

/* 幅50%・左 */
.area_information_left {
    margin-bottom: 10px;
    width: 49.6%;
	float: left;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Safari,Google Chrome用 */
}

	* html .area_information_left {
		background:#333333;
		margin:-4px -4px;
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');
	}

    .area_information_left .box_list {
        min-height: 245px;
    }

/* 幅50%・右 */
.area_information_right {
    margin-bottom: 10px;
    width: 49.6%;
	float: right;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Safari,Google Chrome用 */
}

	* html .area_information_right {
		background:#333333;
		margin:-4px -4px;
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');
	}

    .area_information_right .box_list {
        min-height: 245px;
    }

/* 月次推移 */
.area_monthly_left {
	margin-bottom: 10px;
    width: 49.6%;
	float: left;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Safari,Google Chrome用 */
}

	* html .area_monthly_left {
		background:#333333;
		margin:-4px -4px;
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');
	}

    .area_monthly_left .box_list {
        min-height: 200px;
    }

	.area_monthly_left table {
	}
	
		.area_monthly_left table th {
		}
	
			.area_monthly_left table .th_title {
				background-color: #DAF1B1;
				border: solid 1px #9ACE7B;
				color: #006600;
			}
	
			.area_monthly_left table th.present {
				background-color: #DE9246;
				color: #ffffff;
			}
	
		.area_monthly_left table td {
			text-align: right;
		}
	
			.area_monthly_left table td.present {
				background-color: #FEEFE1;
				color: #333333;
			}

.area_monthly_right {
	margin-bottom: 10px;
    width: 49.6%;
	float: right;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Safari,Google Chrome用 */
}

	* html .area_monthly_right {
		background:#333333;
		margin:-4px -4px;
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');
	}

    .area_monthly_right .box_list {
        min-height: 200px;
    }

/* インフォメーション */
.title_information {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icon_information.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

/* 見積もり */
.title_estimate {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icon_estimate.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

/* 受注 */
.title_received {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icon_received.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

/* 請求 */
.title_claim {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icone_claim.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

/* 発注 */
.title_siire {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icon_siire.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

/* 月次推移 */
.title_monthly {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icon_monthly.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

/* グラフ */
.title_graph {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icon_graph.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

        /* ボタン・グラフ表示 */
		.area_momthly_button {
            float: right;
			margin-top: 2px;
			margin-left: 6px;
			display: none;
        }

			.area_momthly_button a .momthly_button_name {
				height: 20px;
				background-image: none;
				background-repeat: repeat-x;
				display: block;
				float: left;
			}
	
			.area_momthly_button a .momthly_button_right {
				float: left;
				display: block;
				background-image: none;
				background-repeat: no-repeat;
				height: 20px;
				width: 10px;
			}

				/* マウスカーソルhover */
				.area_momthly_button a:hover .momthly_button_name {
					background-image: url(../images/contents/momthly_button_name.png);
					background-repeat: repeat-x;
					color: #ffffff;
				}
		
				.area_momthly_button a:hover .momthly_button_right {
					background-image: url(../images/contents/momthly_button_right.png);
					background-repeat: no-repeat;
				}

			/* アイコン・グラフ表示-グラフの絵 */
			.area_momthly_button a .icon_glaph {
				float: left;
				display: block;
				height: 20px;
				width: 22px;
				background-image: url(../images/contents/icon_glaph.png);
				background-repeat: no-repeat;
			}
			
				/* マウスカーソルhover */
				.area_momthly_button a:hover .icon_glaph {
					background-image: url(../images/contents/icon_glaph.png);
					background-repeat: no-repeat;
				}

			/* アイコン・グラフ表示-顧客の絵 */
			.area_momthly_button a .icon_customer {
				float: left;
				display: block;
				height: 20px;
				width: 22px;
				background-image: url(../images/contents/icon_customer.png);
				background-repeat: no-repeat;
			}
			
				/* マウスカーソルhover */
				.area_momthly_button a:hover .icon_customer {
					background-image: url(../images/contents/icon_customer.png);
					background-repeat: no-repeat;
				}

			/* アイコン・グラフ表示-部門の絵 */
			.area_momthly_button a .icon_section {
				float: left;
				display: block;
				height: 20px;
				width: 22px;
				background-image: url(../images/contents/icon_section.png);
				background-repeat: no-repeat;
			}
			
				/* マウスカーソルhover */
				.area_momthly_button a:hover .icon_section {
					background-image: url(../images/contents/icon_section.png);
					background-repeat: no-repeat;
				}

/*  -------------------------------------------------------------
    ■見積一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 見積もり一覧・項目幅 */
		/* コード */
		.grid-view table.items th#estimate-grid_c0 {
			width: 88px !important;
		}
		
		/* 状況 */
		.grid-view table.items th#estimate-grid_c1 {
			min-width: 70px !important;
		}
		
		.grid-view table.items th#estimate-grid_c2 {
			min-width: 120px !important;
		}
	
		.grid-view table.items th#estimate-grid_c3 {
			min-width: 120px !important;
		}
		
		/* 金額 */
		.grid-view table.items th#estimate-grid_c4 {
			width: 60px !important;
		}
		
		/* 金額 */
		.grid-view table.items th#estimate-grid_c5 {
			width: 60px !important;
		}
		
		/* 金額 */
		.grid-view table.items th#estimate-grid_c6 {
			width: 60px !important;
		}
		
		/* 日付・数量 */
		.grid-view table.items th#estimate-grid_c7 {
			width: 65px !important;
		}
		
		/* 担当者 */
		.grid-view table.items th#estimate-grid_c8 {
			width: 80px !important;
		}
		
		/* 更新日時 */
		.grid-view table.items th#estimate-grid_c9 {
			min-width: 95px !important;
		}
		
		/* 更新者 */
		.grid-view table.items th#estimate-grid_c10 {
			width: 80px !important;
		}

		/* アイコン×2 */
		.grid-view table.items th#estimate-grid_c11 {
			width: 41px !important;
		}
	
/*  -------------------------------------------------------------
    ■見積新規登録画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


/* 入力エリア */
.area_estimate_input01 {
    margin-bottom: 20px;
	display: block;
}

	.area_estimate_input01 .note {
		font-size: 14px;
		font-weight: normal;
		margin-left: 10px;
	}

	.area_estimate_input01 .area_input table {
	}

		.area_estimate_input01 .area_input table th {
			font-weight: bold;
			background-color: #EDEDED;
			border: 1px solid #C2C2C2;
			text-align: left;
			font-weight: bold;
			font-size: 14px !important;
			padding: 4px 5px;
			color: #333333 !important;
			width: 10%;
		}
	
		.area_estimate_input01 .area_input table td {
			border: none;
			text-align: left;
			padding: 4px 3px;
			background-color: #E2EFF3;
			border: 1px solid #BBD3DB;
			background-image: url(../images/contents/back_td_line.jpg);
			background-repeat: repeat-x;
			background-position: top;
		}

			/* 見出し・幅 */
			th.estimate {
				width: 10%;
			}
			
			/* 項目×2・幅 */
			td.block2 {
				width: 40%;
			}
			
			/* 項目×3・幅 */
			td.block3 {
				width: 23%;
			}

/* 社内メモ */
/*#TmpEstimate_intranote {
    width: 45%;
	height: 100px;
}*/

/* 備考 */
/*#TmpEstimate_note {
    width: 45%;
	height: 100px;
}*/

/* 商品検索 */
.area_search02 .grid-view {
}

	.area_search02 .grid-view table.items tr.odd td {
		background-color: #ffffff;
		border: 1px solid #7EA5B8 !important;
	}
	
	.area_search02 .grid-view table.items tr.even td {
		background-color: #F7F7F7;
		border: 1px solid #7EA5B8 !important;
	}
	
		.area_search02 .grid-view table.items th {
			background-image: none !important;
			background-color: #71A9C5;
			padding-top: 1px !important;
			padding-bottom: 1px !important;
			border: 1px solid #5F8FA7 !important;
			color: #FFFFFF !important;
			font-size: 14px !important;
			font-weight: normal !important;
		}

			/* 一覧項目・幅 */
				.grid-view table.items th#item-cost-grid_c0 {
					width: 24px !important;
				}
				
				/* コード */
				.grid-view table.items th#item-cost-grid_c1 {
				   /* width: 100px !important;*/
				   width: 88px !important;
				}
				
				.grid-view table.items th#item-cost-grid_c2 {
					/*width: 100px !important;*/
				}
				
				/* 金額 */
				.grid-view table.items th#item-cost-grid_c3 {
					/*width: 100px !important;*/
					width: 60px !important;
				}
				
				.grid-view table.items th#item-cost-grid_c4 {
					/*width: 100px !important;*/
				}
				
				.grid-view table.items th#item-cost-grid_c5 {
					/*width: 70px !important;*/
				}
				
				/* 金額 */
				.grid-view table.items th#item-cost-grid_c6 {
					width: 60px !important;
				}
				
				/* 区分 */
				.grid-view table.items th#item-cost-grid_c7 {
					width: 65px !important;
				}


/* 見積項目 */
.search_item_title {
    font-size: 14px;
	background-image: url(../images/contents/search_item_title.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #006633;
	margin-bottom: 2px;
	font-weight: bold;
	float: left;
}

.search_item_note {
    font-size: 14px;
	font-weight: normal;
	margin-left: 40px;
	float: left;
	display: block;
	float: left;
}

	.search_item_note:after
	{
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

.area_item {
    margin-bottom: 20px;
}

	/* 一覧 */
	.area_item #estimate-item-grid table.items th {
		background-color: #AECFDD !important;
		border: solid #A0BCD6 1px !important;
	}
	
	.area_item #estimate-item-grid table.items td {
		border: 1px solid #A0BCD6 !important;
		font-size: 14px !important;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		height: 28px;
	}
	
		.area_item #estimate-item-grid table.items td input {
			border: 1px solid #A0BCD6 !important;
			padding-top: 0px !important;
			padding-bottom: 0px !important;
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

		.area_item #estimate-item-grid table.items td select {
			padding-top: 1px !important;
			padding-bottom: 1px !important;
		}
	
	　　/* 一覧項目・幅 */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c0 {
				/*width: 70px !important;*/
			}
			
			/* コード */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c1 {
				width: 88px !important;
			}
			
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c2 {
				/*width: 110px !important;*/
			}
			
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c3 {
				width: 60px !important;
			}
			
			/* 単位 */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c4 {
				width: 40px !important;
			}
			
			/* 金額 */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c5 {
				width: 60px !important;
			}
			
			/* 金額 */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c6 {
				width: 60px !important;
			}
			
			/* 区分 */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c7 {
				width: 65px !important;
			}
			
			/* 金額 */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c8 {
				width: 60px !important;
			}
			
			/* アイコン */
			.area_item #estimate-item-grid table.items th#estimate-item-grid_c9 {
				width: 24px !important;
			}

/* 仕入項目 */
.area_cost {
    margin-bottom: 100px;
}

    /* 一覧 */
	.area_cost #estimate-cost-grid table.items th {
		background-image: none !important;
		background-color: #FAE48D !important;
		border: solid #CCB995 1px !important;
	}
	
	.area_cost #estimate-cost-grid table.items td {
		border: solid #CBC6BC 1px !important;
	}
	
		.area_cost #estimate-cost-grid table.items tr.odd td {
			background-color: #ffffff;
			/*white-space: nowrap;*/
			border: 1px solid #CBC6BC !important;
		}
		
		.area_cost #estimate-cost-grid table.items tr.even td {
			background-color: #FDF5D5;
			/*white-space: nowrap;*/
			border: 1px solid #CBC6BC !important;
		}
		
			.area_cost #estimate-cost-grid table.items td input {
				border: 1px solid #A0BCD6 !important;
				padding-top: 0px !important;
				padding-bottom: 0px !important;
				padding-left: 0px !important;
				padding-right: 0px !important;
			}

			.area_cost #estimate-cost-grid table.items td select {
				padding-top: 1px !important;
				padding-bottom: 1px !important;
			}
	
			/* 一覧項目・幅 */
				/* コード */
				.grid-view table.items th#estimate-cost-grid_c1 {
					width: 88px !important;
				}
			
				.grid-view table.items th#estimate-cost-grid_c2 {
					min-width: 123px !important;
				}
			
				.grid-view table.items th#estimate-cost-grid_c3 {
					min-width: 138px !important;
				}
				
				.grid-view table.items th#estimate-cost-grid_c4 {
					width: 60px !important;
				}
				
				.grid-view table.items th#estimate-cost-grid_c5 {
					width: 40px !important;
				}
				
				/* 金額 */
				.grid-view table.items th#estimate-cost-grid_c6 {
					width: 60px !important;
				}
				
				/* 金額 */
				.grid-view table.items th#estimate-cost-grid_c7 {
					width: 60px !important;
				}
				
				/* 区分 */
				.grid-view table.items th#estimate-cost-grid_c8 {
					width: 65px !important;
				}
				
				/* 金額 */
				.grid-view table.items th#estimate-cost-grid_c9 {
					width: 60px !important;
				}
				
				.grid-view table.items th#estimate-cost-grid_c10 {
					width: 24px !important;
				}

/* プルダウン */
.ac_over {
	background-color: #3399FF !important;
	color: #FFFFFF;
}

	.ac_over strong {
		color: #FFFFFF;
	}

/*  -------------------------------------------------------------
    ■見積表示画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 詳細画面共通設定 */
.area_detail01 {
}

.area_detail01 .table01 {
    margin-bottom: 20px;
}

	/* 項目01 */
	.area_detail01 table.border_blue td {
	    background-color: #FFFFFF !important;
		border: solid 1px #A0BCD6 !important;
	}
	
	/* 項目02 */
	.area_detail01 table.border_yellow td {
	    background-color: #FFFFFF !important;
		border: solid 1px #D7B95E !important;
	}

		/* 見積項目・幅 */
			/* コード */
			.area_detail01 .table01 th#estimate-item-grid_c1 {
				width: 88px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#estimate-item-grid_c2 {
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#estimate-item-grid_c3 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#estimate-item-grid_c4 {
				width: 40px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-item-grid_c5 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-item-grid_c6 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			/* 区分 */
			.area_detail01 .table01 th#estimate-item-grid_c7 {
				width: 65px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-item-grid_c8 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
		/* 仕入項目 */
			.area_detail01 .table01 th#estimate-cost-grid_c1 {
				width: 88px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
		
			.area_detail01 .table01 th#estimate-cost-grid_c2 {
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
		
			.area_detail01 .table01 th#estimate-cost-grid_c3 {
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-cost-grid_c4 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			.area_detail01 .table01 th#estimate-cost-grid_c5 {
				width: 40px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-cost-grid_c6 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-cost-grid_c7 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 区分 */
			.area_detail01 .table01 th#estimate-cost-grid_c8 {
				width: 65px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-cost-grid_c9 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
/* 出力ボタンエリア */
.area_output_button {
    margin-bottom: 5px;
}

    .area_output_button ul {
        float: right;
        display: block;
    }

		.area_output_button ul li {
			width: 141px;
			height: 35px;
			float: left;
			margin-left: 10px;
		}
	
			.area_output_button ul li a {
				width: 141px;
				height: 35px;
				display: block;
				background-image: url(../images/contents/back_output_button.jpg);
				background-repeat: no-repeat;
			}
		
				.area_output_button ul li a:hover {
					opacity: 0.4;
					filter: alpha(opacity=40);
					-ms-filter: "alpha( opacity=40 )";
				}

			.area_output_button ul li dl {
				padding: 4px 0 0 0px;
				width: 120px;
				display: block;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
			}
		
			.area_output_button ul li dl dd {
				float: left;
				font-size: 14px;
				padding: 0;
				margin: 3px 0 0 7px;
			}
		
			.area_output_button ul li dl dt {
				width: 20px;
				height: 25px;
				float: left;
			}
		
		
			.area_output_button ul li dl.bt_pdf dt {
				background-image: url(../images/contents/icon_output_pdf.jpg);
				background-repeat: no-repeat;
				float: left;
				margin: 0 0 0 14px;
				padding: 0 0 0 0;
			}
		
			.area_output_button ul li dl.bt_excel dt {
				background-image: url(../images/contents/icon_output_excel.jpg);
				background-repeat: no-repeat;
				float: left;
				margin: 0 0 0 10px;
				padding: 0 0 0 0;
			}

/*  -------------------------------------------------------------
    ■受注一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 受注一覧・項目幅 */
		/* コード */
		.grid-view table.items th#received-grid_c0 {
			width: 88px !important;
		}
		
		.grid-view table.items th#received-grid_c1 {
			min-width: 70px !important;
		}
		
		.grid-view table.items th#received-grid_c2 {
			min-width: 120px !important;
		}
	
		.grid-view table.items th#received-grid_c3 {
			min-width: 120px !important;
		}
		
		/* 金額 */
		.grid-view table.items th#received-grid_c4 {
			width: 60px !important;
		}
		
		/* 金額 */
		.grid-view table.items th#received-grid_c5 {
			width: 60px !important;
		}
		
		/* 金額 */
		.grid-view table.items th#received-grid_c6 {
			width: 60px !important;
		}
		
		/* 日付・数量 */
		.grid-view table.items th#received-grid_c7 {
			width: 65px !important;
		}
		
		/* 日付・数量 */
		.grid-view table.items th#received-grid_c8 {
			/*min-width: 120px !important;*/
		}
		
		/* 担当者 */
		.grid-view table.items th#received-grid_c9 {
			min-width: 80px !important;
		}
		
		/* 更新日時 */
		.grid-view table.items th#received-grid_c10 {
			min-width: 95px !important;
		}
		
		/* アイコン×2 */
		.grid-view table.items th#received-grid_c11 {
			width: 41px !important;
		}
	
/*  -------------------------------------------------------------
    ■受注新規登録画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/* 入力エリア */
.area_received_input01 {
    margin-bottom: 20px;
	display: block;
}

	.area_received_input01 .note {
		font-size: 14px;
		font-weight: normal;
		margin-left: 10px;
	}

	.area_received_input01 .area_input {
	    padding-left: 0px;
		padding-right: 0px;
	}

	.area_received_input01 .area_input table.received01 {
	}

		.area_received_input01 .area_input table.received01 th {
			font-weight: bold;
			background-color: #EDEDED;
			border: 1px solid #C2C2C2;
			text-align: left;
			font-weight: bold;
			font-size: 14px !important;
			padding: 4px 5px;
			color: #333333 !important;
			width: 10%;
		}
	
		.area_received_input01 .area_input table.received01 td {
			border: none;
			text-align: left;
			padding: 4px 5px;
			background-color: #E2EFF3;
			border: 1px solid #BBD3DB;
			background-image: url(../images/contents/back_td_line.jpg);
			background-repeat: repeat-x;
			background-position: top;
		}

			/* 見出し・幅 */
			th.received {
				width: 10%;
			}
			
			/* 項目×2・幅 */
			td.block2 {
				width: 40%;
			}
			
			/* 項目×3・幅 */
			td.block3 {
				width: 23%;
			}

/* 社内メモ */
/*#TmpReceived_intranote {
    width: 45%;
	height: 100px;
}*/

/* 備考 */
/*#TmpReceived_note {
    width: 45%;
	height: 100px;
}*/

/* 商品検索 */
.area_search01 .grid-view {
}

	.area_search01 .grid-view table.items tr.odd td {
		background-color: #ffffff;
		border: 1px solid #A2C45B !important;
	}
	
	.area_search01 .grid-view table.items tr.even td {
		background-color: #F7F7F7;
		border: 1px solid #A2C45B !important;
	}
	
		.area_search01 .grid-view table.items th {
			background-image: none !important;
			background-color: #C7E28D;
			padding-top: 1px !important;
			padding-bottom: 1px !important;
			border: 1px solid #A2C45B !important;
			color: #000000 !important;
			font-size: 14px !important;
			font-weight: bold !important;
		}

			/* 一覧項目・幅 */
				.search_received table.items th#item-cost-grid_c0 {
					width: 24px !important;
				}
				
				/* コード */
				.search_received .grid-view table.items th#item-cost-grid_c1 {
				   /* width: 100px !important;*/
				   width: 88px !important;
				}
				
				.search_received .grid-view table.items th#item-cost-grid_c2 {
					/*width: 100px !important;*/
				}
				
				/* 金額 */
				.search_received .grid-view table.items th#item-cost-grid_c3 {
					/*width: 100px !important;*/
					width: 60px !important;
				}
				
				.search_received .grid-view table.items th#item-cost-grid_c4 {
					/*width: 100px !important;*/
				}
				
				.search_received .grid-view table.items th#item-cost-grid_c5 {
					/*width: 70px !important;*/
				}
				
				/* 金額 */
				.search_received .grid-view table.items th#item-cost-grid_c6 {
					width: 60px !important;
				}
				
				/* 区分 */
				.search_received .grid-view table.items th#item-cost-grid_c7 {
					width: 65px !important;
				}

/* 見積項目 */
.search_item_title {
    font-size: 14px;
	background-image: url(../images/contents/search_item_title.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #006633;
	margin-bottom: 2px;
	font-weight: bold;
	float: left;
}

.search_item_note {
    font-size: 14px;
	font-weight: normal;
	margin-left: 40px;
	float: left;
	display: block;
	float: left;
}

	.search_item_note:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

.area_item {
    margin-bottom: 20px;
}

	/* 一覧 */
	.area_item #received-item-grid table.items th {
		background-color: #AECFDD !important;
		border: solid #A0BCD6 1px !important;
	}
	
	.area_item #received-item-grid table.items td {
		border: 1px solid #A0BCD6 !important;
		font-size: 14px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
		height: 28px;
	}
	
		.area_item #received-item-grid table.items td input {
			border: 1px solid #A0BCD6 !important;
			padding-top: 0px !important;
			padding-bottom: 0px !important;
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

		.area_item #received-item-grid table.items td select {
			padding-top: 1px !important;
			padding-bottom: 1px !important;
		}
	
	　　/* 一覧項目・幅 */
			/* コード */
			.area_item #received-item-grid table.items th#received-item-grid_c0 {
				/*width: 88px !important;*/
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c1 {
				width: 88px !important;
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c2 {
				/*width: 110px !important;*/
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c3 {
				width: 65px !important;
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c4 {
				width: 40px !important;
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c5 {
				width: 60px !important;
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c6 {
				width: 60px !important;
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c7 {
				width: 65px !important;
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c8 {
				width: 60px !important;
			}
			
			.area_item #received-item-grid table.items th#received-item-grid_c9 {
				width: 24px !important;
			}

/* 仕入項目 */
.area_cost {
    margin-bottom: 100px;
}

    /* 一覧 */
	.area_cost #received-cost-grid table.items th {
		background-image: none !important;
		background-color: #FAE48D !important;
		border: solid #D7B95E 1px !important;
	}
	
	.area_cost #received-cost-grid table.items td {
		border: solid #D7B95E 1px !important;
	}
	
		.area_cost #received-cost-grid table.items tr.odd td {
			background-color: #ffffff;
			border: 1px solid #D7B95E !important;
		}
		
		.area_cost #received-cost-grid table.items tr.even td {
			background-color: #FDF5D5;
			border: 1px solid #D7B95E !important;
		}
		
			.area_cost #received-cost-grid table.items td input {
				border: 1px solid #A0BCD6 !important;
				padding-top: 0px !important;
				padding-bottom: 0px !important;
				padding-left: 0px !important;
				padding-right: 0px !important;
			}
	
			.area_cost #received-cost-grid table.items td select {
				padding-top: 1px !important;
				padding-bottom: 1px !important;
			}
		
			/* 一覧項目・幅 */
				/* コード */
				.area_cost #received-cost-grid table.items th#received-cost-grid_c0 {
					/*width: 88px !important;*/
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c1 {
					width: 88px !important;
				}
			
				.area_cost #received-cost-grid table.items th#received-cost-grid_c2 {
					min-width: 123px !important;
				}
			
				.area_cost #received-cost-grid table.items th#received-cost-grid_c3 {
					min-width: 138px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c4 {
					width: 65px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c5 {
					width: 40px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c6 {
					width: 60px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c7 {
					width: 60px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c8 {
					width: 65px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c9 {
					width: 60px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c10 {
					width: 24px !important;
				}

/*  -------------------------------------------------------------
    ■受注表示画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
		/* 受注項目・幅 */
			/* コード */
			.area_detail01 .table01 th#received-item-grid_c0 {
				/*width: 88px !important;*/
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c1 {
				width: 88px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c2 {
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
				/*width: 110px !important;*/
			}
			
			.area_detail01 .table01 th#received-item-grid_c3 {
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
				width: 65px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c4 {
				width: 40px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c5 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c6 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c7 {
				width: 65px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c8 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#received-item-grid_c9 {
				width: 16px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
		/* 仕入項目 */
			.area_detail01 .table01 th#received-cost-grid_c0 {
				/*width: 88px !important;*/
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			.area_detail01 .table01 th#received-cost-grid_c1 {
				width: 88px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
		
			.area_detail01 .table01 th#received-cost-grid_c2 {
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
				/*min-width: 120px !important;*/
			}
		
			.area_detail01 .table01 th#received-cost-grid_c3 {
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
				min-width: 120px !important;
			}
			
			.area_detail01 .table01 th#received-cost-grid_c4 {
				width: 65px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			.area_detail01 .table01 th#received-cost-grid_c5 {
				width: 40px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#received-cost-grid_c6 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#received-cost-grid_c7 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 区分 */
			.area_detail01 .table01 th#received-cost-grid_c8 {
				width: 65px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#received-cost-grid_c9 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}

			.area_detail01 .table01 th#received-cost-grid_c10 {
				width: 16px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}

/*  -------------------------------------------------------------
    ■未発注仕入一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 未発注仕入一覧・項目幅 */
		/* チェックボックス */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c0 {
			width: 28px !important;
			text-align: center !important;
		}
		
		/* 仕入先会社名 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c1 {
			min-width: 96px !important;
		}
		
		/* 品目 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c2 {
			min-width: 90px !important;
		}
		
		/* 日付・数量 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c3 {
			width: 70px !important;
		}
		
		/* 単位 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c4 {
			width: 50px !important;
		}
		
		/* 金額 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c5 {
			width: 70px !important;
		}
		
		/* 金額 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c6 {
			width: 60px !important;
		}
		
		/* コード */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c7 {
			width: 88px !important;
		}
		
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c8 {
			min-width: 96px !important;
		}
		
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c9 {
			min-width: 96px !important;
		}
		
		/* 日付 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c10 {
			width: 65px !important;
		}
		
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c11 {
			width: 130px !important;
		}
	
        .area_list_receivedCost .grid-view table.items th#received-cost-grid_c12 {
		/*	width: 41px !important; */
			width: 41px !important;
			text-align: center !important;
		}
	
	
/*  -------------------------------------------------------------
    ■発注一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/*発注一覧・項目幅 */
		.grid-view table.items th#order-grid_c0 {
			width: 24px !important;
		}
		
		/* コード */
		.grid-view table.items th#order-grid_c1 {
			width: 88px !important;
		}
		
		.grid-view table.items th#order-grid_c2 {
			width: 70px !important;
		}
	
		.grid-view table.items th#order-grid_c3 {
			min-width: 120px !important;
		}
		
		.grid-view table.items th#order-grid_c4 {
			min-width: 120px !important;
		}
		
		.grid-view table.items th#order-grid_c5 {
			width: 60px !important;
		}
		
		/* 発注予定日 */
		.grid-view table.items th#order-grid_c6 {
			width: 80px !important;
		}
		
		.grid-view table.items th#order-grid_c7 {
			width: 65px !important;
		}
		
		/* 更新日時 */
		.grid-view table.items th#order-grid_c8 {
			width: 95px !important;
		}

		.grid-view table.items th#order-grid_c9 {
			width: 41px !important;
		}

/*  -------------------------------------------------------------
    ■発注新規登録画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 入力エリア */
.area_order_input01 {
    margin-bottom: 20px;
	display: block;
}

	.area_order_input01 .note {
		font-size: 14px;
		font-weight: normal;
		margin-left: 10px;
	}

	.area_order_input01 .area_input {
	    padding-left: 0px;
		padding-right: 0px;
	}

	.area_order_input01 .area_input table.order01 {
	}

		.area_order_input01 .area_input table.order01 th {
			font-weight: bold;
			background-color: #EDEDED;
			border: 1px solid #C2C2C2;
			text-align: left;
			font-weight: bold;
			font-size: 14px !important;
			padding: 4px 5px;
			color: #333333 !important;
			width: 10%;
		}
	
		.area_order_input01 .area_input table.order01 td {
			border: none;
			text-align: left;
			padding: 4px 5px;
			background-color: #E2EFF3;
			border: 1px solid #BBD3DB;
			background-image: url(../images/contents/back_td_line.jpg);
			background-repeat: repeat-x;
			background-position: top;
		}

			/* 見出し・幅 */
			th.order {
				width: 10%;
			}
			
			/* 項目×2・幅 */
			td.block2 {
				width: 40%;
			}
			
			/* 項目×3・幅 */
			td.block3 {
				width: 23%;
			}

/* 社内メモ */
/*#TmpOrder_intranote {
    width: 45%;
	height: 100px;
}*/

/* 備考 */
/*#TmpOrder_note {
    width: 45%;
	height: 100px;
}*/

/* 発注項目 */
.search_item_title {
    font-size: 14px;
	background-image: url(../images/contents/search_item_title.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #333333;
	margin-bottom: 2px;
	font-weight: bold;
	float: left;
}

.search_item_note {
    font-size: 14px;
	font-weight: normal;
	margin-left: 40px;
	float: left;
	display: block;
	float: left;
}

	.search_item_note:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

.area_item {
    margin-bottom: 20px;
}

	/* 一覧 */
	#order-cost-grid table.items th {
		background-color: #AECFDD !important;
		border: solid #A0BCD6 1px !important;
	}
	
	#order-cost-grid table.items td {
		border: 1px solid #A0BCD6 !important;
		font-size: 14px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
		height: 28px;
	}
	
	　　/* 一覧項目・幅 */
			/* コード */
			#order-cost-grid table.items th#order-cost-grid_c0 {
				/*width: 88px !important;*/
			}
			
			#order-cost-grid table.items th#order-cost-grid_c1 {
				width: 88px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c2 {
				/*width: 110px !important;*/
			}
			
			#order-cost-grid table.items th#order-cost-grid_c3 {
				width: 65px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c4 {
				width: 40px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c5 {
				width: 60px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c6 {
				width: 60px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c7 {
				width: 65px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c8 {
				width: 60px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c9 {
				width: 16px !important;
			}

/*  -------------------------------------------------------------
    ■発注表示画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 詳細画面共通設定 */
.area_detail01 {
}

.area_detail01 .table01 {
    margin-bottom: 20px;
}

	.area_detail01 .table01 td {
	    background-color: #FFFFFF !important;
		border: solid 1px #cccccc !important;
	}

		/* 発注項目・幅 */
			/* コード */
			.area_detail01 .table01 th#order-detail-grid_c1 {
				width: 88px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c2 {
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c3 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c4 {
				width: 40px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c5 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c6 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c7 {
				width: 65px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c8 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
/*  -------------------------------------------------------------
    ■請求一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/*請求一覧・項目幅 */
		.grid-view table.items th#claim-grid_c0 {
			width: 24px !important;
		}
		
		/* コード */
		.grid-view table.items th#claim-grid_c1 {
			width: 88px !important;
		}
		
		/* 日付（大） */
		.grid-view table.items th#claim-grid_c2 {
			width: 80px !important;
		}
	
		.grid-view table.items th#claim-grid_c3 {
			width: 65px !important;
		}
		
		.grid-view table.items th#claim-grid_c4 {
			min-width: 120px !important;
		}
		
		.grid-view table.items th#claim-grid_c5 {
			min-width: 120px !important;
		}
		
		.grid-view table.items th#claim-grid_c6 {
			width: 60px !important;
		}
		
		/* 担当者 */
		.grid-view table.items th#claim-grid_c7 {
			width: 80px !important;
		}
		
		.grid-view table.items th#claim-grid_c8 {
			width: 88px !important;
		}
	
		.grid-view table.items th#claim-grid_c9 {
			width: 60px !important;
		}
	
		/* 更新日時 */
		.grid-view table.items th#claim-grid_c10 {
			width: 95px !important;
		}
	
		.grid-view table.items th#claim-grid_c11 {
			width: 41px !important;
		}

/*  -------------------------------------------------------------
    ■請求新規登録画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 入力エリア */
.area_claim_input01 {
    margin-bottom: 20px;
	display: block;
}

	.area_claim_input01 .note {
		font-size: 14px;
		font-weight: normal;
		margin-left: 10px;
	}

	.area_claim_input01 .area_input {
	    padding-left: 0px;
		padding-right: 0px;
	}

	.area_claim_input01 table.claim01 {
	}

		.area_claim_input01 table.claim01 th {
			font-weight: bold;
			background-color: #EDEDED;
			border: 1px solid #C2C2C2;
			text-align: left;
			font-weight: bold;
			font-size: 14px !important;
			padding: 4px 5px;
			color: #333333 !important;
		}
	
		.area_claim_input01 table.claim01 td {
			border: none;
			text-align: left;
			padding: 4px 5px;
			background-color: #E2EFF3;
			border: 1px solid #BBD3DB;
			background-image: url(../images/contents/back_td_line.jpg);
			background-repeat: repeat-x;
			background-position: top;
		}

			/* 見出し・幅 */
			th.claim {
				width: 10%;
			}
			
			/* 項目×2・幅 */
			td.block2 {
				width: 40%;
			}
			
			/* 項目×3・幅 */
			td.block3 {
				width: 23%;
			}

/* 社内メモ */
/*#TmpClaim_intranote {
    width: 45%;
	height: 100px;
}*/

/* 備考 */
/*#TmpClaim_note {
    width: 45%;
	height: 100px;
}
*/

/* 請求項目 */
#claim-item-grid {
    margin-bottom: 20px;
}

	/* 一覧 */
	#claim-item-grid table.items th {
		background-color: #AECFDD !important;
		border: solid #A0BCD6 1px !important;
	}
	
	#claim-item-grid table.items td {
		border: 1px solid #A0BCD6 !important;
		font-size: 14px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
		height: 28px;
	}
	
		#claim-item-grid table.items td input {
			border: 1px solid #A0BCD6 !important;
			padding-top: 0px !important;
			padding-bottom: 0px !important;
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
	
		#claim-item-grid table.items td select {
			padding-top: 1px !important;
			padding-bottom: 1px !important;
		}
	
	　　/* 一覧項目・幅 */
			#claim-item-grid table.items th#claim-item-grid_c0 {
				/*width: 20px !important;*/
			}
			
			#claim-item-grid table.items th#claim-item-grid_c1 {
				width: 88px !important;
			}
			
			#claim-item-grid table.items th#claim-item-grid_c2 {
				/*min-width: 120px !important;*/
			}
			
			#claim-item-grid table.items th#claim-item-grid_c3 {
				width: 65px !important;
			}
			
			#claim-item-grid table.items th#claim-item-grid_c4 {
				width: 40px !important;
			}
			
			#claim-item-grid table.items th#claim-item-grid_c5 {
				width: 60px !important;
			}
			
			#claim-item-grid table.items th#claim-item-grid_c6 {
				width: 60px !important;
			}
			
			#claim-item-grid table.items th#claim-item-grid_c7 {
				width: 65px !important;
			}
			
			#claim-item-grid table.items th#claim-item-grid_c8 {
				width: 60px !important;
			}
			
			#claim-item-grid table.items th#claim-item-grid_c9 {
				width: 24px !important;
			}

/*  -------------------------------------------------------------
    ■請求表示画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 詳細画面共通設定 */
.area_detail01 {
}

.area_detail01 .table01 {
}

	.area_detail01 .table01 td {
	    background-color: #FFFFFF !important;
		border: solid 1px #cccccc !important;
	}

		/* 請求項目・幅 */
			.area_detail01 .table01 th#claim-item-grid_c1 {
				width: 88px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#claim-item-grid_c2 {
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#claim-item-grid_c3 {
				width: 65px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#claim-item-grid_c4 {
				width: 40px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#claim-item-grid_c5 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#claim-item-grid_c6 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#claim-item-grid_c7 {
				width: 65px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#claim-item-grid_c8 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
		
/*  -------------------------------------------------------------
    ■入出金一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 入出金一覧上段・項目幅 */
		#cash-claim-grid table.items th#cash-claim-grid_c0 {
			width: 88px !important;
		}
		
		#cash-claim-grid table.items th#cash-claim-grid_c1 {
			min-width: 120px !important;
		}
		
		#cash-claim-grid table.items th#cash-claim-grid_c2 {
			min-width: 120px !important;
		}
	
		#cash-claim-grid table.items th#cash-claim-grid_c3 {
			width: 80px !important;
		}
		
		#cash-claim-grid table.items th#cash-claim-grid_c4 {
			width: 70px !important;
		}
		
		#cash-claim-grid table.items th#cash-claim-grid_c5 {
			width: 70px !important;
		}
		
		#cash-claim-grid table.items th#cash-claim-grid_c6 {
			width: 70px !important;
		}
		
		#cash-claim-grid table.items th#cash-claim-grid_c7 {
			width: 88px !important;
		}
		
		#cash-claim-grid table.items th#cash-claim-grid_c8 {
			width: 70px !important;
		}
	
		/* 入出金一覧下段・項目幅 */
		#cash-order-grid table.items th#cash-order-grid_c0 {
			width: 88px !important;
		}
		
		#cash-order-grid table.items th#cash-order-grid_c1 {
			min-width: 120px !important;
		}
		
		#cash-order-grid table.items th#cash-order-grid_c2 {
			min-width: 120px !important;
		}
	    
		/* 担当者 */
		#cash-order-grid table.items th#cash-order-grid_c3 {
			width: 80px !important;
		}
		
		/* 担当者 */
		#cash-order-grid table.items th#cash-order-grid_c4 {
			width: 80px !important;
		}
		
		#cash-order-grid table.items th#cash-order-grid_c5 {
			width: 70px !important;
		}
		
		#cash-order-grid table.items th#cash-order-grid_c6 {
			width: 70px !important;
		}
		
/*  -------------------------------------------------------------
    ■顧客一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 顧客一覧・項目幅 */
		/* 会社名 */
		#customer-grid table.items th#customer-grid_c0 {
			min-width: 140px !important;
		}
		
		/* 郵便番号 */
		#customer-grid table.items th#customer-grid_c1 {
			width: 74px !important;
		}
		
		/* 住所 */
		#customer-grid table.items th#customer-grid_c2 {
			min-width: 160px !important;
		}
		
        /* 電話番号 */ 
		#customer-grid table.items th#customer-grid_c3 {
			width: 135px !important;
		}
	　　
	　　/* 電話番号 */ 
		#customer-grid table.items th#customer-grid_c4 {
			width: 135px !important;
		}
		
		/* 操作 */ 
		#customer-grid table.items th#customer-grid_c5 {
			width: 66px !important;
		}
		
/*  -------------------------------------------------------------
    ■商品一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 商品一覧・項目幅 */
		/* 商品コード */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c0 {
			min-width: 81px !important; 
		}
		
		/* 品目 */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c1 {
			min-width: 280px !important; 
		}
		
		/* 数量 */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c2 {
			width: 56px !important; 
		}
	    
		/* 単位 */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c3 {
			width: 56px !important; 
		}
		
		/* 単価 */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c4 {
			width: 108px !important; 
		}
		
		/* 原価 */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c5 {
			min-width: 108px !important; 
		}
		
		/* 仕入先会社名 */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c6 {
			min-width: 200px !important; 
		}
		
		/* 操作 */
		.area_list_itemCost #item-cost-grid table.items th#item-cost-grid_c7 {
			width: 66px !important; 
		}

/*  -------------------------------------------------------------
    ■環境設定画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 項目タイトル */
.area_input02 table.table01 td ul.item_title li {
	float: left;
	margin-right: 0px !important;
}

	.area_input02 table.table01 td ul.item_title li input {
		text-align: center;
		width: 120px;
		padding-left: 0px;
		padding-right: 0px;
	}

/* 環境設定：社判判子用 */
.area_input02 table.table01 td dl dt.stamp_img {
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	line-height: 0%;
	border: 1px solid #B4CAD3;
}

	table.stamp {
		width: auto !important;
		margin: 0;
		padding: 0;
	}

		table.stamp td {
			border: none !important;
			width: auto !important;
			vertical-align: middle !important;
			background-image: none !important;
		}

			/* アップロードテキストエリア */
				table.stamp td.input01 {
					margin: 0;
					width: auto;
				}

				/* 参照ボタン */
				table.stamp td.button {
					margin-right: 40px;
				}

				/* チェックボックス */
				table.stamp td.checkbox {
					margin: 0;
					padding: 0;
				}

				/* 削除 */
				table.stamp td.delete label {
					font-size: 14px;
					font-weight: normal;
				}

/*  -------------------------------------------------------------
    ■自社基本情報画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 口座 */
.area_kouza {
    width: 100%;
}

    /* 1テーブル分 */
    .area_kouza .kouza01 {
        width: 33%;
        float: left;
        margin-right: 0.5%;
    }

    .area_kouza .kouza02 {
        width: 33%;
        float: left;
        margin-right: 0px;
    }

.td_flow {
    width: 125px;
}

/*  -------------------------------------------------------------
    ■集計画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.area_graph_link {
    margin-bottom: 5px;
}

	.area_graph_link .tab01 {
		float: left;
		margin-right: 10px;
	}
	
	.area_graph_link .tab02 {
		float: left;
	}

/* グラフエリア */
.area_graph01 {
    margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Safari,Google Chrome用 */
	z-index: 10 !important;
}

	* html .area_graph01 {
		background:#333333;
		margin:-4px -4px;
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');
	}

	.area_graph01 p {
		text-align: center;
	}
	
	.area_graph01 #yw1 #highcharts-0 {
				width: 100% !important;
			}
		
			.area_graph01 rect {
				z-index: 9 !important;
			}
			
.highcharts-title * {
	color: #ffffff;
	font-size: 16px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 30px;
	background-image: url(../images/contents/icon_graph.png) !important;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: 800;
}

#ui-datepicker-div {
    z-index: 8 !important;
}

svg {
    z-index: 8 !important;
}

.highcharts-series {
    z-index: 8 !important;
}

defs {
    z-index: 6 !important;
}

/* データ一覧エリア */
.area_datalist01 {
    margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);　/* Safari,Google Chrome用 */
}

	* html .area_datalist01 {
		background:#333333;
		margin:-4px -4px;
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');
	}

.area_datalist01 table {
	}
	
		.area_datalist01 table th {
		}
	
			.area_datalist01 table .th_title {
				background-color: #DAF1B1;
				border: solid 1px #9ACE7B;
				color: #006600;
			}
	
			.area_datalist01 table th.present {
				background-color: #DE9246;
				color: #ffffff;
			}
	
		.area_datalist01 table td {
			text-align: right;
		}
	
			.area_datalist01 table td.present {
				background-color: #FEEFE1;
				color: #333333;
			}

		.area_datalist01 table td .red {
			color: #CC0000;
		}

/*  -------------------------------------------------------------
    ■ユーザ一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* ユーザ一覧・項目幅 */
		.grid-view table.items th#user-grid_c0 {
		/*	width: 150px !important; */
			min-width: 227px !important;
		}
		
		.grid-view table.items th#user-grid_c1 {
		/*	width: 110px !important; */
			min-width: 120px !important;
		}
		
		.grid-view table.items th#user-grid_c2 {
		/*	width: 70px !important; */
			min-width: 90px !important;
		}
	
		.grid-view table.items th#user-grid_c3 {
		/*	width: 110px !important; */
			min-width: 168px !important;
		}
		
		.grid-view table.items th#user-grid_c4 {
		/*	width: 80px !important; */
			min-width: 140px !important;
		}
		
		.grid-view table.items th#user-grid_c5 {
		/*	width: 100px !important; */
			min-width: 140px !important;
		}

		.grid-view table.items th#user-grid_c6 {
		/*	width: 41px !important; */
			width: 41px !important;
		}

/*  -------------------------------------------------------------
    ■従業員覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* ユーザ一覧・項目幅 */
		.grid-view table.items th#employee-grid_c0 {
			width: 88px !important;
		}
		
		.grid-view table.items th#employee-grid_c1 {
			min-width: 100px !important;
		}
		
		.grid-view table.items th#employee-grid_c2 {
			min-width: 120px !important;
		}
	
		.grid-view table.items th#employee-grid_c3 {
			min-width: 120px !important;
		}
		
		.grid-view table.items th#employee-grid_c4 {
			width: 41px !important;
		}

/*  -------------------------------------------------------------
    ■部署管理画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.message {
	padding: 10px;
	margin-bottom: 10px;
	/* Webkit */
			background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#E2EFF3),
			to(#D0E5EC)
				);
			-webkit-border-radius: 0px;
			-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
			background: -moz-linear-gradient(
			top,
			#E2EFF3,
			#D0E5EC
				);
			-moz-border-radius: 0px;
			-moz-box-shadow: 1px 1px 1px #fff;
		/* IE */
			filter:progid:DXImageTransform.Microsoft.gradient
				(startColorstr=#E2EFF3,endColorstr=#D0E5EC);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A8CDDB;
	border-right-color: #C9E0E9;
	border-bottom-color: #C9E0E9;
	border-left-color: #A8CDDB;
}

ul.treeview {
	background-color: #F7F7F7;
	display: block;
	padding: 3px;
	border: 1px solid #E1E1E1;
}

ul.treeview li {
	background-color: #F7F7F7;
}

ul.treeview li a {
	display: block;
	width: 120px;
}


/* アイコン・変更 */
.icon {
    
}


/* アイコン・新規作成 */
.addarea a {
	display: block;
	background-image: url(../images/contents/icon_group_new.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
}


/* アイコン・変更 */
.editarea a {
	display: block;
	background-image: url(../images/contents/icon_group_edit.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
}



/* アイコン・削除 */
.editarea a.deleter {
	display: block;
	background-image: url(../images/contents/icon_group_delete.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
}

/* アイコン・削除 */
.editarea a.canceler {
	display: block;
	background-image: url(../images/contents/icon_group_cancel.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
}

/* アイコン・保存 */
.editarea a.renamer {
	display: block;
	background-image: url(../images/contents/icon_group_save.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
	width: auto !important;
	display: block;
}






span.node {
	background-image: url(../images/contents/icon_arrow.png);
	background-repeat: no-repeat;
	padding-left: 2px;
}

span.separator {
    margin-left: 3px;
	margin-right: 3px;
}




/*span.name {
	font-size: 14px;
	padding: 3px 5px 3px 10px;
	color: #FFFFFF;
	border: 1px solid #006699;
	background-image: url(../images/contents/icon_arrow.png);
	background-repeat: no-repeat;
	background-color: #3399CC;
	background-position: left center;
}

span.name:hover {
	color: #FFFFFF;
	background-image: url(../images/contents/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #CC6666;
	border: 1px solid #990033;
}
*/








.group input {
	padding: 5px;
	border: 1px solid #A0BCD6;
	color: #666666;
	margin-left: 3px;
}

.editarea a {
	display: block;
	width: 100px;
}

.editarea {
	width: 120px;
}


/* 検索項目幅設定 */
.search140 {
    width: 140px;
}

.search145 {
    width: 145px;
}

.search150 {
    width: 150px;
}

.search155 {
    width: 155px;
}

.search160 {
    width: 160px;
}

.search165 {
    width: 165px;
}

.search170 {
    width: 170px;
}

.search175 {
    width: 175px;
}

.search180 {
    width: 180px;
}

.search185 {
    width: 185px;
}

.search190 {
    width: 190px;
}

.search195 {
    width: 195px;
}

.search200 {
    width: 200px;
}

.search205 {
    width: 205px;
}

.search210 {
    width: 210px;
}

.search215 {
    width: 215px;
}

.search220 {
    width: 220px;
}

.search225 {
    width: 225px;
}

.search230 {
    width: 230px;
}

.search235 {
    width: 235px;
}

.search240 {
    width: 240px;
}

.search245 {
    width: 245px;
}

.search250 {
    width: 250px;
}

.search255 {
    width: 255px;
}

.search260 {
    width: 260px;
}

.search265 {
    width: 265px;
}

.search270 {
    width: 270px;
}

.search275 {
    width: 275px;
}

.search280 {
    width: 280px;
}

.search285 {
    width: 285px;
}

.search290 {
    width: 290px;
}

.search295 {
    width: 295px;
}

.search300 {
    width: 300px;
}

.search305 {
    width: 305px;
}

.search310 {
    width: 310px;
}

.search315 {
    width: 315px;
}

.search320 {
    width: 320px;
}

.search325 {
    width: 325px;
}

.search330 {
    width: 330px;
}

.search335 {
    width: 335px;
}

.search340 {
    width: 340px;
}

.search345 {
    width: 345px;
}

.search350 {
    width: 350px;
}

.search355 {
    width: 355px;
}

.search360 {
    width: 360px;
}

/* label幅 */
	/* 見積一覧画面 */
		.letters30 label {
			width: 30px;
		}
		
		.letters35 label {
			width: 35px;
		}
		
		.letters40 label {
			width: 40px;
		}
		
		.letters45 label {
			width: 45px;
		}
		
		.letters50 label {
			width: 50px;
		}
		
		.letters55 label {
			width: 55px;
		}

		.letters60 label {
			width: 60px;
		}

		.letters65 label {
			width: 65px;
		}
		
		.letters70 label {
			width: 70px;
		}

		.letters75 label {
			width: 75px;
		}
		
		.letters80 label {
			width: 80px;
		}

		.letters85 label {
			width: 85px;
		}
		
		.letters90 label {
			width: 90px;
		}

		.letters95 label {
			width: 95px;
		}
		
		.letters100 label {
			width: 100px;
		}
		
		
/* チェックボックス動作 */		
.area_check	{
    height: 30px;
}
		
	.area_check .button {
		float: left !important;
	}

	.area_check .note {
		margin-top: 2px;
		margin-left: 5px;
		margin-bottom: 0px;
		float: left;
		font-size: 10px;
	}
		
/* カレンダーアイコン */
.icon_calendar {
	background-position: right;
	padding-right: 5px;
	/*min-width: 400px;*/
	display: block;
	float: left;
}		
		
	#Order_track_date {
		margin-top: auto !important;
		padding: auto !important;
		padding-top: 0px;
		padding-bottom: 0px;
		width: auto !important;
	}

	.icon_calendar input {
		float: left;
		padding-left: 3px !important;
		padding-right: 23px !important;
		height: 18px !important;
		background-image: url(../images/contents/icon_calendar.png) !important;
		background-repeat: no-repeat !important;
		background-position: right !important;
		border-top-width: 1px !important;
		border-right-width: 1px !important;
		border-bottom-width: 1px !important;
		border-left-width: 1px !important;
		border-top-style: solid !important;
		border-right-style: solid !important;
		border-bottom-style: solid !important;
		border-left-style: solid !important;
		border-top-color: #99B9CC !important;
		border-right-color: #C4D7E1 !important;
		border-bottom-color: #C4D7E1 !important;
		border-left-color: #99B9CC !important;
		width: 68px !important;
	}

		.icon_calendar #Order_track_date {
			width: 100px !important;
		}

.area_input02 .icon_calendar {
    width: 100%;
}




.infoSummary {
	padding: 10px;
	margin-bottom: 10px;
	/* Webkit */
			background: -webkit-gradient(

			linear,
			left top,
			left bottom,
			from(#F2F9D7),
			to(#E8F6B8)
				);
			-webkit-border-radius: 0px;
			-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
			background: -moz-linear-gradient(
			top,
			#F2F9D7,
			#E8F6B8
				);
			-moz-border-radius: 0px;
			-moz-box-shadow: 1px 1px 1px #fff;
		/* IE */
			filter:progid:DXImageTransform.Microsoft.gradient
				(startColorstr=#F2F9D7,endColorstr=#E8F6B8);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9DE87;
	border-right-color: #D6EA99;
	border-bottom-color: #D6EA99;
	border-left-color: #C9DE87;
}







/* ↓※現在使用していない */
/*  -------------------------------------------------------------
    ■一覧画面   
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 行動履歴 */
.table_koudou01 {
    margin-bottom: 10px;
}

    .table_koudou01 th {
        /*background-image: url(../images/contents/back_th01.jpg);
        background-repeat: repeat-x;*/
        background-position: right;
        border: 1px solid #A0BCD6;


        /* Webkit */
            background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#EDF5F8),
            to(#D2E4EC)
                );
            /*-webkit-border-radius: 5px;
            -webkit-box-shadow: 1px 1px 1px #fff;*/
        /* Firefox */
            background: -moz-linear-gradient(
            top,
            #EDF5F8,
            #D2E4EC
                );
            /*-moz-border-radius: 5px;
            -moz-box-shadow: 1px 1px 1px #fff;*/
        /* IE */
            filter:progid:DXImageTransform.Microsoft.gradient
                (startColorstr=#EDF5F8,endColorstr=#D2E4EC);
    }

        .table_koudou01 .th01 {
            width: 4%;
        }

        .table_koudou01 .th02 {
            width: 11%;
        }

        .table_koudou01 .th03 {
            width: 8%;
        }

        .table_koudou01 .th04 {
            width: ;
        }

        .table_koudou01 .th05 {
            width: 17%;
        }

        .table_koudou01 .th06 {
            width: 17%;
        }

        .table_koudou01 .th07 {
            width: 8%;
        }

        .table_koudou01 .th08 {
            width: 8%;
        }

        .table_koudou01 .th09 {
            width: 3%;
        }

    .table_koudou01 td {
        border: 1px solid #D4D0C8;
    }
/* ↑※現在使用していない */

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}


.grid-view table.items tr.row-fixed td
{
    background-color: #888888;
}

.grid-view table.items tr.row-notfixed.selected td
{
    background-color: #BBBBBB;
}

.waitDialog .ui-widget-header{
    border: 1px solid #888888;
    background-image: none;
    background-color: #BBBBBB;
}


.buttons input {
    background-image: none !important;
    margin-right: 10px !important;

    display: inline-block;
    border: none;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #166079), color-stop(0.00, #59c8ee)) !important;
    background: -webkit-linear-gradient(top, #59c8ee 0%, #166079 88%) !important;
    background: -moz-linear-gradient(top, #59c8ee 0%, #166079 88%) !important;
    background: -ms-linear-gradient(top, #59c8ee 0%, #166079 88%) !important;
    background: linear-gradient(to bottom, #59c8ee 0%, #166079 88%) !important;


}