@charset "utf-8";

/*  -------------------------------------------------------------
    Description:    CSS file for screen media
    Filename:       content.css
    Author:         N Hayashi
    Date:           06/01/2012
    -------------------------------------------------------------
    ■ベース設定
	■ヘッダーレイアウト
	■メインフィールドレイアウト
	■サイドメニュー
	■コンテンツエリア
	■スクロール部分
	■フッターレイアウト
	■テーブル設定
	■grid-view基本設定
	■コンテンツエリアタイトル
	■情報一覧
	■ボタン設定
	■ページ内リンク設定
	■ページャー設定
	■ボタン・見出し箇所
	■画面上部リンク・ボタンエリア
	■カレンダーWidgetデザイン調整
	■レイアウト・デザイン設定
	■フォームサイズ
	■サイズ指定
	■色指定

FOR SCREEN ****************************************************** */

/*  -------------------------------------------------------------
    ■ベース設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
body {
    margin: 0;
    padding: 0;
    color: #333333;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    /* Webkit */
        background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000000),
        to(#929292)
            );
    /* Firefox */
        background: -moz-linear-gradient(
        top,
        #000000,
        #929292
            );
    /* IE */
        filter:progid:DXImageTransform.Microsoft.gradient
            (startColorstr=#000000,endColorstr=#929292);
}

.container {
    border: 0px;
    margin: 0px;
}

#page {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid transparent;
	min-width: 600px;
}

/* フロート解除設定 */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.clear {
    clear: both;
}

/*  -------------------------------------------------------------
    ■ヘッダーレイアウト
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#header {
    margin-bottom: 0px;
    padding: 0;
    background-color: #ffffff;
    display: block;
    height: 40px !important;
}

/* 社名表記 */
#logo {
    background-image: url(../images/common/logo.jpg);
    margin-top: 5px;
	margin-left: 5px;
    float: left;
    width: 170px;
    height: 30px;
    background-repeat: no-repeat;
    text-indent: -5000px;
}

/* メッセージ */
#title_message {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 800;
    color: #666666;
}

/* ユーザー名表記・ログアウトボタン */
#user {
    float: right;
    height: 40px;
    display: block;
	background-image: url(../images/common/user.jpg);
    background-position: 0px -3px;
	background-repeat: no-repeat;
}

    #user dl {
        padding-top: 8px;
        padding-right: 8px;
        padding-bottom: 15px;
        padding-left: 15px;
    }

        /* 管理者 */
        #user dl dt {
            float: left;
            margin-right: 15px;
            font-weight: normal;
            font-size: 14px;
            display: block;
        }

        /* ユーザー名 */
        #user dl dd.username {
            float: left;
            font-size: 14px;
            display: block;
            margin: 0px;
        }

        /* ログアウトボタン */
        #user dl dd.logout {
            float: right;
            width: 92px;
            height: 21px;
            display: block;
            margin-left: 10px;
            padding-left: 8px;
            border-left: solid 1px #cccccc;
        }

            #user dl dd.logout a {
                width: 92px;
                height: 19px;
                padding-top: 2px;
                padding-left: 5px;
                background-image: url(../images/common/logout.jpg);
                background-repeat: no-repeat;
                background-position: 0px 0px;
                display: block;
                overflow: hidden;
                text-align: center;
                color: #333333;
                text-decoration: none;
                font-size: 12px;
                font-weight: 800;
                color: #666666;
            }

                #user dl dd.logout a:hover {
                    background-image: url(../images/common/logout.jpg);
                    background-repeat: no-repeat;
                    background-position: 0px 0px;
                    color: #999999;
                }

                #user dl dd.logout a:active {
                    background-image: url(../images/common/logout.jpg);
                    background-repeat: no-repeat;
                    background-position: 0px -21px;
                    color: #333333;
                }

/*  -------------------------------------------------------------
    ■メインフィールドレイアウト
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#wrapper {
    background-color: transparent;
    border: none;
    width: auto;
}

/*  -------------------------------------------------------------
    ■サイドメニュー
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* サイドメニュー */
#mainmenu {
    margin-right: 0px;
    padding-top: 3px;
    width: 180px;
    float: left;
    text-align: left;
    display: block;
}

/* メニュー開閉ボタン */
.close {
    position: absolute;
	left: 169px;
	top: 45px;
	width: 25px !important;
	height: 25px;
	display: block;
	color: #ffffff;
    font-size: 14px;
    padding-top: 0px;
    text-decoration: none;
    background-image: url(../images/common/close.png);
    background-repeat: no-repeat;
	z-index: 5;
}

	.close:hover {
		cursor: pointer;
	}

