﻿table{
	table-layout:fixed;
	word-break: break-all;
}
textarea {
	resize: vertical;
}
.ui-dialog-buttonset{
	width: 100%;
}
.ui-tabs-active.ui-state-active{
	background: #5a83f8 !important;
}
div{
	word-break: break-all;
}

.Undisplay,
.TemplateRow{
	display: none !important;
}
.HiddenDisplay{
	visibility: hidden !important;
}

button.ui-button-text-only.SmallButton .ui-button-text{
	padding: 5px 5px;
	font-size: 12px;
}

input.Undisplay+label{
	cursor: default;
}

button:disabled{
	color: #CCCCCC;
}

.ui-button-text,
input[type="button"],
input[t6ype="submit"]{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
	font-weight: bold;
}

.ClearFix{
	clear: both;
}

/* ボタン類 */
/* アクセントボタン */
submit.AccentButton.ui-state-default,
button.AccentButton.ui-state-default{
	border: 1px solid #d2d2d2;
	background: #EC9E3B url("images/ui-bg_highlight-soft_50_EC9E3B_1x100.png") 50% 50% repeat-x;
}
.AccentButton.ui-state-hover,
.AccentButton.ui-state-focus{
	border: 1px solid #999999;
	background: #f38d46 url("images/ui-bg_highlight-hard_50_f38d46_1x100.png") 50% 50% repeat-x;
}
.AccentButton.ui-state-active{
	border: 1px solid #aaaaaa;
	background: #f38d46 url("images/ui-bg_highlight-hard_50_f38d46_1x100.png") 50% 50% repeat-x;
}
.AccentButton.ui-state-default,
.AccentButton.ui-state-hover,
.AccentButton.ui-state-focus,
.AccentButton.ui-state-active{
	font-weight: normal;
	color: #FFFFFF;
}

/* カスタマイズメッセージ */
.breadcrumbListArea{
    width:40%;
    float:left;
}
.customizeMessageArea{
    position: absolute;
    top: 25px;
    z-index: 5;
    left: 400px;
    margin-bottom: 5px;
    width: 700px;
/*    float:left;   */
}
.approveButtonArea{
/*    width:20%;    */
}
dt{
    padding: 0px !IMPORTANT; 
    float: none !IMPORTANT;
    font-size: 13px !IMPORTANT;
    font-weight: normal !IMPORTANT;
    text-align:left;
    line-height:25px;
    text-indent:1em;
    height:25px;
    width: 698px;
    border:1px solid #333 !IMPORTANT;
    cursor: pointer;
}
detail{
    margin:0;
    background:#ffffff;
    color: #000000;
    width: 698px;
    border:1px solid #333 !IMPORTANT;
}
/* ログアウトボタン */
#Logout{
	font-size: 0.85em;
}
.DeliveryBlock button.ui-state-default,
#Logout.ui-state-default{
	border: 1px solid #d2d2d2;
	background: #7AC943;
}
.DeliveryBlock button.ui-state-hover,
.DeliveryBlock button.ui-state-focus,
#Logout.ui-state-hover,
#Logout.ui-state-focus{
	border: 1px solid #d2d2d2;
	background: #7AC943;
}
.DeliveryBlock button.ui-state-active,
#Logout.ui-state-active{
	border: 1px solid #aaaaaa;
	background: #7AC943;
}
#Logout.ui-state-default,
#Logout.ui-state-hover,
#Logout.ui-state-focus,
#Logout.ui-state-active{
	font-weight: normal;
	color: #FFFFFF;
}


/* 大きめのボタン */
button.PlumpButton.ui-button,
input[type="button"].PlumpButton,
input[type="submit"].PlumpButton{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

	padding: 0em 2%;
	min-width: 130px;
}
button.PlumpButton.ui-button .ui-icon,
input[type="button"].PlumpButton .ui-icon,
input[type="submit"].PlumpButton .ui-icon{
	margin-left: 20px;

}
button.PlumpButton.ui-button .ui-button-text,
input[type="button"].PlumpButton .ui-button-text,
input[type="submit"].PlumpButton .ui-button-text{
	padding-top: .5em;
	padding-bottom: .5em;

}


.ApproveIcon{
	margin-top: 3px;

	width: 20px;
	height: 26px;
	
	background: url("images/approval_icon.png") no-repeat;

}
.OrderCartIcon{
	width: 20px;
	height: 16px;
	
	background: url("images/cart_icon02.png") no-repeat;
	background-size: contain;
}
.SearchIcon{
	margin-top: 3px;

	width: 18px;
	height: 18px;

	background: url("images/search_icon.png") no-repeat  !important;
	background-size: contain !important;
}
.PlumpButton .SearchIcon{
	margin-top: 0px;
	width: 20px;
	height: 20px;
}

