@charset "utf-8";
/*
//*******************************************************
// SYSTEM 名	：  WEB-EDI
// 業務名		：  共通CSSファイル
// ソースID		：  common.css
// 作成者		：  ユビーネット　-　金
// 作成日付		：  2010.12.13
// 変更履歴		：  2011.09.27 - 宋
// 変更内容		：　メイン画面のバックグラウンドイメージCSSファイル追加 - 145行
// 変更履歴		：  2011.09.27 - 宋
// 変更内容		：　メイン画面のヘッダーのイメージ挿入、サイズ変更　- 100から106行
// 変更履歴		：  2011.10.05 - 宋
// 変更内容		：　メイン画面のヘッダーのイメージ挿入、サイズ変更　- 100から106行
//*******************************************************
*/


/*共通部分のスタイルシート*/

/*---------------Fontの定義---------------*/



.ItemLabelFont{
	color: #ec4511;
	font-size:13px;
	font-weight:bold;

}


/*----------------------------------------------*/
/*-------------------- 構造 --------------------*/
/*----------------------------------------------*/

div {
	vertical-align:middle;
}

body {
	background-color: #FFFFFF;
	padding: 0px;
	border: 0px;
	margin: 0px;
}
input {
	vertical-align:middle;
}

select {
	vertical-align:middle;
}

#container {
	width: 100%;
	height: 586px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-color:#FFFFFF;
}

/*--------------- header 部分 ---------------*/

#headerBg {
	width: 100%; 
	height: 50px;
	padding: 0px;
	border: 0px;
	margin: 0px;
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006400',endColorstr='#008000',undefined);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE6920',endColorstr='#f03402',undefined);*/
	background-color:#29905e;
}

.headerFont{
	color: #FFFFFF;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	font-size:12px;
	text-align:right;
}

.footerFont{
	color: #FFFFFF;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	font-size:12px;
	text-align:center;
}

.headerTitleFont{
	color: #FFFFFF;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	font-size:30px;
	font-weight: bold;
	text-align:left;
}

/*--------------- content 部分 ---------------*/
.menuset{
	color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	text-align:left;
}

#main {
	border: 0px;
	height: 513px;
	width: 920px;
	margin: 0px;
	padding: 5px;
}

.ContentName {
	border: 0px;
	height: 10px;
	width: 50%;
	margin: 0px;
	padding: 10px;
/*
	background : url("../images/common/ContentBgAll_head.png");
	background-repeat :  no-repeat;
	background-position : left bottom;

height,backgroundソース追加
*/
	
}

.ContentButton {
	border: 0;
	height: 40px;
	width: 100%;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
}

