@charset "utf-8";

body {
  font-family:'ＭＳ Ｐゴシック','Meiryo','MS PGothic','sans-serif';
}
 

/* -------------------------------------------------------------
  Description:  CSS file for screen media
  Filename:    content.css
  Author:     N Hayashi
  Date:      06/01/2012
  -------------------------------------------------------------
  ■検索画面
	■入力画面01
	■入力画面02
	■入力画面03 
	■詳細画面
	■ログイン画面
	■HOME
	■見積一覧画面
	■見積新規登録画面
	■見積表示画面
	■受注一覧画面
	■受注新規登録画面
	■受注表示画面
	■未発注仕入一覧画面
	■発注一覧画面
	■発注新規登録
	■発注表示画面
	■請求一覧画面
	■請求新規登録画面
	■請求表示画面
	■入出金一覧画面
	■顧客一覧画面
	■商品一覧
	■分類一覧
	■環境設定画面
	■自社基本情報画面
	■集計画面
	■部署管理画面
	■受注表示画面 帳票出力選択画面
	■商談表示
	■権限表示
	■取次店専用
	■エントリーページ
	■はじめにページ
	■共通テーブル設定

	■ローディング画面

FOR SCREEN ****************************************************** */
login label{
    font-size:14px !important;
}

.loginform input{
  width:180px;
}

span.required {
	color: red;
}

span.font_big {
	font-size: 22px;
	font-weight: bold;
	}

span.null {
	color: red !important;
	}
div.click {
	color: red !important;
	}

img.gray {
	position:relative;
    top:-21px;
    left:88px;
	}
span.gray {
    float:left;
    height:0;
	}

/* -------------------------------------------------------------
  ■検索画面
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* 検索項目の改行あり */
.area_search01 {
	margin-bottom: 5px;
	padding: 0px 8px;
	/* 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: 12px !important;
				color: #000000;
			}
	
		.area_search01:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
                /*
		.area_search01 .row input,select {
			margin-right: 20px;
		}*/
	
		.area_search01 .buttons input {
			margin-left: 10px !important;
		}

/* 検索項目の改行なし */
.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: 12px !important;
				color: #000000;
			}
	
		.area_search02:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
                /*
		.area_search02 .row input,select {
			margin-right: 20px;
		}*/
	
		.area_search02 .buttons input {
			margin-left: 10px !important;
		}
	
/* 検索項目幅設定 */
/*.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: 5px !important;
}

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

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

.claim_box {
    padding-top: 5px !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;
	padding-bottom: 100px;
}

	/* 入力エリア内タイトル */
	.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_title_position .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
            );
    /* IE10 */
        background: -ms-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: 200px;
		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.gross {
		width: auto;
	}
	
		.area_title dl dt {
			float: left;
			font-size: 12px;
			width: 75px;
		}
	
		.area_title dl dd {
			float: left;
			margin-left: 0px;
			text-align: right !important;
			width: 125px;
			line-height: 140%;
		}

		.area_title dl dd.gross {
			hight: 32px;
			width: auto;
		}
		
			.area_title dl dd label {
				font-size: 16px !important;
				width: 105px;
				float: left;
				font-weight: bold;
			}
	
			.area_title dl dd span {
				font-size: 12px !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: 12px !important;
		font-weight: normal !important;
		margin-left: 10px !important;
	}
	.area_title_position {
		position: static;
	}

/* 入力エリア内テーブル　種類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: 12px !important;
		padding: 6px 5px;
		color: #333333 !important;
	}

		.area_input02 table.table01 th.th01 {
			width: 130px ;
		}
		
		.area_input02 table.table01 th.th03 {
			width: 80px !important;
		}
		
		.area_input02 table.table01 th label {
			color: #333333 !important;
			font-size: 12px !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: 12px;
			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: 120px;
			}
		
			.area_input02 table.table01 td textarea {
				width: 99%;
				height: 100px;
				line-height: 150%;
			}
		
			.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: 12px !important;
					padding: 3px 0 0 20px !important;
					color: #3A8598;
				}
				.td_note2 {
					font-size: 12px !important;
					padding: 3px 0 15px 20px !important;
					color: #3A8598;
				}

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

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

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

				/* 注釈(赤) */
				.td_note_red {
					font-size: 12px !important;
					padding: 3px 0 0 20px !important;
					color: #FF0000;
				}


	 /* 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: 12px;
				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: 12px !important;
			color: #000000 !important;
		}


		.area_input02 .detail-view {
			border-collapse: collapse;
			margin-bottom: 20px;
		}
	
		.area_input02 .detail-view th {
			background-color: #EDEDED;
			border: 1px solid #C2C2C2;
			text-align: left;
			font-weight: bold;
			font-size: 12px;
			padding: 4px;
			width: 15%;
		}
		
		.area_input02 .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: 12px;
		}

		.area_input02 table.table01 th.customer01 {
			width: 150px ;
		}
   
/* 備考 */
.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: 12px;
		font-weight: normal;
		float: left;
	}

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

	.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;
		}

                
/*  -------------------------------------------------------------
    ■  プラン情報ページ 
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.plan_title {
    width: 97%;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #65A0BA;
    text-indent: 10px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333333;
}
.area_input04 {
	/*     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_input04 .title {
		width: 97%;
		border-left-width: 5px;
		border-left-style: solid;
		border-left-color: #65A0BA;
		text-indent: 10px;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
		color: #333333;
	}
	.area_input04 .title.title_plan_04 {
	margin-bottom: 15px;
	}
		.area_input04 .title label {
			width: 97%;
			text-indent: 10px;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
			color: #333333;
		}

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

.area_input04 table.table03 {
    border-collapse: collapse;
	margin-bottom: 20px;
        width: 800px;
}
    /* 大タイトルth */
    .area_input04 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);
    }
    .area_input04 table.table03 .plan_title {
        width: 200px;
        background-color: #EDEDED;
        border: 1px solid #C2C2C2;
        text-align: center;
        font-weight: bold;
        font-size: 14px !important;
        padding: 6px 5px;
        color: #333333 !important;
    }
    .area_input04 table.table03 .plan_name {
        background-color: #FFFFFF;
        border: 1px solid #C2C2C2;
        text-align: center;
        font-weight: bold;
        font-size: 16px !important;
        padding: 6px 5px;
        color: #333333 !important;
    }
    .area_input04 table.table03 .plan_ctitle {
        background-color: #EDEDED;
        border: 1px solid #C2C2C2;
        text-align: center;
        font-weight: bold;
        font-size: 14px !important;
        padding: 6px 5px;
        color: #333333 !important;
    }
    .area_input04 table.table03 .plan_count {
        background-color: #FFFFFF;
        border: 1px solid #C2C2C2;
        text-align: center;
        font-weight: bold;
        font-size: 14px !important;
        padding: 6px 5px;
        color: #333333 !important;
    }
    .area_input04 .plan_change_img {
     display: block;
     margin-left: auto;
     margin-right: auto;
    }
    .area_input04 .pay_info_img {
     display: block;
     margin-left: auto;
     margin-right: auto;
    }                
    #plan_payment img.pay_info_img{
        margin-left:25px;
    }
    #company-form .area_input04 table.plan_table05{
        margin-left:25px;
        width:95%;
    }
    #card_form dl dd .form_style.w50{
    	margin-left: 7px;
    	margin-right: 7px;
    }
    #card_form dl dd .form_style.w50:first-child{
    	margin-left: 1px;
    	
    }
    #card_form dl dd span .form_style{
    	margin-right: 3px;
    	width: 73px;
    }
    .account_btn.plan_off_btn{
    border: #FFF 1px solid;
    font-size: 16px;
    font-weight: 500;
    height: 14px;
    padding-bottom: 10px;
    padding-top: 11px;
    width: 125px;
    margin-top: 10px;
    }
    .plan_bold{
    	font-weight: bold;
    	font-size: 12px;
    }
    .p_left_15{
    	margin-left: 1.5em;
    }
/*  -------------------------------------------------------------
    ■詳細画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 詳細画面 */