.SearchText
{
	margin-left: 8px;
}
.OrderListText,
.ApproveText,
.SearchText{
	margin-top: 2px;
}
#ApproveButton{
	border: #FFF solid 1px;
}
#OrderListButton{
	background: #3FA9F5;
	border: #FFF solid 1px;
}
#OrderListCountDiv
{
	background: url("images/cart_icon.png") 0% 50% no-repeat ;
	background-size: contain;

	height: 2em;
	width: 3em;

	margin-right: 5px;
	padding-right: 1.1em;
	text-align: center;

}
#OrderListCountDiv div{
	text-align: center;
	width: 2.5em;
}



#InsideMenu{
	margin: 0 auto;
	width: 1000px;
}


.OrderListColor{
	background: #3FA9F5 !important;
	background-image: none !important;
}


.WhiteBack{
	background: #FFFFFF !important;
}


#__OpenMailtoLink{
	text-decoration: inherit !important;
}

/* 実線を引くクラス */
.TopLine,
.DrawLine{
	border-top: #07339C solid 2px;
}
.BottomLine,
.DrawLine{
	border-bottom: #07339C solid 2px;
}
.LeftLine,
.DrawLine{
	border-left: #07339C solid 2px;
}
.RightLine,
.DrawLine{
	border-right: #07339C solid 2px;
}

.TopGrayLine,
.DrawGrayLine{
	border-top: #a9a9a9 solid 2px;
}
.BottomGrayLine,
.DrawGrayLine{
	border-bottom: #a9a9a9 solid 2px;
}
.LeftGrayLine,
.DrawGrayLine{
	border-left: #a9a9a9 solid 2px;
}
.RightGrayLine,
.DrawGrayLine{
	border-right: #a9a9a9 solid 2px;
}


.BottomOrderColorLine{
	border-bottom: #3FA9F5 solid 1px;
}


/* 破線を引くクラス */
.TopDashedLine,
.DrawDashedLine{
	border-top: #07339C dashed 2px;
}
.BottomDashedLine
.DrawDashedLine{
	border-bottom: #07339C dashed 2px;
}
.LeftDashedLine
.DrawDashedLine{
	border-left: #07339C dashed 2px;
}
.RightDashedLine
.DrawDashedLine{
	border-right: #07339C dashed 2px;
}


.BoldBottomLine{
	border-bottom: 2px solid #aaaaaa;
}

.LeftFloat{
	float: left;
}
.RightFloat{
	float: right;
}
.ElipseText{
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;

	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
}

.cancelButton{
	width: 40%;
}
.cancelResult{
	width: 91%;
	padding-top:5px;
}

.target_state_list {
	height: 139px;
}

.target_state_list_account {
	padding-top: 5px;
}

.VisibleText{
	overflow: visible;
	white-space:normal;
}
.BoldFont{
	font-weight: bold;
}
.CenterText{
	text-align: center;
}
.NoMargin{
	margin: 0px !important;
}
.NoPadding{
	padding: 0px !important;
}

.StrongPoint{
	font-weight: bold;
	font-size: 1.2em;
	padding: 3px 0;
}

#PageDescriptionText{
	font-size: 14px;
	margin: 10px 0px 10px 30px;
	
}

.content_header{
	background-color: #4572D1;
	color: #FFFFFF;

	font-size: 17px;
	font-weight: bold;

	float: left;
	padding: 10px;
	width: 100%;
}



div.category_item{
	display: table;

	vertical-align: middle;
	text-align: right;

	margin-right: 5px !important;

	height: 30px;

}
.category_value_title{
	vertical-align: middle;
	margin-top: 5px;
	margin-left: 5px;
}
.category_item span.category_value_title {
	display: table-cell;

}
.category_value>span{
	margin-top: 4px !important;
	display: inline-block;
}
.category_value+label{
	margin-top: 5px;
}


ol.NumOrderList{
}
ol.NumOrderList li{
	list-style: decimal !important;
}
li p{
	margin-left: 25px;
}


.Cation{
	font-size: 1.2em !important;
	font-weight: bold;
	color: #CC0000 !important;
}

.CationCentre{
	font-weight: bold;
	color: #CC0000 !important;
	margin: 0 auto;
	text-align: center;
}

.CationBlack{
	font-size: 1.2em !important;
	font-weight: bold;
}

input:-ms-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder{
	color: #C0C0C0;
	margin: 5px;
	font-size: 1em;
}

.showOrderListAddDialog{
	cursor: pointer;
}