/* リンクメニュー*/
#mainmenu ul {
    margin:0px;
    width: 180px;
    padding: 0px;
}

    #mainmenu ul li {
        display: block;
        height: 26px;
        width: 178px;
        text-indent: 30px;
    }

        #mainmenu ul li a {
            color: #003366;
            font-size: 14px;
            height: 25px;
            width: 178px;
            padding-top: 4px;
            display: block;
            text-decoration: none;
            background-image: url(../images/common/left_menu.jpg);
            background-repeat: no-repeat;
        }

            #mainmenu ul li:hover {
                color: #003366;
                font-size: 14px;
                height: 26px;
                width: 178px;
                display: block;
                text-decoration: none;
                background-image: url(../images/common/left_menu.jpg);
                background-repeat: no-repeat;
                opacity: 0.9;
                filter: alpha(opacity=90);
                -ms-filter: "alpha( opacity=90 )";
            }

	/* HOME */
	#mainmenu ul#home li {
		width: 178px;
		height: 28px;
		font-size: 14px;
		display: block;
		text-indent: 32px;
	}
	
	#mainmenu ul#home li a {
		color: #ffffff;
		font-size: 14px;
		height: 28px;
		width: 178px;
		padding-top: 4px;
		display: block;
		text-decoration: none;
		background-image: url(../images/common/left_menu_home.jpg);
		background-repeat: no-repeat;
	}
	
		#mainmenu ul#home li:hover {
			color: #ffffff;
			height: 28px;
			width: 178px;
			text-decoration: none;
			background-image: url(../images/common/left_menu_home.jpg) !important;
			background-repeat: no-repeat;
			opacity: 0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha( opacity=70 )";
		}
	
	/* CSV管理 */
	#mainmenu .title01 {
		width: 148px;
		height: 24px;
		display: block;
		padding-top: 4px;
		padding-left: 30px;
		color: #003366;
		background-image: url(../images/common/left_menu_title02.jpg);
		font-weight: 800;
		font-size: 14px;
	}
	
	/* 未収管理 */
	#mainmenu .title02 {
		width: 148px;
		height: 24px;
		display: block;
		padding-top: 4px;
		padding-left: 30px;
		color: #003366;
		background-image: url(../images/common/left_menu_title03.jpg);
		font-size: 14px;
		font-weight: 800;
	}
	
	/* 帳票管理 */
	#mainmenu .title03 {
		width: 148px;
		height: 24px;
		display: block;
		padding-top: 4px;
		padding-left: 30px;
		color: #003366;
		background-image: url(../images/common/left_menu_title02.jpg);
		font-size: 14px;
		font-weight: 800;
	}
	
	/* 出勤管理 */
	#mainmenu .title04 {
		width: 148px;
		height: 24px;
		display: block;
		padding-top: 4px;
		padding-left: 30px;
		color: #003366;
		background-image: url(../images/common/left_menu_title01.jpg);
		font-size: 14px;
		font-weight: 800;
	}
	
	/* マスタ管理 */
	#mainmenu .title05 {
		width: 148px;
		height: 24px;
		display: block;
		padding-top: 4px;
		padding-left: 30px;
		color: #003366;
		background-image: url(../images/common/left_menu_title05.jpg);
		font-size: 14px;
		font-weight: 800;
	}
	
	/* 管理者 */
	#mainmenu .title06 {
		width: 148px;
		height: 24px;
		display: block;
		padding-top: 4px;
		padding-left: 30px;
		color: #003366;
		background-image: url(../images/common/left_menu_title06.jpg);
		font-size: 14px;
		font-weight: 800;
	}
	
	/* 取引管理 */
	#mainmenu .title07 {
		width: 148px;
		height: 24px;
		display: block;
		padding-top: 4px;
		padding-left: 30px;
		color: #003366;
		background-image: url(../images/common/left_menu_title07.jpg);
		font-size: 14px;
		font-weight: 800;
	}

/*  -------------------------------------------------------------
    ■コンテンツエリア
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* コンテンツ */
#content_area {
    float: left;
    padding-top: 2px;
    text-align: left;
    width: auto;
}

#content_head {
    height: 26px;
    width: auto;
    min-width: 500px;
    display: block;
    background-image: url(../images/common/content_head.jpg);
    background-repeat: repeat-x;
}

/* 画面タイトル */
#page_title {
    min-width: 170px;
    height: 23px;
    padding-top: 3px;
    padding-left: 15px;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 800;
    color: #333333;
    background-image: url(../images/common/page_title.jpg);
    background-repeat: no-repeat;
}

    #page_title a {
        text-decoration: none;
        float: right;
        margin-left: 10px;
    }

#page_title_right {
    height: 25px;
	width: 30px;
    float: left;
    background-image: url(../images/common/content_message.jpg);
    background-repeat: no-repeat;
}


/* 警告文 */
#content_message {
    height: 25px;
    padding-left: 20px;
    float: left;
    background-image: url(../images/common/content_message.jpg);
    background-repeat: no-repeat;
	background-position: 0px 50px;
}

    #content_message p {
        text-align: left;
        color: #ffffff;
        background-image: url(../images/common/icon_content_message.jpg);
        background-repeat: no-repeat;
        padding-left: 20px;
		padding-top: 2px;
    }

    #content_message p a  {
        color: #FFCC00;
    }