.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: 12px;
			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: 12px;
			}

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

/* 見積詳細、受注詳細、発注詳細の承認者、否認者 */
.approval_date{
	padding-left : 5px;
}



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

#content_area_login #content_box {
	margin:0 auto;
	padding-bottom: 60px;
	overflow: hidden;
}

h1.h1_login {
    display: none;
}
.area_login {
		padding: 10px;
		margin:10% auto 30px;
		width: 500px;
		background:#FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;
		-webkit-box-shadow: 0px 3px 5px #CCC;
		-moz-box-shadow: 0px 3px 5px #CCC;
}

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


	.area_login .login_logo {
		background: url(../images/contents/login_logo.png) no-repeat;
		display: block;
		width:254px;
		height:54px;
		text-align: center;
		margin: 0 auto 15px; 
	}

	.area_login .form {
		padding: 30px 10px 10px 10px;
		width: 480px;
        /* webkit系 */ 
		background: -webkit-gradient(linear,left top,left bottom,from(#F3F9FA),to(#BCDBE4));
        /* Mozilla系 */ 
		background: -moz-linear-gradient(top,#F3F9FA,#BCDBE4);
        /* IE8-9 */  
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F9FA', endColorstr='#BCDBE4', GradientType=0)";
        /* IE10 */  
        background: -ms-linear-gradient(top,  #F3F9FA,  #BCDBE4);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 1px 1px 1px #fff;
		-moz-box-shadow: 1px 1px 1px #fff;
		opacity:1.0 !important;
	}
	
	.area_login .row {
		width: 240px;
		margin:0 auto !important;
		margin-bottom: 10px !important;
	}
	
	.area_login .hint {
		padding-top: 5px !important;
		padding-left: 20px !important;
	}
	
	.area_login .rememberMe {
		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 {
		text-align: center;
		margin-left: 35px !important;
	}

/* リリース情報 */
.release_login_area {
    float: right;
    margin: 0px;
    padding: 0px 5px;
}
.release_notes_area {
	width: 480px;
	height: 160px;
	margin:0 auto;
	padding: 20px;
	overflow:auto; 
	background:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px #CCC;
	-moz-box-shadow: 0px 1px 5px #CCC;
}

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

	.release_data dl {
	   margin-bottom: 10px;
	   padding:10px 0;
	   border-bottom:1px solid #CCC;
	}
	
		.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 {
	position: fixed;
	bottom: 5px;
	right: 20px;
	text-align: right;
}

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

/*パスワードを忘れた方はこちら*/
.login_forget {
	width: 240px;
	margin: 0 auto
}

	.login_forget dl {
		width: 240px;
	}

	.login_forget dl dt {
		width: 20px;
		float: left;
		background-image: url(../images/common/description_tooltip.gif);
		background-repeat: no-repeat;
	}


/*再発行送信ボタン*/
#entry .button_remind_pass {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

	#entry .button_remind_pass input {
		width: 160px;
		height: 34px;
		background-image: url(../images/contents/remind_button_off.png);
		background-repeat: no-repeat;
		font-size: 24px !important;
		font-weight: bold;
		cursor: default;
	}






/*パスワード再発行*/
th.remind_pass {
	width: 170px !important;
}

th.remind_pass p
 {
	 font-weight: normal;
	 font-size: 10px;
	 line-height: 110%;
}


	.remind_image {
		width: 370px;
	}

		.remind_image img {
			width: 120px;
			height: 50px;
			margin-right: 10px;
			border: solid 2px #CCC;
			padding-top: 5px;
			padding-left: 10px;
			background-color: #FFF;
			float: left;
		}
	
		.remind_image a {
			text-align: left;
			float: left;
			margin-bottom: 15px;
			text-decoration: underline;
		}



		.remind_image .remind_input {
			width: 160px;
			float: left;
		}


/*  -------------------------------------------------------------
    ■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#card-grid_c0 {
			min-width: 120px !important;
		}
		
		/* 部署名 */
		.grid-view table.items th#card-grid_c1 {
			width: 80px !important;
		}
		
		/* 役職 */
		.grid-view table.items th#card-grid_c2 {
			width: 80px !important;
		}
	
		/* 担当者 */
		.grid-view table.items th#card-grid_c3 {
			width: 60px !important;
		}
		
		/* 郵便番号 */
		.grid-view table.items th#card-grid_c4 {
			width: 60px !important;
		}
                
		/* 住所 */
		.grid-view table.items th#card-grid_c5 {
			width: 250px !important;
		}
                
		/* 電話番号 */
		.grid-view table.items th#card-grid_c6 {
			width: 80px !important;
		}
                
		/* 電子メール */
		.grid-view table.items th#card-grid_c7 {
			width: 120px !important;
		}
                
        /* アイコン */
		.grid-view table.items th#card-grid_c8 {
			width: 62px !important;
                        min-width: 62px !important;
		}


/*  -------------------------------------------------------------
    ■商談履歴一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 商談履歴一覧・項目幅 */
		/* 日時 */
		.grid-view table.items th#business-history-grid_c0 {
			width: 150px !important;
		}
		
		/* 自社担当者 */
		.grid-view table.items th#business-history-grid_c1 {
			width: 100px !important;
		}
		
		/* 商談名 */
		.grid-view table.items th#business-history-grid_c2 {
			min-width: 200px !important;
		}
	
		/* 会社名 */
		.grid-view table.items th#business-history-grid_c3 {
			min-width: 200px !important;
		}
		
		/* 担当者 */
		.grid-view table.items th#business-history-grid_c4 {
			width: 100px !important;
		}
                
        /* アイコン */
		.grid-view table.items th#business-history-grid_c5 {
			width: 62px !important;
                        min-width: 62px !important;
		}


/*  -------------------------------------------------------------
    ■見積一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 見積もり一覧・項目幅 */
		.grid-view table.items th#estimate-grid_c0 {
			width: 21px !important;
                        min-width: 21px !important;
                        text-align: center !important;
		}

		/* コード */
		.grid-view table.items th#estimate-grid_c1 {
			width: 88px !important;
		}
		
		/* 状況 */
		.grid-view table.items th#estimate-grid_c2 {
			min-width: 70px !important;
		}
		
		.grid-view table.items th#estimate-grid_c3 {
			min-width: 120px !important;
		}
	
		.grid-view table.items th#estimate-grid_c4 {
			min-width: 120px !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: 60px !important;
		}
		
		/* 発行日 */
		.grid-view table.items th#estimate-grid_c8 {
			width: 65px !important;
		}
		
		/* 受注予定日 */
		.grid-view table.items th#estimate-grid_c9 {
			width: 65px !important;
		}
		
		/* 担当者 */
		.grid-view table.items th#estimate-grid_c10 {
			width: 50px !important;
		}
		
		/* 更新日時 */
		.grid-view table.items th#estimate-grid_c11 {
			width: 70px !important;
		}

		/* 更新者 */
		.grid-view table.items th#estimate-grid_c12 {
			width: 50px !important;
		}
                
                /* アイコン */
		.grid-view table.items th#estimate-grid_c13 {
			width: 41px !important;
                        min-width: 41px !important;
		}


	