.selectable_target{
/*
	cursor: pointer;
*/
}
.selectable_target .ui-selecting{
	background: #CCCCFF;
}
.selectable_target .search_result_block:hover{
	background: #E0E0FF;
}

div.search_result_block_magazine{
        background: #D0EED0;
}
.search_result_block_magazine:hover{
	background: #B0EEB0;
}

.selectable_target .ui-selected{
	background: #CCCCFF;
	border-color: #8888FF
	
}



input:disabled,
select:disabled,
textarea:disabled{
	background: rgb(235, 235, 228);
}

.AutoLoginButton,
.actionbutton{
	margin-left: 5px;
	margin-right: 5px;
}

.MicroButton,
input[type="button"].AddButton{
	padding: 0px;
	margin-left: 0px;
	font-size: 13px;
}


.SmallButton,
.UpdateButton,
.DeleteButton,
.CopyButton,
.EditButton,
.CancelButton,
.RegistButton,
.SummarizeButton,
input[type="button"].AddButton{
	padding: 3px;
	margin-left: 4px;
}
.caution_display,
.need_change{
	color: #FF0000 !important;
	background: #FFDDDD !important;
	font-weight: bold;
}


#Footer{
	padding: 10px 0px;
}
#PageTitle{
	font-size: 28px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

#ElementLabels{
	display: none;
}

div.DefaultLayout{
	width: 85%;
	min-width: 1200px;
}
div.DefaultLayout #Page{
	width: 100%;
}

div.insidework,
div.magazine_order{
	width: 95%;

	min-width: 1200px;

}

.insidework #Page,
.magazine_order #Page{
	width: 100%;
}

input[type="checkbox"],
input[type="radio"]{
	width: 15px;
	height: 15px;
	margin-top: 5px;
}

.edittable_content{
	margin: 10px;
}

.leftButtonArea
{
	width: 50%;
	float: left;
}
.centerButtonArea{
	width: 20%;
	float: left;

}

.rightButtonArea
{
	width: 30%;
	text-align: right;
	float: right;
}

.LeftContent
{
/*
	float: left;
*/
	text-align: left;
}
.RightContent
{
	float: right !important;
	text-align: right;
}
.CenterContent
{
	margin: 0px auto;
	text-align: center;
}

.MenuBtnRightContent {
    float: right !important;
    text-align: right;
    width: 18%;
}

.RightLayout
{
	text-align: right !important;
}
.CenterLayout{
	margin: 0 auto;
}

.ActionRegion{
/*
	margin-bottom: 30px;
*/
}

.insideworkMenuButton{
	width: 400px
}

.content_list{
	margin-bottom: 15px;
}

#searcharea,
#listarea #updateareas{
	margin-bottom: 10px;
}


#searcharea th,
.searcharea th{
	min-width: 190px;
	max-width: 190px;
	width: 190px;

	padding-left: 15px;

	border: 0px;
	text-align: left;
}

#listarea table,
.listarea table{
	width: 100%;
	vertical-align: middle;
}
#listarea tr,
.listarea tr{
	min-height: 40px;
	max-height: 40px;

	height: 40px;
}
#listarea th,
.listarea th{
	border: 1px solid #aaaaaa;
	background: #5a83f8 url("images/ui-bg_highlight-soft_30_5a83f8_1x100.png") 50% 50% repeat-x;
	color: #FFFFFF;
	font-weight: bold;

	vertical-align: middle;
}
#listarea td,
.listarea td{
	border: 1px solid #aaaaaa;
/*
	background: #edeeef url("images/ui-bg_highlight-hard_75_edeeef_1x100.png") 50% top repeat-x;
*/
	background: #fff;
	color: #222222;
	padding: 2px 5px;

	vertical-align: middle;
/*
	font-size: 0.85em;
*/
}

#listarea tr.even_row td,
.listarea tr.even_row td{
	

}
#listarea tr.odd_row td,
.listarea tr.odd_row td{
	background: #CCCCFF;

}

/* パンくずリスト */
.breadcrumbMainCaption{
	font-size: x-large;
}
.breadcrumbSlaveCaption{
	font-size: small;
}

/* 著作権表示用テーブル */
.popupMagazineInfoTable{
	margin-top: 10px;
}
/* 著作権表示用　項目位置 */
.popupMagazineInfoTableColAlign{
	text-align: left;
}

/* テーブル上の金額表示位置 */
.tablePriceAlign{
	text-align: right !important;
}

/* 雑誌注文（フリー入力）　項目位置 */
.freeOrderTableColAlign{
	text-align: left !important;
}

/* 画面上での選択制御[選択不可] 注文内容ダイアログで利用*/
.not_selected {
    -ms-user-select: none;
}

