@charset "utf-8";
/* CSS Document */

/* ▼全ページ共通部分　ここから▼ */

*{
	font-family:"Meiryo, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size:100% !important;
	font-weight:normal;
}

body{
	color:#212121;
}

a{
	color:#0072C6;
}

a:hover{
	color: #ED6824;
}

#body_wrap, #wrapper{
	width:100%;
	background:#F6F6F6;
	min-width:1800px;
}

#wrapper_cont{
	margin:0px;
	padding:0px;
}


#main{
	width:100%;
	margin:0px;
}



h1{
	text-align:left;
	padding:10px;
	font-size:30px !important;
	border-bottom:4px solid #DDD;
}

h3{
	font-size:30px !important;
	border-bottom:4px solid #DDD;
}

#loading_dialog{
	height:120px !important;
}
#loading_dialog img{
	margin:auto !important;
}

.ui-dialog{
	background:#FFF;
	border:4px solid #0072C6;
}

.desc{
	background:url(../img/new/arrow_up_skip.png) no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	float:left; /* 150306 euphoria */
	margin:2px;
}
.desc:hover{
	background:url(../img/new/arrow_up_skip-hover.png) no-repeat;
}
.asc{
	background:url(../img/new/arrow_down_skip.png) no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	float:left;
	margin:2px;
}
.asc:hover{
	background:url(../img/new/arrow_down_skip-hover.png) no-repeat;
}

/*　テーブル関連 */

.ui-state-default, .ui-widget-content .ui-state-default{
	background:#0072C6;
	border:none;
}
.ui-state-active{
	background-color: #F4AC44;
	border: none;
}
.ui-state-hover{
	background:#F4AC44;
	border:none;
	color:#FFF;
}

form{
	/*background:#FFF;*/
	padding:1em;
	margin:0.5em 0px;
}

table{
	/*background:#FFF;*/
	margin:0.3em 5px !important;
	width:auto !important;
}
th, td{
	padding:2px 5px !important;
	word-break:break-all !important;
	vertical-align:top !important;
}

th{
	background-color: #13845C !important;
}

table tr td.blue2 label {
	white-space: nowrap;
}

.search-list{
	font-size:90% !important;
}

.search-list .title{
	background:#0072C6 !important;
	border:none !important;
}
.search-list .title a{
	color:#FFF;
}
.search-list .title a:hover{
	color:#F4AC44;
}
.search-list th, .search-list td{
	border:1px solid #CCC;
	min-width:50px !important;
}

.search-list tr:nth-child(even) {
    background:#FFF;
}
.search-list tr:nth-child(odd) {
    background:#FAFAFA;
}

button, input[type="submit"]{
	cursor:pointer;
}
button, input[type="submit"]:hover{
	background-color: #F4AC44;
}


.ui-state-highlight{
	background:none;
	background:#F9EAB6;
	border-radius:0px;
}

/* ▲全ページ共通部分　ここまで▲ */





/* ▼新ヘッダー　ここから▼ */


header{
	background:#0072C6;
	color:#FFF;
	min-height:80px;
	width:100%;
	min-width:1800px;
}

header h1{
	float:left;
	margin:0px;
	padding:0px;
	border:none;
}


#tabs, #tabs ul{
	background:none;
	border:none;
	padding:0px;
	margin:0px;
}
#tabs ul{
	float:left;
	border-right:2px dotted #002DB2;
	padding:0px 5px;
}
#tabs a{
	color:#FFF;
	white-space:nowrap;
}
#tabs ul li {
	background:#338ED1;
	border:none;
	list-style:none;
	border-radius:0px;
	text-align:center;
	float:left;
	height:80px !important;
	margin:0px 2px;
	padding:0px;
	overflow:hidden;
}
#tabs ul li a{
	border:none;
	height:80px;
	width:70px;
	margin:0px 0px;
	padding:0px;
	padding-top:54px;
	display:block;
	text-decoration:none;
	background:url(../img/new/tabs-custom-icon.png) no-repeat center 10px;
}
#tabs ul li a:hover{
	background-color:#002DB2;
}

#navi-banner a{
	width:auto !important;
	padding:0px !important;
}

/* 上部メニュー背景 */


#navi-top a{
	background:url(../img/new/tabs-top-icon.png) no-repeat center 10px !important;
}
#navi-top:hover{
	background:#002DB2 !important;
}
#navi-top.ui-tabs-selected{
	background:#002DB2 !important;
}

#navi-order a{
	background:url(../img/new/tabs-order-icon.png) no-repeat center 10px !important;
}
#navi-order:hover{
	background:#3EB676 !important;
}
#navi-order.ui-tabs-selected{
	background:#3EB676 !important;
}