/* メインコンテンツ部分 */
#content_box {
	background-color: #FBFBFB;
    background-image: url(../images/common/content_box.png);
	background-repeat: repeat-x;
	padding-top: 2px;
    padding-left: 6px;
    padding-right: 4px;
    /*overflow-y: auto;
    overflow-x: hidden;*/
}

#content {
    margin-left: auto;
    margin-right: auto;
}

/* データ表示部分 */

#data {
    height: 50px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*  -------------------------------------------------------------
    ■スクロール部分
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.area_body {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

/*  -------------------------------------------------------------
    ■フッターレイアウト
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#footer {
    text-align: center;
    border-top: 1px solid #FFFFFF;
    height: 25px;
    padding-top: 5px;
    position: fixed; 
    z-index: 9;
    /* Webkit */
        background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#F7F7F7),
        to(#DFDFDF)
            );
        -webkit-border-radius: 0px;
        -webkit-box-shadow: 1px 1px 1px #fff;
    /* Firefox */
        background: -moz-linear-gradient(
        top,
        #F7F7F7,
        #DFDFDF
            );
        -moz-border-radius: 0px;
        -moz-box-shadow: 1px 1px 1px #fff;
    /* IE */
        filter:progid:DXImageTransform.Microsoft.gradient
            (startColorstr=#F7F7F7,endColorstr=#DFDFDF);

		box-shadow: 0px 0px 3px #000000; /*CSS3*/
		-moz-box-shadow: 0px 0px 3p #000000; /* Firefox用*/
		-webkit-box-shadow: 0px 0px 3px #000000; /* Google Chrome, Safari用*/
		text-shadow: 1px 1px 1px 1px #FFFFFF;
		bottom: 0;
}

    #footer .name {
        float: right;
        margin-right: 10px;
    }

/* ブックマーク */
#add_bookmark {
    float: right;
    display: block;
    width: 145px;
    height: 18px;
    text-align: center;
    color: #6C5200;
    cursor: pointer;
    padding-left: 15px;
    padding-top: 2px;
    background-image: url(../images/contents/button_bookmark.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #E4E4E4;
}

    #add_bookmark:hover {
        background-image: url(../images/contents/button_bookmark_on.png);
        background-repeat: no-repeat;
        color: #006600;
    }

#bookmark_area {
    background-image: url(../images/contents/icon_bookmarks.png);
    background-repeat: no-repeat;
    padding-left: 120px;
    height: 22px;
	float: left;
}

#bookmark_area .bookmark {
    margin-right: 8px;
}

/*  -------------------------------------------------------------
    ■テーブル設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
table {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
}

    th {
        margin: 0px;
        font-weight: normal;
        border-collapse: collapse;
        font-size: 14px;
        background-color: #eeeeee;
        border: solid 1px #999999;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    td {
        margin: 0px;
        font-weight: normal;
        border-collapse: collapse;
        text-align: left;
        font-size: 14px;
        background-color: #FFFFFF;
        border: solid 1px #999999;
    }
	
/*  -------------------------------------------------------------
    ■grid-view基本設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.grid-view {
    padding-top: 0px !important;
	padding-bottom: 0px !important;
}

	.grid-view .summary {
		display: block!important;
	}
	
	.grid-view input {
		width: 100% !important;
	}
	
	.grid-view select {
		width: 100% !important;
		padding: 2px !important;
		margin: 0 !important;
	}

	.grid-view table.items tr.odd td {
		background-color: #ffffff;
	}
	
	.grid-view table.items tr.even td {
		background-color: #F1F8FA;
	}
	
	.grid-view table.items tr.disable td {
		background-color: #e2e2e2 !important;
		color: #999999 !important
	}
	
	input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] {
		background-color: #666666;
	}
	
	.grid-view table.items tr.selected td {
		background-color: #9DD5E9;
	}
	
	.grid-view .button-column {
	    width: auto !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.grid-view table.items th {
		background-image: url(../images/contents/back_th01.jpg) !important;
		background-repeat: repeat-x;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
		border: 1px solid #A0BCD6 !important;
		color: #305270 !important;
		color: #000000 !important;
		font-size: 14px !important;
		font-weight: bold !important;
		white-space: nowrap;
	}
	
		.grid-view table.items th a {
			color: #305270 !important;
			font-size: 14px !important;
			font-weight: bold !important;
			text-decoration: underline !important;
		}
	
	.grid-view table.items td {
		border: 1px solid #A0BCD6 !important;
		font-size: 14px !important;
		padding-right: 4px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
		padding-left: 2px !important;
		height: 28px;
	}
	
		.grid-view table.items td.button-column {
			width: auto !important;
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

	.grid-view .empty {
		font-style: normal !important;
	}

/*  -------------------------------------------------------------
    ■コンテンツエリアタイトル
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.content_title {
    display: block;
    background-image: url(../images/contents/content_title.jpg);
    background-repeat: repeat-x;
    /* Webkit */
        background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#5B9EBD),
        to(#2D80A8)
            );
    /* Firefox */
        background: -moz-linear-gradient(
        top,
        #5B9EBD,
        #2D80A8
            );
    /* IE */
        filter:progid:DXImageTransform.Microsoft.gradient
            (startColorstr=#5B9EBD,endColorstr=#2D80A8);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #427DAA;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-right-color: #427DAA;
    border-left-color: #427DAA;
}