/*  -------------------------------------------------------------
    ■見積新規登録画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


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

	.area_estimate_input01 .note {
		font-size: 12px;
		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: 12px !important;
			padding: 6px 5px;
			color: #333333 !important;
			width: 10%;
		}
	
		.area_estimate_input01 .area_input table td {
			border: none;
			text-align: left;
			padding: 6px 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.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: 12px !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: 12px;
	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: 12px !important;
/* 20121103 repair go height adjust
		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: 60px !important;
				}
				
				/* 区分 */
				.grid-view table.items th#estimate-cost-grid_c9 {
					width: 65px !important;
				}
				
				/* 金額 */
				.grid-view table.items th#estimate-cost-grid_c10 {
					width: 60px !important;
				}
				
				.grid-view table.items th#estimate-cost-grid_c11 {
					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: 40px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
            
			/* 金額 */
			.area_detail01 .table01 th#estimate-cost-grid_c8 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 区分 */
			.area_detail01 .table01 th#estimate-cost-grid_c9 {
				width: 65px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#estimate-cost-grid_c10 {
				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: 21px !important;
                        min-width: 21px !important;
                        text-align: center !important;
		}
		/* コード */
		.grid-view table.items th#received-grid_c1 {
			width: 88px !important;
		}
		
		.grid-view table.items th#received-grid_c2 {
			min-width: 50px !important;
		}
		
		.grid-view table.items th#received-grid_c3 {
			min-width: 110px !important;
		}
	
		.grid-view table.items th#received-grid_c4 {
			min-width: 110px !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: 60px !important;
		}
		
		/* 受注日 */
		.grid-view table.items th#received-grid_c8 {
			width: 65px !important;
		}
		
		/* 納品日 */
		.grid-view table.items th#received-grid_c9 {
			width: 65px !important;
		}
		
		/* 担当者 */
		.grid-view table.items th#received-grid_c10 {
			width: 50px !important;
		}
		
		/* 更新日時 */
		.grid-view table.items th#received-grid_c11 {
			width: 70px !important;
		}
		
		/* 更新者 */
		.grid-view table.items th#received-grid_c12 {
			width: 50px !important;
		}
                
                /* アイコン×2 */
		.grid-view table.items th#received-grid_c13 {
			width: 41px !important;
                        min-width: 41px !important;
		}
	
/*  -------------------------------------------------------------
    ■受注新規登録画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

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

	.area_received_input01 .note {
		font-size: 12px;
		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: 12px !important;
			padding: 6px 5px;
			color: #333333 !important;
			width: 10%;
		}
	
		.area_received_input01 .area_input table.received01 td {
			border: none;
			text-align: left;
			padding: 6px 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: 12px !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: 12px;
	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: 12px !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: 60px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c9 {
					width: 65px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c10 {
					width: 60px !important;
				}
				
				.area_cost #received-cost-grid table.items th#received-cost-grid_c11 {
					width: 24px !important;
				}
    	    	.area_cost #received-cost-grid table.items th#received-cost-grid_c12 {
			    	width: 24px !important;
	    		}

div.errorSummary {
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

div.errorSummary p {
    margin: 0;
    padding: 5px;
}

div.errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px;
}

/*  -------------------------------------------------------------
    ■受注表示画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
		/* 受注項目・幅 */
			/* コード */
			.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: 40px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#received-cost-grid_c8 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 区分 */
			.area_detail01 .table01 th#received-cost-grid_c9 {
				width: 65px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}
			
			/* 金額 */
			.area_detail01 .table01 th#received-cost-grid_c10 {
				width: 60px !important;
				background-color: #FAE48D !important;
				border: solid #D7B95E 1px !important;
			}

			.area_detail01 .table01 th#received-cost-grid_c11 {
				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: 21px !important;
                        min-width: 21px !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: 40px !important;
		}
		
		/* 単位 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c4 {
			width: 40px !important;
		}

		/* 税率 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c5 {
			width: 40px !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: 60px !important;
		}
		
		/* コード */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c8 {
			width: 88px !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 {
			min-width: 96px !important;
		}
		
		/* 日付 */
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c11 {
			width: 65px !important;
		}
		
		.area_list_receivedCost .grid-view table.items th#received-cost-grid_c12 {
			width: 70px !important;
		}
	
        .area_list_receivedCost .grid-view table.items th#received-cost-grid_c13 {
                        width: 50px !important;
        }
        .area_list_receivedCost .grid-view table.items th#received-cost-grid_c14 {
                    width: 41px !important;
                        min-width: 41px !important;
        }
	
	
/*  -------------------------------------------------------------
    ■発注一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/*発注一覧・項目幅 */
		.grid-view table.items th#order-grid_c0 {
			width: 21px !important;
                        min-width: 21px !important;
                        text-align: center !important;
		}

		/* 発注番号 */
		.grid-view table.items th#order-grid_c1 {
			width: 88px !important;
		}
		
		/* 発注月 */
		.grid-view table.items th#order-grid_c2 {
			width: 45px !important;
		}

		/* 発注状況 */
		.grid-view table.items th#order-grid_c3 {
			width: 70px !important;
		}
	
		/* 出金予定日 */
		.grid-view table.items th#order-grid_c4 {
			width: 65px !important;
		}
		
		/* 出金日 */
		.grid-view table.items th#order-grid_c5 {
			width: 65px !important;
		}
		
		/* 顧客名 */
		.grid-view table.items th#order-grid_c6 {
			min-width: 120px !important;
		}
		
		/* 仕入先会社名 */
		.grid-view table.items th#order-grid_c7 {
			min-width: 120px !important;
		}
		
		/* 件名 */
		.grid-view table.items th#order-grid_c8 {
			min-width: 120px !important;
		}
		
		/* 発注金額 */
		.grid-view table.items th#order-grid_c9 {
			width: 65px !important;
		}
		
		/* 納品日 */
		.grid-view table.items th#order-grid_c10 {
			width: 65px !important;
		}

		/* 担当者 */
		.grid-view table.items th#order-grid_c11 {
			width: 50px !important;
		}

		/* 更新日時 */
		.grid-view table.items th#order-grid_c12 {
			width: 70px !important;
		}

		/* 更新者 */
		.grid-view table.items th#order-grid_c13 {
			width: 50px !important;
		}

		/* 操作 */
		.grid-view table.items th#order-grid_c14 {
			width: 41px !important;
                        min-width: 41px !important;
		}

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

	.area_order_input01 .note {
		font-size: 12px;
		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: 12px !important;
			padding: 6px 5px;
			color: #333333 !important;
			width: 10%;
		}
	
		.area_order_input01 .area_input table.order01 td {
			border: none;
			text-align: left;
			padding: 6px 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: 12px;
	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: 12px !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: 40px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c8 {
				width: 65px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c9 {
				width: 60px !important;
			}
			
			#order-cost-grid table.items th#order-cost-grid_c10 {
				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: 40px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c7 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c8 {
				width: 65px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
			.area_detail01 .table01 th#order-detail-grid_c9 {
				width: 60px !important;
				background-color: #AECFDD !important;
				border: solid #A0BCD6 1px !important;
			}
			
/*  -------------------------------------------------------------
    ■請求一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/*請求一覧・項目幅 */
		.grid-view table.items th#claim-grid_c0 {
			width: 21px !important;
			min-width: 21px !important;
			text-align: center !important;
		}
		
		/* コード */
		.grid-view table.items th#claim-grid_c1 {
			width: 88px !important;
		}
		
		/* 日付（大） */
		.grid-view table.items th#claim-grid_c2 {
			width: 45px !important;
		}
	
		.grid-view table.items th#claim-grid_c3 {
			width: 65px !important;
		}
		
		.grid-view table.items th#claim-grid_c4 {
			width: 65px !important;
		}
		
		.grid-view table.items th#claim-grid_c5 {
			min-width: 120px !important;
		}
		
		.grid-view table.items th#claim-grid_c6 {
			min-width: 120px !important;
		}
		
		.grid-view table.items th#claim-grid_c7 {
			width: 50px !important;
		}
		
		.grid-view table.items th#claim-grid_c8 {
			width: 88px !important;
		}
	
		.grid-view table.items th#claim-grid_c9 {
			width: 50px !important;
		}
	
		.grid-view table.items th#claim-grid_c10 {
			width: 50px !important;
		}
	
		.grid-view table.items th#claim-grid_c11 {
			width: 50px !important;
		}
                
        .grid-view table.items th#claim-grid_c12 {
			width: 50px !important;
		}

        .grid-view table.items th#claim-grid_c13 {
			width: 41px !important;
            min-width: 41px !important;
		}


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

	.area_claim_input01 .note {
		font-size: 12px;
		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: 12px !important;
			padding: 6px 5px;
			color: #333333 !important;
		}
	
		.area_claim_input01 table.claim01 td {
			border: none;
			text-align: left;
			padding: 6px 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: 12px !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;
			}