#navi-sell a{
	background:url(../img/new/tabs-sell-icon.png) no-repeat center 10px !important;
}
#navi-sell:hover{
	background:#63C5C4 !important;
}
#navi-sell.ui-tabs-selected{
	background:#63C5C4 !important;
}

#navi-delivery a{
	background:url(../img/new/tabs-delivery-icon.png) no-repeat center 10px !important;
}
#navi-delivery:hover{
	background:#B973FF !important;
}
#navi-delivery.ui-tabs-selected{
	background:#B973FF !important;
}

#navi-stock a{
	background:url(../img/new/tabs-stock-icon.png) no-repeat center 10px !important;
}
#navi-stock:hover{
	background:#E03D69 !important;
}
#navi-stock.ui-tabs-selected{
	background:#E03D69 !important;
}

#navi-payment a{
	background:url(../img/new/tabs-payment-icon.png) no-repeat center 10px !important;
}
#navi-payment:hover{
	background:#F4C111 !important;
}
#navi-payment.ui-tabs-selected{
	background:#F4C111 !important;
}

#navi-customer a{
	background:url(../img/new/tabs-customer-icon.png) no-repeat center 10px !important;
}
#navi-customer:hover{
	background:#5BBFF0 !important;
}
#navi-customer.ui-tabs-selected{
	background:#5BBFF0 !important;
}

#navi-purchaseproduct a{
	background:url(../img/new/tabs-purchaseproduct-icon.png) no-repeat center 10px !important;
}
#navi-purchaseproduct:hover{
	background:#ED6C4D !important;
}
#navi-purchaseproduct.ui-tabs-selected{
	background:#ED6C4D !important;
}

#navi-orderplacement a{
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat center 10px !important;
}
#navi-orderplacement:hover{
	background:#976C97 !important;
}
#navi-orderplacement.ui-tabs-selected{
	background:#976C97 !important;
}

#navi-orefice-custom a{
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat center 10px !important;
}
#navi-orefice-custom:hover{
	background:#976C97 !important;
}
#navi-orefice-custom.ui-tabs-selected{
	background:#976C97 !important;
}

#navi-orefice-standard a{
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat center 10px !important;
}
#navi-orefice-standard:hover{
	background:#976C97 !important;
}
#navi-orefice-standard.ui-tabs-selected{
	background:#976C97 !important;
}

#navi-analysis a{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat center 10px !important;
}
#navi-analysis:hover{
	background:#93C400 !important;
}
#navi-analysis.ui-tabs-selected{
	background:#93C400 !important;
}

#navi-help a{
	background:url(../img/new/tabs-help-icon.png) no-repeat center 10px #002DB2 !important;
	font-size:13px !important;
	padding-top:57px !important;
}
#navi-help a:hover{
	background:url(../img/new/tabs-help-icon.png) no-repeat center 10px #FF9830 !important;
}
#navi-help.ui-tabs-selected{
	background:#002DB2 !important;
}

#navi-inquiry a{
	background:url(../img/new/tabs-inquiry-icon.png) no-repeat center 10px #002DB2 !important;
}
#navi-inquiry a:hover{
	background:url(../img/new/tabs-inquiry-icon.png) no-repeat center 10px #FF9830 !important;
}
#navi-inquiry.ui-tabs-selected{
	background:#002DB2 !important;
}

#navi-system a{
	background:url(../img/new/tabs-system-icon.png) no-repeat center 10px #002DB2 !important;
}
#navi-system a:hover{
	background:url(../img/new/tabs-system-icon.png) no-repeat center 10px #838E96 !important;
}
#navi-system.ui-tabs-selected{
	background:#002DB2 !important;
}

#navi-logout a{
	background:url(../img/new/tabs-logout-icon.png) no-repeat center 10px #333 !important;
	font-size:13px !important;
	padding-top:57px !important;
}
#navi-logout a:hover{
	background:url(../img/new/tabs-logout-icon.png) no-repeat center 10px #888 !important;
}
#navi-logout.ui-tabs-selected{
	background:#333 !important;
}



#navi-sale a{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat center 10px !important;
	font-size:13px !important;
	padding-top:57px !important;
}
#navi-sale a:hover{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat center 10px #93C400 !important;
}
#navi-sale.ui-tabs-selected{
	background:#93C400 !important;
}

#navi-product a{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat center 10px !important;
	font-size:13px !important;
	padding-top:57px !important;
}
#navi-product a:hover{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat center 10px #93C400 !important;
}
#navi-product.ui-tabs-selected{
	background:#93C400 !important;
}