/*  -------------------------------------------------------------
    ■情報一覧
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.box_list {
    background-color: #ffffff;
    display: block;
    padding: 10px;
    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: #B9C7CE;
    border-bottom-color: #B9C7CE;
    border-left-color: #B9C7CE;
}
    .box_list dl     {
        margin-bottom: 4px;
        width: 100%;
		border-bottom: dashed 1px #cccccc;
    }

        .box_list dt {
            float: left;
			margin-right: 10px;
            display: block;
            line-height: 180%;
			font-weight: normal;
        }

        .box_list dd {
            float: left;
            display: block;
            margin: 0px;
            line-height: 180%;
			width: 75%;
        }

			.box_list dd ul {
				padding: 0px !important;
			}
	
				.box_list dd ul li.info_title {
					float: left;
					margin-right: 5px;
				}
	
				.box_list dd ul li.info_company {
					float: left;
					margin-right: 10px;
					clear: both;
				}
	
				.box_list dd ul li.info_figure {
					float: left;
					margin-right: 5px;
				}
	
				.box_list dd ul li.info_name {
					float: left;
					margin-right: 10px;
				}
	
				.box_list dd ul li.info_regist {
					float: left;
					margin-right: 5px;
					background-color: #D5E467;
					padding-left: 3px;
					padding-right: 3px;
					padding-top: 0;
					padding-bottom: 0;
					border-top-width: 1px;
					border-bottom-width: 1px;
					border-top-style: dotted;
					border-right-style: none;
					border-bottom-style: dotted;
					border-left-style: none;
					border-top-color: #669900;
					border-bottom-color: #669900;
					line-height: 150%;
					color: #006600;
					font-size: 10px;
				}
				
				.box_list dd ul li.info_update {
					float: left;
					margin-right: 5px;
					background-color: #FFCC66;
					padding-left: 3px;
					padding-right: 3px;
					padding-top: 0;
					padding-bottom: 0;
					border-top-width: 1px;
					border-bottom-width: 1px;
					border-top-style: dotted;
					border-right-style: none;
					border-bottom-style: dotted;
					border-left-style: none;
					border-top-color: #669900;
					border-bottom-color: #669900;
					line-height: 150%;
					color: #916200;
					font-size: 10px;
				}
	
				.box_list dd ul li.new {
					background-image: url(../images/contents/new.jpg);
					background-repeat: no-repeat;
					width: 24px !important;
					height: 18px;
					margin-left: 0px;
					background-position: 0px 3px;
					float: left;
				}

/*  -------------------------------------------------------------
    ■ボタン設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.button_box {
    width: auto;
    margin-bottom: 10px;
}

.button {
    display: block;
    height: 24px;
    float: left;
}

    .button a {
        display: block;
    }

    .button a:hover {
        opacity: 0.4;
        filter: alpha(opacity=40);
        -ms-filter: "alpha( opacity=40 )";
    }

    .button div {
        float: left;
        display: block;
        height: 24px;
    }

    .button .button_name {
        float: left;
        display: block;
        padding-top: 4px;
        height: 20px;
        background-image: url(../images/contents/button_name.jpg);
        background-repeat: repeat-x;
    }

    .button .button_right {
        float: left;
        display: block;
        background-image: url(../images/contents/button_right.jpg);
        background-repeat: no-repeat;
        height: 24px;
        width: 10px;
    }

    /* アイコン・新規作成 */
    .button .icon_new {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_new.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・編集 */
    .button .icon_update {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_update.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・削除 */
    .button .icon_delete {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_delete.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・検索 */
    .button .icon_search {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_search.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・更新 */
    .button .icon_reflash {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_reflash.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・保存 */
    .button .icon_save {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_save.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・一覧へ戻る */
    .button .icon_back {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_back.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・見出し追加 */
    .button .icon_list_add {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_list_add.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・項目追加 */
    .button .icon_item_add {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_item_add.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・項目削除 */
    .button .icon_item_del {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_item_del.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・上へ移動 */
    .button .icon_line_up {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_line_up.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・下へ移動 */
    .button .icon_line_down {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_line_down.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・表示 */
    .button .icon_view {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_view.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・一覧 */
    .button .icon_index {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_index.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・エクスポート */
    .button .icon_export {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_export.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・複製 */
    .button .icon_copy {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_copy.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・受注作成 */
    .button .icon_make_received {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_make_received.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・無効 */
    .button .icon_deny {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_deny.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・帳票 */
    .button .icon_report {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_report.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・申請 */
    .button .icon_apply {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_apply.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・申請キャンセル */
    .button .icon_apply_cancel {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_apply_cancel.jpg);
        background-repeat: no-repeat;
    }

    /* アイコン・申請承認 */
    .button .icon_approve {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_approve.jpg);
        background-repeat: no-repeat;
    }
	
    /* アイコン・PDF */
    .button .icon_pdf {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_pdf.jpg);
        background-repeat: no-repeat;
    }
	
    /* アイコン・入金済み */
    .button .icon_paid {
        float: left;
        display: block;
        height: 24px;
        width: 22px;
        background-image: url(../images/contents/icon_paid.jpg);
        background-repeat: no-repeat;
    }
	
/*  -------------------------------------------------------------
    ■ページ内リンク設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.page_link {
    float: right;
}

    .page_link ul {
        display: block;
    }

    .page_link li {
        float: left;
        margin-left: 10px;
    }

        .page_link li a {
            font-size: 14px;
            background-image: url(../images/contents/back_pagelink.jpg);
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 10px;
        }

/*  -------------------------------------------------------------
    ■ページャー設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* ○○件表示強調 */
span.numbers {
	font-size: 16px;
	font-weight: bold;
}

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

.page {
　  font-size: 14px !important;
    color: #666666;
    float: left;
    background-image: none;
        /* Webkit */
            background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#FFFFFF),
            to(#EEEEEE)
                );
        /* Firefox */
            background: -moz-linear-gradient(
            top,
            #FFFFFF,
            #EEEEEE
                );
        /* IE */
            filter:progid:DXImageTransform.Microsoft.gradient
                (startColorstr=#FFFFFF,endColorstr=#EEEEEE);
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

	.page a {
		color: #0066CC !important;
		float: left;
		display: block;
		width: 30px;
		text-align: center;
		padding-top: 2px;
		padding-right: 0px !important;
		padding-bottom: 2px;
		padding-left: 0px !important;
		border: 1px solid #c3c3c3 !important;
		font-size: 14px !important;
	}

/*選択ページリンク*/
ul.yiiPager {
    float: right;
    margin-left: 4px !important;
}

    ul.yiiPager li {
        margin-left: 2px !important;
    }

	ul.yiiPager .selected a {
		color: #403000 !important;
		font-weight: normal !important;
			/* Webkit */
				background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(#FFDC63),
				to(#FFA30F)
					) !important;
			/* Firefox */
				background: -moz-linear-gradient(
				top,
				#FFDC63,
				#FFA30F
					) !important;
				/* IE */
				filter:progid:DXImageTransform.Microsoft.gradient
					(startColorstr=#FFDC63,endColorstr=#FFA30F) !important;
		border: 1px solid #c3c3c3 !important;
		cursor: text !important;
	}

    ul.yiiPager .selected a:hover {
        color: #403000 !important;
        font-weight: normal !important;
			/* Webkit */
                background: -webkit-gradient(
                linear,
                left top,
                left bottom,
                from(#FFDC63),
                to(#FFA30F)
                    ) !important;
            /* Firefox */
                background: -moz-linear-gradient(
                top,
                #FFDC63,
                #FFA30F
                    ) !important;
            /* IE */
                filter:progid:DXImageTransform.Microsoft.gradient
                    (startColorstr=#FFDC63,endColorstr=#FFA30F) !important;
        border: 1px solid #c3c3c3 !important;
        cursor: text !important;
    }

    /*オンマウス状態*/
    ul.yiiPager a:hover {
        border: 1px solid #0E509E !important;
			/* Webkit */
				background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(#D8E8EF),
				to(#AACDDC)
					) !important;
			/* Firefox */
				background: -moz-linear-gradient(
				top,
				#D8E8EF,
				#AACDDC
					) !important;
			/* IE */
				filter:progid:DXImageTransform.Microsoft.gradient
					(startColorstr=#D8E8EF,endColorstr=#AACDDC) !important;
	}

	/*リンク無し*/
	ul.yiiPager .hidden a {
		border: 1px dotted #999999 !important;
		color: #CCCCCC !important;
		font-weight: normal !important;
	}
	
		ul.yiiPager .hidden a:hover {
			border: 1px dotted #999999 !important;
			color: #CCCCCC !important;
			font-weight: normal !important;
			cursor: text !important;
			/* Webkit */
				background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(#FFFFFF),
				to(#EEEEEE)
					) !important;
			/* Firefox */
				background: -moz-linear-gradient(
				top,
				#FFFFFF,
				#EEEEEE
					) !important;
			/* IE */
				filter:progid:DXImageTransform.Microsoft.gradient
					(startColorstr=#FFFFFF,endColorstr=#EEEEEE) !important;
		}

/*前へ*/
.previous {
    font-size: 14px;
    color: #666666;
    float: left;
    background-image: none;
        /* Webkit */
            background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#FFFFFF),
            to(#EEEEEE)
                );
        /* Firefox */
            background: -moz-linear-gradient(
            top,
            #FFFFFF,
            #EEEEEE
                );
        /* IE */
            filter:progid:DXImageTransform.Microsoft.gradient
                (startColorstr=#FFFFFF,endColorstr=#EEEEEE);
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

	.previous a {
		font-weight: normal !important;
		display: block;
		width: 30px;
		text-align: center;
		border: solid 1px #c3c3c3 !important;
	}

/*次へ*/
.next {
    font-size: 14px;
    color: #666666;
    float: left;
    background-image: none;
        /* Webkit */
            background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#FFFFFF),
            to(#EEEEEE)
                );
        /* Firefox */
            background: -moz-linear-gradient(
            top,
            #FFFFFF,
            #EEEEEE
                );
        /* IE */
            filter:progid:DXImageTransform.Microsoft.gradient
                (startColorstr=#FFFFFF,endColorstr=#EEEEEE);
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

	.next a {
		font-weight: normal !important;
		display: block;
		width: 30px;
		text-align: center;
		border: solid 1px #c3c3c3 !important;
	}

/*  -------------------------------------------------------------
    ■ボタン・見出し箇所
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.button_head_left {
    width: auto;
    display: table-cell;
    vertical-align: middle;
    float: left;
    margin-top: 4px;
}

    .button_head_left a {
        width: auto;
        color: #ffffff;
        display: table-cell;
        vertical-align: middle;
    }

	/* ボタン・新規作成 */
	.input_new {
		background-image: url(../images/contents/input_new.png) !important;
		background-repeat: no-repeat !important;
		padding-left: 20px !important;
	}
	
		.input_new:hover {
			background-position: 0 0 !important;
		}
	
	.button_head_right {
		width: auto;
		display: table-cell;
		vertical-align: middle;
		float: right;
		margin-top: 4px;
		margin-right: 20px;
	}
	
		.button_head_right a {
			width: auto;
			color: #ffffff;
			display: table-cell;
			vertical-align: middle;
		}
	
	.button_graph {
		background-image: url(../images/contents/button_graph.jpg);
	}
	
	.button_customer {
		background-image: url(../images/contents/button_customer.jpg);
	}

/*  -------------------------------------------------------------
    ■画面上部リンク・ボタンエリア
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
.area_link01 {
    margin-bottom: 5px;
    padding-top: 5px;
    /*background-color: #fbfbfb;*/
    /*background-image: url(../images/contents/area_link01.jpg);
    background-repeat: repeat-x;*/
    display: block;
}

    .area_link01 input {
        margin-right: 10px;
        float: left;
    }

    .area_link01 .button {
        margin-right: 5px;
        float: left;
    }

    .area_link01 label {
        margin-right: 10px;
        float: left;
    }

    .area_link01 .row {
        margin-right: 10px;
        padding-top: 4px;
        float: left;
    }

	.area_link01 .left_side {
		float: left;
	}
	
	.area_link01 .right_side {
		float: right;
	}
	
/* 背景なし */
.area_link02 {
	margin-bottom: 5px;
	padding-top: 5px;
	display: block;
}

	.area_link02 input {
		margin-right: 10px;
		float: left;
	}

	.area_link02 .button {
		margin-right: 10px;
		float: left;
	}

	.area_link02 label {
		margin-right: 10px;
		float: left;
	}

	.area_link02 .row {
		margin-right: 10px;
		padding-top: 4px;
		float: left;
	}

/* ボタン分割画像 */
.separater {
	width: 2px;
	height: 22px;
	background-image: url(../images/contents/separater.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}

/*  -------------------------------------------------------------
    ■カレンダーWidgetデザイン調整
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
#ui-datepicker-div {font-size:9pt;} /* パネルサイズ変更 */
#ui-datepicker-div thead th {background:none;} /* 曜日背景色の対処 ( blueprint使用時 ) */
#ui-datepicker-div select.ui-datepicker-month, 
#ui-datepicker-div select.ui-datepicker-year { width: 45%;}  /* 日本語にすることによって改行される件の対処 */

/*  -------------------------------------------------------------
    ■レイアウト・デザイン設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 左右配置 */
.position_left {
    text-align: left;
}

.position_right {
    text-align: right;
}

.position_center {
    text-align: center;
}

.position_float_left {
    float: left;
}

.position_float_right {
    float: right;
}

.position_float_auto {
    margin-left: auto;
    margin-right: auto;
}

/* 横配列リスト */
.float_list {
    display: block;
    margin: 0px;
}

    .float_list .left {
        float: left;
        display: block;
    }

        .float_list .left10 {
            float: left;
            display: block;
            margin-right: 10px;
        }

    .float_list .right {
        float: right;
        display: block;
    }

        .float_list .right10 {
            float: right;
            display: block;
            margin-left: 10px;
        }

/* 数値表示箇所 */
.CUR {
    text-align: right;
}

/* 入力不可input */
.td_disabled {
    background-color: #cccccc;
	text-align: right;
}

/*  -------------------------------------------------------------
    ■フォームサイズ
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* 見積 */
	/* 見積番号 */
	input#Estimate_no {
		width: 90px;
	}
		
	/* 見積件名 */
	input#Estimate_caption {
		width: 120px;
	}
	
	/* コード */
	input#ItemCost_code {
		width: 90px;
	}
	
	/* 品目 */
	input#ItemCost_caption {
	/*	width: 120px; */
	/*	width: 320px; */
		width: 160px; 
	}

/* 受注 */
	/* 受注番号 */
	input#Received_no {
		width: 90px;
	}
	
	/* 受注件名 */
	input#Received_caption {
		width: 120px;
	}

/* 未発注仕入 */
	/* 受注番号(未発注仕入) */
	input#ReceivedCost_receivedNo {
		width: 90px;
	}
	
	/* 件名(未発注仕入) */
	input#ReceivedCost_receivedCaption {
		width: 120px;
	}
	
	/* コード(未発注仕入) */
	input#ReceivedCost_code {
		width: 90px;
	}
	
	/* 品目(未発注仕入) */
	input#ReceivedCost_caption {
		width: 120px;

	}

/* 発注 */
	/* 発注番号 */
	input#Order_no {
		width: 90px;
	}
	
	/* カレンダー */
	#Order_track_date {
	    margin-top: 4px;
		width: 100px;
		padding: 3px;
	}

/* 請求 */
	/* 請求番号 */
	input#Claim_no {
		width: 90px;
	}
	
	/* 件名(請求) */
	input#Claim_caption {
		width: 120px;
	}

/* 顧客 */
	/* 会社名 */
	input#Customer_name {
	/*	width: 120px; */
		width: 240px;
	}
	
	/* 会社名カナ */
	input#Customer_name_kana {
	/*	width: 280px; */
		width: 240px;
	}
	
	/* 電話番号1 */
	input#Customer_phone1 {
		width: 100px;
	}
		
	/* 電話番号2 */
	input#Customer_phone2 {
		width: 100px;
	}
	
	/* 電話番号3 */
	input#Customer_phone3 {
		width: 100px;
	}
	
	/* 電話番号4 */
	input#Customer_phone4 {
		width: 100px;
	}
	
	/* 市区町村 */
	input#Customer_city {
		width: 220px;
	}
	
/* 商品一覧 */
	/* 品目(原価) */
	input#ItemCost_cost_caption {
		width: 160px;
	}
	
	/* 税区分 */
	#ItemCost_tax_div {
	    margin-right: 20px;
	}

/* ユーザ一覧 */
	/* ID */
	input#User_id {
		width: 90px;
	}
	
	/* ユーザ名	 */
	input#User_username {
		width: 100px;
	}
	
	/* 作成日時 */
	input#User_createtime {
		width: 100px;
	}
	
	/* 最終ログイン日時 */
	input#User_lastvisit {
		width: 100px;
	}
	
	/* スーパーユーザ */
	input#User_superuser {
		width: 100px;
	}
	
	/* 管理者ユーザ */
	input#User_primaryuser {
		width: 100px;
	}
	
	/* ユーザの状態 */
	input#User_status {
		width: 100px;
	}
	
	/* 開始日 */
	input#User_start_date {
		width: 100px;
	}
	
	/* 終了日 */
	input#User_end_date {
		width: 100px;
	}
	
	/* 人物 */
	input#User_tbl_person_id {
		width: 100px;
	}
	
	/* アカウント */
	input#User_tbl_account_id {
		width: 50px;
	}
	
	/* 役割 */
	input#User_tbl_role_id {
		width: 50px;
	}

