@charset "UTF-8";
/* 汎用クラス
-------------------------------- */
.normal { margin-left: 2px; font-weight: normal; }
.normal span { font-weight: bold; }

.strong { font-weight: bold; }

/*master-financeに同名のクラスありのためリセット*/
.wrap { white-space: nowrap; float: none; display: block; }

.pfView .icoReload { background: url(https://s.yimg.jp/images/finance/common/image/icon.png) no-repeat 0 -2212px; padding: 0 0 0 21px; }

/*master-financeに同名のクラスありのためリセット*/
/* CSS Sprites（アイコン）
-------------------------------- */
.icoPfAddView, .icoPfEditView, .icoPfPanelView, .icoPfListView, .icoPfAddPanelView, .icoPfAddListView, .icoPfPencil, .icoPfNew, .icoPfRemove, .icoPfAdd, .icoPfBack, .icoPfBefore, .icoPfSpecial, .icoPfAttention, .icoPfContinuos, .icoPfCloseS { display: inline-block; background: url(../img/portfolio_sprite.png) no-repeat; vertical-align: middle; }

.icoPfAddView { padding-left: 20px; background-position: -200px 0; line-height: 17px; }

.icoPfEditView { padding-left: 20px; background-position: -200px -50px; line-height: 17px; }

.icoPfPanelView { padding-left: 22px; background-position: -200px -150px; line-height: 18px; }

.icoPfListView { padding-left: 22px; background-position: -200px -200px; line-height: 18px; }

.icoPfAddPanelView { padding-left: 20px; background-position: -200px -250px; line-height: 18px; }

.icoPfAddListView { padding-left: 20px; background-position: -200px -300px; line-height: 18px; }

.icoPfPencil { padding-left: 16px; background-position: -200px -350px; line-height: 1; }

.icoPfNew { padding-left: 16px; background-position: -200px -400px; }

.icoPfRemove { padding-left: 16px; background-position: -200px -448px; }

.icoPfAdd { padding-left: 16px; background-position: -200px -500px; }

.icoPfBack { padding-left: 23px; background-position: -200px -550px; }

.icoPfSpecial { width: 15px; height: 15px; margin-top: -3px; *margin-top: 0; margin-right: 3px; background-position: -200px -600px; }

.icoPfAttention { width: 15px; height: 15px; margin-top: -3px; *margin-top: 0; margin-right: 3px; background-position: -200px -650px; }

.icoPfBefore { width: 15px; height: 15px; margin-top: -3px; *margin-top: 0; margin-right: 3px; background-position: -200px -700px; }

.icoPfContinuos { width: 15px; height: 15px; margin-top: -3px; *margin-top: 0; margin-right: 3px; background-position: -200px -750px; }

.icoPfCloseS { width: 14px; height: 13px; margin-top: -3px; *margin-top: 0; margin-right: 3px; background-position: -100px -1000px; }

.icoPfCsv {background: url(../img/portfolio_sprite.png) no-repeat -200px -800px; padding: 0 0 8px 19px; margin-left: 5px;}

.icoUsa18 {*float: none;}

/* CSS Sprites（ボタン）
-------------------------------- */
.btnPfNext, .btnPfComplete, .btnPfCompleteInput, .btnPfCompleteInputDisable, .btnPfRegister, .btnPfAdd, .btnPfEdit, .btnPfSave, .btnPfCompleteM, .btnPfEditS, .btnPfDelete, .btnPfDeleteSelectionS, .btnPfDeleteSelectionSDisable, .btnPfDeleteThisS, .btnPfDeleteDesignS, .btnPfDeleteRedS, .btnPfAddS, .btnPfStep1, .btnPfStep2, .btnPfCancel { display: inline-block; border: 0 !important; background: url(../img/portfolio_sprite.png) no-repeat; vertical-align: middle; text-indent: -9999px; overflow: hidden; cursor: pointer; *display: inline; *zoom: 1; *text-indent: 0; *font-size: 0; *line-height: 0; }
.btnPfNext span, .btnPfComplete span, .btnPfCompleteInput span, .btnPfCompleteInputDisable span, .btnPfRegister span, .btnPfAdd span, .btnPfEdit span, .btnPfSave span, .btnPfCompleteM span, .btnPfEditS span, .btnPfDelete span, .btnPfDeleteSelectionS span, .btnPfDeleteSelectionSDisable span, .btnPfDeleteThisS span, .btnPfDeleteDesignS span, .btnPfDeleteRedS span, .btnPfAddS span, .btnPfStep1 span, .btnPfStep2 span, .btnPfCancel span { display: block; text-indent: -9999px; }

.btnPfBg { display: inline-block; width: 190px; height: 33px; background: url(../img/portfolio_sprite.png) no-repeat 0 -1200px; vertical-align: middle; line-height: 33px; text-align: center; overflow: hidden; cursor: pointer; *display: inline; *zoom: 1; }

.btnPfBgDisable { display: inline-block; width: 190px; height: 33px; background: url(../img/portfolio_sprite.png) no-repeat 0 -1150px; color: #999; vertical-align: middle; line-height: 33px; text-align: center; overflow: hidden; *display: inline; *zoom: 1; }

.btnPfNext { width: 189px; height: 34px; background-position: 0 0; }

.btnPfComplete { width: 189px; height: 34px; background-position: 0 -50px; }

.btnPfCompleteInput { width: 189px; height: 34px; background-position: 0 -100px; }

.btnPfCompleteInputDisable { width: 189px; height: 34px; background-position: 0 -700px; cursor: default; }

.btnPfRegister { width: 189px; height: 34px; background-position: 0 -150px; }

.btnPfAdd { width: 189px; height: 34px; background-position: 0 -200px; }

.btnPfEdit { width: 189px; height: 34px; background-position: 0 -250px; }

.btnPfSave { width: 189px; height: 34px; background-position: 0 -300px; }

.btnPfCompleteM { width: 159px; height: 28px; background-position: 0 -350px; }

.btnPfEditS { width: 131px; height: 22px; background-position: 0 -400px; }

.btnPfDelete { width: 189px; height: 34px; background-position: 0 -750px; }

.btnPfDeleteSelectionS { width: 134px; height: 22px; background-position: 0 -450px; }

.btnPfDeleteSelectionSDisable { width: 134px; height: 22px; background-position: 0 -600px; cursor: default; }

.btnPfDeleteThisS { width: 162px; height: 22px; background-position: 0 -500px; }

.btnPfDeleteDesignS { width: 132px; height: 22px; background-position: 0 -550px; }

.btnPfDeleteRedS { width: 47px; height: 22px; background-position: 0 -650px; }

.btnPfAddS { width: 50px; height: 22px; background-position: -100px -650px; vertical-align: top; }

.btnPfStep1 { width: 159px; height: 28px; background-position: 0 -800px; }

.btnPfStep2 { width: 159px; height: 28px; background-position: 0 -850px; }

.btnPfCancel { width: 159px; height: 28px; background-position: 0 -900px; }

/* ヘッダ
-------------------------------- */
.pfHd { clear: both; overflow: hidden; *zoom: 1; }
.pfHd .ymuiHeader { overflow: hidden; word-wrap: break-word; word-break: break-all; *zoom: 1; }
.pfHd .btnArea { float: right; padding: 3px 0 5px 5px; }

/* ビューのラッパー
-------------------------------- */
.pfView { margin-bottom: 10px; }
.pfView * { letter-spacing: 0; }
.pfView .empty { padding: 130px 0; font-weight: bold; text-align: center; word-wrap: break-word; word-break: break-all; }

table.pfView { margin: 0 auto; }

/* ビューのヘッダ
-------------------------------- */
.pfViewHd { position: relative; z-index: 3; background: #6E9AC6; color: white; border-bottom: 1px solid #3F72A5; font-size: 90%; *zoom: 1; }
.pfViewHd:after { content: ""; display: block; clear: both; }
.pfViewHd .btnDelay, .pfViewHd .btnReal { float: right; *display: inline; margin: 10px 5px 0 0; overflow: hidden; }
.pfViewHd .vipSign { float: right; margin: 10px 5px 0 0; padding: 3px 10px; background: #9f680d; color: #fff; line-height: 1; vertical-align: middle; }

/* ビューのナビゲーション
-------------------------------- */
.pfViewNav { *zoom: 1; float: left; margin-top: 12px; margin-left: 5px; line-height: 1; }
.pfViewNav:after { content: ""; display: block; clear: both; }
.pfViewNav ul { *zoom: 1; }
.pfViewNav ul:after { content: ""; display: block; clear: both; }
.pfViewNav ul li { float: left; *display: inline; margin-right: 10px; }
.pfViewNav ul li a { color: #fff; }

/* 操作説明
-------------------------------- */
.pfSortInstruction { background: url(../img/portfolio_sprite.png) no-repeat -195px -2200px; *zoom: 1; }
.pfSortInstruction p { min-height: 39px; _height: 39px; *zoom: 1; margin-left: 52px; padding-top: 8px; }
.pfSortInstruction img { *zoom: 1; margin-left: 25px; }

.pfPdInstruction { /* float: right; padding: 15px 20px; background: #eee; overflow: hidden; p { float: left; width: 175px; padding: 15px; margin-top: 20px; background: #21bb2f; color: #fff; }
*/ *zoom: 1; float: right; width: 600px; min-height: 134px; *height: 134px; *zoom: 1; padding: 10px 10px 10px 16px; background: #d9ebff url(../img/bg_pdinstruction.png) no-repeat 0 0; line-height: 1; }
.pfPdInstruction:after { content: ""; display: block; clear: both; }
.pfPdInstruction dl { *zoom: 1; width: 600px; }
.pfPdInstruction dl:after { content: ""; display: block; clear: both; }
.pfPdInstruction dt { margin-bottom: 10px; padding: 5px 10px; background: #6f9dce; color: #fff; }
.pfPdInstruction dd { float: left; width: 130px; padding: 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 読み込み中
-------------------------------- */
.pfLoading { height: 29px; background: white url(../img/navi_loading.gif) no-repeat 50% 50%; }

/* トータル
-------------------------------- */
.pfMyTotal { margin: 15px; line-height: 1; }
.pfMyTotal table { border: 1px solid #a3c5ec; }
.pfMyTotal table th { padding: 5px; border: 1px solid #a3c5ec; background: #ddedff; text-align: center; }
.pfMyTotal table .title { background: #a3c5eb; }
.pfMyTotal table td { padding: 5px; border: 1px solid #a3c5ec; font-weight: bold; text-align: right; word-break: break-all; word-wrap: break-word; }

/* ビューのデザインの変更
-------------------------------- */
.pfViewSelectBg { *zoom: 1; width: 275px; height: 39px; border-bottom: 1px solid #3f72a5; background: #6e9ac6; }
.pfViewSelectBg:after { content: ""; display: block; clear: both; }

.pfViewSelect { float: left; *display: inline; position: relative; *zoom: 1; margin: 5px 5px 0 5px; padding-bottom: 5px; }
.pfViewSelect:after { content: ""; display: block; clear: both; }
.pfViewSelect .selectedView { min-width: 263px; *width: 263px; *zoom: 1; border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: #ebebeb #c9c9c9 #c9c9c9 #ebebeb; color: #000; background: whitesmoke url(../img/bg_portfolio.png) repeat-x 0 50%; cursor: pointer; }
.pfViewSelect .selectedView div { padding: 4px 29px 4px 3px; border: 1px solid #fff; background: url(../img/portfolio_sprite.png) no-repeat right -2350px; }
.pfViewSelect .selectedView div span { display: block; font-weight: bold; line-height: 18px; }
.pfViewSelect dl { position: absolute; z-index: 1; width: 263px; min-height: 242px; _height: 242px; *zoom: 1; left: 0; top: 100%; margin-top: -4px; border: 1px solid #c9c9c9; border-top: 0; -webkit-box-shadow: 0 3px 5px rgba(102, 102, 102, 0.5); -moz-box-shadow: 0 3px 5px rgba(102, 102, 102, 0.5); -o-box-shadow: 0 3px 5px rgba(102, 102, 102, 0.5); box-shadow: 0 3px 5px rgba(102, 102, 102, 0.5); background: #fff; overflow-y: scroll; }
.pfViewSelect dt { padding: 5px; color: #999999; }
.pfViewSelect dd { display: block; padding: 3px 5px; color: #333333; cursor: pointer; }
.pfViewSelect dd.selected { font-weight: bold; background: #8cc4e9; }
.pfViewSelect dd.selected .linkEdit { font-weight: normal; }
.pfViewSelect dd.hover { background: #c2e1f6; }

/* ビューの本体
-------------------------------- */
.pfListView { letter-spacing: 0; line-height: 23px; *zoom: 1; }
.pfListView img { vertical-align: text-bottom; }
.pfListView table { margin-bottom: 5px; border-collapse: collapse; border: 1px solid #a3c5ec; border-bottom: 0; border-right: 0; }
.pfListView th, .pfListView td { padding: 5px 3px; border: 1px solid #a3c5ec; white-space: nowrap; }
.pfListView th.center, .pfListView td.center { text-align: center; }
.pfListView th.left, .pfListView td.left { text-align: left; }
.pfListView thead { /*button { margin-top:1px;
}*/ }
.pfListView thead th { padding: 3px 5px; background: #ddedff; text-align: left; }
.pfListView thead .btnPfEditS { margin-top: 1px; }
.pfListView tbody th { padding: 3px; background: #ddedff; text-align: center; font-weight: bold; }
.pfListView tbody .narrow { padding: 5px 3px; line-height: 1; }
.pfListView tbody td { padding: 1px 3px; text-align: right; vertical-align: middle; }
.pfListView tbody td input { margin: 3px; }
.pfListView tbody td span { *zoom: 1; }
.pfListView tbody td .holdingsLink { position: relative; display: block; text-align: center; *zoom: 1; }
.pfListView tbody td .hiddenChk { position: absolute; left: -9999px; }
.pfListView tbody td .chkImg { display: inline-block; *display: inline; *zoom: 1; width: 14px; height: 13px; margin-right: 2px; background: url(../img/portfolio_sprite.png) no-repeat -100px -1000px; cursor: pointer; vertical-align: middle; }
.pfListView tbody td .hide { background: url(../img/portfolio_sprite.png) no-repeat -200px -1000px; }
.pfListView tbody td .disabled { background: url(../img/portfolio_sprite.png) no-repeat -200px -1100px; cursor: default; }
.pfListView tbody .even { background: #f0f0f0; }
.pfListView tbody .delist { background: #d5d5d5; }
.pfListView tbody .deleteBg { background: #ffdddc; }
.pfListView tbody .wrap { position: relative; width: 100%; }
.pfListView tbody .wrap .btnPfDeleteRedS { position: absolute; top: 1px; left: 0; }
.pfListView .smallText tbody { font-size: 11px; }
.pfListView .normalText tbody { font-size: 13px; }
.pfListView tfoot th { padding: 3px 5px; background: #ddedff; text-align: center; font-weight: bold; }
.pfListView tfoot td { text-align: right; }
.pfListView tfoot tr { border-top: 3px solid #a3c5ec; }
.pfListView .smallText tfoot { font-size: 12px; }
.pfListView .normalText tfoot { font-size: 14px; }
.pfListView .icoUpGreenL { line-height: 1; margin: 5px 0; display: inline-block; }
.pfListView .icoUpRedL { line-height: 1; margin: 5px 0; display: inline-block; }
.pfListView .icoUpBlackL { line-height: 1; margin: 5px 0; display: inline-block; }
.pfListView .icoDownGreenL { line-height: 1; margin: 5px 0; display: inline-block; }
.pfListView .icoDownRedL { line-height: 1; margin: 5px 0; display: inline-block; }
.pfListView .icoDownBlackL { line-height: 1; margin: 5px 0; display: inline-block; }
.pfListView .icoNoChange { line-height: 1; margin: 5px 0; display: inline-block; }

.pfGridView { letter-spacing: 0; *zoom: 1; }
.pfGridView label { outline: 0; }
.pfGridView select { margin-top: 2px; }
.pfGridView input { margin-left: 0; *margin-left: -4px; vertical-align: text-bottom; *vertical-align: middle; }
.pfGridView .deleteBg { background: #ffdddc; }
.pfGridView .deleteBg .holdingsLink { background: #ffdddc !important; }
.pfGridView table { table-layout: fixed; margin-bottom: 5px; border-collapse: collapse; border: 1px solid #a3c5ec; }
.pfGridView thead { /*
button { margin-top:2px;
}*/ }
.pfGridView thead th { padding: 3px 5px; border: 1px solid #a3c5ec; background: #ddedff; text-align: left; }
.pfGridView thead th input { background: #f00; }
.pfGridView thead .btnPfEditS { margin-top: 2px; }
.pfGridView tbody tr.setHoldings { border-top: 0; }
.pfGridView tbody tr.setHoldings td { padding: 0; }
.pfGridView tbody tr.setHoldings td .holdingsLink { position: relative; display: block; padding: 5px 0 6px; background: #ecf2f6; text-align: center; *zoom: 1; }
.pfGridView tbody tr.line td { height: 1px; padding: 0; background: #a3c5ec; overflow: hidden; font-size: 0; }
.pfGridView tbody th { padding: 3px; border: 1px solid #a3c5ec; background: #ddedff; text-align: left; /*検索用*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; line-height: 1.3; /*検索用*/ }
.pfGridView tbody th .hiddenChk { position: absolute; left: -9999px; }
.pfGridView tbody th .chkImg { display: inline-block; *display: inline; *zoom: 1; width: 14px; height: 13px; margin-right: 2px; background: url(../img/portfolio_sprite.png) no-repeat -100px -1000px; cursor: pointer; vertical-align: middle; }
.pfGridView tbody th .hide { background: url(../img/portfolio_sprite.png) no-repeat -200px -1000px; }
.pfGridView tbody th .disabled { background: url(../img/portfolio_sprite.png) no-repeat -200px -1100px; cursor: default; }
.pfGridView tbody th input { margin-right: 5px; }
.pfGridView tbody td { *zoom: 1; padding: 2px 5px; border: 1px solid #a3c5ec; border-top: 0; text-align: center; vertical-align: top; word-break: break-all; word-wrap: break-word; }
.pfGridView tbody td:after { content: ""; display: block; clear: both; }
.pfGridView tbody td.blankTd { padding: 5px 0; background: #ecf2f6; text-align: left; }
.pfGridView tbody td.blankTd p { font-size: 12px; line-height: 1.3; margin: 5px; }
.pfGridView tbody td.blankTd p em { font-weight: bold; }
.pfGridView tbody td.holdings { border-bottom: 1px dotted #a3c5ec; }
.pfGridView tbody td.memo { text-align: left; word-break: break-all; word-wrap: break-word; }
.pfGridView tbody td:after { content: ""; display: block; clear: both; }
.pfGridView tbody td.bidandask { padding: 0; }
.pfGridView tbody td.bidandask table { table-layout: fixed; margin: 0; border: 0; }
.pfGridView tbody td.bidandask table th { padding: 2px; border: 0; line-height: 18px; text-align: center !important; }
.pfGridView tbody td.bidandask table td { padding: 2px 1px 2px 0; border: 0; border-top: 1px solid #a3c5ec; line-height: 18px; letter-spacing: 0; }
.pfGridView tbody td.bidandask table .marked { background: #eeeee9; }
.pfGridView tbody td.bidandask table .ask { text-align: right; }
.pfGridView tbody td.bidandask table .price { border-left: 1px solid #a3c5ec; border-right: 1px solid #a3c5ec; }
.pfGridView tbody td.bidandask table .bid { text-align: right; }
.pfGridView tbody td .date { margin-left: 5px; color: #666; }
.pfGridView tbody td .text { max-width: 150px; }
.pfGridView tbody td .floatR { padding-left: 2px; text-align: right; }
.pfGridView tbody td .icoUpGreenL, .pfGridView tbody td .icoUpRedL, .pfGridView tbody td .icoUpBlackL, .pfGridView tbody td .icoDownGreenL, .pfGridView tbody td .icoDownRedL, .pfGridView tbody td .icoDownBlackL, .pfGridView tbody td .icoNoChange { line-height: 1.1; margin-top: 5px; padding-left: 14px; }

/* 保有数ポップアップ
-------------------------------- */
.pfHoldingsPopup { position: absolute; z-index: 2; top: 100%; width: 296px; border: 1px solid #3f72a5; background: #c4d4e4 url(../img/bg_holdings_popup.png) repeat-x left top; white-space: normal; *zoom: 1; }
.pfHoldingsPopup .close { position: absolute; top: 4px; right: 4px; display: block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; background: url(../img/portfolio_sprite.png) no-repeat 0 -1000px; }
.pfHoldingsPopup .inr { position: relative; border: 1px solid #a9c0d8; border-bottom: 0; border-right: 0; }
.pfHoldingsPopup .pfHoldingsPopupBd { margin: 25px 3px 3px 3px; padding: 9px; border: 1px solid #b9cee3; background: #eef6fe; text-align: center; }
.pfHoldingsPopup .pfHoldingsPopupBd label { vertical-align: middle; }
.pfHoldingsPopup .pfHoldingsPopupBd input { border: 1px solid #abadb3; vertical-align: middle; }
.pfHoldingsPopup .pfHoldingsPopupBd textarea { display: block; width: 220px; height: 50px; border: 1px solid #abadb3; font-size: 12px; }
.pfHoldingsPopup .pfHoldingsPopupBd .fieldPortion { float: left; }
.pfHoldingsPopup .pfHoldingsPopupBd .fieldPortion input { width: 49px; _width: 45px; margin-left: 5px; padding: 0 2px; text-align: right; }
.pfHoldingsPopup .pfHoldingsPopupBd .fieldPrice { float: right; }
.pfHoldingsPopup .pfHoldingsPopupBd .fieldPrice input { width: 94px; _width: 90px; margin-left: 5px; padding: 0 2px; text-align: right; }
.pfHoldingsPopup .pfHoldingsPopupBd .fieldRemarks { clear: both; float: right; margin-top: 10px; margin-bottom: 5px; text-align: right; }
.pfHoldingsPopup .pfHoldingsPopupBd .fieldRemarks label { display: block; float: left; margin-right: 5px; }
.pfHoldingsPopup .pfHoldingsPopupBd .fieldRemarks em { font-weight: bold; }
.pfHoldingsPopup .pfHoldingsPopupBd .note { margin-bottom: 15px; text-align: left; }
.pfHoldingsPopup .pfHoldingsPopupBd .pfLoading { height: 132px; background-color: #eef6fe; }
.pfHoldingsPopup .pfHoldingsPopupBd input.error { border: 2px solid #c00; background: #fdd; }
.pfHoldingsPopup .pfHoldingsPopupBd textarea.error { width: 218px; height: 48px; border: 2px solid #c00; background: #fdd; }
.pfHoldingsPopup .pfHoldingsPopupBd div.error { margin: 10px 0; padding: 10px; background: #fdd; color: #c00; text-align: center; font-weight: bold; }
.pfHoldingsPopup.left { left: -3px; }
.pfHoldingsPopup.right { right: -3px; }

/* ステップのラッパー
-------------------------------- */
.pfStep { margin-bottom: 20px; }
.pfStep * { letter-spacing: 0; }
.pfStep input.error { border: 2px solid #c00 !important; background: #fdd; }

/* ステップの進捗表示
-------------------------------- */
.pfStepProgress { width: 818px; margin: 15px auto 30px; }
.pfStepProgress ol { *zoom: 1; }
.pfStepProgress ol:after { content: ""; display: block; clear: both; }
.pfStepProgress li, .pfStepProgress .progressCreateStep1 a, .pfStepProgress .progressCreateStep2 a, .pfStepProgress .progressCreateStep3 a, .pfStepProgress .progressCreateStep1 span, .pfStepProgress .progressCreateStep2 span, .pfStepProgress .progressCreateStep3 span, .pfStepProgress .progressCreateComplete span, .pfStepProgress .progressDesignStep1 a, .pfStepProgress .progressDesignStep2 a, .pfStepProgress .progressDesignStep3 a, .pfStepProgress .progressDesignStep1 span, .pfStepProgress .progressDesignStep2 span, .pfStepProgress .progressDesignStep3 span, .pfStepProgress .progressDesignComplete span { background: url(../img/portfolio_sprite.png) no-repeat; }
.pfStepProgress .progressCreateStep1, .pfStepProgress .progressCreateStep2, .pfStepProgress .progressCreateStep3, .pfStepProgress .progressCreateComplete { float: left; width: 245px; margin-right: 10px; background-position: 222px -1084px; text-indent: -9999px; }
.pfStepProgress .progressCreateStep1 { height: 46px; }
.pfStepProgress .progressCreateStep1 span { display: block; width: 208px; height: 46px; background-position: 0 -1700px; }
.pfStepProgress .progressCreateStep1 a { display: block; width: 208px; height: 46px; background-position: 0 -1850px; }
.pfStepProgress .progressCreateStep1 span.current { display: block; width: 208px; height: 46px; background-position: 0 -2000px; }
.pfStepProgress .progressCreateStep2 { width: 261px; height: 46px; background-position: 238px -1084px; }
.pfStepProgress .progressCreateStep2 span { display: block; width: 224px; height: 46px; background-position: 0 -1750px; }
.pfStepProgress .progressCreateStep2 a { display: block; width: 224px; height: 46px; background-position: 0 -1900px; }
.pfStepProgress .progressCreateStep2 span.current { display: block; width: 224px; height: 46px; background-position: 0 -2050px; }
.pfStepProgress .progressCreateStep3 { position: relative; height: 46px; }
.pfStepProgress .progressCreateStep3 span { display: block; width: 208px; height: 46px; background-position: 0 -1800px; }
.pfStepProgress .progressCreateStep3 a { display: block; width: 208px; height: 46px; background-position: 0 -1950px; }
.pfStepProgress .progressCreateStep3 span.current { display: block; width: 208px; height: 46px; background-position: 0 -2100px; }
.pfStepProgress .progressCreateStep3 p { position: absolute; top: 100%; left: -25px; text-indent: 0; white-space: nowrap; }
.pfStepProgress .progressCreateComplete { width: 33px; height: 46px; margin-right: 0; }
.pfStepProgress .progressCreateComplete span { display: block; width: 33px; height: 26px; margin-top: 13px; background-position: -100px -1100px; }
.pfStepProgress .progressDesignStep1, .pfStepProgress .progressDesignStep2, .pfStepProgress .progressDesignStep3, .pfStepProgress .progressDesignComplete { float: left; width: 245px; margin-right: 10px; background-position: 222px -1089px; text-indent: -9999px; }
.pfStepProgress .progressDesignStep1 { height: 36px; margin-left: 9px; }
.pfStepProgress .progressDesignStep1 span { display: block; width: 208px; height: 36px; background-position: 0 -1250px; }
.pfStepProgress .progressDesignStep1 a { display: block; width: 208px; height: 36px; background-position: 0 -1400px; }
.pfStepProgress .progressDesignStep1 span.current { display: block; width: 208px; height: 36px; background-position: 0 -1550px; }
.pfStepProgress .progressDesignStep2 { height: 36px; }
.pfStepProgress .progressDesignStep2 span { display: block; width: 208px; height: 36px; background-position: 0 -1300px; }
.pfStepProgress .progressDesignStep2 a { display: block; width: 208px; height: 36px; background-position: 0 -1450px; }
.pfStepProgress .progressDesignStep2 span.current { display: block; width: 208px; height: 36px; background-position: 0 -1600px; }
.pfStepProgress .progressDesignStep3 { height: 36px; }
.pfStepProgress .progressDesignStep3 span { display: block; width: 208px; height: 36px; background-position: 0 -1350px; }
.pfStepProgress .progressDesignStep3 a { display: block; width: 208px; height: 36px; background-position: 0 -1500px; }
.pfStepProgress .progressDesignStep3 span.current { display: block; width: 208px; height: 36px; background-position: 0 -1650px; }
.pfStepProgress .progressDesignComplete { width: 33px; height: 36px; margin-right: 0; }
.pfStepProgress .progressDesignComplete span { display: block; width: 33px; height: 16px; margin-top: 9px; background-position: -100px -1100px; }

/* ステップのヘッダー
-------------------------------- */
.pfStepHd { *zoom: 1; height: 44px; margin-bottom: 25px; background: url(../img/portfolio_sprite.png) repeat-x 0 -2150px; }
.pfStepHd:after { content: ""; display: block; clear: both; }
.pfStepHd h2 { display: inline-block; color: #fff; font-weight: bold; vertical-align: bottom; line-height: 32px; *display: inline; *zoom: 1; }
.pfStepHd .step1, .pfStepHd .step2, .pfStepHd .step3 { display: inline-block; width: 100px; height: 28px; margin-right: 5px; padding: 16px 0 0 0; text-indent: -9999px; background: url(../img/portfolio_sprite.png) no-repeat; overflow: hidden; vertical-align: bottom; *display: inline; *zoom: 1; *text-indent: 0; *font-size: 0; *line-height: 0; }
.pfStepHd .step1 { background-position: 0 -2200px; }
.pfStepHd .step2 { background-position: 0 -2250px; }
.pfStepHd .step3 { background-position: 0 -2300px; }

/* ステップの本体
-------------------------------- */
.pfStepBd { *zoom: 1; margin-bottom: 30px; }
.pfStepBd:after { content: ""; display: block; clear: both; }
.pfStepBd .createName input { margin: 0 5px 5px 0; padding: 1px; border: 1px solid #abadb3; }
.pfStepBd .createName em { font-weight: bold; }
.pfStepBd .selectView { *zoom: 1; }
.pfStepBd .selectView:after { content: ""; display: block; clear: both; }
.pfStepBd .selectView li.selectBoardView { float: left; width: 453px; background: url(../img/dot_vertical.png) repeat-y right 0; }
.pfStepBd .selectView li.selectListView { float: right; width: 497px; }
.pfStepBd .selectView li.selectListView img { margin-top: 80px; }
.pfStepBd .selectView li dd { margin-bottom: 10px; height: 255px; line-height: 255px; text-align: center; }
.pfStepBd .selectView li dd label { cursor: pointer; }
.pfStepBd .selectView li .note { margin: 5px 0 0 0; height: auto; line-height: 1; text-align: center; font-size: 12px; }
.pfStepBd .selectView li dt { text-align: center; *zoom: 1; }
.pfStepBd .selectView li dt label { display: inline-block; min-width: 330px; margin: 0 auto; padding: 6px 10px; line-height: 1; text-align: center; cursor: pointer; white-space: nowrap; _display: inline; _width: 330px; *zoom: 1; }
.pfStepBd .selectView li dt label input { margin-right: 5px; }
.pfStepBd .selectView .current { background: #f6f189; }
.pfStepBd .selectTextSize { *zoom: 1; width: 818px; margin: 0 auto; }
.pfStepBd .selectTextSize:after { content: ""; display: block; clear: both; }
.pfStepBd .selectTextSize li.selectNormal { float: left; width: 405px; text-align: center; }
.pfStepBd .selectTextSize li.selectSmall { float: right; width: 345px; text-align: center; }
.pfStepBd .selectTextSize li dd { margin-bottom: 15px; text-align: center; }
.pfStepBd .selectTextSize li dd label { cursor: pointer; }
.pfStepBd .selectTextSize li dt label { display: block; width: 114px; margin: 0 auto; padding: 6px 10px; line-height: 1; text-align: center; cursor: pointer; }
.pfStepBd .selectTextSize li dt label input { margin-right: 5px; }
.pfStepBd .selectTextSize .current { background: #f6f189; }
.pfStepBd .editableAreaLeft { position: relative; z-index: 2; float: left; width: 255px; }
.pfStepBd .editableAreaLeft ol { margin-top: 1px; background: url(../img/bg_sortable.png) repeat-y top right; }
.pfStepBd .editableAreaLeft li { *zoom: 1; padding-right: 8px; color: #069; font-weight: bold; line-height: 29px; }
.pfStepBd .editableAreaLeft li:after { content: ""; display: block; clear: both; }
.pfStepBd .editableAreaLeft li.selected { padding-right: 7px; background: url(../img/bg_current_tri.png) no-repeat right 50%; }
.pfStepBd .editableAreaLeft li.selected .item { width: 217px; border: 2px solid #21c0d3; background: #aae9f0; z-index: 1; }
.pfStepBd .editableAreaLeft .item, .pfStepBd .editableAreaLeft .draggable, .pfStepBd .editableAreaLeft .remove { background: url(../img/portfolio_sprite.png) no-repeat; }
.pfStepBd .editableAreaLeft .item { position: relative; float: right; *display: inline; width: 217px; margin-top: -1px; border: 1px solid #a3c5ec; background: #eaf2f5; cursor: pointer; }
.pfStepBd .editableAreaLeft .item .draggable { float: left; display: block; *display: inline; width: 29px; height: 28px; background-position: -100px -1050px; cursor: n-resize; }
.pfStepBd .editableAreaLeft .item .name { float: left; display: block; *display: inline; width: 150px; padding: 7px 0 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; line-height: 1; }
.pfStepBd .editableAreaLeft .item .remove { float: right; display: block; *display: inline; width: 17px; height: 17px; margin: 5px; background-position: -200px -1050px; cursor: pointer; }
.pfStepBd .editableAreaRight { position: relative; z-index: 1; float: right; width: 693px; left: -1px; border: 1px solid #a3c5ec; background: #d9ebff; }
.pfStepBd .editableAreaRight .note { line-height: 2; text-align: center; font-weight: bold; }
.pfStepBd .editableAreaRight .inr { *zoom: 1; margin: 0 6px 6px 6px; padding: 5px; border: 1px solid #a3c5ec; background: #fff; }
.pfStepBd .editableAreaRight .inr:after { content: ""; display: block; clear: both; }
.pfStepBd .editableAreaRight .inr .availableNum { float: right; margin-bottom: 5px; padding-right: 3px; }
.pfStepBd .editableAreaRight .inr .availableNum em { margin: 0 5px; font-weight: bold; }
.pfStepBd .editableAreaRight .inr dl { *zoom: 1; clear: both; width: 100%; margin-bottom: 10px; }
.pfStepBd .editableAreaRight .inr dl:after { content: ""; display: block; clear: both; }
.pfStepBd .editableAreaRight .inr dt { margin-bottom: 5px; padding: 0 10px; background: #6f9ece; color: #fff; }
.pfStepBd .editableAreaRight .inr dd { float: left; min-width: 135px; padding: 0 5px 0 20px; background: url(../img/portfolio_sprite.png) no-repeat -195px -494px; cursor: pointer; white-space: nowrap; *width: 135px; }
.pfStepBd .editableAreaRight .inr dd.hover { background-color: #aae9f0; }

/* 入力テーブル
-------------------------------- */
.pfInputTable { margin: 0 auto; padding: 6px; border: 1px solid #94c1f3; background: #d9ebff; }
.pfInputTable thead td, .pfInputTable thead th { padding: 4px 0; border: 1px solid #94c1f3; background: #f4f4f0; color: #333; font-weight: bold; font-size: 90%; text-align: center; white-space: nowrap; }
.pfInputTable thead td.name, .pfInputTable thead th.name { text-align: center; }
.pfInputTable thead td .ascending, .pfInputTable thead th .ascending { padding-left: 16px; background: url(https://s.yimg.jp/images/finance/common/image/icon.png) no-repeat 0 -849px; }
.pfInputTable thead td .descending, .pfInputTable thead th .descending { padding-left: 16px; background: url(https://s.yimg.jp/images/finance/common/image/icon.png) no-repeat 0 -899px; }
.pfInputTable tbody tr.error td { padding: 4px 6px; text-align: left !important; }
.pfInputTable tbody tr.error td, .pfInputTable tbody tr.error th { background-color: #fdd; }
.pfInputTable tbody tr.error .text { color: #f02; font-weight: bold; }
.pfInputTable tbody tr th, .pfInputTable tbody tr td { background-color: #fff; vertical-align: middle; word-break: break-all; word-wrap: break-word; }
.pfInputTable tbody tr.even td, .pfInputTable tbody tr.even th { background-color: #f6faff; }
.pfInputTable tbody th { width: 59px; padding: 0; border: 1px solid #94c1f3; background: white url(../img/bg_draggable.png) no-repeat center right; color: #069; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; }
.even .pfInputTable tbody th { background: #f6faff; }
.pfInputTable tbody td { padding: 4px 6px; border: 1px solid #94c1f3; line-height: 18px; text-align: center; white-space: nowrap; }
.pfInputTable tbody td .wrap { position: relative; zoom: 1; }
.pfInputTable tbody td.empty { padding: 15px 20px; text-align: left; font-weight: bold; }
.pfInputTable tbody td.name { width: auto; white-space: normal; text-align: left; }
.pfInputTable tbody td.cash { white-space: normal; text-align: left; }
.pfInputTable tbody td.portion { width: 1%; *width: auto; padding: 4px; }
.pfInputTable tbody td.portion input { display: block; width: 82px; padding: 0 2px; border: 1px solid #abadb3; text-align: right; font-size: 13px; line-height: 18px; }
.pfInputTable tbody td.price { width: 1%; *width: auto; padding: 4px; }
.pfInputTable tbody td.price input { display: block; width: 103px; padding: 0 2px; border: 1px solid #abadb3; text-align: right; font-size: 13px; line-height: 18px; }
.pfInputTable tbody td.remarks { width: 1%; padding: 4px; }
.pfInputTable tbody td.remarks input { display: block; width: 202px; border: 1px solid #abadb3; font-size: 13px; line-height: 18px;  -ms-touch-action: none;}
.pfInputTable tbody td.remove label { cursor: pointer; }
.pfInputTable tbody td.remove input { margin-right: 3px; *margin-right: 0; vertical-align: text-top; *vertical-align: middle; }
.pfInputTable tbody .errorMsg { bottom: 110%; right: 50%; /* 親要素（input）からの% */ position: absolute; color: #fff; line-height: 1; }
.pfInputTable tbody .errorMsg .inr { position: relative; left: 50%; padding: 10px 20px; background: #ff0022; _zoom: 1; }
.pfInputTable tbody .errorMsg .inr em { font-weight: bold; }
.pfInputTable tbody .errorMsg .inr .tail { position: absolute; top: 100%; left: 50%; /*親要素からの%*/ height: 0; width: 0; margin-left: -3px; border-top: 6px solid #ff0022; border-right: 3px solid transparent; border-left: 3px solid transparent; overflow: hidden; _zoom: 1; }
.pfInputTable tbody .counter { bottom: 110%; right: 50%; /* 親要素（input）からの% */ position: absolute; color: #fff; line-height: 1; }
.pfInputTable tbody .counter .inr { position: relative; left: 50%; padding: 7px; background: #21bb2f; _zoom: 1; }
.pfInputTable tbody .counter .inr em { font-weight: bold; }
.pfInputTable tbody .counter .inr .tail { position: absolute; top: 100%; left: 50%; /*親要素からの%*/ height: 0; width: 0; margin-left: -3px; border-top: 6px solid #21bb2f; border-right: 3px solid transparent; border-left: 3px solid transparent; overflow: hidden; _zoom: 1; }
.pfInputTable tbody .draggable { float: right; display: block; *display: inline; width: 29px; height: 28px; background: url(../img/portfolio_sprite.png) no-repeat -100px -1050px; cursor: n-resize; }

/* 編集テーブル
-------------------------------- */
.pfEditTable { width: 636px; margin: 0 auto; padding: 6px; border: 1px solid #94c1f3; background: #d9ebff; vertical-align: bottom; }
.pfEditTable table { width: 100%; border: 1px solid #94c1f3; background: #fff; text-align: left; }
.pfEditTable thead th, .pfEditTable thead td { padding: 4px 10px; border: 1px solid #94c1f3; background: #f4f4f0; font-weight: bold; font-size: 90%; text-align: center; white-space: nowrap; }
.pfEditTable tbody tr { background: #ffffff; }
.pfEditTable tbody tr.even { background: #f6faff; }
.pfEditTable tbody th { width: 10%; border: 1px solid #94c1f3; background: url(../img/bg_draggable.png) repeat-y top right; color: #069; font-weight: bold; text-align: center; white-space: nowrap; *zoom: 1; }
.pfEditTable tbody td { width: 10%; padding: 0 10px; border: 1px solid #94c1f3; white-space: nowrap; }
.pfEditTable tbody td a { line-height: 1; }
.pfEditTable tbody td.name { width: auto; white-space: normal; }
.pfEditTable tbody .draggable { float: right; display: block; *display: inline; width: 29px; height: 28px; background: url(../img/portfolio_sprite.png) no-repeat -100px -1050px; cursor: n-resize; }

/* プレビューテーブル
-------------------------------- */
.pfPreviewTable { width: 586px; margin: 0 auto 10px; padding: 6px; border: 1px solid #94c1f3; background: #d9ebff; }
.pfPreviewTable table { width: 100%; border: 1px solid #94c1f3; background: #fff; text-align: left; }
.pfPreviewTable thead th { padding: 4px 10px; border: 1px solid #94c1f3; background: #f4f4f0; font-weight: bold; font-size: 90%; text-align: center; white-space: nowrap; }
.pfPreviewTable tbody tr.even { background: #f6faff; }
.pfPreviewTable tbody td, .pfPreviewTable tbody th { padding: 3px 10px; border: 1px solid #94c1f3; font-weight: normal; white-space: nowrap; }
.pfPreviewTable tbody label { cursor: pointer; }
.pfPreviewTable tbody label span { display: inline-block; width: 15px; padding-right: 5px; color: #069; font-weight: bold; text-align: center; vertical-align: middle; }
.pfPreviewTable tbody label input { vertical-align: middle; cursor: pointer; }

/* ステップのフッター
-------------------------------- */
.pfStepFt { *zoom: 1; }
.pfStepFt:after { content: ""; display: block; clear: both; }
.pfStepFt .btnArea { text-align: center; margin-bottom: 20px; }
.pfStepFt .btnArea li { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; }

/* 設定のヘッダー
-------------------------------- */
.pfSettingHd { *zoom: 1; margin-bottom: 20px; border-top: 2px solid #6e9ac6; background: #d9ebff; }
.pfSettingHd:after { content: ""; display: block; clear: both; }
.pfSettingHd h2, .pfSettingHd h3 { float: left; padding: 5px 8px; font-weight: bold; line-height: 1; vertical-align: middle; }
.pfSettingHd p { float: left; margin-left: -15px; padding: 5px 8px; line-height: 1.3; vertical-align: middle; }

/* 設定本体
-------------------------------- */
.pfSettingBd { *zoom: 1; margin-bottom: 40px; padding: 0 20px; }
.pfSettingBd:after { content: ""; display: block; clear: both; }
.pfSettingBd select { margin-right: 10px; font-size: 84%; }
.pfSettingBd .pfRadioList, .pfSettingBd .pfCheckboxList { margin: 10px 0; }
.pfSettingBd .pfRadioList label, .pfSettingBd .pfCheckboxList label { cursor: pointer; }
.pfSettingBd .pfRadioList input, .pfSettingBd .pfCheckboxList input { margin-right: 5px; vertical-align: text-top; *vertical-align: middle; cursor: pointer; }
.pfSettingBd .pfRadioList li, .pfSettingBd .pfCheckboxList li { margin-bottom: 5px; }
.pfSettingBd .pfSortInstruction { margin-left: 120px; }

/* 設定のフッター
-------------------------------- */
.pfSettingFt { *zoom: 1; margin-bottom: 20px; }
.pfSettingFt:after { content: ""; display: block; clear: both; }
.pfSettingFt .btnArea { text-align: center; margin-bottom: 15px; }
.pfSettingFt .btnArea li { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; }
.pfSettingFt p { text-align: center; }

/* 設定のアラート
-------------------------------- */
.pfGlobalAlert { margin: 15px; }
.pfGlobalAlert .inr { margin-bottom: 10px; padding: 10px; background: #ffdddd; text-align: center; *zoom: 1; }
.pfGlobalAlert .inr p { color: #ff0022; font-weight: bold; }
.pfGlobalAlert .inr .btnPfEdit { margin-top: 25px; }

.pfSettingAlert { margin: 20px 30px; }
.pfSettingAlert .inr { margin-bottom: 10px; padding: 30px; background: #ffdddd; text-align: center; *zoom: 1; }
.pfSettingAlert .inr p { color: #ff0022; font-weight: bold; }
.pfSettingAlert .inr .btnPfEdit { margin-top: 25px; }

.pfCheckAlert { display: inline-block; margin: 5px 0 0 -10px; padding: 20px 30px; background: #ffdddd; color: #ff0022; font-weight: bold; }

.pfTextInputAlert { display: inline-block; margin: 5px 0 0 0; padding: 10px 20px; background: #ffdddd; color: #cc0000; font-weight: bold; }

/* 削除確認
-------------------------------- */
.pfTextConfirm { padding: 90px 10px 50px; font-weight: bold; text-align: center; }

/* サジェストモジュール
-------------------------------- */
.pfAddMd { text-align: left !important; line-height: 1; vertical-align: middle !important; }
.pfAddMd .left { text-align: left; }
.pfAddMd label { font-weight: bold; line-height: 1; vertical-align: middle; }
.pfAddMd label span { font-size: 12px; }
.pfAddMd div.error { margin: 5px 10px 10px 10px; padding: 10px; border: 0; background: #fdd; color: #c00; text-align: center; vertical-align: middle; font-weight: bold; }
.pfAddMd button { vertical-align: middle; }
.pfAddMd .inr { display: inline-block; margin-right: 3px; border: 1px solid #abadb3; position: relative; width: 145px; height: 19px; *height: 18px; background: #fff; vertical-align: top; *vertical-align: middle; z-index: 1; }
.pfAddMd .inr input { width: 145px; height: 19px; *height: 18px; margin: 0; border: 0; background: transparent; font-size: 12px; letter-spacing: 0; text-indent: 4px; }
.pfAddMd .inr.error { border: 2px solid #c00; background: #fdd; }
.pfAddMd .inr .left { left: -1px; }
.pfAddMd .inr .right { right: -1px; }
.pfAddMd .suggestList { position: absolute; top: 110%; border: 1px solid #c9c9c9; background: #fff; line-height: 1; text-align: left; white-space: nowrap; }
.pfAddMd .suggestList .explain { width: auto; margin: 0; padding: 3px 5px; background: #d1d1d1; font-weight: normal; font-size: 70%; font-size/**/: x-small; text-align: left; }
.pfAddMd .suggestList dt { width: auto; padding: 3px 5px; background: #e7e7e7; font-weight: normal; font-size: 70%; font-size/**/: x-small; text-align: left; }
.pfAddMd .suggestList dd { padding: 2px 0 0 0; border-top: 0; background: #fff; text-align: left; }
.pfAddMd .suggestList dd ul { height: 187px; min-width: 280px; overflow-y: auto; overflow-x: visible; *width: 350px; *height: 187px; *zoom: 1; *overflow-x: hidden; *text-overflow: ellipsis; }
.pfAddMd .suggestList dd li a { display: block; padding: 6px 25px 6px 20px; color: #333; background: url(../img/portfolio_sprite.png) no-repeat -195px -494px; white-space: nowrap; text-decoration: none; }
.pfAddMd .suggestList dd .focused a { background-color: #c2e1f6; }
.pfGridView .pfAddMd { text-align: center !important; }
.pfGridView .pfAddMd label { display: inline-block; padding-top: 2px; margin: 5px 0; }
.pfListView .pfAddMd { padding: 4px 5px; }
.pfListView .pfAddMd div.error { margin: 0; padding: 5px 15px; border: 0; text-align: center; font-weight: bold; display: inline-block; *display: inline; *zoom: 1; }
.pfListView .pfAddMd .overError { padding: 4px; font-size: 12px; }
.pfListView .pfAddMd label { line-height: 19px; }
.pfInputTable .pfAddMd { padding: 6px 0 0 6px; }
.pfInputTable .pfAddMd div.error { margin: 0; padding: 5px 15px; border: 0; text-align: center; font-weight: bold; display: inline-block; *display: inline; *zoom: 1; }
.pfInputTable .pfAddMd label { line-height: 19px; }

/* マスク
-------------------------------- */
.pfOverlayBg { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 999; background: #000; -ms-filter: "alpha(opacity=80)"; *filter: alpha(opacity=80); opacity: 0.8; zoom: 1; }

.pfOverlay { position: absolute; top: 50%; left: 50%; z-index: 1000; width: 950px; margin-left: -475px; margin-top: -230px; background: #dddddd; color: #000; }
.pfOverlay .pfOverlayBd { position: relative; *zoom: 1; padding: 20px 45px; text-align: left; }
.pfOverlay .pfOverlayBd:after { content: ""; display: block; clear: both; }
.pfOverlay .pfOverlayBd .close { position: absolute; top: 5px; right: 5px; display: block; width: 26px; height: 26px; text-indent: -9999px; overflow: hidden; background: url(../img/portfolio_sprite.png) no-repeat 0 -1050px; }
.pfOverlay .pfOverlayBd .explain { margin-bottom: 5px; font-weight: bold; color: #333; }
.pfOverlay .pfOverlayBd .explainDetail { margin-bottom: 10px; color: #333; }
.pfOverlay .pfOverlayBd .codeInput { float: left; width: 640px; height: 320px; }
.pfOverlay .pfOverlayBd .codeInput textarea { width: 628px; height: 308px; margin-bottom: 2px; padding: 5px; border: 1px solid #abadb3; }
.pfOverlay .pfOverlayBd .codeInput .counter { text-align: right; }
.pfOverlay .pfOverlayBd .codeInput .counter em { font-weight: bold; vertical-align: middle; }
.pfOverlay .pfOverlayBd .codeInput .counter span { vertical-align: middle; }
.pfOverlay .pfOverlayBd .legend { float: right; width: 150px; padding: 8px 20px; background: #bbb; line-height: 1.3; }
.pfOverlay .pfOverlayBd .legend dt { margin-bottom: 5px; font-weight: bold; }
.pfOverlay .pfOverlayBd .legend span { float: right; }
.pfOverlay .pfOverlayFt { padding: 20px; }

.portfolioNotes { margin: 0px 0px 30px;padding-left: 255px;}
.portfolioIcon {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-top: -9px;*margin-top: -5px;}
.pfInputTable input[type="text"][disabled] { background-color: #e0e0e0;}