#navi-income a{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat center 10px !important;
	font-size:13px !important;
	padding-top:57px !important;
}
#navi-income a:hover{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat center 10px #93C400 !important;
}
#navi-income.ui-tabs-selected{
	background:#93C400 !important;
}


#system #navi-common a, #system #navi-order a, #system #navi-payment a, #system #navi-customer a, #system #navi-stock a, #system #navi-order-placement a, #system #navi-sell a, #system #navi-maintenance a {
	background:url(../img/new/tabs-system-icon.png) no-repeat center 10px !important;;
	padding-left:10px;
	padding-right:5px;
	width:auto !important;
}
#system #navi-common a:hover, #system #navi-order a:hover, #system #navi-payment a:hover, #system #navi-customer a:hover, #system #navi-stock a:hover, #system #navi-order-placement a:hover, #system #navi-sell a:hover, #system #navi-maintenance a:hover {
	background:url(../img/new/tabs-system-icon.png) no-repeat center 10px #838E96 !important;;
}
#system #navi-common.ui-tabs-selected, #system #navi-order.ui-tabs-selected, #system #navi-payment.ui-tabs-selected, #system #navi-customer.ui-tabs-selected, #system #navi-stock.ui-tabs-selected, #system #navi-order-placement.ui-tabs-selected, #system #navi-sell.ui-tabs-selected, #system #navi-maintenance.ui-tabs-selected{
	background:#838E96 !important;
}


/* 上部サブメニュー背景 */

#tabs-index{
	display:none;
	clear:both;
}

#tabs-order{
	clear:left;
	background:#3EB676;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-order h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-order-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-order a{
	padding:5px 5px 5px 25px;
}
#tabs-order a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-payment{
	clear:left;
	background:#F4C111;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-payment h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-payment-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-payment a{
	padding:5px 5px 5px 25px;
}
#tabs-payment a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-delivery{
	clear:left;
	background:#B973FF;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-delivery h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-delivery-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-delivery a{
	padding:5px 5px 5px 25px;
}
#tabs-delivery a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-customer{
	clear:left;
	background:#5BBFF0;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-customer h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-customer-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-customer a{
	padding:5px 5px 5px 25px;
}
#tabs-customer a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-sell{
	clear:left;
	background:#63C5C4;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-sell h2{
	font-size:20px !important;
	float:left;
	margin-bottom:20px !important;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-sell-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-sell a{
	padding:5px 5px 5px 25px;
}
#tabs-sell a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-stock{
	clear:left;
	background:#E03D69;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-stock h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-stock-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-stock a{
	padding:5px 5px 5px 25px;
}
#tabs-stock a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-purchaseproduct{
	clear:left;
	background:#ED6C4D;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-purchaseproduct h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-purchaseproduct-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-purchaseproduct a{
	padding:5px 5px 5px 25px;
}
#tabs-purchaseproduct a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-orderplacement{
	clear:left;
	background:#976C97;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-orderplacement h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-orderplacement a{
	padding:5px 5px 5px 25px;
}
#tabs-orderplacement a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-orefice-custom{
	clear:left;
	background:#976C97;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-orefice-custom h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-orefice-custom a{
	padding:5px 5px 5px 25px;
}
#tabs-orefice-custom a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-orefice-standard{
	clear:left;
	background:#976C97;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-orefice-standard h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-orefice-standard a{
	padding:5px 5px 5px 25px;
}
#tabs-orefice-standard a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-analysis{
	clear:left;
	background:#93C400;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-analysis h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-analysis-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-analysis a{
	padding:5px 5px 5px 25px;
}
#tabs-analysis a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-sale{
	clear:left;
	background:#93C400;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-sale h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-analysis-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-sale a{
	padding:5px 5px 5px 25px;
}
#tabs-sale a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-product{
	clear:left;
	background:#93C400;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-product h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-analysis-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-product a{
	padding:5px 5px 5px 25px;
}
#tabs-product a:hover{
	background-color:rgba(255,255,255,0.3);
}

#tabs-income{
	clear:left;
	background:#93C400;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#tabs-income h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-analysis-icon.png) no-repeat left center;
	padding-left:40px;
}
#tabs-income a{
	padding:5px 5px 5px 25px;
}
#tabs-income a:hover{
	background-color:rgba(255,255,255,0.3);
}