/*  -------------------------------------------------------------
    ■サイズ指定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/* マージン設定 */
.m_bottom5 {
    margin-bottom: 5px;
}

.m_bottom10 {
    margin-bottom: 10px;
}

.m_bottom20 {
    margin-bottom: 20px;
}

.m_top20 {
	margin-top: 20px;
}

/* width設定 */
.w100p {
    width: 100%;
}

.w50p {
    width: 50%;
}


/*  -------------------------------------------------------------
    ■色指定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*マイナス金額*/
.minus {
	color: red !important;
}






/*  -------------------------------------------------------------
    ■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: 128px;
    }

/* 幅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: 128px;
    }

/* 月次推移 */
.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 {
			width: 2%;
		}
	
			.area_monthly_left table .th_title {
				background-color: #DAF1B1;
				border: solid 1px #9ACE7B;
				color: #006600;
				width: 2%;
			}
	
			.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;
    }

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

/* インフォメーション */
.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;
				}



/* 見積もり 新規作成 テキストボックスサイズ */
				/* 納品日 */
				#TmpEstimate_delivery{
					width: 240px;
				}
				
				/* 見積番号 */
				#TmpEstimate_no {
					width: 93px !important;
				}
				
				/* 納品場所 */
				#TmpEstimate_place{
					width: 240px;
				}
				
				/* 有効期限 */
				#TmpEstimate_expiration{
					width: 240px;
				}
				
				/* 支払い条件 */
				#TmpEstimate_payment{
					width: 240px;
				}
				
				/* 件名 */
				#TmpEstimate_caption{
					width: 240px;
				}
				