/* 画面上での選択制御[指定エリアで選択可] 注文内容ダイアログで利用*/
.element_selected {
    -ms-user-select: element;
}

/* 画面上での選択制御[選択可] 注文内容ダイアログで利用*/
.text_selected {
    -ms-user-select: text;
}

.compacttable tr{
	min-height: 20px;
	max-height: 20px;

	height: 20px;
}

.compacttable td{

	padding-top: 0px !important;
	padding-bottom: 0px !important;
/*
	padding-left: 0px !important;
*/
	padding-right: 0px !important;
}


.datepicker_target+img,
.datepicker_target_free+img,
.datepicker_target_min+img,
.datepicker_target_max+img,
.date_only_datepicker_target+img{
	width: 24px;
	height: 24px;

	vertical-align: middle !important;
}


.odd_row{
	
}
.even_row{
	background: #CCCCFF !important;
}



/*
	検索関連
 */
.accordion_target h3{
	border: 0px;
}
.detail_search{
/*
	max-width: 167px;
*/

	font-size: 16px;

}
.search_condition_section{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	font-weight: bold !important;
}

.search_button
{
	font-size: 16px;
	padding: 4px;
	margin: 1px;
}

.free_search{
	margin-bottom: 5px;
}
#free_word_search{
	font-size: 14px;
}
.free_search_box{
	width: 900px;
	margin: 2px 10px;
}
.order_code_searcch_box{
	width: 15em;
}


/*
	一覧表示関連
 */
/* ログインエラー　ロック情報　区分 */
.login_error_lock_list_kind_col {
	max-width: 100px;
	min-width: 100px;
	width: 100px;
}
/* ログインエラー　ロック情報　ログインID */
.login_error_lock_list_login_code_col {
	max-width: 300px;
	min-width: 300px;
	width: 300px;
}

/* 連携システム情報 */
.linkage_system_name_col {
	max-width: 200px;
	min-width: 200px;
	width: 200px;
}
/* ログインID */
.linkage_system_login_id_col {
	max-width: 150px;
	min-width: 150px;
	width: 150px;
}
/* パスワード */
.linkage_system_password_col {
	max-width: 150px;
	min-width: 150px;
	width: 150px;
}

/* 顧客マスタ一括登録 */
.customer_upload_reserve_name_col{
    max-width: 200px;
    min-width: 200px;
    width: 200px;
}

/* 顧客登録 */
.customer_id_col{
	width: 6em;
}
.customer_name_col,
.magazine_name_col{
	width: 17em;
}
.text_status_col{
	width: 5em;
}
.year_col{
	width: 5em;
}
.date_col{
	width: 7.5em;
}
.date_time_col{
	width: 12em;
}
.last_update_col{
	width: 167px;
}
.shoukon_code_col{
	width: 9em;
}
.action_col{
	max-width: 70px;
	min-width: 70px;
	width: 70px;
}
.dual_action_col{
	max-width: 120px;
	min-width: 120px;
	width: 120px;
}
.triple_action_col{
	max-width: 170px;
	min-width: 170px;
	width: 170px;
}
.customer_codes{
	width: 9em;
}
.number_col{
	width: 3em;
}
.tel_col{
	width: 12em;
}

/* 社内システム関連 */
.vendor_code_col,
.vendor_short_name_col,
.vendor_delivery_days_col{
	width: 7em;
}
.vendor_enable_col,
.vendor_price_col{
	width: 6em;
}
.vendor_full_name_col{
	width: 30em;
}


.staff_code_col{
	width: 9em;
}
.staff_name_col{
	width: 20em;
}
.staff_name_short_col{
	width: 11em;
}
.staff_password_col{
	width: 11em;
}
.staff_auth_col{
	width: 11em;
}
.staff_dept_col{
	width: 7em;
}


.disable_selector_col{
	width: 4em;;
}

.insideworks_dialog_title{
	max-width: 200px;
	min-width: 200px;

	width: 200px;
}
.EditTextarea{
	height: 20em;
}

.mag_code_col{
	width: 6em;
}
.issn_type_col{
	width: 5em;
}
.copyright_collective_name_col{
	width: 7em;
}
.material_memo_col{
	width: 8em;
}
.industrial_kind_col{
	width: 3em;
}
.rank_col{
	width: 3.5em;
}


/* 罫線消し */
.borderButtonStyleHidden_col{
	border-bottom-style: hidden !important;
}

/* 返却表示用CSS */
/* タイトル */
.return_title_label{
    font-size: 15px;
    font-weight: bold;
}
/* 値 */
.return_value_label{
    font-size: 12px;
}


/*
	雑誌手配
*/