#system #tabs-common, #system #tabs-order, #system #tabs-payment, #system #tabs-customer, #system #tabs-stock, #system #tabs-order-placement, #system #tabs-sell, #system #tabs-maintenance{
	clear:left;
	background:#838E96;
	border-radius:0px;
	color:#FFF;
	min-width:1280px !important;
}
#system #tabs-common h2, #system #tabs-order h2, #system #tabs-payment h2, #system #tabs-customer h2, #system #tabs-stock h2, #system #tabs-order-placement h2, #system #tabs-sell h2, #system #tabs-maintenance h2{
	font-size:20px !important;
	float:left;
	margin:0px 1em 0px 0px;
	padding:0px;
	background:url(../img/new/tabs-system-icon.png) no-repeat left center;
	padding-left:40px;
}
#system #tabs-common a, #system #tabs-order a, #system #tabs-payment a, #system #tabs-customer a, #system #tabs-stock a, #system #tabs-order-placement a, #system #tabs-sell a, #system #tabs-maintenance a{
	padding:5px 5px 5px 25px !important;
}
#system #tabs-common a:hover, #system #tabs-order a:hover, #system #tabs-payment a:hover, #system #tabs-customer a:hover, #system #tabs-stock a:hover, #system #tabs-order-placement a:hover, #system #tabs-sell a:hover, #system #tabs-maintenance :hover{
	background-color:rgba(255,255,255,0.3);
}


/* 上部メニュータブアイコン */

/* 検索アイコン */
#tm_order_list, #tm_order-download_list ,#tm_payment_edit-list, #tm_claim-order_list, #tm_delivery_list, #tm_customer_list, #tm_sell_list, #tm_stock-product_list, #tm_stock_list, #tm_stock-reservation-list_list, #tm_purchase-product_edit-list, #tm_order-placement_list, #tm_sale_yearlist, #tm_order-type_yearlist, #tm_ec_yearlist, #tm_pay-type_yearlist, #tm_cancel-type_yearlist, #tm_cross-summary-sell-ec_index, #tm_gross_yearlist, #tm_sale, #tm_product, #tm_income{
	background:url(../img/new/tabs_search.png) no-repeat left 5px center;
	padding-left:20px;
}

/* 新規作成アイコン */
#tm_order_new, #tm_customer_new, #tm_sell_new, #tm_sell_input-ec-bulk-list, #tm_map-sell-input_new, #tm_order-placement_new{
	background:url(../img/new/tabs_new.png) no-repeat left 5px center;
	padding-left:20px;
}

/* フォルダアイコン */
#tm_order_bundle-list, #tm_map-sell-input_list, #tm_master-product-image_list{
	background:url(../img/new/tabs_dir.png) no-repeat left 5px center;
	padding-left:20px;
}

/* 編集アイコン */
#tm_order_input-bulk-edit ,#tm_sell-all-update_list{
	background:url(../img/new/tabs_edit.png) no-repeat left 5px center;
	padding-left:20px;
}

/* 履歴アイコン */
#tm_order-upload-schedule_list, #tm_order-posco-upload-schedule_list, #tm_ec-order-update-history_list, #tm_customer-history_list, #tm_stock-upload-schedule_list, #tm_sell-upload-schedule_list, #tm_sell-image-upload-schedule_list, #tm_supply-schedule_list, #tm_stock-history-all_list{
	background:url(../img/new/tabs_history.png) no-repeat left 5px center;
	padding-left:20px;
}

/* インプットアイコン */
#tm_order-download_input-ec-list, #tm_mail-receive_list, #tm_payment_input-file-list\/type\/1, #tm_payment_input-np-credit-result-csv, #tm_delivery_input-list, #tm_sell_input-ec-list, #tm_sell_input, #tm_sell-product_input, #tm_stock_input, #tm_stock_input-diff, #tm_order-placement_input{
	background:url(../img/new/tabs_input.png) no-repeat left 5px center;
	padding-left:20px;
}

/* アウトプットアイコン */
#tm_order_output, #tm_payment_output-np-register-csv, #tm_payment_output-np-shipment-report-csv, #tm_payment_output-netrust-sales-decision-csv, #tm_claim_output, #tm_delivery_output-list, #tm_delivery-output-commission_output, #tm_customer_output, #tm_sell_output-ec-list, #tm_sell_output, #tm_sell-product_output, #tm_stock-product_output, #tm_stock_output, #tm_purchase-product_output, #tm_order-placement_output-order, #tm_order-placement_output, #tm_data-download_order, #tm_data-download_delivery, #tm_data-download_order, #tm_data-download_delivery, #tm_data-download_purchase-product, #tm_data-download_sell, #tm_data-download_stock{
	background:url(../img/new/tabs_output.png) no-repeat left 5px center;
	padding-left:20px;
}

/* リンク・連携アイコン */
#tm_sell_ec-site-sync-list{
	background:url(../img/new/tabs_link.png) no-repeat left 5px center;
	padding-left:20px;
}