/*  -------------------------------------------------------------
    ■経費一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
    /* 経費一覧上段・項目幅 */
		#expenses-grid table.items th#expenses-grid_c0 {
			width: 21px !important;
                        min-width: 21px !important;
                        text-align: center !important;
		}
                #expenses-grid table.items th#expenses-grid_c1 {
			width: 40px !important;
		}
                #expenses-grid table.items th#expenses-grid_c2 {
			width: 65px !important;
		}
                #expenses-grid table.items th#expenses-grid_c3 {
			width: 65px !important;
		}
                #expenses-grid table.items th#expenses-grid_c4 {
			width: 80px !important;
		}
                #expenses-grid table.items th#expenses-grid_c5 {
			min-width: 120px !important;
		}
                #expenses-grid table.items th#expenses-grid_c6 {
			min-width: 120px !important;
		}
                #expenses-grid table.items th#expenses-grid_c7 {
			width: 40px !important;
		}
                #expenses-grid table.items th#expenses-grid_c8 {
			width: 65px !important;
		}
                #expenses-grid table.items th#expenses-grid_c9 {
			width: 30px !important;
		}
                #expenses-grid table.items th#expenses-grid_c10 {
			width: 65px !important;
		}
                #expenses-grid table.items th#expenses-grid_c11 {
			width: 70px !important;
		}
                #expenses-grid table.items th#expenses-grid_c12 {
			width: 50px !important;
		}
                #expenses-grid table.items th#expenses-grid_c13 {
			width: 41px !important;
                        min-width: 41px !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-main-grid table.items th#customer-main-grid_c0 {
			min-width: 140px !important;
		}
		
		/* 窓口担当 */
		#customer-main-grid table.items th#customer-main-grid_c1 {
			width: 80px !important;
		}

		/* 請求先担当 */
		#customer-main-grid table.items th#customer-main-grid_c2 {
			width: 80px !important;
		}

		/* 業務形態 */
		#customer-main-grid table.items th#customer-main-grid_c3 {
			width: 50px !important;
		}
		
		/* 郵便番号 */
		#customer-main-grid table.items th#customer-main-grid_c4 {
			min-width: 46px !important;
		}
		
                /* 住所 */ 
		#customer-main-grid table.items th#customer-main-grid_c5 {
			/* width: 160px !important; */
		}

                /* 電話番号１ */ 
		#customer-main-grid table.items th#customer-main-grid_c6 {
			width: 75px !important;
		}
		
                /* 電話番号２ */ 
		#customer-main-grid table.items th#customer-main-grid_c7 {
			width: 75px !important;
		}
		
                /* 見積件数 */ 
		#customer-main-grid table.items th#customer-main-grid_c8 {
			width: 50px !important;
		}
		
                /* 受注件数 */ 
		#customer-main-grid table.items th#customer-main-grid_c9 {
			width: 50px !important;
		}
		
		/* 請求件数 */ 
		#customer-main-grid table.items th#customer-main-grid_c10 {
			width: 50px !important;
		}

                /* 操作 */ 
		#customer-main-grid table.items th#customer-main-grid_c11 {
			width: 66px !important;
		}		
.click01 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}		

.click02 {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/*  -------------------------------------------------------------
    ■顧客ポップアップ画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 顧客一覧・項目幅 */
		/* 会社名 */
		#customer-grid table.items th#customer-grid_c0 {
			min-width: 140px !important;
		}
		
		/* 業務形態 */
		#customer-grid table.items th#customer-grid_c1 {
			width: 50px !important;
		}
		
		/* 郵便番号 */
		#customer-grid table.items th#customer-grid_c2 {
			min-width: 66px !important;
		}
		
                /* 住所 */ 
		#customer-grid table.items th#customer-grid_c3 {
			/* width: 160px !important; */
		}
	　　
        	/* 電話番号１ */ 
		#customer-grid table.items th#customer-grid_c4 {
			width: 100px !important;
		}
		
                /* 電話番号２ */ 
		#customer-grid table.items th#customer-grid_c5 {
			width: 100px !important;
		}
		
                /* 見積件数 */ 
		#customer-grid table.items th#customer-grid_c6 {
			width: 50px !important;
		}
		
                /* 受注件数 */ 
		#customer-grid table.items th#customer-grid_c7 {
			width: 50px !important;
		}
		
		/* 請求件数 */ 
		#customer-grid table.items th#customer-grid_c8 {
			width: 50px !important;
		}

                /* 操作 */ 
		#customer-grid table.items th#customer-grid_c9 {
			width: 66px !important;
		}
.click01 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}		

.click02 {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}		


		
/*  -------------------------------------------------------------
    ■仕入先一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 仕入先一覧・項目幅 */
		/* 会社名 */
		#supplier-grid table.items th#supplier-grid_c0 {
			min-width: 140px !important;
		}
		
		/* 業務形態 */
		#supplier-grid table.items th#supplier-grid_c1 {
			width: 50px !important;
		}
		
		/* 郵便番号 */
		#supplier-grid table.items th#supplier-grid_c2 {
			width: 67px !important;
		}
		
                /* 住所 */ 
		#supplier-grid table.items th#supplier-grid_c3 {
			min-width: 200px !important; 
		}
	　　
        	/* 電話番号１ */ 
		#supplier-grid table.items th#supplier-grid_c4 {
			width: 76px !important;
		}
		
                /* 電話番号２ */ 
		#supplier-grid table.items th#supplier-grid_c5 {
			width: 76px !important;
		}
		
                /* 発注件数 */ 
		#supplier-grid table.items th#supplier-grid_c6 {
			width: 50px !important;
		}
		
                /* 商品件数 */ 
		#supplier-grid table.items th#supplier-grid_c7 {
			width: 50px !important;
		}

                /* ソート番号 */ 
		#supplier-grid table.items th#supplier-grid_c8 {
			width: 66px !important;
		}

                /* 操作 */ 
		#supplier-grid table.items th#supplier-grid_c9 {
			width: 66px !important;
		}		
.click01 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}		

.click02 {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
		
/*  -------------------------------------------------------------
    ■商品一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 商品一覧・項目幅 */
		/* 商品コード */
		.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; 
		}

/*  -------------------------------------------------------------
    ■分類一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	/* 分類一覧・項目幅 */
		/* 商品コード */
		#classification-grid table.items th#classification-grid_c0 {
			min-width: 880px !important; 
		}
		
		/* ソート番号 */
		#classification-grid table.items th#classification-grid_c1 {
			width: 80px !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: 12px;
					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;
}

.title.seq_title {
    border-left:5px solid #65A0BA;
    height: 50px;
    text-indent:0;
    margin-bottom: 7px;
}

.title.seq_title2 {
    border-left:5px solid #65A0BA;
    height: 65px;
    text-indent:0;
    margin-bottom: 7px;
}

.seq_no {
    float:left;
    height:50px;
    padding-left:10px;
}

.seq_text {
    float:left;
}

inf
/*  -------------------------------------------------------------
    ■集計画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.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 {
                    font-size: 14px;
                }
	
			.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;
                        font-size: 14px;
		}
	
			.area_datalist01 table td.present {
				background-color: #FEEFE1;
				color: #333333;
			}

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


/*検索エリア内　売上予測表ボタン*/
#tabs-7 input {
	width: 160px;
	height: 24px;
	background-image: url(../images/common/button_timetable.jpg);
	background-repeat: no-repeat;
	border: none;
	color: #333;
	margin-top: 8px;
	text-indent: 7px;
	float: right;
}