/* 受注一覧 新規作成 テキストボックスサイズ */
				/* 受注番号 */
				#TmpReceived_no {
					width: 150px;
				}
				
				/* 納品場所 */
				#TmpReceived_place {
					width: 240px;
				}
				
				/* 支払条件 */
				#TmpReceived_payment {
					width: 240px;
				}
				
				/* 件名 */
				#TmpReceived_caption {
					width: 240px;
				}
				
/* 発注一覧 新規作成 テキストボックスサイズ */
				/* 発注番号 */
				#TmpOrder_no {
					width: 150px;
				}
				
				#TmpOrder_place {
					width: 240px;
				}
				
				#TmpOrder_payment {
					width: 240px;
				}
				
				#TmpOrder_caption {
					width: 240px;
				}
				
/* 請求一覧 新規作成 テキストボックスサイズ */
				/* 請求番号 */
				#TmpClaim_no {
					width: 150px;
				}
				
				#TmpClaim_payment {
					width: 240px;
				}
				
				#TmpClaim_caption {
					width: 240px;
				}
				


/* 自社情報 新規作成 テキストボックスサイズ */
				/* 都道府県 */
				#Company_pref {
					width: 85px;
				}
				
				/* 口座1口座種別 */
				#BankAccount1_type {
					width: 110px;
				}
				/* 口座2口座種別 */
				#BankAccount2_type {
					width: 110px;
				}
				/* 口座2口座種別 */
				#BankAccount3_type {
					width: 110px;
				}
				