/* システム設定アイコン */
#system #tabs-common a, #system #tabs-order a, #system #tabs-payment a, #system #tabs-customer a, #system #tabs-stock a, #system #tabs-order-placement a, #system #tabs-sell a, #system #tabs-maintenance a {
	background:url(../img/new/tabs_edit.png) no-repeat left 5px center;
	padding-left:20px;
}


/* ▲新ヘッダー　ここまで▲ */




/* ▼新トップページ　ここから▼ */


/* トップメニュー */

#top-menu{
	background:#EAEDF2;
	padding:1em;
	margin:0px;
	float:left;
}

#top-menu .menu-box{
	width:250px;
	margin:1em 0.5em;
	float:left;
}
#top-menu ul, #top-menu li{
	list-style:none;
	margin:0px;
	padding:0px;
}
#top-menu li a{
	background:#FFF;
	color:#212121;
	display:block;
	margin:2px 0px;
	padding:10px 5px;
	text-decoration:none;
	padding-left:25px;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0.1s ease;
	border:1px solid #EFEFEF;
}
#top-menu li a:hover{
    -webkit-transform: scale( 1.1 );
    -moz-transform: scale( 1.1 );
    transform: scale( 1.1 ); /* 150306 euphoria */
	border:1px solid #EFEFEF;
}

#top-menu h4{
	color:#FFF;
	margin:0px;
	margin-top:1em;
	padding:10px;
	padding-left:50px;
	font-size:20px !important;

}

#top-menu h4.order{
	background:url(../img/new/tabs-order-icon.png) no-repeat 8px center #3EB676;
}
#top-menu h4.sell{
	background:url(../img/new/tabs-sell-icon.png) no-repeat 8px center #63C5C4;
}
#top-menu h4.delivery{
	background:url(../img/new/tabs-delivery-icon.png) no-repeat 8px center #B973FF;
}
#top-menu h4.stock{
	background:url(../img/new/tabs-stock-icon.png) no-repeat 8px center #E03D69;
}
#top-menu h4.payment{
	background:url(../img/new/tabs-payment-icon.png) no-repeat 8px center #F4C111;
}
#top-menu h4.customer{
	background:url(../img/new/tabs-customer-icon.png) no-repeat 8px center #5BBFF0;
}
#top-menu h4.purchaseproduct{
	background:url(../img/new/tabs-purchaseproduct-icon.png) no-repeat 8px center #ED6C4D;
}
#top-menu h4.orderplacement{
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat 8px center #976C97;
}
#top-menu h4.oreficecustom{
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat 8px center #976C97;
}
#top-menu h4.oreficestandard{
	background:url(../img/new/tabs-orderplacement-icon.png) no-repeat 8px center #976C97;
}
#top-menu h4.analysis{
	background:url(../img/new/tabs-analysis-icon.png) no-repeat 8px center #93C400;
}
#top-menu h4.system{
	background:url(../img/new/tabs-system-icon.png) no-repeat 8px center #838E96;
}

/* 各項目アイコン */

#top-menu .order-search{
	background:url(../img/new/top-menu-order-search.png) no-repeat 5px center #FFF;
}
#top-menu .order-dir{
	background:url(../img/new/top-menu-order-dir.png) no-repeat 5px center #FFF;
}
#top-menu .order-new{
	background:url(../img/new/top-menu-order-new.png) no-repeat 5px center #FFF;
}
#top-menu .order-edit{
	background:url(../img/new/top-menu-order-edit.png) no-repeat 5px center #FFF;
}
#top-menu .order-input{
	background:url(../img/new/top-menu-order-input.png) no-repeat 5px center #FFF;
}
#top-menu .order-output{
	background:url(../img/new/top-menu-order-output.png) no-repeat 5px center #FFF;
}
#top-menu .order-link{
	background:url(../img/new/top-menu-order-link.png) no-repeat 5px center #FFF;
}
#top-menu .order-history{
	background:url(../img/new/top-menu-order-history.png) no-repeat 5px center #FFF;
}

#top-menu .customer-search{
	background:url(../img/new/top-menu-customer-search.png) no-repeat 5px center #FFF;
}
#top-menu .customer-dir{
	background:url(../img/new/top-menu-customer-dir.png) no-repeat 5px center #FFF;
}
#top-menu .customer-new{
	background:url(../img/new/top-menu-customer-new.png) no-repeat 5px center #FFF;
}
#top-menu .customer-edit{
	background:url(../img/new/top-menu-customer-edit.png) no-repeat 5px center #FFF;
}
#top-menu .customer-input{
	background:url(../img/new/top-menu-customer-input.png) no-repeat 5px center #FFF;
}
#top-menu .customer-output{
	background:url(../img/new/top-menu-customer-output.png) no-repeat 5px center #FFF;
}
#top-menu .customer-link{
	background:url(../img/new/top-menu-customer-link.png) no-repeat 5px center #FFF;
}
#top-menu .customer-history{
	background:url(../img/new/top-menu-customer-history.png) no-repeat 5px center #FFF;
}