/*月次売掛表ポップアップ*/
.report_fin_pop {
	background: -moz-linear-gradient(center top , #EDF7FA, #DDEEF2) repeat scroll 0 0 transparent;
    border-color: #A6C0C4 #AFD5DE #AFD5DE #A6C0C4;
    border-style: double;
    border-width: 3px;
    padding: 10px;
}

	.report_fin_pop p {
		font-size: 18px;
		font-weight: bold !important;
		margin-bottom: 10px;
	}

	.report_fin_pop ul {
		width: 480px;
		margin: 0 auto;
	}

		.report_fin_pop li {
			text-align: left;
		}

/*  -------------------------------------------------------------
    ■従業員一覧画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
		/* 電子メール */
		.grid-view table.items th#user-grid_c0 {
		/*	width: 150px !important; */
			min-width: 140px !important;
		}
		
		/* 氏名 */
		.grid-view table.items th#user-grid_c1 {
		/*	width: 150px !important; */
			min-width: 120px !important;
		}
		
		/* 権限 */
		.grid-view table.items th#user-grid_c2 {
		/*	width: 70px !important; */
			min-width: 100px !important;
		}
	
		/* 部署名 */
		.grid-view table.items th#user-grid_c3 {
		/*	width: 110px !important; */
			min-width: 120px !important;
		}
		
		/* システム利用可否 */
		.grid-view table.items th#user-grid_c4 {
		/*	width: 80px !important; */
			min-width: 70px !important;
		}
		
		/* 最終ログイン時間 */
		.grid-view table.items th#user-grid_c5 {
		/*	width: 100px !important; */
			min-width: 100px !important;
		}

		/* 操作 */
		.grid-view table.items th#user-grid_c6 {
		/*	width: 41px !important; */
			width: 80px !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: 12px;
	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;
}


/* 検索項目幅設定 */
/* 経費一覧検索項目用 */
.search12 {
    width: 12px;
}

.search24 {
    width: 24px;
}

.search30 {
    width: 30px;
}

.search35 {
    width: 35px;
}

.search40 {
    width: 40px;
}

.search45 {
    width: 45px;
}

.search50 {
    width: 50px;
}

.search55 {
    width: 55px;
}

.search60 {
    width: 60px;
}

.search65 {
    width: 65px;
}

.search70 {
    width: 70px;
}

.search75 {
    width: 75px;
}

.search80 {
    width: 80px;
}

.search85 {
    width: 85px;
}

.search90 {
    width: 90px;
}

.search95 {
    width: 95px;
}

.search100 {
    width: 100px;
}

.search105 {
    width: 105px;
}

.search110 {
    width: 110px;
}

.search115 {
    width: 115px;
}

.search120 {
    width: 120px;
}

.search125 {
    width: 125px;
}

.search130 {
    width: 130px;
}

.search135 {
    width: 135px;
}

.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;
}

.search206 {
    width: 206px;
}

.search210 {
    width: 210px;
}

.search215 {
    width: 215px;
}

.search220 {
    width: 220px;
}

.search222 {
    width: 222px;
}

.search225 {
    width: 225px;
}

.search227 {
    width: 227px;
}

.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;
}

.search363 {
    width: 363px;
}

.search365 {
    width: 365px;
}

.search370 {
    width: 370px;
}

.search375 {
    width: 375px;
}

.search380 {
    width: 380px;
}

.search385 {
    width: 385px;
}

.search390 {
    width: 390px;
}

.search395 {
    width: 395px;
}

.search400 {
    width: 400px;
}

.search405 {
    width: 405px;
}

.search410 {
    width: 410px;
}

.search415 {
    width: 415px;
}

.search420 {
    width: 420px;
}

.search425 {
    width: 425px;
}

.search430 {
    width: 430px;
}

.search435 {
    width: 435px;
}

.search440 {
    width: 440px;
}

.search445 {
    width: 445px;
}

.search450 {
    width: 450px;
}

.search455 {
    width: 455px;
}

.search460 {
    width: 460px;
}

.search465 {
    width: 465px;
}

.search470 {
    width: 470px;
}

.search475 {
    width: 475px;
}

.search480 {
    width: 480px;
}

.search485 {
    width: 485px;
}

.search490 {
    width: 490px;
}

.search495 {
    width: 495px;
}

.search500 {
    width: 500px;
}

.search505 {
    width: 505px;
}

.search510 {
    width: 510px;
}

.search515 {
    width: 515px;
}

.search520 {
    width: 520px;
}

.search525 {
    width: 525px;
}

.search530 {
    width: 530px;
}


/* label幅 */
	/* 見積一覧画面 */
		.letters45left label {
			width: 45px;
            text-align: left;
		}
                
		.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;
		}
                
        .letters130 label {
			width: 130px;
		}
		
		
/* チェックボックス動作 */		
.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: 11px;
	}
		
/* カレンダーアイコン */
.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%;
}

	/*カレンダーと時間が横並びの場合*/
	.area_date {
		width: 100%;
	}

	.area_date .icon_calendar {
		float: left;
		width: auto;
	}

	.area_date .area_time {
		float: left;
	}
	