.order_code_col{
	width: 8em;
}
.magazine_issn_col{
	width: 7em;
}
.vendor_name_col{
	width: 12em;
}
.matching_result_col{
	width: 2.5em;
}
.matching_pattern_code{
	width: 8em;
}
.matching_pattern_diaplay{
	width: 40em;
}
.using_purpose{
	width: 20em;
}


.delivery_methods_col{
	width: 8em;
}
.sending_formula_col{
	width: 8em;
}



.select_matching_target,
.select_categories_target,
.SelectTargetCheck{
	width: 25px !important;
	height: 25px !important;

	margin: 2px;
}
.SelectSummarizeTarget{
	width: 20px !important;
	height: 20px !important;
}

.select_return_reason{
	width: 16px !important;
	height: 16px !important;

	margin: 2px;
}
.vendor_name{
	
}

.disable_content{
	color: #999999 !important;
}

.delivery_fee_col{
	width: 6em;
}

.selectApproveCheck{
	width: 20px !important;
	height: 20px !important;
}

/*
	納品請求
*/
.order_no_col{
	width: 9.5em;
}
.slip_no_col{
	width: 8.5em;
}
.price_col{
	width: 6em;
}


/*
	更新関連
*/
.updatearea input, .updatearea textarea, .updatearea select{
	margin: 0px 0px 0px 10px;
}
.category_block{
	margin-bottom: 5px;
	padding: 5px;
	
	float: left;
	clear: both;

	width: 100%;
}
.ui-dialog-content .category_block{
	border: #CCCCCC 2px solid;
}

.DefaultLayout .category_block,
.magazine_order .category_block,
.DefaultLayout .content_block,
.magazine_order .content_block{
	width: 99.2%;
	margin: 0px 5px 0px 5px;
	padding-left: 40px;
}
.DefaultLayout .category_block.lastChild,
.magazine_order .category_block.lastChild,
.DefaultLayout .content_block.lastChild,
.magazine_order .content_block.lastChild{
	margin-bottom: 5px;
}

.order_list_content{
	padding: 5px;

	margin-left: 10px !important;
	margin-right: 10px !important;
}
.order_list_display_block{
	margin: 3px;
	background-color: #FFF;
}

.insidework .category_block,
#LoadingDialog,
#subpage .login,
.DirectExportOrderTextArea{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
}



input[type="checkbox"].category_value,
input[type="radio"].category_value,
.category_value+label{
	float: left;
}


.direct_order_search_div{
	padding: 0px 30px 0px 30px;
	margin-bottom: 15px;
}

.LineOnlyDiv{
	margin-top: 5px;
	margin-bottom: 5px;
}


/* サンメディアへの要望欄用 */
.order_demand_area{
	height: 5em;
}

/* 検索依頼、テーマ記入用 */
.searchtheme_area{
	height: 12em;
}

/* 検索依頼、その他条件記入用 */
.searchcondition_area{
	height: 8em;
}

/* 雑誌注文、引継ぎ事項用 */
.transfercomment_area{
	height: 3em;
}

/* 雑誌注文、社外調査備考用 */
.insidework_remarks_area{
	height: 3em;
}

/* 雑誌注文、フリー入力用 */
.freeinput_area{
	font-size: 12px;
	height: 30em;
}

/* 注文内容入力ダイアログ - 返却理由詳細 */
.return_reason_area{
	height: 6em;
}

/* CSV登録エラー情報出力用 */
.csvErrorListNo_col{
	max-width: 50px;
	min-width: 50px;

	width: 50px;
}
.csvErrorListRow_col,
.csvErrorListCol_col{
	max-width: 100px;
	min-width: 100px;

	width: 100px;
}
.csvErrorListMstKind_col{
	max-width: 300px;
	min-width: 300px;

	width: 300px;
}

/* 文献ご注文状況一覧 */
/* ご注文日・ご注文番号 */
.orderStateOrderdate_col{
	max-width: 150px;
	min-width: 150px;

	width: 150px;
}

/* 雑誌名 */
.orderStateMagazineName_col{
	max-width: 520px;
	min-width: 520px;

	width: 520px;
}

/* 金額 */
.orderStateOrderMoney_col{
	max-width: 80px;
	min-width: 80px;

	width: 80px;
}

/* 注文状況 */
.orderStateOrderState_col{
	max-width: 100px;
	min-width: 100px;

	width: 100px;
}

/* コメント */
.orderStateCancelComment_col{
	max-width: 150px;
	min-width: 150px;

	width: 150px;
}