#top-menu .sell-search{
	background:url(../img/new/top-menu-sell-search.png) no-repeat 5px center #FFF;
}
#top-menu .sell-dir{
	background:url(../img/new/top-menu-sell-dir.png) no-repeat 5px center #FFF;
}
#top-menu .sell-new{
	background:url(../img/new/top-menu-sell-new.png) no-repeat 5px center #FFF;
}
#top-menu .sell-edit{
	background:url(../img/new/top-menu-sell-edit.png) no-repeat 5px center #FFF;
}
#top-menu .sell-input{
	background:url(../img/new/top-menu-sell-input.png) no-repeat 5px center #FFF;
}
#top-menu .sell-output{
	background:url(../img/new/top-menu-sell-output.png) no-repeat 5px center #FFF;
}
#top-menu .sell-link{
	background:url(../img/new/top-menu-sell-link.png) no-repeat 5px center #FFF;
}
#top-menu .sell-history{
	background:url(../img/new/top-menu-sell-history.png) no-repeat 5px center #FFF;
}

#top-menu .purchaseproduct-search{
	background:url(../img/new/top-menu-purchaseproduct-search.png) no-repeat 5px center #FFF;
}
#top-menu .purchaseproduct-dir{
	background:url(../img/new/top-menu-purchaseproduct-dir.png) no-repeat 5px center #FFF;
}
#top-menu .purchaseproduct-new{
	background:url(../img/new/top-menu-purchaseproduct-new.png) no-repeat 5px center #FFF;
}
#top-menu .purchaseproduct-edit{
	background:url(../img/new/top-menu-purchaseproduct-edit.png) no-repeat 5px center #FFF;
}
#top-menu .purchaseproduct-input{
	background:url(../img/new/top-menu-purchaseproduct-input.png) no-repeat 5px center #FFF;
}
#top-menu .purchaseproduct-output{
	background:url(../img/new/top-menu-purchaseproduct-output.png) no-repeat 5px center #FFF;
}
#top-menu .purchaseproduct-link{
	background:url(../img/new/top-menu-purchaseproduct-link.png) no-repeat 5px center #FFF;
}
#top-menu .purchaseproduct-history{
	background:url(../img/new/top-menu-purchaseproduct-history.png) no-repeat 5px center #FFF;
}

#top-menu .orderplacement-search{
	background:url(../img/new/top-menu-orderplacement-search.png) no-repeat 5px center #FFF;
}
#top-menu .orderplacement-dir{
	background:url(../img/new/top-menu-orderplacement-dir.png) no-repeat 5px center #FFF;
}
#top-menu .orderplacement-new{
	background:url(../img/new/top-menu-orderplacement-new.png) no-repeat 5px center #FFF;
}
#top-menu .orderplacement-edit{
	background:url(../img/new/top-menu-orderplacement-edit.png) no-repeat 5px center #FFF;
}
#top-menu .orderplacement-input{
	background:url(../img/new/top-menu-orderplacement-input.png) no-repeat 5px center #FFF;
}
#top-menu .orderplacement-output{
	background:url(../img/new/top-menu-orderplacement-output.png) no-repeat 5px center #FFF;
}
#top-menu .orderplacement-link{
	background:url(../img/new/top-menu-orderplacement-link.png) no-repeat 5px center #FFF;
}
#top-menu .orderplacement-history{
	background:url(../img/new/top-menu-orderplacement-history.png) no-repeat 5px center #FFF;
}

#top-menu .payment-search{
	background:url(../img/new/top-menu-payment-search.png) no-repeat 5px center #FFF;
}
#top-menu .payment-dir{
	background:url(../img/new/top-menu-payment-dir.png) no-repeat 5px center #FFF;
}
#top-menu .payment-new{
	background:url(../img/new/top-menu-payment-new.png) no-repeat 5px center #FFF;
}
#top-menu .payment-edit{
	background:url(../img/new/top-menu-payment-edit.png) no-repeat 5px center #FFF;
}
#top-menu .payment-input{
	background:url(../img/new/top-menu-payment-input.png) no-repeat 5px center #FFF;
}
#top-menu .payment-output{
	background:url(../img/new/top-menu-payment-output.png) no-repeat 5px center #FFF;
}
#top-menu .payment-link{
	background:url(../img/new/top-menu-payment-link.png) no-repeat 5px center #FFF;
}
#top-menu .payment-history{
	background:url(../img/new/top-menu-payment-history.png) no-repeat 5px center #FFF;
}