/*顧客選択ボタン ※住所取得、、名刺選択でも使用*/
a.link_customer {
	width: 60px;
	height: 19px;
	background-image: url(../images/common/button_customer_off.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-decoration: none;
	padding-top: 1px;
	padding-left: 20px;
	color: #333;
}	

	a.link_customer:hover {
		width: 60px;
		height: 19px;
		background-image: url(../images/common/button_customer_on.png);
		background-repeat: no-repeat;
		padding-top: 1px;
		padding-left: 20px;
	}	

	





.infoSummary {
    /*    width: 800px;   */
        height: 40px;
	padding: 5px;
	margin: 0 auto;
        text-align: left;
	/* 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;
}

.infoSummary select{
  font-size: 16px;
  margin: 11px;
   float: left;
}
.infoSummary .buttons{
  font-size: 16px;
  margin: 6px;
   float: left;
}

.infoSummary2 {
        width: 800px;
        height: 40px;
	padding: 5px;
	margin: 0 auto;
        text-align: left;
	/* 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;
}
.infoSummary2_2 {
    margin-left:25px;
    height: 30px;
    padding:10px 0 8px 10px;
    width:94%;
}

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

			linear,
			left top,
			left bottom,
			from(#FFBB77),
			to(#FFD2A6)
				);
			-webkit-border-radius: 0px;
			-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
			background: -moz-linear-gradient(
			top,
			#FFBB77,
			#FFD2A6
				);
			-moz-border-radius: 0px;
			-moz-box-shadow: 1px 1px 1px #fff;
		/* IE */
			filter:progid:DXImageTransform.Microsoft.gradient
				(startColorstr=#FFBB77,endColorstr=#FFD2A6);
	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: #FF9D3C;
	border-right-color: #FF9D3C;
	border-bottom-color: #FF9D3C;
	border-left-color: #FF9D3C;
}
.infoAnalysis table tr td {
    padding: 0px,5px;
    border-style: none;
    vertical-align: top;
    background-color:transparent;
}

table.plan{
    width: 95% !important;
}




/* ↓※現在使用していない */
/*  -------------------------------------------------------------
    ■一覧画面   
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 行動履歴 */
.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;
    }
/* ↑※現在使用していない */


/*  -------------------------------------------------------------
    ■受注表示画面 帳票出力選択画面
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10400;
  background-color: #EFEFEF;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10500;
  width: 760px;
  margin: -250px 0 0 -380px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 50%;
}

.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #f5f5f5;
}

.modal-header .modal-close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  border-left:7px solid #65A0BA;
  line-height: 24px;
  font-weight:bold;
  text-align:left;
  padding:0 0 0 20px;
}

.modal-body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
  text-align:left;
}

.modal-body .modal-table{
	width:100%;
	overflow:scroll;
}

.modal-body .modal-table tr:hover{
	background:#EAF2FA !important;
	cursor:pointer !important;
}

.modal-table td:hover{
}

.modal-body .modal-table td{
}


.modal-footer {
	padding: 14px 15px 15px;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
	text-align: center;
}

.modal-footer:before,
.modal-footer:after {
	display: table;
	line-height: 0;
	content: "";
}

.modal-footer:after {
	clear: both;
}

.modal-footer .modal-footer-container{	
	margin:-14px -15px 10px;
	padding:5px 10px;
	overflow:hidden;
	clear:both;
	background:#FCFCFC;
	border-bottom:1px solid #CCC;
}

.modal-footer .group-button{
	float:left;
	width:70%;
}
.modal-footer .group-button ul{
}

.modal-footer .group-button ul li{
	float:left;
}

.modal-footer .group-button ul li input.input-pager{
	width:20px;
	text-align:right;
	padding:0 3px;
}

.modal-footer .group-button ul li a{
	display:block;
	text-indent:-9999px;
}

.modal-footer .group-button ul li a.search_btn{
	width:16px;
	height:16px;
	vertical-align:middle;
}

.modal-footer .group-button ul li a.search_btn#page-first{
	background:url(../images/contents/page-first-disabled.gif) no-repeat;
}

.modal-footer .group-button ul li a.search_btn#page-prev{
	background:url(../images/contents/page-prev-disabled.gif) no-repeat;
}

.modal-footer .group-button ul li a.search_btn#page-next{
	background:url(../images/contents/page-next-disabled.gif) no-repeat;
}

.modal-footer .group-button ul li a.search_btn#page-last{
	background:url(../images/contents/page-last-disabled.gif) no-repeat;
}
.modal-footer .group-button ul li a.search_btn#page-refresh{
	background:url(../images/contents/refresh.gif) no-repeat;
}


.modal-footer .group-page{
	float:right;
	text-align:right;
}

.modal-footer .button{
	width: 120px;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}


.ajax-mask {
	background:#CDCDCD url(../images/contents/ajax-loading-output.gif) center center no-repeat;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	display:none;
	overflow:hidden;
	opacity: 0.8;
}

.ajax-mask-item {
	background:#EEEEEE url(../images/contents/ajax-loading-output.gif) center center no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10000;
        display:none;
	overflow:hidden;
	opacity: 0.4;
}

.ajax-mask-cost {
	background:#EEEEEE url(../images/contents/ajax-loading-output.gif) center center no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10000;
        display:none;
	overflow:hidden;
	opacity: 0.4;
}

.ajax-mask-parent {
	position:relative;
}

.ajax-mask img{
	position:absolute;
	z-index:10001;
	top:50%;
	left:50%;
	width:32px;
	height:32px;
	background:#000 url(../images/contents/ajax-loading.gif) no-repeat;
	margin:-80px 0 0 -16px;
}


/*閉じるボタン*/
/*h3#myModalLabel .pop_close {
	float: right;
}

h3#myModalLabel .pop_close a {
	width: 30px;
	height: 30px;
	display: block;
	background-color: #CCC;
}
*/

.pop_output {
	background-color: #E6E6E6;
	padding: 3px;
}

	.pop_output table th {
	font-size: 14px;
	/* 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);
	text-align: left;
	padding: 5px;
	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: #8EAFBD;
	border-right-color: #9CB9C5;
	border-bottom-color: #C0D1D3;
	border-left-color: #9CB9C5;
	}

	.pop_output table td {
		border: 1px solid #9CB9C5;
		padding: 10px;
	}

	.pop_output table td ul li {
		float: left;
		margin-right: 20px;
	}


	/*売上/仕入用ポップアップ*/
	.pop_output table.pop_timetable th {
		width: 100px;
		font-weight: bold;
	}

		.pop_output table.pop_timetable td select {
			font-family: 'ＭＳ Ｐゴシック','Meiryo','MS PGothic','sans-serif' !important;
/*			-webkit-appearance: button !important;
			-moz-appearance: button !important;
			appearance: button !important;
*/			border-radius:0px !important;
			line-height: 50px !important;
			font-size: 13px !important;
			cursor: default !important;
			border-color: #99B9CC #C4D7E1 #C4D7E1 #99B9CC;
			border-style: solid;
			border-width: 1px;
			font-size: 12px !important;
			height: 20px;
			padding-left: 3px;
			color: #000 !important;
/*			-webkit-appearance:none !important;
*/		}

			.pop_output table.pop_timetable td select#target_y {
				width: 60px;
				color: #000 !important;
			}

			.pop_output table.pop_timetable td select#target_m {
				width: 45px;
			}

		.pop_output table.pop_timetable td ul {
			margin: 10px 0 0 0;
			padding: 0;
		}


		.pop_output table.pop_timetable td ul li {
		}



/*  -------------------------------------------------------------
    ■商談表示
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*全体枠*/
#business_history {
	height: 100% !important;
/*	background-color: #F0F0F0;
*/
}


/*会社情報　最初に消えている部分*/
#business_history .display {
	display: none;
	width: 100%;
}

	#business_history .display table.none {
		width: 100% !important;
		margin: 0;
		padding: 0;
	}

	#business_history .display table.none tbody {
		width: 100%;
	}


	#business_history .display table.none th.th01 {
		background-color: #EDEDED;
		border: 1px solid #C2C2C2;
		font-size: 12px;
		font-weight: bold;
		padding: 4px;
		text-align: left;
		width: 130px;
		white-space: nowrap;
	}

	#business_history .display table.none th.th02 {
		background-color: #EDEDED;
		border: 1px solid #C2C2C2;
		font-size: 12px;
		font-weight: bold;
		padding: 6px 5px;
		text-align: left;
		width: 130px;
		white-space: nowrap;
	}

	#business_history .display table.none th.th03 {
	background-color: #EDEDED;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 5px;
	text-align: left;
	width: 130px;
	white-space: nowrap;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C2C2C2;
	border-bottom-color: #C2C2C2;
	border-left-color: #C2C2C2;
	}


	#business_history .display table.none td {
		background-color: #E2EFF3;
		background-image: url("../images/contents/back_td_line.jpg") !important;
		background-position: center top;
		background-repeat: repeat-x;
		border: 1px solid #BBD3DB;
		color: #333333;
		font-size: 12px;
		padding: 4px;
	}

	#business_history .display table.none td.td03 {
	background-color: #E2EFF3;
	background-image: url("../images/contents/back_td_line.jpg") !important;
	background-position: center top;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 12px;
	padding: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #BBD3DB;
	border-bottom-color: #BBD3DB;
	border-left-color: #BBD3DB;
	}



	#business_history .display table.none th.title01 {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		background-color: #DFDFDF;
		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: #C2C2C2;
		border-right-color: #C2C2C2;
		border-bottom-color: #D5D5D5;
		border-left-color: #C2C2C2;
        /* Webkit */
            background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#F2F2F2),
            to(#DDDDDD)
                );
            /*-webkit-border-radius: 5px;
            -webkit-box-shadow: 1px 1px 1px #fff;*/
        /* Firefox */
            background: -moz-linear-gradient(
            top,
            #F2F2F2,
            #DDDDDD
                );
            /*-moz-border-radius: 5px;
            -moz-box-shadow: 1px 1px 1px #fff;*/
        /* IE */
            filter:progid:DXImageTransform.Microsoft.gradient
                (startColorstr=#F2F2F2,endColorstr=#DDDDDD);
	}


/*商談詳細枠*/
#business_history .detail01 {
	margin-bottom: 15px;
	background-color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-top-width: 3px;
	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: #5C92AB;
	border-right-color: #BCBCBC;
	border-bottom-color: #B4B4B4;
	border-left-color: #D7D7D7;
	box-shadow: 1px 1px 2px #CCC; /*CSS3*/
	-moz-box-shadow: 1px 1px 2px #CCC; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 2px #CCC; /* Google Chrome, Safari用*/
}

#business_history .table_detail {
	border: none;
	background-color: transparent;
	padding: 0;
}

#business_history .table_detail table.display {
	display: none;
}

#business_history .open {
	padding: 10px 10px 0 10px;
}

#business_history .open .open_detail {
	background-color: #F9F9F9;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	padding: 10px 10px 0 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: #C9C9C9;
	border-right-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
	border-left-color: #C9C9C9;
}


#business_history .open dl {
	float: left;
	width: 50%;
	margin-bottom: 8px;
}

#business_history .open dl.note {
	width: 100%;
}

#business_history .open dl dt {
	float: left;
	width: 100px;
}

#business_history .open dl dt label {
}


#business_history .open dl dd {
	float: left;
}