.micro_code{
	width: 50%;
}
.short_code{
	width: 65%;
/*
	max-width: 4em;
*/
}
.middle_code{
	width: 85%;
/*
	max-width: 14em
*/
}
.large_input{
	width: 95%;
/*
	max-width: 35em;
*/
}

/* テキストエリア高さ微修正 */
.orderListAddDialog_height {
    height: 16px;
}

/* 納品方法・仕分区分高さ微修正 */
.deliverySelectBox_height {
    height: 31px;
}

/* 手配先エリア */
#arrangementStatusInfo {
    max-height: 110px;
    overflow-y:scroll;
}
/* テキストエリア高さ微調整 */
.accessionDateUpdate_height {
    height: 11px;
}
/* 各要素別スタイル */
div.accessionDateUpdate_category_item{
	display: table;
	vertical-align: middle;
	text-align: right;
	margin-right: 5px !important;
	height: 15px;
}
/* 要素別タイトルスタイル */
.accessionDateUpdate_category_value_title{
	vertical-align: middle;
	margin-top: 2px;
	margin-left: 3px;
        font-size: 13px;
}
/* 要素別値スタイル */
.accessionDateUpdate_category_value {
    margin-top: 3px !important;
    display: inline-block;
    font-size: 13px;
}

.price_label{
	margin-left: 5px;
}

/* 「あなたが探している情報はこちらですか？」の表示部分 */
.section_search_label,
.section_search_main_label,
.small_section_search_label{
	color: #FF1493;
}
.section_search_label{
	font-size: 15px;
}
.section_search_main_label{
	font-size: 17px;
	margin-left: 5px;
}
.small_section_search_label{
	font-size: 12px;
}

.section_label,
.section_main_label,
.small_section_label{
	color: #07339C;
}

.section_label{
	font-size: 15px;
}
.section_main_label{
	font-size: 17px;
	margin-left: 5px;
}
.small_section_label{
	font-size: 12px;
}

.section_header,
.section_title,
.section_title_orange{
	float: left;
	padding: 10px;
	width: 100%;

	color: #FFF;
	padding-left: 30px;

}
.section_header{
	background: #4572D1;
	
}
.DefaultLayout .section_title,
.magazine_order .section_title{
	margin-left: 30px;
	color: #07339C;
	border: none;

	padding-top: 13px;

	background: url('images/label.png') center left no-repeat !important;
	background-size: 25px 25px !important;
	
}
.DefaultLayout .section_title_orange,
.magazine_order .section_title_orange{
	margin-left: 30px;
	color: #EC9E3B;
	border: none;
	padding-top: 13px;
	background: url('images/icon02.png') center left no-repeat !important;
	background-size: 25px 25px !important;
	
}
.DefaultLayout .login #CustomizeDisplayTarget .section_title{
	color: #333333;
	border: none;
	background: none !important;

	font-size: 24px !important;
	
	text-align: center;
}


.section_title_font,
.section_title,
.section_title_orange,
.section_header{
	font-size: 16px;
	font-weight: bold;
}

.button_enable_title{
	padding: 5px !important;
}

.inline_content{
	display: inline;
}
.inline_block_content{
	display: inline-block;
}


.matching_result_block .category_item,
.matching_result_block .category_value{
	font-size: 1.2em !important;
}
.target_accession_date,
.search_from_code{
	width: 800px;
	margin: auto;
}
.matching_result{
	font-weight: bold;
	color: #FF0000 !important;
}


#view_pdf_content{
	width: 100%;
}


.strong_display{
	font-weight: bold;
	font-size: 1.2em;
}
.draw_top_line{
	border-top: 1px solid #aaaaaa;
	margin-top: 3px;
	padding-top: 3px;
}

.summarize_update{
	background-color: #FFCCCC !important;
}


.SmallFont{
	font-size: 0.8em;
}


.remarks_description{
	margin-top: 0px !important;
}
.page_description{
	margin: 10px !important;
	font-size: 1.1em;
}

.price_data{
	text-align: right;
}


.search_block{
	clear: both;
	padding: 10px 0;
}


/* 受注周り */

.icon_block{
	height: 43px;
	width: 43px;
}
.order_icon_block{
	height: 24px;
	width: 24px;
}
.article_block{
	width: 90%;
	margin: auto;
	display: block;
	float: left;
	margin-left: 10px;
}
.order_maginfo_block{
	width: 95%;
	margin: auto;
	display: block;
	float: left;
	margin-left: 5px;
}
.order_state_list_block{
	width: 95% !important;
}

.order_magazine_block,
div.search_result_block{

	padding: 10px 0;
	background: #FFFFFF;
}
.order_magazine_block_approve_detail{

	padding: 10px 10px 10px 0;
	background: #FFFFFF;
}