#top-menu .delivery-search{
	background:url(../img/new/top-menu-delivery-search.png) no-repeat 5px center #FFF;
}
#top-menu .delivery-dir{
	background:url(../img/new/top-menu-delivery-dir.png) no-repeat 5px center #FFF;
}
#top-menu .delivery-new{
	background:url(../img/new/top-menu-delivery-new.png) no-repeat 5px center #FFF;
}
#top-menu .delivery-edit{
	background:url(../img/new/top-menu-delivery-edit.png) no-repeat 5px center #FFF;
}
#top-menu .delivery-input{
	background:url(../img/new/top-menu-delivery-input.png) no-repeat 5px center #FFF;
}
#top-menu .delivery-output{
	background:url(../img/new/top-menu-delivery-output.png) no-repeat 5px center #FFF;
}
#top-menu .delivery-link{
	background:url(../img/new/top-menu-delivery-link.png) no-repeat 5px center #FFF;
}
#top-menu .delivery-history{
	background:url(../img/new/top-menu-delivery-history.png) no-repeat 5px center #FFF;
}

#top-menu .stock-search{
	background:url(../img/new/top-menu-stock-search.png) no-repeat 5px center #FFF;
}
#top-menu .stock-dir{
	background:url(../img/new/top-menu-stock-dir.png) no-repeat 5px center #FFF;
}
#top-menu .stock-new{
	background:url(../img/new/top-menu-stock-new.png) no-repeat 5px center #FFF;
}
#top-menu .stock-edit{
	background:url(../img/new/top-menu-stock-edit.png) no-repeat 5px center #FFF;
}
#top-menu .stock-input{
	background:url(../img/new/top-menu-stock-input.png) no-repeat 5px center #FFF;
}
#top-menu .stock-output{
	background:url(../img/new/top-menu-stock-output.png) no-repeat 5px center #FFF;
}
#top-menu .stock-link{
	background:url(../img/new/top-menu-stock-link.png) no-repeat 5px center #FFF;
}
#top-menu .stock-history{
	background:url(../img/new/top-menu-stock-history.png) no-repeat 5px center #FFF;
}

#top-menu .analysis-search{
	background:url(../img/new/top-menu-analysis-search.png) no-repeat 5px center #FFF;
}
#top-menu .analysis-dir{
	background:url(../img/new/top-menu-analysis-dir.png) no-repeat 5px center #FFF;
}
#top-menu .analysis-new{
	background:url(../img/new/top-menu-analysis-new.png) no-repeat 5px center #FFF;
}
#top-menu .analysis-edit{
	background:url(../img/new/top-menu-analysis-edit.png) no-repeat 5px center #FFF;
}
#top-menu .analysis-input{
	background:url(../img/new/top-menu-analysis-input.png) no-repeat 5px center #FFF;
}
#top-menu .analysis-output{
	background:url(../img/new/top-menu-analysis-output.png) no-repeat 5px center #FFF;
}
#top-menu .analysis-link{
	background:url(../img/new/top-menu-analysis-link.png) no-repeat 5px center #FFF;
}
#top-menu .analysis-history{
	background:url(../img/new/top-menu-analysis-history.png) no-repeat 5px center #FFF;
}


#top-menu ul li a{
	background:url(../img/new/top-menu-system-edit.png) no-repeat 5px center #FFF;
}

#top-banner{
	text-align:right;
	margin-top:-50px;
	margin-right:240px;
}


/* トップニュース */

.news{
	padding:1em 0.5em;
	width:390px;
	float:left;
}

.news h4{
	background:#000;
	color:#FFF;
	padding:5px 10px;
	margin-bottom:0px;
	float:left;
}
.news .alert{
	padding:10px 5px 5px 5px;
	margin-bottom:0px;
	float:right;
}

.news table{
	border:none !important;
	border:1px solid #F0F0E1 !important;
	margin:0px !important;
	clear:both;
	width:100% !important;
}

.news td{
	font-size:12px !important;
	display:block;
	padding:5px 8px !important;
	border:none !important;
}
.news tr{
	border:none !important;
	border-bottom:1px solid #F0F0E1 !important;
}
.news tr:nth-child(odd) {
    background:#FFF !important;
}
.news img{
	vertical-align:top;
	margin:3px;
}

#paginationControl .page-navi{
	border:1px solid #CCC;
	background:#FFF;
	display: inline-block;
	padding:5px 8px;
	margin:8px 2px;
}
#paginationControl a{
	color:#333;
}