.area_history_title {
	/* Webkit */
	background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#F0F7F9),
            to(#D7E8F0)
                );
	/*-webkit-border-radius: 5px;
            -webkit-box-shadow: 1px 1px 1px #fff;*/
        /* Firefox */
	background: -moz-linear-gradient(
            top,
            #F0F7F9,
            #D7E8F0
                );
            /*-moz-border-radius: 5px;
            -moz-box-shadow: 1px 1px 1px #fff;*/
        /* IE */
            filter:progid:DXImageTransform.Microsoft.gradient
                (startColorstr=#F0F7F9,endColorstr=#D7E8F0);
	padding: 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5E6F5;
}

	.area_history_title p {
		margin-bottom: 5px;
		font-size: 14px;
	}

	.area_history_title dl {
		margin-bottom: 0;
	}

	/*日時*/
	.area_history_title dl.date dt {
		float: left;
		font-weight: normal;
	}

	.area_history_title dl.date dt span.date {
		margin-right: 20px;
		font-size: 14px;
	}


	/*会社名*/
	.area_history_title dl.date dd {
		float: left;
	}

	/*編集ボタン*/
	.area_history_title dl.date dd.button {
		float: right;
	}


	.area_history_title dl.title {
		margin-bottom: 0;
	}

	/*商談名*/
	.area_history_title dl.title dt {
		float: left;
		font-size: 16px;
		color: #EF7B25;

	}

	/*会社名等*/
	.area_history_title dl.title dd {
		float: left;
		padding-top: 3px;
		margin-left: 30px;
	}

	/*詳細リンク*/
	.area_history_title dl.title dd.link {
		float: right;
	}

	.area_history_title p a {
		font-size: 12px;
		padding: 3px 2px 5px 20px;
	}

	a.icon_open {
		background-image: url(../images/common/icon_open.png);
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 3px 2px 5px 20px;
	}

	a.icon_close {
		background-image: url(../images/common/icon_close.png);
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 3px 2px 5px 20px;
	}


	.area_history_title strong {
		padding-right: 5px;
	}


.area_history_title .area_button_detail {
	float: right;
}


.area_history_title .area_button_detail .button {
	margin-left: 5px;
}

.history01 {
	padding: 20px;
	}

.history01 dl {
	margin-bottom: 5px;
	}

.history01 dl.dot {
	}


.history01 dl dt {
	float: left;
	width: 100px;
	}


.history01 dl dt label {
	}

.history01 dl dd {
	float: left;
	}

/*  -------------------------------------------------------------
    ■権限表示
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*新規登録*/
.new_setting01 {
	border: 1px solid #DBDBDB;
	margin-bottom: 30px;
}

.new_setting01 .setting_title {
	font-size: 14px;
	/* Webkit */
	background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#FAFAFA),
            to(#EBEBEB)
                );
	/*-webkit-border-radius: 5px;
            -webkit-box-shadow: 1px 1px 1px #fff;*/
        /* Firefox */
	background: -moz-linear-gradient(
            top,
            #FAFAFA,
            #EBEBEB
                );
            /*-moz-border-radius: 5px;
            -moz-box-shadow: 1px 1px 1px #fff;*/
        /* IE */
            filter:progid:DXImageTransform.Microsoft.gradient
                (startColorstr=#FAFAFA,endColorstr=#EBEBEB);
}

.new_setting01 .setting_title p {
	padding: 5px 10px;;
	font-weight: bold;
	margin: 0;
}

.new_setting02 {
	padding: 10px;
}

.new_setting02 label {
	display: inherit;
}


/*詳細*/
.area_setting span {
	width: 12px;
	height: 12px;
}

.area_setting span.maru {
	width: 12px;
	height: 12px;
	background-image: url(../images/contents/setting_maru.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

.area_setting span.batsu {
	width: 12px;
	height: 12px;
	background-image: url(../images/contents/setting_batsu.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

/* ユーザ一覧・項目幅 */
	.grid-view table.items th#role-grid_c0 {
		width: 150px !important;
	}

	.grid-view table.items th#role-grid_c1 {
		/*width: 150px !important;*/
	}

	.grid-view table.items th#role-grid_c2 {
		width: 80px !important;
	}




/*  -------------------------------------------------------------
    ■取次店専用
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*状況*/
.ph_user input {
	margin-left: 10px;
}

.ph_user input#VwPlanHistory_stat_0 {
	margin-left: 0;
}

.ph_user label {
	text-align: left !important;
}

.ph_user input#VwPlanHistory_stat_0 {
}

.ph_user span#VwPlanHistory_stat label {
	width: auto !important;
	}


/*プラン*/
.ph_plan input {
	margin-left: 10px;
}

.ph_plan input#VwPlanHistory_service_type_id_0 {
	margin-left: 0
}

.ph_plan label {
	text-align: left !important;
}

.ph_plan input#VwPlanHistory_stat_0 {
}

.ph_plan span#VwPlanHistory_service_type_id label {
	width: auto !important;
	}



/*フリーワード*/
.ph_free label{
	width: 80px;
	text-align: left !important;0
}

.ph_free input#VwPlanHistory_freewd {
	width: 330px;
	}


/*クリックテキスト*/
div.ph_click_text {
    text-align:right;
}


/*  -------------------------------------------------------------
    ■エントリーページ
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
body#body_login {
    filter:none;
	background-color: #FBFBFB !important;
	background-image: none !important;
}

#entry_body {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#entry_body #entry_title {
	color: #DF5A25;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: baseline;
	white-space: normal;
	font-size: 24px;
}


#entry {
	width: 50%;
	min-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FFF;
	/* Webkit */
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#FDFDFD),
			to(#F7F7F7)
				);
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(
			top,
			#FDFDFD,
			#F7F7F7
				);
	-moz-border-radius: 0px;
	-moz-box-shadow: 1px 1px 1px #fff;
		/* IE */
			filter:progid:DXImageTransform.Microsoft.gradient
				(startColorstr=#FDFDFD,endColorstr=#F7F7F7);
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	border: 1px solid #C5C5C5;
	padding: 15px 25px;
	box-shadow: 0px 0px 2px #999; /*CSS3*/
	-moz-box-shadow: 0px 0px 2px #999; /* Firefox用*/
	-webkit-box-shadow: 0px 0px 2px #999; /* Google Chrome, Safari用*/
}


	#entry #title {
		margin-bottom: 5px;
		width: 100%;
	}

		#entry #title #logo {
			width: 500px;
			height: 48px;
			background-image: url(../images/contents/entory_logo.png);
			background-repeat: no-repeat;
			margin-right: 20px;
		}

		/*パスワード再発行用logo*/
		#entry #title #logo_remind_pass {
			width: 500px;
			height: 48px;
			background-image: url(../images/contents/logo_remind_pass.png);
			background-repeat: no-repeat;
			margin-right: 20px;
		}

	
	
		#entry #title p {
			float: left;
			padding-top: 20px;
		}


#mail {
}

	#mail .entry_welcome {
	}

		.entry_welcome p.title {
		}

		.entry_welcome p {
			font-size: 14px;
		}


	#mail .area_input {
		border: 1px solid #DFDFDF;
		padding: 10px;
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	#mail .area_input .input {
		margin-bottom: 10px;
	}
		#mail .area_input .input input.address {
			width: 300px;
			padding: 5px;
			margin-right: 10px;
			float: left;
		}


	#mail input:focus, textarea:focus {
	  border-color: rgba(82, 168, 236, 0.8);
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(82, 168, 236, 0.6);
	  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(82, 168, 236, 0.6);
	  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(82, 168, 236, 0.6);
	  outline: 0;
	  outline: thin dotted \9;
	  border: solid 1px #A7C5DC;
	  /* IE6-9 */
	}






		#mail .area_input .input input.button {
			width: 100px;
			height: 26px;
			background-image: url(../images/contents/login_button_off.png);
			background-repeat: no-repeat;
			font-size: 14px;
			font-weight: bold;
			text-align: left;
			text-indent: 30px;
		}

	#mail .area_input p {
	}

#entry table {
	margin-bottom: 20px;
}

#entry table th {
	border: none;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	width: 80px;
	vertical-align: top;
	padding: 5px;
}