.NumberText{
	font-size: 1.3em;
	text-align: center;
}

.sub_magazine_content{
	font-size: 0.8em;
}

.MagazineSearch{
	width: 120px;
	height: 40px;
}
#DirectOrderDescription{
	font-size: 1em;

	margin-left: 30px;
	margin-bottom: 10px;

	color: #000000;
}


.SelectDeliveryMethod{
	height: 100%;
}
.SelectDeliveryMethod span,
.SelectDeliveryMethod label{
	font-size: 1em;
}

.TotalPrice{
	font-size: 1.1em;
	font-weight: bold;
}

.TotalPriceSection{
    border: solid 1px #000;
    width: 100%;
    margin: 5px 0px 5px 5px;
}

.TotalPriceLeftContents{
    float:left;
    background-color:#E0FFFF;
    padding:10px;
    border-right: solid 1px #000;
}

.TotalPriceRightContents{
    float:right;
    padding:10px;
}

.SmallBottomMargin{
	margin-bottom: 5px;
}

.OrderStatus{
	font-weight: bold;
	margin-top: 5px;
}
.OrderStatus_NotFixed,
.OrderStatus_Asking{
	color: #FF3333;
}
.OrderStatus_Fixed{
	color: #3333FF;
}
.OrderStatus_NotApproval{
	color: #000000;
}
.OrderApprovalStatus_NotApproval{
	color: #FF3333;
}
.OrderApprovalStatus_Approval{
	color: #0000FF;
}
.infomation_regulation_div{
	margin-right: 40px;
	padding: 5px;
	border: none;
}
.inquiry_detail_display{
	margin-left: 45px;
}

#magazine_section_result{
    padding-left:20px;
    padding-right:20px;
    background-color:#FFFFFF !important;
}

#magazine_search_condition{
    padding: 20px;
    background-color:#FFFFFF !important;
    border: solid 2px #a9a9a9;
}
	
#magazine_search_condition_result{
    margin-top: 10px;
    padding:20px;
    background-color:#FFFFFF !important;
    border: solid 2px #a9a9a9;
}

button.OrderEnter{
	font-size: 0.9em;
}



#ChangeRegistInfo{
	font-weight: bold;
}


.OA_CheckDialog{
	background: #FFFFFF;
	padding: 10px;
}

.OA_CheckDialog div{
	font-size: 1.1em;
}
#OA_AccessURL{
	margin-left: 15px;
}
#OA_AccessURLLink{
	color: #0000CC;
	font-size: 0.9em;
}
#OA_Disclaimer{
	color: #FF0000;
	font-weight: bold;
	font-size: 0.9em;
}

.MarkedContent{
	color: #CCCCCC !important;
}


.search_order_delivery_infos{
	font-size: 1.1em;
}

.search_order_confirm_display,
.customer_add_confirm_display{
	margin: 5px 10px;
	border: #CCCCCC 2px solid;
}

.order_history_display_block{
	padding: 15px 15px;
	margin: 0px 10px 10px 10px;
	border: #CCCCCC 2px solid;
}

.IconTextContent
{
	font-size: 0.9em;
	text-align: center;
}

.settleTitle
{
    background: #f48536 !important;
}

.unsettled{
    color: #FF0000 !important;
}

/* 受注閲覧画面の検索/注文リスト高さ*/
.orderHeight {
    height: 105px;
}
/* 受注閲覧画面の検索/注文リスト項目毎の高さ*/
.orderItemHeight {
    height: 21px;
}

.orderListHeight {
    height: 135px;
}

/* 顧客マスタ　変更文字列 */
.customerChangedText{
    color: #FF0000 !important;
    word-break: break-all;
}

/* 承認ボタン */
.approvalButtond{
        width: 54px;
        text-align: center;
        border: solid 1px #666;
        border-radius: 2px;
        cursor: pointer;
        display: inline-block;
        -ms-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        vertical-align: bottom;
        color:#FFFFFF;
        float: left;
        font-weight:bold;
}

.ButtondOff{
    position:relative;
    background-color: #FF6347;
    box-shadow:
             1px  1px 2px #fff inset,
            -1px -1px 2px #ccc inset;
    padding: 12px 20px 15px 20px;
}

.ButtondOff span{
  position:absolute;
  width: 20px;
  top:16%;
  left:30%;
}

/* 承認検索ボタン */


.ButtondOn{
    position:relative;
    background-color: #32CD32;
    box-shadow:
    -1px -1px 2px #fff inset,
     1px  1px 2px #999 inset;
}

.ButtondOn span{
  position:absolute;
  width: 20px;
  top:28%;
  left:30%;
}

/* 詳細承認画面 */

