@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ページレイアウト設定用
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.clr { clear: both; }
body {	margin: 60px 0 0 0; background-position: 100% 60px; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ユニットメニュー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*メニューボックス*/
#unitmenu { position: fixed; top: 0; left: 0 !important; width: 100%; height: 60px; background: #C3C3C3; z-index: 1000; display: block; border-bottom: 1px solid #000; }
#unitboxInner { margin: 3px 10px 7px 10px;　}
#pullMenuArea { padding: 0 10px; font-size: 12px; }
#unitnamedisplayarea { padding: 1px 8px 0 10px; font-size: 10px; height: 12px; overflow: hidden; line-height: 12px; }
#unitMenuArea {padding: 5px 0 4px 0; height: 41px; }

/*保存ボタン*/
#btnSaveArea { padding: 1px 0 0 0; width: 83px; }
#btnSaveArea form { margin: 0; padding: 0; }
#unitbox-inner form { margin: 0; padding: 0; }
#BTNsave { margin: 0 auto; width: 83px; height: 38px; display: block; text-indent: -9999px; border: none; background: url(../../admin/common-img/btn_units_save.gif) no-repeat; }

/*ユニットアイコンボックス*/
.unitBox { padding: 0 0 0 5px; height: 41px; }
.unitBoxInner { width: 316px; height: 41px;}
.unitBoxInner ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; width: 316px;}

/*ユニットアイコン*/
.unitBoxInner ul li.unit { float: left; display: block; width: 45px; height: 41px; cursor: pointer; z-index: 1000; }

/*ページ一覧へ戻るボタン*/
p#btnBacklist { margin: 0; width: 53px; }
p#btnBacklist a { margin: 0; width: 53px; height: 38px; display: block; text-indent: -9999px; overflow: hidden; background: url(../../admin/common-img/btn_backlist.gif) no-repeat; }
p#btnBacklist a:hover { background: url(../../admin/common-img/btn_backlist.gif) no-repeat 0 -38px; }

/*ページフローボタン*/
.pageFlow { width: 119px; height: 38px; background: url(../../admin/common-img/pageflow_bg.gif) no-repeat 0 0; }
.pageFlow ul { margin: 0; padding: 0 0 0 6px; list-style: none; }
.pageFlow ul li { float: left; margin: 0; padding: 0; width:39px; height: 38px; }
.pageFlow ul li.step3 { width: 35px; }
.pageFlow ul li a { width: 30px; height: 38px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
.pageFlow ul li.step1 a { background-image: url(../common-img/pageflow_bg_step1.gif); }
.pageFlow ul li.step2 a { background-image: url(../common-img/pageflow_bg_step2.gif); }
.pageFlow ul li.step3 a { background-image: url(../common-img/pageflow_bg_step3.gif); }
.pageFlow ul li a:hover { background-position: 0 -38px; }
.pageFlow ul li a.flowActive { background-position: 0 -38px; }

/*プレビューエリア*/
#btnPreviewArea { padding: 0 0 0 5px; height: 38px; background: url(../../admin/common-img/pageflow2_bg.gif) no-repeat left; }

/*クリップボードボタン（OFF）*/
p#btnClipboardOff { float: left; margin: 0; width: 48px; height: 38px; display: block; text-indent: -9999px; overflow: hidden; background: url(../../admin/common-img/btn_clipboard_off.gif) no-repeat; }

/*ページプレビューボタン*/
p#btnPagePreview { float: right; margin: 0; width: 50px; }
p#btnPagePreview a { margin: 0; width: 50px; height: 38px; display: block; text-indent: -9999px; overflow: hidden; background: url(../../admin/common-img/btn_page_preview_l.gif) no-repeat; }
p#btnPagePreview a:hover { background: url(../../admin/common-img/btn_page_preview_l.gif) no-repeat 0 -38px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ユニット
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*管理画面ユニットドラッグエリア*/
div.containerInner { background: #CCC; border: 1px solid #999; }
.col1,.col2-1,.col2-2,.col2-3,.col2-4,.col2-5,.col2-6,.col2-7,.col2-8,.col2-9,.col3-1,.col3-2,.col3-3,.col3-4,.col3-5,.col4 { padding: 0 0 10px 0; width: 100%; }
.page { clear: left; padding: 0 0 20px 0; display: block; background: url(../common-img/bg_items.gif) repeat 0 0; border: 2px dotted #F60; }
.page-active { clear: left; padding: 0 0 20px 0; display: block; border: 2px dotted #F00; background: #FFC; }
ul#items  { margin: 0; padding: 0; list-style: none; list-style-position: outside; }
ul#items li.addunit { width: 100%; cursor: pointer; }

/*ドラッグハンドル*/
.handles1 { position: relative; width:100%; height: 20px; display: block; z-index:100; background: url(../common-img/p_unit_handles.gif) no-repeat left top; cursor: move;font-size: 0.1em; line-height: 0.1em; }
.handles2 { width:100%; height: 8px; display: block; z-index:100; background: url(../common-img/p_unit_handles.gif) no-repeat center bottom; cursor: move; font-size: 0.1em; line-height: 0.1em; }

/*削除ボタン*/
.unitDelete {position: absolute;top: 0;right: 0;width: 22px;height: 20px; }
.unitDelete a { width: 22px; height: 20px; display: block; text-indent: -9999px; font-size: 0.1em; line-height: 0.1em; cursor: pointer; background: url(../common-img/p_btn_unit_delete.gif) no-repeat; }