#paginationControl .next{
	color:#FFF;
	background:url(../img/new/pager-icon-next.png) no-repeat right 8px center #333;
	padding-right:20px !important;
}
#paginationControl .next:hover{
	background:url(../img/new/pager-icon-next.png) no-repeat right 8px center #F4AC44;
}
#paginationControl .last{
	color:#FFF;
	background:url(../img/new/pager-icon-last.png) no-repeat right 8px center #333;
	padding-right:25px !important;
}
#paginationControl .last:hover{
	background:url(../img/new/pager-icon-last.png) no-repeat right 8px center #F4AC44;
}
#paginationControl .previous{
	color:#FFF;
	background:url(../img/new/pager-icon-previous.png) no-repeat left 8px center #333;
	padding-left:20px !important;
}
#paginationControl .previous:hover{
	background:url(../img/new/pager-icon-previous.png) no-repeat left 8px center #F4AC44;
}
#paginationControl .first{
	color:#FFF;
	background:url(../img/new/pager-icon-first.png) no-repeat left 8px center #333;
	padding-left:25px !important;
}
#paginationControl .first:hover{
	background:url(../img/new/pager-icon-first.png) no-repeat left 8px center #F4AC44;
}


/* ▲新トップページ　ここまで▲ */






/* ▼新フッター　ここから▼ */


#footer{
	background:#333;
	border:none;
	color:#FFF;
	width:98%;
	padding:2px 1$x;
	text-align:left;
}


/* ▲新フッター　ここまで▲ */



/* ▼システムヘルプアイコン　ここから▼ */

.help-icon{
	background:url(../img/new/system-help-icon.png) no-repeat right center;
}
.help-text{
	background:#FFF;
	position:absolute;
	top:30; left:50%;
	border:1px solid #CCC;
	font-size:13px;
	padding:5px;
}


/* ▲システムヘルプアイコン　ここまで▲ */


/* ▼ログイン　ここから▼ */

#login{
	overflow:hidden;
	max-width:100% !important;
}

#login #body_wrap, #login #wrapper{
	min-width:100% !important;
}

#login #wrapper{
	background:#70BDDD !important;
	padding:12em 0px !important;
	width:100% !important;
}
#login .login-panel{
	background:none !important;
	margin:0px auto !important;
	width:800px;
	background:#EFEFEF !important;
	padding:0px !important;
	box-shadow:1px 1px 5px #444;
	border-radius:5px;
	overflow:auto;
	margin:auto;
}
#login input[type="text"], #login input[type="password"]{
	border-radius:5px;
	background:#FCFBF3;
	width:300px; /* 150306 euphoria */
}
#login img{
	vertical-align:middle;
}

#login .left{
	float:left;
	width:48%;
	padding:1%;
	background:#FAFAFA;
}
#login .left h1{
	background:#FAFAFA;
	padding:0px;
	border:none;
	border-radius:5px;
}
#login .left p{
	text-align:center;
}
#login .left h1 img{
	border-radius:5px;
}
#login .right{
	float:right;
	width:48%;
	padding:1%;
}
/* ▲ログイン　ここまで▲ */


/* ▼カレンダー　ここから▼ 150306 euphoria */

.ui-datepicker-header{
	background:#0072C6 !important;
}

.ui-datepicker-calendar{
	font-size:14px !important;
}

.ui-datepicker-calendar th{
	background-color: #B6CEFF !important;
	border: 1px solid #FFF !important;
}

.ui-datepicker-calendar .ui-state-default{
	background:#0072C6 !important;
}

.ui-datepicker-calendar .ui-state-highlight{
	background:#FCFBF3 !important;
}
.ui-datepicker-calendar .ui-state-hover{
	background:#FCFBF3 !important;
}

/* ▲カレンダー　ここまで▲ */


/* ▼お問い合わせページ　ここから▼ 150306 euphoria */

#help{
	background:#EAEDF2;
	padding:1em;
	margin:0px;
}

#help iframe{
	width:60%;
	background:#FFF;
	border:6px solid #EEE;
	min-height:550px;
	padding:1em;
	margin:1em auto;
}

/* ▲お問い合わせページ　ここまで▲ */

/* ▼タイトルデザイン変更用　ここから▼ 150311 euphoria */

.new-title{
	width:100% !important;
}
.new-title td{
	border:none !important;
	font-size:x-large !important;
}

/* ▲タイトルデザイン変更用　ここまで▲ */


/* ▼検索ボックスnowrap　ここから▼ 150311 euphoria */

#search-box td{
	text-align:left;
	white-space:nowrap !important;
}

/* ▲検索ボックスnowrap　ここまで▲ */