#FreeIputContentText{
    padding: 5px 0px;
    max-height: 230px;
    overflow-y:scroll;
}

.OrderFontInfo{
	font-size: 17px;
	font-style: bold;
	color: #3FA9F5;
}


/* 受注ステータス関連 */
.DisplayOrderStatus{
	display: inline-block;
	padding-left: 25px;
	
	font-weight: bold;
	
}

.NotApproved{
	background: url("images/icon01.png") no-repeat;
	color: #999999;
}
.Entered{
	background: url("images/icon02.png") no-repeat;
	color: #F15A24;
}
.NowArrangement,
.NowSearching{
	background: url("images/icon03.png") no-repeat;
	color: #F15A24;
}
.SendingFax{
	background: url("images/icon05.png") no-repeat;
	color: #3BC3EC;
}
.SendWaiting{
	background: url("images/icon04.png") no-repeat;
	color: #3BC3EC;
}
.SendingFinished{
	background: url("images/icon06.png") no-repeat;
	color: #74CC00;
}
.OrderCanceled{
	background: url("images/icon07.png") no-repeat;
	color: #083DAB;
}


div.category_block.SelectDeliveryTargetSelection{
	margin-top: 10px;
}
input[type="radio"].SelectDelivaryTargetRadio+label{
	margin-top: 2px;
	font-weight: bold;
	font-size: 16px;
}
label span.LabelStrongPoint{
	color: #F00;
}

.DisplayDispatchIcon{
	display: inline-block;
	background: url("images/post.png") no-repeat;
}
.DisplayFaxIcon{
	display: inline-block;
	background: url("images/fax.png") no-repeat;
}

.DisplayEmailIcon{
	display: inline-block;
	background: url("images/email.png") no-repeat;
}
.DisplayAdIcon{
	display: inline-block;
	background: url("images/ad.png") no-repeat;
}
.DisplayAnotherIcon{
	display: inline-block;
	background: url("images/another.png") no-repeat;
}

.DisplayDispatchIcon,
.DisplayFaxIcon,
.DisplayEmailIcon,
.DisplayAdIcon,
.DisplayAnotherIcon{
	margin-left: 5px;

	width: 34px;
	height: 18px;

	vertical-align: middle;
}


.CsvErrorMessageDiv{
	max-height: 800px;
	overflow: auto;
}


.LinkListButton{
	width: 100%;
}

.SmallSizeLinkArea{
	width: 24.06% !important;
}
.MiddleSizeLinkArea{
	width: 48.7% !important;
}
.BigSizeLinkArea{
	width: 98% !important;
}

.DirectExportOrderTextArea{
	padding: 5px;
}
.directExportOrderColorCheck {
    margin-left: 50px;
}

#orderInfoDialog li.ErrorInputDisplay{
	background: #ee0101 !important;
}
#orderInfoDialog li.ErrorInputDisplay a{
	font-weight: bold;

}

input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}


input[readonly],
textarea[readonly]{
	background: #EEEEEE;
}

.OrderStatusText{
	font-weight: bold;
	color: #CC0000;
	text-align: center;
        font-size: 12.5px;
}

.MagazineKindIconDiv{
	text-align: center;
}



/**
	以下クロスブラウザ対応
*/
input{
}

input[size="2"]{
	width: 30px;
}
input[size="4"]{
	width: 50px;
}
input[size="8"]{
	width: 80px;
}
input[type="text"].datepicker_target_free,
input[type="text"].date_only_datepicker_target,
input[size="10"]{
	width: 100px;
}
input[size="11"]{
	width: 110px;
}
input[size="12"]{
	width: 130px;
}
input[size="13"]{
	width: 130px;
}
input[type="text"].datepicker_target,
input[size="15"]{
	width: 150px;
}
input[size="20"]{
	width: 200px;
}


.ui-autocomplete {
	max-height: 300px;
	max-width: 500px;
	overflow-y: auto;
	overflow-x: hidden;

	border: #a9a9a9 solid 1px;
	border-top: none;
}

.ui-autocomplete .ui-menu-item{
	font-size: 11px;
}
.ui-autocomplete .ui-menu-item.ui-state-focus{
	color: #000000;
	background-color: #DDDDDD;
}


#LibraryHoldings .AccentLink{
	color: #00F;
	font-weight: bold;
}

.approve_direct_detail_type_color{
	height:34px;
}

.direct_list{
	height: 156px;
}

.all_article_direct_caution{
	width:300px;
}

.all_caution{
	width:350px;
}

.customer_change_caution{
	margin-top:9px !important;
}

.customer_add_notes{
	border: none;
	height: 450px;
	vertical-align:middle;
}