.ContentHeader {
	width: 900px;
	height: auto;
	overflow: hidden;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.ContentHeaderMd {
	border: 0px;
	height: 20px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
.ContentHeaderId {
	border: 0px;
	height: 60px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}

.ContentButtonHd{
	border: 0px;
	height: 30px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}

.ContentBgAll {
	border: 0px;
	
	width: 100%;
	margin: 0px;
	padding: 0px;
	background : url("../images/common/ContentBgAll.png");
	background-repeat: repeat;
	background-position: center;
	/* 2011/10/11 深澤追加 */
	border-bottom-style: outset;
	border-right-style: outset;
	border-bottom-width: 2px;
	border-right-width: 2px;
	
	
}

.ContentBg{
	border: 0px;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url("../images/common/ContentBg.gif");
	background-repeat: no-repeat;
	background-position: center;

}

/*メイン画面のBackgroundイメージ指定 */
.ContentBg_rest{
	margin: 0px;
	padding: 0px;
/*	background: url("../images/common/ContentBgAll.png");
	background-repeat: repeat;
	background-position:left;*/

}

.ContentBgNot{
	border: 1px solid #999999;
	height: 157px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}



.ContentListOrderDetail{
	border: 1px solid #999999;
	height: 255px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
.ContentListInvoiceDetail{
	border: 1px solid #999999;
	height: 165px;
	width: 897px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
.ContentListBgNotPd{
	border: 1px solid #999999;
	height: 320px;
	width: 897px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}


.ContentBg{
	border: 0px;
	height: 405px;
	width: 920px;
	margin: 0px;
	padding: 0px;
	background: url("../images/common/ContentBg.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.ContentBgHalf {
	border: 0px;
	height: 275px;
	width: 920px;
	margin: 0px;
	padding: 0px;
	background: url("../images/common/ContentBgHalf.gif");
	background-repeat: no-repeat;
	background-position: center;
}


.empty{
	border: 0px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}
.condition{
	font-family:  "メイリオ", Meiryo, Osaka, sans-serif;
	border: 0px;
	margin: 0px;
	text-align: left;
}

.yohaku{
	
	vertical-align:top;
	position:relative;
	top:0px;
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	padding: 0px;
	margin: 0px;
	
}	
/*---------------リンクカラーの定義---------------*/
a {selector-dummy: expression(this.hideFocus=true);}

a:link {
	color: #242bb6;
	text-decoration: underline;
}

a:visited {
	color: #242bb6;
	text-decoration: underline;
}

a:hover {
	color: #9200ff;
	text-decoration: underline;
}

a:active {
	color: #9200ff;
	text-decoration: none;
}

a:link.linkheader {
	color: #FFFFFF;
    text-decoration: underline;
}

a:visited.linkheader {
    color: #FFFFFF;
    text-decoration: underline;
}

a:hover.linkheader {
    color: #9200ff;
    text-decoration: underline;
}

a:active.linkheader {
	color: #FFFFFF;
    text-decoration: none;
}
/*---------------基本tableのstyle 定義---------------*/
.table {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	align:center;
	border-cellapse: separate;
}	

.tableth{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818181',endColorstr='#2B2B2B',undefined);
	BORDER: 1px solid #2d2d2d;
	background-color:#818181;
	vertical-align: middle;
	color: #FFFFFF;
}
.tableth_undisplay
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818181',endColorstr='#2B2B2B',undefined);
	BORDER: 1px solid #5A5AFF;
	background-color:#818181;
	vertical-align: middle;
	color: #FFFFFF;
}

.tabletd{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#ebebeb',undefined);
	background-color:#FFFFFF;
	vertical-align: middle;
	border: solid 1px #8e8e8e;
}

/*---------------displayItem header部分 tableのstyle 定義---------------*/

.tabletd_ItemHeader {
	background-image:url(../images/common/table_ItemHeader.gif);
	background-repeat: repeat-x;
	height: 34px;
	text-align: center;
	vertical-align: middle;
	border-left: solid 1px #58a9e6;
	border-right: solid 1px #58a9e6;
	color: #000000;
}
.table_Label {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	font-size:12px;
	align:center;
	border-cellapse: separate;
	border-spacing: 0px;
}
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current {
    /*2014/02/10 宋追加*/
	font-weight: bold;
	opacity: 1;
	filter:Alpha(Opacity=100);
}

 /*/////////////ユーザーコンボー////////////*/

ul, li{
    list-style:none;
    font-size : 10px;
}


#wrap {
	width:100%;
	position: relative;
}

#header {
	width:100%;
	background:#000;
}

#logo{
	padding:35px 0;
	text-align:left;
	font: 25px bold;
	color:#d3d3d3;
}

.navi_bg{
	background:#222;
}

.nav {
	height:35px;
	list-style: none;
	width:840px;
	margin:auto;
	background: #222;
	font-size: 12px;
	color:#FFFFFF;
}
.topnav{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	font-size:15px;
	text-align:right;
	width:100px;
	height:15px;
	cursor:pointer;
	font-weight:bold;
	color: #FFFFFF;
}
.topnav:hover{
	color:#d3d3d3;
}
.navi_set{
	float: left;
	padding:10px;
	position: relative;
}
.subnav{
	position: absolute;
	left: 0; 
	top: 35px;
	background: #ffffff;
	display: none;
}
.subnav li{
	padding:10px;
	width:100px;
	text-align:left;
	cursor:pointer;
	font-size:10px;
}
.subnav li:hover{
	background:#555;
}


/*/////////////ユーザーコンボー////////////*/

/*/////////////AutoComplete////////////*/
.ui-autocomplete { 
	overflow-y: scroll; 
	overflow-x: hidden; 
	font-size:13px;
	max-height: 200px;
	max-width: 250px;
}
  /*/////////////AutoComplete////////////*/
  
.view-span {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; 
	font-weight : bold;
	font-size:12px;
}