#entry table th label {
	width: auto !important;
}


#entry table td {
	border: none;
	background-color: transparent;
	padding: 5px;
}

#entry table td span {
	color: #666;
}

#entry table td input {
	margin-bottom: 3px;
}


/*利用規約*/
.area_agreement {
	height: 180px;
	border: solid 1px #CCC;
	padding: 10px 15px;
	margin-bottom: 10px;
	background-color: #FFF;
	overflow-y: scroll;
}

.agreement01 ol {
	margin-bottom: 20px;
}

.agreement01 h2 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

.agreement01 h3 {
	font-weight: bold;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#entry .check {
	width: 170px;
	margin: 0 auto 15px auto;
	text-align: center;
	}

#entry .check label {
	font-size: 14px;
	font-weight: bold;
	}







/*登録ボタン チェック無し*/
#entry .button_entry {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

	#entry .button_entry input {
		width: 160px;
		height: 34px;
		background-image: url(../images/contents/entry_button_off.png);
		background-repeat: no-repeat;
		font-size: 24px !important;
		font-weight: bold;
		cursor: default;
		 filter: alpha(opacity=25);
		-moz-opacity:0.25;
		opacity:0.25;
	}
	
		#entry .button_entry input[disabled] {
			background-color: transparent;
	}

	


/*登録ボタン チェック有り*/
#entry .checked {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

	#entry .checked input {
		width: 160px;
		height: 34px;
		background-image: url(../images/contents/entry_button_off.png);
		background-repeat: no-repeat;
		font-size: 24px !important;
		font-weight: bold;
	}
	
		#entry .checked input[disabled] {
			background-color: transparent;
	}

	
	#entry .checked input:hover {
		width: 160px;
		height: 34px;
		background-image: url(../images/contents/entry_button_on.png);
		background-repeat: no-repeat;
		 filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}




#scroll .area_body {
	overflow-y:hidden !important;
	padding-bottom: 50px;
}




/* 権限に追加する内容 */
#detail_settings_table td div {
    width: 195px !important;
}




/* 従業員に追加する内容 */
#UserActivation_email {
    width: 370px !important;
}

#User_password {
    width: 370px !important;
}

#confirmPassword {
    width: 370px !important;
}

#Person_lastname {
    width: 370px !important;
}

	/*登録ページでフォームが長くならない様に追加20130709*/
	#entry_body .area_input02 #Person_lastname {
		width: 150px !important;
	}


#Person_firstname {
    width: 370px !important;
}

	/*登録ページでフォームが長くならない様に追加20130709*/
	#entry_body .area_input02 #Person_firstname {
		width: 150px !important;
	}


#User_tbl_role_id {
    width: 250px !important;
}

#Employee_tbl_group_id {
    width: 250px !important;
}



/* アカウント新規作成 */
.area_input02 #account-form .icon_calendar {
    width: auto !important;
}



/* 商品一覧・絞込み検索　レイアウト修正　2013.07.05 `*/
.area_search02 #ItemCost_code {
    width: 90px;
}

.area_search02 #ItemCost_caption {
    width: 130px;
}

.area_search02 #ItemCost_customer_name {
    width: 120px;
}


/*  -------------------------------------------------------------
    ■はじめにページ
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.tutorial_top {
	width: 860px;
	margin: 0 auto;
}

.tutorial01 {
	float: left;
	width: 285px;
	height: 320px;
	background-color: #CCC;
	display: block;
	background-image: url(../images/tutorial/t_02.jpg);
	background-repeat: no-repeat;
	position: relative;
}


	.tutorial01 p {
		width: 240px;
		height: 38px;
		display: block;
		position: absolute;
		top: 260px;
		left: 20px;
	}

		.tutorial01 p a {
			width: 240px;
			height: 38px;
			display: block;
			background-repeat: no-repeat;
			background-image: url(../images/tutorial/t_03_button.jpg);
			text-decoration: none;
		}



.tutorial03 {
	float: left;
	width: 285px;
	height: 320px;
	background-color: #CCC;
	display: block;
	background-image: url(../images/tutorial/t_04.jpg);
	background-repeat: no-repeat;
	position: relative;
}

	.tutorial03 p {
		width: 240px;
		height: 38px;
		display: block;
		position: absolute;
		top: 260px;
		left: 20px;
	}

		.tutorial03 p a {
			width: 240px;
			height: 38px;
			display: block;
			background-repeat: no-repeat;
			background-image: url(../images/tutorial/t_03_button.jpg);
			text-decoration: none;
		}



.tutorial02 {
	float: left;
	width: 285px;
	height: 320px;
	background-color: #CCC;
	display: block;
	background-image: url(../images/tutorial/t_03.jpg);
	background-repeat: no-repeat;
	position: relative;
}

	.tutorial02 ul {
		position: absolute;
		top: 175px;
		left: 0;
		width: 246px;
		background-image: url(../images/tutorial/t_03_back.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		padding-top: 50px;
	}

	.tutorial02 ul li a {
		width: 116px;
		height: 27px;
		display: block;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	.tutorial02 ul li a:hover {
		width: 116px;
		height: 27px;
		display: block;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 -27px;
	}


		.tutorial02 ul li.excel {
			float: left;
		}


		.tutorial02 ul li.pdf {
			float: right;
		}

		.tutorial02 ul li.excel a {
			width: 116px;
			height: 27px;
			background-image: url(../images/tutorial/button_excel.jpg);
		}


		.tutorial02 ul li.pdf a {
			width: 116px;
			height: 27px;
			background-image: url(../images/tutorial/button_pdf.jpg);
		}

		.tutorial02 p {
			width: 240px;
			height: 38px;
			display: block;
			position: absolute;
			top: 260px;
			left: 20px;
		}

			.tutorial02 p a {
				width: 240px;
				height: 38px;
				display: block;
				background-repeat: no-repeat;
				background-image: url(../images/tutorial/t_03_button.jpg);
				text-decoration: none;
			}


/*  -------------------------------------------------------------
    ■共通テーブル設定 見積、受注、発注、請求の合計額テーブル
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

.totalMoney_table {
	width: 100%;
	margin-bottom: 5px;
}

	.totalMoney_table table {
		float: right;
		width: auto !important;
	}

	.totalMoney_table table th {
		 background-image: url("../images/contents/back_th02.jpg") ;
		 width: 120px;
		 border: 1px solid #8DAFCD;
		 font-size: 14px;
		 color: #000;
		 font-weight: bold;
	}

	.totalMoney_table table td {
		 width: 100px;
		 border: 1px solid #8DAFCD;
		 font-size: 14px;
		 font-weight: bold;
		 text-align: right;
		 padding-right: 5px;
	}

/*請求一覧の独自枠*/
.totalMoney .area_check {
	height: auto;
}

/*帳票テンプレートレイアウト*/
.select_template{
    float:left;
    padding:0 0px 0 10px;
    width:215px;

}

div.bg_template{
    background-color:#b4dbe7;
    border:1px solid #DDD;
    height:18px;
    width:165px;
    
}
.area_input02 table.table01 td label.float_none{
float:none;

    width:165px;
    
    margin-bottom:5px;
    margin-top:7px;
    padding-right:3px;
white-space: nowrap; /* 横幅のMAXに達しても改行しない */
    overflow: hidden; /* ハミ出した部分を隠す */
    text-overflow: ellipsis; /* 「…」と省略 */
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */


}
.area_input02 table.table01 td .font10{
    font-size:10px;
}
.area_input02 table.table01 td .fl{
    float:left;
    padding-right:3px;
}
.template_description{
    float: right;
    padding-right: 10px;
    width: 110px;
    overflow:hidden;
    height:126px;
}

.mt5{
    margin-top:6px !important;
}
.select_template .bg_template{
    background-color:#d2e6ec;
    border:1px solid #b4ced6;
    display: block;
    margin: 5px 0;
}
#WebEntryUser_spread_reason input {
    margin-bottom: 0 !important;
}

:-ms-input-placeholder {
    color: #999999;
}