/* 顧客一覧 新規作成 テキストボックスサイズ */
				/* 都道府県 */
				#Customer_pref {
					width: 120px;
				}
				/*  */
				#Customer_address {
					width: 240px;
				}
				#Customer_phone_disp1 {
					width: 120px;
				}
				#Customer_phone_disp2 {
					width: 120px;
				}
				#Customer_phone_disp3 {
					width: 120px;
				}
				#Customer_phone_disp4 {
					width: 120px;
				}
				

/* 商品一覧 新規作成 テキストボックスサイズ */
				/* 数量 */
				#ItemCost_count {
					width: 90px;
				}
				/* 単価 */
				#ItemCost_price {
					width: 130px;
				}
				/* 単価 */
				#ItemCost_cost_price {
					width: 130px;
				}
				
				
				
/* 見積もり 新規作成 カレンダーサイズ */
				/* 受注予定 */
				#TmpEstimate_sche_received_date {
					width: 70px;
				}
				/* 発効日 */
				
				#TmpEstimate_publish{
					width: 70px;
				}

/* 請求一覧 カレンダーサイズ */
				#Claim_track_date{
					width: 70px;
				}

/* 受注一覧 カレンダーサイズ */
				#TmpReceived_delivery{
					width: 70px;
				}
				#TmpReceived_publish{
					width: 70px;
				}
				#TmpReceived_received_date{
					width: 70px;
				}
/* 請求一覧 カレンダーサイズ */
				#TmpClaim_delivery{
					width: 70px;
				}
				#TmpClaim_publish{
					width: 70px;
				}
				#TmpClaim_payment_date{
					width: 70px;
				}




/*幅指定*/
.perc10 {
    width: 10%;
   }
.perc15 {
    width: 15%;
}
.perc20 {
    width: 20%;
}
.perc25 {
    width: 25%;
}
.perc33 {
    width: 33%;
}
.perc50 {
    width: 50%;
}

.px10 {
    width: 10px;
}
.px20 {
    width: 20px;
}
.px30 {
    width: 30px;
}
.px40 {
    width: 40px;
}
.px50 {
    width: 50px;
}
.px60 {
    width: 60px;
}
.px70 {
    width: 70px;
}
.px80 {
    width: 80px;
}
.px90 {
    width: 90px;
}
.px100 {
     width: 100px;
}
.px150 {
    width: 150px;
}
.px200 {
    width: 200px;
}

.area_csvkotei_base {
    width: 500px;
}
.area_csvkotei_base th {
    width: 200px;
}
.area_csvkotei_base td {
    width: 300px;
}


div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}