@charset "UTF-8";






/*2008/10/22修正　テンプレートマスタ管理を追加*/
/*2008/11/10修正　ページ管理 テンプレート表示を削除*/
/*2008/11/11修正　min-widthを追加*/
/*2008/12/06修正　クリップボード管理画面を追加*/
/*2012/09/06修正　スマフォ向けヘッダー編集*/
/*2014/08/22修正　Clearfix追記・ファイル一覧エリア（マトリックス表示）追記*/






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
common
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

td.textLs input, td.textLs textarea { width: 15%; }
td.textLm input, td.textLm textarea { width: 45%; }
td.textLl input, td.textLl textarea { width: 97%; }
textarea, select { border: 1px solid #999; padding: 1px; box-sizing: border-box; }
input:focus, textarea:focus, select:focus { border-color: #4285F4; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
pageHeader
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#pageHeaderOuter { width: 100%; height: 34px; position: fixed; left: 0; top: 0; display: block; z-index: 2; background-color: #000; }
#pageHeader { padding: 0 8px 0 0; }


/*-------------------------------------------------------------
テンプレート新規登録画面
-------------------------------------------------------------*/
#pageTpl #pageHeaderOuter { width: 100%; height: 34px; position: static; display: block; z-index: auto; }


/*-------------------------------------------------------------
logo
-------------------------------------------------------------*/
#pageHeader h1 { float: right; display: block; width: 200px; height: 34px; background: url(../common-img/h_logo.png) no-repeat 100% 50%; text-indent: -9999px; font-size: 1em; }


/*-------------------------------------------------------------
gNavigation
-------------------------------------------------------------*/

/*共通*/
#pageHeader ul { list-style-type: none; }
#pageHeader ul li { float: left; height: 34px; display: block; font-size: 12px; }
#pageHeader ul li a { float: left; height: 34px; display: block; text-align: center; color: #CCC; padding: 0 8px; line-height: 36px; font-weight: bold; }
#pageHeader ul li a:hover { color: #7BBFE4; text-decoration: none; }
#pageHeader ul li a span { float: left; height: 34px; line-height: 34px; display: block; cursor: pointer; }

/*ホーム*/
#pageHeader li.gNaviHome { margin: 4px 0 0 0; height: 22px; }
#pageHeader li.gNaviHome a { width: 14px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(../common-img/h_btn_home.png) no-repeat center top; padding-right: 5px; }
#pageHeader li.gNaviHome a:hover	{ background: url(../common-img/h_btn_home.png) no-repeat 50% -22px; }

/*その他管理・モジュール*/
#pageHeader li.gNaviUnitModule1 { position: relative; background: url(../common-img/h_ico_arrow.png) no-repeat right center; padding-right: 2px; margin-right: 3px; }
#pageHeader li.gNaviUnitModule1 ul { position: absolute; top: 34px; left: 0; width: 12em !important; z-index: 1001 !important; }
#pageHeader li.gNaviUnitModule1 li { float: none; height: auto !important; width: 12em !important; }
#pageHeader li.gNaviUnitModule1 li a	{ float: none; width: 100%; height: auto; background-color: #000; color: #FFF; text-align: left !important; }
#pageHeader li.gNaviUnitModule1 li a:hover { color: #7BBFE4; text-decoration: none; background-color: #000; }

/*その他管理・モジュール*/
#pageHeader li.gNaviUnitModule2 { position: relative; background: url(../common-img/h_ico_arrow.png) no-repeat right center; padding-right: 2px; margin-right: 7px; }
#pageHeader li.gNaviUnitModule2 ul { position: absolute; top: 34px; left: 0; width: 12em !important; z-index: 1001 !important; }
#pageHeader li.gNaviUnitModule2 li { float: none; height: auto !important; width: 12em !important; }
#pageHeader li.gNaviUnitModule2 li a	{ float: none; width: 100%; height: auto; background-color: #000; color: #FFF; text-align: left !important; }
#pageHeader li.gNaviUnitModule2 li a:hover { color: #7BBFE4; text-decoration: none; background-color: #000; }

/*プレビュー*/
#pageHeader li.gNaviPreview { margin: 4px 0 0 0; height: 22px; }
#pageHeader li.gNaviPreview a { height: 22px; text-indent: -9999px; overflow: hidden; background: url(../common-img/h_btn_preview.png) no-repeat center top; }
#pageHeader li.gNaviPreview a:hover { background: url(../common-img/h_btn_preview.png) no-repeat 50% -22px; }

/*ログアウト*/
#pageHeader li.gNaviLogout { margin: 4px 0 0 0; height: 22px; }
#pageHeader li.gNaviLogout a { height: 22px; text-indent: -9999px; overflow: hidden; background: url(../common-img/h_btn_logout.png) no-repeat center top; }
#pageHeader li.gNaviLogout a:hover { background: url(../common-img/h_btn_logout.png) no-repeat 50% -22px; }

/*アクティブ設定*/
body#pageHome li.gNaviHome a { background-position: 50% -22px !important; }
body#pagePageList li.gNaviPage a { color: #7BBFE4; } /*メニュー&ページ管理*/
body#pageTplList li.gNaviTpl a { color: #7BBFE4; } /*テンプレート管理*/
body#pageImgManager li.gNaviImgmngr a { color: #7BBFE4; } /*素材管理*/





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
localNav・title・subTitle
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#localNaviArea { width: 100%; height: 40px; display: block; border-bottom: 1px solid #C3C3C3; background-color: #F2F2F2; }
#localNaviArea h2 { margin: 0; padding: 15px 15px 0 15px; font-size: 14px; font-weight: bold; color: #333; line-height: 1em; }
#ttlArea { width: 100%; height: 40px; border-top: 1px solid #E0E0E0; border-bottom: 1px dotted #E0E0E0; }
#ttlArea h2 { margin: 0; padding: 15px 15px 0 15px; font-size: 14px; font-weight: bold; color: #333; line-height: 1em; }

/*subTitle*/
#subTtlArea { width: 100%; border-bottom: 1px solid #E0E0E0; }
#subTtlArea h3 { margin: 0; padding: 10px 0 6px 10px; font-size: 14px; font-weight: bold; color: #000; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
pageFooter
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#pageFooter { width: 100%; height: 24px; position: fixed; left: 0; bottom:0; display: block; background: url(../common-img/bg_footer.gif) repeat-x 0 0; z-index: 2; }
#pageFooter p.license { float: left; width: 400px; padding-left: 10px; line-height: 24px; font-size: 10px; color: #333; }
#pageFooter p.powered { padding-right: 10px; line-height: 24px; font-size: 10px; text-align: right; color: #333; }
#pageFooter p.powered a { color: #222; text-decoration: none; }
#pageFooter p.powered a:hover { color: #222; text-decoration: underline; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
pageBody
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#pageBody { margin: 0; padding: 54px 0 34px 0; }
#pageBodyInner { margin: 0; padding: 0; }
#mainContents { background-color: #FFF; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; }
#main1Col {}
#main2Col {}
#sub {}
#seachBoxOuter { padding: 15px; }
.contentsShopList {}
table.contentTable { width: 100%; }
table.contentTable th { padding: 0; height: 47px; border-bottom: 1px solid #E0E0E0; background: url(../common-img/page_pagelist_header.gif) repeat-x bottom; font-weight: bold; line-height: 1.2em; }
table.contentTable th div { padding: 0 5px; }
table.contentTable th span { font-size: 10px; }
table.contentTable td { padding: 5px; border-bottom: 1px solid #E0E0E0; }
table.contentTable td ul { list-style-type: none; }
table.contentTable td ul.usePage li { background: url(../common-img/ico_page.gif) no-repeat 0 0; padding-left: 20px; line-height: 2; }

/*テンプレート管理（メニュー別表示）*/
.tableTemplateHead { width: 100%; background: url(../common-img/page_tpllist_header.gif) repeat-x bottom; }
table.contentTableTemplate { width: 100%; border-collapse: collapse; border-top: 1px solid #E0E0E0; }
table.contentTableTemplate th { padding: 0; height: 40px; font-weight: bold; line-height: 1.1em; }
table.contentTableTemplate th span { font-size: 10px; }
table.contentTableTemplate .templateTh th { padding: 0; height: 26px; vertical-align: middle; font-weight: bold; line-height: 1.2em; }
table.contentTableTemplate th.templateThEnd { width: 15px; }
.tableTemplateList { overflow-x: hidden; overflow-y: scroll; /padding: 0 16px 0 0; }
table.contentListTable { width: 100%; table-layout: fixed; }
table.contentListTable th { padding: 0; height: 47px; border-bottom: 1px solid #E0E0E0; background: url(../common-img/page_pagelist_header.gif) repeat-x bottom; font-weight: bold; line-height: 1.2em; table-layout: fixed; }
table.contentListTable th div { padding: 0; }
table.contentListTable th span { font-size: 10px; }
table.contentListTable td { padding: 0; border-bottom: 1px solid #E0E0E0; }
table.contentListTable td ul { list-style-type: none; }
table.contentListTable td ul.usePage li { background: url(../common-img/ico_page.gif) no-repeat 0 0; padding-left: 20px; line-height: 2; }
table.contentListTableInner { border-collapse: collapse; table-layout: fixed; }
table.contentListTableInner td { padding: 5px 0; border-bottom: none; }

/*ユニット・モジュール管理使用ページ*/
#pageBodyBSM { padding: 34px 0 34px; width: 100%; }
.contentTable2col { margin: 2px 0 20px 0; width: 100%; border-bottom: 1px solid #E0E0E0; }
.contentTable2col table { width: 100%; }
.contentTable2col table th { padding: 5px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; background: #DEDEDE; font-weight: bold; line-height: 1.2em; }
.contentTable2col table td { padding: 5px; }
.contentTable2col table td ul { list-style-type: none; padding: 0 0 0 5px; }
.contentTable2col table td ul.usePage li { background: url(../common-img/ico_page.gif) no-repeat 0 0; padding-left: 20px; line-height: 2; }

/*インストールページ*/
#pageInstall #pageBody { padding: 34px 0 24px 0; }
#pageInstall #pageBodyInner { margin: 0; padding: 0; }

/*追加デザイン・拡張機能管理ページ*/
#pageUnitModule #pageBody { padding: 54px 0 24px 0; }
#pageUnitModule #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageUnitModule #mainContents { /*min-width: 928px; width: auto !important; width: 928px;*/ }

/*テンプレート編集ページ*/
#pageTplList #pageBody { padding: 54px 0 24px 0; }
#pageTplList #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageTpl #pageBody { margin: 0; padding: 0; }
#pageTpl #pageBodyInner { margin: 0; padding: 10px 10px 20px; }

/*ユーザー管理ページ*/
#pageUser #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageUser #main1Col { padding: 15px 15px 0 15px; }

/*サイト設定ページ*/
#pageSite #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageSite #main1Col { padding: 15px 15px 0 15px; }

#pageContact #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageContact #main1Col { padding: 15px 15px 0 15px; }

/*ページ管理タブ*/
#tabMenuArea { height: 32px; background: url(../common-img/page_pagelist_tab_bg.gif) repeat-x bottom; }
#tabMenuArea table { height: 32px; }
#tabMenuArea th { padding: 0 1px 0 0; vertical-align: top; }
#tabMenuArea td { vertical-align: top; }

/*編集メニュー*/
.pageEditBtnArea { position: relative; margin: 0 auto; width: 170px; height: 30px; background: url(../common-img/pageflow_list_bg.gif) no-repeat right; }
.pageEditBtnArea ul { margin: 0; padding: 0; list-style: none; }
.pageEditBtnArea ul li { position: absolute; width: 30px; height: 30px; display: block; }
.pageEditBtnArea ul li.edit { top: 0; left: 5px; }
.pageEditBtnArea ul li.step1 { top: 0; left: 53px; }
.pageEditBtnArea ul li.step2 { top: 0; left: 97px; }
.pageEditBtnArea ul li.step3 { top: 0; right: 0; }
.pageEditBtnArea ul li a { width: 30px; height: 30px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
.pageEditBtnArea ul li.edit a { background-image: url(../common-img/ico_page_property.gif); }
.pageEditBtnArea ul li.step1 a { background-image: url(../common-img/ico_container.gif); }
.pageEditBtnArea ul li.step2 a { background-image: url(../common-img/ico_unit.gif); }
.pageEditBtnArea ul li.step3 a { background-image: url(../common-img/ico_unit_edit.gif); }
.pageEditBtnArea ul li a:hover { background-position: 0 -30px; }
th.pageEditBtnBg { padding: 5px 0 22px 0 !important; vertical-align: top; width: 185px; background: #999 url(../common-img/pageflow_list_ttl_bg.gif) no-repeat center bottom !important; }

/*ラベル管理*/
#labelManagerListArea table.contentTable th { height: 27px; }
#labelManagerListArea a.labelDel { display: block; width: 13px; height:14px; margin: 0 auto; background: url(../common-img/btn_window_close.gif) no-repeat 0 0; text-indent: -9999px; }
#labelManagerListArea a.setLabelImage { display: block; width: 49px; height: 17px; background: url(../common-img/btn_label_img_select.gif) no-repeat 0 0; text-indent: -9999px; }
#labelManagerListArea input.labelBtnDelete { display: block; width: 49px; height: 17px; margin-top: 3px; background: url(../common-img/btn_label_img_del.gif) no-repeat 0 0; text-indent: -9999px; }

/*Yahoo YUI tree*/
#subTreeArea { background: #F4F4F4 url(../common-img/sub_bg_top.gif) no-repeat 0 0; }
#subTreeAreaInner { background: url(../common-img/sub_bg_bottom.gif) no-repeat left bottom; padding: 10px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
基本情報登録画面用テーブル
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*必須項目*/
table th.thImp { border-left: 10px solid #C00; }
table.contentTableEdit { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCC; }
.contentTableEdit th { padding: 10px; width: 20%; text-align: left; vertical-align: top; font-weight: normal; border-bottom: 1px solid #CCC; border-left: 10px solid #CCC; }
.contentTableEdit td { padding: 10px 0 10px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid #CCC; }

/*共通*/
.upImage img { max-width: 500px; width:expression(document.body.clientWidth > 502? "500px" : "auto"); margin-bottom: 5px; }

/*入れ子テーブル*/
.contentTableEditInner table { border-collapse: collapse; border-spacing: 0; border-top: none; }
.contentTableEditInner th { padding: 0 2px; text-align: center; vertical-align: top; border: none; color: #555; }
.contentTableEditInner td { padding: 2px; border-bottom: none; }

/*入れ子テーブル（ヘッダー・フッター登録画面用）*/
.contentTableEditInner2 table { border-collapse: collapse; border-spacing: 0; }
.contentTableEditInner2 th { padding: 1px 0 0 0 !important; width: auto !important; line-height: normal; vertical-align: bottom; border-left: none !important; border-bottom: none !important; }
.contentTableEditInner2 td { padding: 0 0 2px 0 !important; border-bottom: none !important; }
.contentTableEditInner2 td input { margin: 3px 0; }
.contentTableEditInner2 td select { margin: 2px 0 3px 0; }
.contentTableEditInner2 td input { _margin: 2px 0; } /*IE6対応*/
.contentTableEditInner2 td select { _margin: 3px 0; } /*IE6対応*/

/*ボタンエリア*/
.contentEditBtnArea { padding: 10px 0; text-align: center; border-bottom: 1px solid #E0E0E0; }
.contentEditBtnArea input { margin: 0 auto; }
.contentEditBtnArea table { margin: 0 auto; }
.contentEditBtnArea table td { padding: 10px 5px; }

/*カレンダー*/
#cal1Container,#cal2Container table { width: 200px; }
#cal1Container .calweekdaycell,
#cal2Container .calweekdaycell{ width: 1.5em;}


/*------------------------------------------------------------
ページ作成フローメニュー（プログラム調整後消去）
------------------------------------------------------------*/
.pageFlow { float: right; width: 600px; height: 40px; }
.pageFlow ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.pageFlow ul li { float: left; height: 20px; display: block; }
.pageFlow ul li a { height: 20px; display: block; text-indent: -9999px; }
.pageFlow ul li.backList { width: 116px; }
.pageFlow ul li.backList a { width: 101px; background: url(../common-img/btn_list_back.gif) no-repeat 0 0; }
.pageFlow ul li.step1 { width: 150px; }
.pageFlow ul li.step2 { width: 154px; }
.pageFlow ul li.step3 { width: 120px; }
.pageFlowBg1 { background: url(../common-img/btn_page_layout.gif) no-repeat 116px 10px; }
.pageFlowBg2 { background: url(../common-img/btn_unit_layout.gif) no-repeat 116px 10px; }
.pageFlowBg3 { background: url(../common-img/btn_unit_detail.gif) no-repeat 116px 10px; }


/*------------------------------------------------------------
サイドバーエリアフローメニュー（プログラム調整後消去）
------------------------------------------------------------*/
.pageSideFlow { float: right; width: 430px; height: 40px; }
.pageSideFlow ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.pageSideFlow ul li { float: left; height: 20px; display: block; }
.pageSideFlow ul li a { height: 20px; display: block; text-indent: -9999px; }
.pageSideFlow ul li.backList { width: 121px; }
.pageSideFlow ul li.backList a { width: 101px; background: url(../common-img/btn_list_back.gif) no-repeat 0 0; }
.pageSideFlow ul li.step1 { width: 162px; }
.pageSideFlow ul li.step2 { width: 137px; }
.pageSideFlowBg1 { background: url(../common-img/btn_side_unit_layout.gif) no-repeat 121px 10px; }
.pageSideFlowBg2 { background: url(../common-img/btn_side_unit_detail.gif) no-repeat 121px 10px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
unit （ユニット情報登録画面）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#unitContainerMain { padding: 36px 0 46px 0; }
.unitContainer { }

/*タイトルエリア*/
.unitContentsTtl { position: fixed; left: 0; top: 0; width: 100%; height: 36px; display: block; background: url(../common-img/p_unit_reg_ttl_bg.gif) repeat-x bottom; z-index: 10; }

/*ユニット名*/
.unitContentsTtl h3 { position: absolute; top: 11px; left: 15px; font-weight: bold; color: #000; font-size: 16px; line-height: 1.1em; }

/*タブエリア*/
.unitContentsTtl ul { margin: 0; padding: 0; list-style: none; }
.unitContentsTtl ul li { position: absolute; top: 11px; height: 23px; width: 126px; background: #FFF; text-align: center; line-height: 23px; }
.unitContentsTtl ul li a { width: 126px; color: #666; display: block; text-decoration: none; }
.unitContentsTtl ul li a:hover { text-decoration: none; }
.unitContentsTtl ul li.tabOver { height: 25px; line-height: 25px; }
.unitContentsTtl ul li.tabOver a { color: #000; font-weight: bold; }
.unitContentsTtl ul li a:hover { background: #F6F6F6; color: #000; }
.unitContentsTtl ul li.tab1 { right: 15px; }
.unitContentsTtl ul li.tab2 { right: 143px; }
.unitContentsTtl ul li.tab3 { right: 271px; }
.unitContentsTtl ul li.tab4 { right: 399px; }
.unitContentsTtl ul li.tab5 { right: 527px; }
.unitContentsTtl ul li.tab6 { right: 655px; }
.unitContentsTtl ul li.tab7 { right: 783px; }

/*ユニット詳細エリア*/
.unitContents { background: #FFF; }

/*エラーコメント*/
.unitContents p.errBox { margin: 0 0 5px 0; padding: 5px 0; color: #C00; }

/*フレーム（スクロール範囲）*/
.unitFlame { width: 100%; display: block; }
.unitFlameInner { padding: 20px !important; } 

/*項目タイトル*/
.unitContents h4 { margin: 0 0 5px 0; padding: 3px 0 2px 0; text-indent: 10px; color: #FFF; line-height: normal; font-weight: bold; background: #999; }
.txtImp { color: #C00; }

/*基本情報テーブル*/
.unitContentsBase { margin: 0 0 20px 0; border-top: 1px solid #999; }
.unitContentsBase table { width: 100%; border-collapse: collapse; border-spacing: 0; _width: 98% !important; }
.unitContentsBase th { padding: 6px 10px; width: 20%; text-align: left; vertical-align: top; font-weight: normal; color: #000; border-bottom: 1px solid #999; border-left: 10px solid #999; background: #FFF; font-size: 75%; }
.unitContentsBase td { font-size: 75%; }
.unitContentsBase table td table { border-collapse: collapse; }
.unitContentsBase table td table th { width: 10%; border-left: none; vertical-align: middle; }
.unitContentsBase table td table td.wr50 input { width: 50%; }
.upLoadImgS img { max-width: 100px; width:expression(document.body.clientWidth > 102? "100px" : "auto"); height: auto !important;  }

/*必須項目*/
.unitContentsBase th.thImp { border-left: 10px solid #C00; }
.unitContentsBase td { padding: 6px 0 6px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid #999; background: #FFF; }

/*デザインオプションテーブル*/
.unitContentsOption { width: 100%; }
.unitContentsOptionInner { padding: 10px; background: #C0C6C9; }
.unitContentsOption table { width: 100%; border-collapse: collapse; border-spacing: 0; _width: 98% !important; }
.unitContentsOption th { font-size: 75%; padding: 6px 10px; width: 20%; text-align: left; vertical-align: middle; font-weight: normal; color: #000; border-bottom: 1px dotted #CCC; background: #FFF; }
.unitContentsOption td { font-size: 75%; padding: 6px 0 6px 10px; text-align: left; vertical-align: top; border-bottom: 1px dotted #CCC; background: #FFF; }

/*ボタンエリア*/
.unitContentsBtn { width: 100%; height: 46px; position: fixed; left: 0; bottom: 0; text-align: center; background: url(../common-img/p_unit_reg_btn_bg.gif) repeat-x; z-index: 20; }
.unitContentsBtn p { padding: 12px 0 0 0; }
.unitContentsBtn input { margin: 0 auto; }
.unitContentsBtn table { margin: 0 auto; }
.unitContentsBtn table td { padding: 12px 5px 0 5px; }
.unitContentsBtn .bBtnSave { width: 99px; height: 20px; text-indent: -9999px; border: none; background: url(../common-img/btn_unit_save.gif) no-repeat; }

/*クリップボードテーブル*/
.unitContentsClipboard { }
.unitContentsClipboard table { width: 100%; border-collapse: collapse; border-spacing: 0; _width: 98% !important; }
.unitContentsClipboard th { padding: 5px; border-right: 2px solid #FFF; background: #999; color: #FFF; font-weight: bold; line-height: 1.2em; font-size: 75%; }
.unitContentsClipboard td { padding: 5px 7px 5px 5px; border-bottom: 1px solid #CCC; line-height: 1.4em; font-size: 75%; }

body .nicEdit-pane { line-height: normal; }


/*---------------------------------------------------------------
テンプレート編集画面（ヘッダー・フッター）
---------------------------------------------------------------*/

/*タブエリア*/
.unitContentsTtl ul.tplEditTtl { margin: 0; padding: 0; list-style: none; }
.unitContentsTtl ul.tplEditTtl li { position: absolute; width: 136px; top: 11px; height: 23px; background: #FFF; text-align: center; line-height: 23px; }
.unitContentsTtl ul.tplEditTtl li a { width: 136px; color: #666; display: block; text-decoration: none; }
.unitContentsTtl ul.tplEditTtl li a:hover { text-decoration: none; }
.unitContentsTtl ul.tplEditTtl li.tabOver { height: 25px; line-height: 25px; }
.unitContentsTtl ul.tplEditTtl li.tabOver a { color: #000; font-weight: bold; }
.unitContentsTtl ul.tplEditTtl li a:hover { background: #F6F6F6; color: #000; }
.unitContentsTtl ul.tplEditTtl li.tab1 { left: 15px; }
.unitContentsTtl ul.tplEditTtl li.tab2 { left: 153px; }
.unitContentsTtl ul.tplEditTtl li.tab3 { left: 291px; }
.unitContentsTtl ul.tplEditTtl li.tab4 { left: 429px; }
.unitContentsTtl ul.tplEditTtl li.tab5 { left: 567px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダー・カバー編集画面共通
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*メニューセレクト*/
.hdrSelectArea { position: absolute; top: 0; left: 0; width: 143px; height: 59px; }
.hdrSelectArea select { margin: 20px 0 0 10px; width: 130px; height: 20px; font-size: 11px; line-height: normal; }

/*リセットボタン*/
.hdrResetBtn { position: absolute; top: 16px; left: 147px; width: 57px; height: 28px; z-index: 1; }
.hdrResetBtn input { width: 57px; height: 28px; text-indent: -9999px; border: none; display: block; cursor: pointer; background: url(../common-img/btn_hdr_reset.gif) no-repeat 0 0; }

/*カラーボタン*/
.hdrColorBtn { position: absolute; top: 26px; width: 75px; height: 22px; z-index: 1; }
.hdrColorBtn button { width: 75px; height: 22px; text-indent: -9999px; border: none; display: block; cursor: pointer; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }

/*画像削除ボタン*/
.hdrImgDelBtn { margin: 0; width: 34px; height: 21px; background: url(../common-img/btn_hdr_img_del_bg.gif) no-repeat 0 0; }
.hdrImgDelBtn input { width: 34px; height: 21px; display: block; border: none; text-indent: -9999px; overflow: hidden; background: url(../common-img/btn_hdr_img_del.gif) no-repeat 0 0; }

/**/
.hdrMenuArea { position: relative; width: 100%; height: 59px; }
.hdrMenuAreaInner { position: absolute; top: 0; height: 59px; background: url(../common-img/hdr_menu_line.gif) no-repeat left; }
.hdrMenuAreaInner h4 { margin: 0; height: 15px; font-size: 10px; line-height: normal; _font-size: 9px; }
.hdrMenuBtnAreaEnd { padding: 6px 5px 0 11px; background: url(../common-img/hdr_item_bg_right.gif) no-repeat right bottom; }

/*ボタンエリア*/
.hdrMenuBtnArea { padding: 0 0 0 5px; height: 29px; background: url(../common-img/hdr_item_bg_left.gif) no-repeat left top; }
.hdrMenuBtnArea table { }
.hdrMenuBtnArea td { padding: 5px 0 0 3px; }
.hdrMenuBtnArea button { height: 21px; text-indent: -9999px; border: none; display: block; cursor: pointer; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダー編集画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*---------------------------------------------------------------
ヘッダー背景
---------------------------------------------------------------*/
.hdrMenuArea1 {}

/*カラーボタン*/
.hdrMenuArea1 .hdrColorBtn { left: 359px; }
.hdrMenuArea1 .hdrColorBtn button { background-image: url(../common-img/btn_hdr_bgc.gif); }

/*背景設定*/
#hdrBgArea { left: 214px; width: 231px; }

/*ヘッダーの高さ*/
#hdrImgHeight { left: 455px; width: 113px; }
input#tpl_head_height { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*画像の大きさ*/
#hdrImgSize { left: 578px; width: 111px; }
input#tpl_head_size { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*画像の位置*/
#hdrImgPosition { left: 699px; width: 172px; }
input#tpl_head_top { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_head_left { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }


/*---------------------------------------------------------------
ロゴ画像
---------------------------------------------------------------*/
.hdrMenuArea2 {}

/*カラーボタン*/
.hdrMenuArea2 .hdrColorBtn { display: none; }

/*画像設定*/
#hdrLogoImg { left: 214px; width: 149px; }

/*画像の大きさ*/
#hdrLogoImgSize { left: 548px; width: 111px; display: none !important; }
input#tpl_hlogo_size { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*画像の位置*/
#hdrLogoPosition { left: 373px; width: 172px; }
input#tpl_hlogo_top { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hlogo_left { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }


/*---------------------------------------------------------------
バナー画像
---------------------------------------------------------------*/
.hdrMenuArea3 {}

/*カラーボタン*/
.hdrMenuArea3 .hdrColorBtn { display: none; }

/*画像設定*/
#hdrBnrImg { left: 214px; width: 149px; }

/*リンク設定*/
#hdrBnrLink { left: 373px; width: 125px; }
#tpl_hbannerurl { width: 400px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*画像の大きさ*/
#hdrBnrImgSize { left: 508px; width: 111px; }
input#tpl_hbanner_size { width: 38px; height: 19px; text-align: center !important; border: 1px solid #999; cursor: text !important; }

/*画像の位置*/
#hdrBnrPosition { left: 629px; width: 172px; }
input#tpl_hbanner_top { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hbanner_left { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }


/*---------------------------------------------------------------
SEO文章
---------------------------------------------------------------*/
.hdrMenuArea4 {}

/*カラーボタン*/
.hdrMenuArea4 .hdrColorBtn { left: 797px; }
.hdrMenuArea4 .hdrColorBtn button { background-image: url(../common-img/btn_hdr_txtc.gif); }

/*タイトル設定*/
#hdrSeoTtlArea { left: 214px; width: 458px; }
input#tpl_hcap { width: 431px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*スタイル設定*/
#hdrSeoTtlStyleArea { left: 683px; width: 200px; }
#tpl_hcap_size { width: 28px; height: 19px; text-align: center !important; border: 1px solid #999; cursor: text !important; }

/*タイトルの位置*/
#hdrSeoTtlPositionArea { left: 893px; width: 172px; }
input#tpl_hcap_top { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hcap_left { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }


/*---------------------------------------------------------------
サブナビゲーション
---------------------------------------------------------------*/
.hdrMenuArea5 {}

/*カラーボタン*/
.hdrMenuArea5 .hdrColorBtn { left: 459px; }
.hdrMenuArea5 .hdrColorBtn button { background-image: url(../common-img/btn_hdr_txtc.gif); }

/*リンク設定*/
#hdrSubNaviLink { left: 214px; width: 125px; }
.hdrLinkBtn button { width: 99px; background: url(../common-img/btn_hdr_link.gif) no-repeat 0 0; }

/*スタイル設定*/
#hdrSubNaviStyle { left: 348px; width: 196px; }
#tpl_hsubnavi_size { width: 28px; height: 19px; text-align: center !important; border: 1px solid #999; cursor: text !important; }

/*サブナビゲーションの位置*/
#hdrSubNaviPosition { left: 554px; width: 172px; }
#tpl_hsubnavi_top { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
#tpl_hsubnavi_left { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カバー編集画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*---------------------------------------------------------------
カバー画像
---------------------------------------------------------------*/
.hdrCovMenuArea1 {}

/*カラーボタン*/
.hdrCovMenuArea1 .hdrColorBtn { left: 359px; }
.hdrCovMenuArea1 .hdrColorBtn button { background-image: url(../common-img/btn_hdr_bgc.gif); }

/*背景設定*/
#hdrCovBgArea { left: 214px; width: 231px; }
.hdrImgUploadBtn a { width: 86px; height: 21px; display: block; text-indent: -9999px; overflow: hidden; background: url(../common-img/btn_hdr_img.gif) no-repeat 0 0; }
.hdrImgDelBtn { width: 34px; height: 21px; display: block; overflow: hidden; }

/*画像の高さ*/
#hdrCovImgHeight { left: 455px; width: 113px; }
.hdrBtnImgHeight button { width: 30px; background: url(../common-img/btn_hdr_height.gif) no-repeat 0 0; }
input#tpl_hbg_height { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*画像の大きさ*/
#hdrCovImgSize { left: 578px; width: 111px; }
.hdrBtnImgSize button { width: 30px; background: url(../common-img/btn_hdr_size.gif) no-repeat 0 0; }
input#tpl_hbg_size { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*画像の位置*/
#hdrCovImgPosition { left: 699px; width: 172px; }
input#tpl_hbg_top { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hbg_left { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
.hdrBtnPosition button { width: 30px; background: url(../common-img/btn_hdr_position.gif) no-repeat 0 0; }


/*---------------------------------------------------------------
タイトル
---------------------------------------------------------------*/
.hdrCovMenuArea2 {}

/*カラーボタン*/
.hdrCovMenuArea2 .hdrColorBtn { left: 797px; }
.hdrCovMenuArea2 .hdrColorBtn button { background-image: url(../common-img/btn_hdr_txtc.gif); }

/*タイトル設定*/
#hdrCovTtlArea { left: 214px; width: 458px; }
input#tpl_title { width: 431px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*スタイル設定*/
#hdrCovTtlStyleArea { left: 683px; width: 200px; }
.hdrTtlStyleBtn button { width: 89px; background: url(../common-img/btn_hdr_ttl_style.gif) no-repeat 0 0; }
#tpl_title_size { width: 28px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*タイトルの位置*/
#hdrCovTtlPositionArea { left: 893px; width: 172px; }
input#tpl_title_top { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_title_left { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }

/*v1.5.0 追記*/
input#tpl_color_content_round { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input.tpl_hsubnavi_text,
input.tpl_hsubnavi_url,
input.tpl_hbg_url,
input.tpl_fsubnavi_text,
input.tpl_fsubnavi_url { height: 19px; border: 1px solid #999; cursor: text !important; }
textarea#tpl_fhtml { border: 1px solid #999; cursor: text !important; }
input#tpl_cover_height { height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_color_bgimg_top  { height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_fcap { height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_unit_bgtitle_round { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_unit_round { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_unit_padding { width: 38px; height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hlogo_position_t { height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hlogo_position_r { height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hlogo_position_b { height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_hlogo_position_l { height: 19px; border: 1px solid #999; cursor: text !important; }
input#tpl_color_ft_height { height: 19px; border: 1px solid #999; cursor: text !important; text-align: center !important; }
input#tpl_color_ft_padding_top { height: 19px; border: 1px solid #999; cursor: text !important; text-align: center !important; }
input#tpl_color_ft_padding_bottom { height: 19px; border: 1px solid #999; cursor: text !important; text-align: center !important; }
input#tpl_color_ft_top { height: 19px; border: 1px solid #999; cursor: text !important; text-align: center !important; }

/*---------------------------------------------------------------
編集エリア
---------------------------------------------------------------*/
.hdrEditArea { padding: 31px 0 0 30px; }


/*---------------------------------------------------------------
編集ウインドウ
---------------------------------------------------------------*/

/*共通*/
.hdrWindowBox { width: 280px; background: url(../common-img/hdr_window_hd.gif) no-repeat left top; }
.hdrWindowBar { width: 280px; height: 21px; }
.hdrWindowBox h5 { float: left; margin: 0; width: 200px; height: 21px; font-size: 10px; text-indent: 8px; line-height: 24px; overflow: hidden; font-weight: normal; }
.hdrWindowBoxInner { margin: 0; padding: 13px 0 0 0; border-top: 1px solid #999; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #FFF url(../common-img/slider_box_bg.gif) repeat-x bottom; text-align: center; }
.hdrWindowBoxInner table { margin: 0 auto; }
.hdrWindowBoxInner th { padding: 0 10px 5px 0; vertical-align: top; text-align: left; font-size: 10px; }
.hdrWindowBoxInner td { padding: 0 0 5px 0; }

/*リンク設定*/
#panel11_c .yui-panel .hd { width: 779px; }
#panel11_c .hdrWindowBox { width: 800px; }
#panel11_c .hdrWindowBar { width: 800px; }
#panel11_c .hdrWindowBoxInner { padding: 12px 0 15px 0; }

/*カラーピッカー*/
#panel4_c .yui-panel .hd { width: 319px; }
#panel4_c .hdrWindowBox { width: 340px; }
#panel4_c .hdrWindowBar { width: 340px; }
#panel4_c .hdrWindowBoxInner { padding: 12px 0 15px 0; }
#panel4_c .yui-picker-controls .hd { width: 1px; }

/*背景を透明にする*/
.colorClear { margin: 0 auto; padding: 5px 0 0 0; width: 302px; text-align: left; }

/*バナーリンク*/
#panel8_c .yui-panel .hd { width: 590px; }
#panel8_c .hdrWindowBox { width: 611px; }
#panel8_c .hdrWindowBar { width: 611px; }
#panel8_c .hdrWindowBoxInner { padding: 13px 0 10px 0; }


/*---------------------------------------------------------------
CSS編集画面
---------------------------------------------------------------*/
p.bBtnCssEdit { margin: 0; padding: 0; width: 230px; }
p.bBtnCssEdit a { width: 230px; height: 20px; text-indent: -9999px; display: block; overflow: hidden; background: url(../common-img/btn_css_add.gif) no-repeat; }
body#pageCssEditor { background: #FFF; }
#pageCssEditor td { font-size: 75%; }
p.bBtnTemplateGuide { float: right; margin: 8px 0 0 0; width: 234px; }
p.bBtnTemplateGuide a { width: 224px; height: 20px; text-indent: -9999px; display: block; overflow: hidden; background: url(../common-img/btn_get_tpl_guide.gif) no-repeat; }

/*サイドエリア*/
#cssEditorSubArea { margin: 0 auto; padding: 10px 0; width: 190px; text-align: left; }
#cssEditorSubArea h3 { margin: 0 0 5px 0; font-weight: bold; }

/*メインエリア*/
td#cssEditorArea { padding: 10px 10px 10px 0; }
#cssEditorArea textarea { width: 99%; height: 100%; padding: 0 0 0 5px; border: 1px solid #999; background: #F4F4F4; }
#cssEditorArea textarea:focus { border: 1px solid #999; background: #F0F7F7; }
table#cssEditorDummyArea { width: 100%; height: 100%; border: 1px solid #999; }
table#cssEditorDummyArea td { vertical-align: middle; text-align: center; font-weight: bold; font-size: 1.2em; }


/*-------------------------------------------------------------
アップロードボタン
-------------------------------------------------------------*/
.uploadArea { width: 351px; height: 25px; }

/*新規アップロード*/
.bBtnUpload { float: left; width: 124px; height: 20px; }
.bBtnUpload a { width: 119px; height: 20px; display: block; text-indent: -9999px; background: url(../common-img/btn_upload.gif) no-repeat; }

/*アップロード済みのファイルから選択*/
.bBtnUploadSelect { float: left; width: 222px; height: 20px; }
.bBtnUploadSelect a { width: 222px; height: 20px; display: block; text-indent: -9999px; background: url(../common-img/btn_upload_select.gif) no-repeat; }

/*画像選択 090625追加*/
.bBtnImgSelect { float: left; width: 94px; height: 20px; }
.bBtnImgSelect a { width: 94px; height: 20px; display: block; text-indent: -9999px; background: url(../common-img/btn_img_select.gif) no-repeat; }


/*-------------------------------------------------------------
イメージ選択モーダルダイアログ
-------------------------------------------------------------*/
#imgdiag { display: none; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 460px; }
#boverlay { display: none; position: absolute; top :0; left: 0; width: 100%; height: 500px; z-index: 5000; background: #000; }
.imgselecter { color: #FFF; }
.imgselecterFlame { height: 450px; overflow: auto; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.imgselecter ul { margin: 0; padding: 15px; list-style: none; }
.imgselecter ul li span { margin: 0 0 5px 0; width: 118px; height: 110px; overflow: hidden; display: block; }
.imgselecter ul li span img { width: 100%; }
.imgselecter ul li { float: left; width: 130px; height: 150px; display: block; text-align: center; font-size: 0.8em; }
.imgselecter ul li a { padding: 5px; border: 1px solid #000; display: block; }
.imgselecter ul li a:hover { background: #333; border: 1px solid #444; text-decoration: none; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ログイン画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#login { margin-top: 120px; margin-left: auto; margin-right: auto; width: 410px; background: url(../common-img/p_login_bg_top.gif) no-repeat top; text-align: center; color: #FFF; }
#login .err { text-align: left; color: #C00; font-size: 12px; }
#loginTop { padding: 20px 20px 15px 25px; }
#loginTop table { margin: 12px auto 5px auto; width: 95%; }
#loginTop table td { padding: 0 5px 8px 0; text-align: left; vertical-align: middle; }
#loginTop table td input { width: 97%; cursor: text; }
#loginTop p { margin: 0; padding: 10px 0 0 0; text-align: center; }
#loginBtn { margin-left: auto; margin-right: auto; width: 100px; cursor: pointer; }
#loginBottom { padding: 0 30px; height: 203px; background: url(../common-img/p_login_bg_bottom.gif) no-repeat top; text-align: left; font-size: 12px; }
#loginBottom p { margin: 0 0 6px 0; padding: 17px 0 0 0 ;}
#loginBottom table { }
#loginBottom table th { padding: 0 0 6px 2px; vertical-align: top; text-align: left; line-height: 1.2em; }
#loginBottom table td { padding: 0 0 6px 2px; vertical-align: top; text-align: left; line-height: 1.2em; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
インストール画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#installContents { padding: 20px 10px; }
#installContents h3 { margin: 0 0 20px 0; padding: 0; font-size: 2em; font-weight: bold; color: #333; }
#installContents h4 { margin: 0 0 10px 0; padding: 0; font-weight: bold; color: #333; }
#installContents .hsNarrow { margin: 0 0 10px 0; }
#installContents .hsNormal { margin: 0 0 20px 0; }
#installContents .hsWide { margin: 0 0 40px 0; }

/*リスト*/
#installContents ul { margin: 0; padding: 0 0 0 20px; }

/*テーブル*/
#installContents table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
#installContents th { padding: 6px 10px; width: 25%; text-align: left; vertical-align: top; font-weight: normal; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #F6F6F6; }
#installContents td { padding: 6px 10px; text-align: left; vertical-align: top; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ユニット・モジュール管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#pageUnitModule #bnrBox { width: 213px; height: 20px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレートマスタ管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.bBtnEditCSS { margin: 0 auto; width: 49px; }
.bBtnEditCSS a { width: 49px; height: 17px; display: block; text-indent:-9999px; overflow: hidden; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレート設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#tplAreaOuter { margin: 0; padding: 0; background: #FFF; }
#tplArea { height: 60px; overflow: auto; }
#tplArea ul { margin: 0; padding: 0; list-style-type: none; height: 60px; }
#tplArea li { display: inline; margin-right: 5px; }
#tplArea li img { width: 60px; vertical-align: bottom; }
p.bBtnPagePreview { float: left; padding: 10px 0 0 6px; width: 38px; }
p.bBtnPagePreview a { width: 38px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; background: url(../common-img/btn_page_preview.gif) no-repeat 0 0; }

/*レイアウト変更ボタン*/
#tplAreaBTNlayoutSide { float: left; padding: 10px 0 0 16px; width: 29px; }
#tplAreaBTNlayoutSide a { width: 29px; height: 22px; display: block; text-indent: -9999px; overflow: hidden; background: url(../common-img/btn_navi_layout_side.gif) no-repeat 0 0; }
#tplAreaBTNlayoutTop { float: left; padding: 10px 0 0 0px; width: 29px; }
#tplAreaBTNlayoutTop a { width: 29px; height: 22px; display: block; text-indent: -9999px; overflow: hidden; background: url(../common-img/btn_navi_layout_top.gif) no-repeat 0 0; }


/*-------------------------------------------------------------
新規テンプレート作成
-------------------------------------------------------------*/
.tplListDummyThum { width: 120px; height: 120px; background: #CCC; text-align: center; line-height: 120px; color: #FFF; font-weight: bold; }
.tplListArea { overflow: auto; border: 1px solid #CCC; }
#display1 { font-size: 12px !important; }
#display1 ul { margin: 0; list-style-type: none; }
#display1 ul li { float: left; width: 150px; height: 330px; display: block; }
#display1 ul li .tplListBox { width: 140px; height: 310px; background: #F6F6F6; border: 1px solid #999; }
#display1 li .tplListTtl { margin: 0 0 5px 0; width: 120px; height: 46px; font-weight: bold; overflow: hidden; line-height: 1.2em; }
#display1 .tplListTtl input { float: left; }
#display1 .tplListTtl label { display: block; margin: 0 0 0 15px; cursor: pointer; }
#display1 li img { width: 120px; height: 120px; }
#display1 li .tplListInner { padding: 10px }
#display1 table th { padding: 3px 0 0 0; font-size: 12px; }
#display1 table td { padding: 5px; font-size: 12px; }
#display1 .tplListComment { height: 64px; overflow: auto; font-size: 12px; }
#display1 li.tplListNothing { width: 97%; height: 16px; padding: 10px; font-size: 1.4em; }
.btnAddTemplate { width: 193px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; background: url(../common-img/btn_add_template.gif) no-repeat 0 0; }

/*ASP向け*/
#display2 { overflow: auto; height: 508px; font-size: 12px !important; background: #FFF; }
#display2 ul { margin: 0; list-style-type: none; }
#display2 ul li { float: left; width: 385px; height: 205px; display: block; }
#display2 ul li .tplListBox { width: 370px; background: #F6F6F6; border: 1px solid #CCC; }
#display2 li .tplListTtl { margin: 0 0 10px 0; width: 360px; font-weight: bold; font-size: 12px; line-height: 1.5em; }
#display2 .tplListTtl input { float: left; }
#display2 .tplListTtl label { display: block; margin: 0 0 0 15px; cursor: pointer; }
#display2 .tplListThumArea { width: 150px; height: 150px; overflow: hidden; }
#display2 .tplListThumArea img { width: 150px; }
#display2 li .tplListInner { padding: 10px; }
table.tplListTable { margin: 0 0 0 15px; }
table.tplListTable th { padding: 0 0 6px 0; border-bottom: none; font-weight: bold; text-align: left; font-size: 12px; line-height: 1.5em; }
table.tplListTable td { padding: 6px 0; border-top: 1px dotted #CCC; border-bottom: none; font-size: 12px; }
.tplListComment { font-size: 12px; }
li.tplListNothing { width: 97%; height: 16px; padding: 10px; font-size: 1.4em; }

/*デザイン選択ボタン*/
p.bDesignSelectBtn { margin: 5px 0 0 0; width: 89px; height: 17px; }
p.bDesignSelectBtn a { width: 89px; height: 17px; text-indent: -9999px; display: block; overflow: hidden; background: url(../common-img/btn_design_select.gif) no-repeat; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレート編集
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*新テンプレート*/
#buttonArea dl { padding-bottom: 10px; }
#buttonArea dt { background-color: #999; color: #FFF; font-weight: bold; padding: 3px 5px 2px; margin: 0 0 5px; font-size: 12px; }
#buttonArea dd { border: 1px solid #CCC; text-align: center; padding: 10px 0; display: block; }
#buttonArea dd a { margin: 0 auto; display: block; width: 162px; height: 30px; background-image: url(../common-img/btn_edit_bg.gif); background-repeat: no-repeat; background-position: 0 0; line-height: 30px; color: #333; font-weight: bold; font-size: 12px; }
#buttonArea dd a:hover { background-position: 0 -30px; text-decoration: none; color: #FFF; }

/*旧テンプレート*/
p#buttonAreaTitle { margin: 0; padding: 0 10px; height: 36px; font-size: 12px; line-height: 36px; font-weight: bold; background: url(../common-img/page_pagelist_header.gif) repeat-x bottom; }
ul#buttonAreaFrame { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #CCC; text-align: center; padding: 10px 0; display: block; }
ul#buttonAreaFrame li { padding-bottom: 5px; list-style-type: none; }
ul#buttonAreaFrame li a { margin: 0 auto; display: block; width: 162px; height: 30px; background-image: url(../common-img/btn_edit_bg.gif); background-repeat: no-repeat; background-position: 0 0; line-height: 30px; color: #333; font-weight: bold; font-size: 12px; }
ul#buttonAreaFrame li a:hover { background-position: 0 -30px; text-decoration: none; color: #FFF; }
#tplGmenuList { font-size: 12px; }
#tplGmenuList h4 { margin: 0; padding: 0 10px; height: 36px; font-size: 12px; line-height: 36px; font-weight: bold; background: url(../common-img/page_pagelist_header.gif) repeat-x bottom; }
#tplGmenuList p { background: #F2F2F2; color: #333; font-weight: bold; padding: 5px 10px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
#tplGmenuList ul { margin: 0; padding: 0; list-style: none; }
#tplGmenuList ul li { padding: 5px 10px; border-bottom: 1px dotted #E0E0E0; }

/*テンプレート新規登録画面*/
#pageTpl #gMenuList { margin: 0; padding: 0; }
#pageTpl .tplListArea { border-left: 1px solid #CCC; border-top: none; border-right: none; border-bottom: none; /*overflow: hidden;*/ }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレート編集（Ver1.5）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
共通
-------------------------------------------------------------*/
body#pageTplSp { background: #F0F0F0 url(../common-img/prev_area_bg.jpg) repeat-x 0 0; }
body#pageTpl #pageHeaderOuter { position: relative; z-index: 2; }
#localNaviArea { position: relative; z-index: 1; }
.paddingRight5 { padding-right: 5px !important; }
.paddingRight10 { padding-right: 10px !important; }
.paddingRight15 { padding-right: 15px !important; }
fieldset { margin: 0; padding: 0; border: none; display: inline; }

/*エディットエリア*/
#editBox { position: relative; background: #E8E8E8; box-shadow: 0px 10px 20px -8px #E0E0E0; overflow: hidden; width: 100%; z-index: 0; font-size: 12px !important; color: #666; }
#editBox .editArea { font-size: 12px; width: 100%; z-index: 1; }
#editBox .editArea .detail {	display: none; }
#editBox .stext input[type=text] { width: 8em; }
#editBox table { border-collapse: collapse; }
#editBox th, #editBox td { font-size: 12px !important; color: #666; padding-bottom: 5px; }
.boxSkirt { background: url(../common-img/edit_area_hr.gif) repeat-x left bottom; padding-bottom: 12px !important; }
.editArea table { width: 100%; }
.editArea ul li { list-style-type: none !important; }
.editTitle { color: #000; font-weight: bold; }

/*閉じるボタン*/
#prevArea .mButton { display: block; width: 142px; height: 30px; background: url(../common-img/btn_close.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; margin: -1px 0 0 -71px; position: absolute; left: 50%; text-align: center; z-index: 1; }

/*開くボタン*/
#prevArea .mButtonOpen { display: block; width: 142px; height: 30px; background: url(../common-img/btn_open.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; margin: -1px 0 0 -71px; position: absolute; left: 50%; text-align: center; z-index: 1; }

/*インフォメーションボタン*/
p.targetInfo { display: block; width: 15px; height: 15px; background: url(../common-img/btn_target_info.gif) no-repeat 0 0; text-indent: -9999px; cursor: pointer; }


/*-------------------------------------------------------------
タブメニュー
-------------------------------------------------------------*/
#editMenuArea {
	position: relative;
	height: 25px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #636363;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #AAAAAA 0%, #D2D2D2 23%, #AAAAAA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAAAAA), color-stop(23%,#D2D2D2), color-stop(100%,#AAAAAA));	/* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #AAAAAA 0%,#D2D2D2 23%,#AAAAAA 100%);	/* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #AAAAAA 0%,#D2D2D2 23%,#AAAAAA 100%);	/* Opera 11.10+ */
 background: -ms-linear-gradient(top, #AAAAAA 0%,#D2D2D2 23%,#AAAAAA 100%);	/* IE10+ */
 background: linear-gradient(to bottom, #AAAAAA 0%, #D2D2D2 23%, #AAAAAA 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAAAAA', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-8 */
}
#editMenuArea ul { list-style: none; list-style-position: outside; margin-left: -1px; height: 25px; }
#editMenuArea ul li { display: inline; float: left; height: 100%; text-align: center; }
#editMenuArea ul li a { border-left: 1px solid #AFAFAF; border-right: 1px solid #636363; color: #333; display: block; font-size: 14px; line-height: 25px; padding-left: 15px; padding-right: 15px; }
#editMenuArea ul li a:hover, #editMenuArea ul li a.active { text-decoration: none; border-bottom: 1px solid #E8E8E8 !important; background-color: #EBEBEB; }

/*すべての項目を保存するボタン*/
#BTNallSave { display: block; width: 101px; height: 20px; position: absolute; left: 385px; top: 11px; z-index: 1; overflow: hidden; background: url(../common-img/btn_all_save.gif) no-repeat 0 0; text-indent: -9999px; cursor: pointer; }

/*リセットボタン*/
#BTNreset { display: block; width: 69px; height: 20px; position: absolute; left: 492px; top: 11px; z-index: 1; overflow: hidden; background: url(../common-img/btn_reset.gif) no-repeat 0 0; text-indent: -9999px; cursor: pointer; }

/*レイアウト変更ボタン*/
#BTNlayout { width: 20px; height: 20px; background: url(../common-img/btn_layout_side.gif) no-repeat 0 0; cursor: pointer; position: absolute; right: 245px; top: 3px; z-index: 1; overflow: hidden; text-indent: -9999px; }

/*下記の内容で保存するボタン*/
.BTNSave { display: none; width: 150px; height: 18px; line-height: 18px; background-color: #EBEBEB; border: 1px solid #9A9A9A; color: #333; cursor: pointer; font-size: 12px; text-align: center; position: absolute; right: 300px; top: 3px; z-index: 1; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0)); background: -moz-linear-gradient(top, #FFFFFF, #E0E0E0); background: -ms-linear-gradient(top, #FFFFFF, #E0E0E0); background: -o-linear-gradient(top, #FFFFFF, #E0E0E0); background: linear-gradient(top, #FFFFFF, #E0E0E0); -pie-background: linear-gradient(#FFFFFF, #E0E0E0); behavior: url("/PIE.htc"); }


/*-------------------------------------------------------------
プレビューエリア
-------------------------------------------------------------*/
#prevArea { height: 100%; position: relative; }
#prevArea #layoutframe { border: none; height: 100%; padding: 0; position: relative; width: 100%; z-index: 0; }

/*PCプレビュー用*/
#prevArea .layoutframePc { background-color: #FFF !important; }

/*ダミースマートフォン*/
#iFramePortrait { margin: 0 auto; }
iframe#portrait { }
#iFrameLandscape { margin: 0 auto; background-color: #000; }
iframe#landscape { }


/*-------------------------------------------------------------
ベースカラー編集
-------------------------------------------------------------*/
#editArea1 a.cvBgImageX { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_x.gif) no-repeat 0 0; text-indent: -9999px; } /*ベースカラー画像リピートボタン*/
#editArea1 a.cvBgImageY { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_y.gif) no-repeat 0 0; text-indent: -9999px; } /*ベースカラー画像リピートボタン*/
#editArea1 a.tplStyleBtnSquare { float: left; display: block; width: 60px; height: 22px; background: url(../common-img/btn_design_square.gif) no-repeat 0 0; text-indent: -9999px; } /*ベースカラースタイルボタン*/
#editArea1 a.tplStyleBtnRound { float: left; display: block; width: 60px; height: 22px; background: url(../common-img/btn_design_round.gif) no-repeat 0 0; text-indent: -9999px; } /*ベースカラースタイルボタン*/
#editArea1 a.tplColorMonochrome { float: left; display: block; width: 35px; height: 22px; background: url(../common-img/btn_color_mono.gif) no-repeat 0 0; text-indent: -9999px; } /*スマホグラデーション配色ボタン*/
#editArea1 a.tplColorGradation { float: left; display: block; width: 85px; height: 22px; background: url(../common-img/btn_color_gradation.gif) no-repeat 0 0; text-indent: -9999px; } /*スマホグラデーション配色ボタン*/
#editArea1 a.tplGradationArrowRight { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_right.gif) no-repeat 0 0; text-indent: -9999px; } /*スマホグラデーション向きボタン*/
#editArea1 a.tplGradationArrowLeft { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_left.gif) no-repeat 0 0; text-indent: -9999px; } /*スマホグラデーション向きボタン*/
#editArea1 a.tplGradationArrowDown { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_down.gif) no-repeat 0 0; text-indent: -9999px; } /*スマホグラデーション向きボタン*/
#editArea1 a.tplGradationArrowUp { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_up.gif) no-repeat 0 0; text-indent: -9999px; } /*スマホグラデーション向きボタン*/
#editArea1 a.tplTtlPositionLeft { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_left.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/
#editArea1 a.tplTtlPositionCenter { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_center.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/
#editArea1 a.tplTtlPositionRight { float: left; display: block; width: 51px; height: 22px; margin-right: -3px; background: url(../common-img/btn_txtalign_right.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/


/*-------------------------------------------------------------
ヘッダー編集
-------------------------------------------------------------*/
input.snLinkRowAdd { background: url(../common-img/btn_plus.gif) no-repeat 0 0; width: 35px; height: 22px; text-indent: -9999px; border: 0; } /*リンク追加ボタン*/
input.snLinkRowDel { background: url(../common-img/btn_minus.gif) no-repeat 0 0; width: 35px; height: 22px; text-indent: -9999px; border: 0; margin-left: -4px; } /*リンク削除ボタン*/
input.tpl_hsubnavi_text { width: 100px; }
input.tpl_hsubnavi_url { width: 115px; }
a.tplEditBtnImgUpload { display: block; width: 75px; height: 22px; background: url(../common-img/btn_hdr_img_edit.gif) no-repeat 0 0; text-indent: -9999px; } /*画像選択ボタン*/
a.tplEditBtnImgDel { display: block; width: 34px; height: 22px; background: url(../common-img/btn_hdr_img_del_edit.gif) no-repeat 0 0; text-indent: -9999px; } /*削除ボタン*/
#editArea2 #tpl_head_height { width: 30px; text-align: center !important; } /*ヘッダー高さテキストフィールド*/
#editArea2 #tpl_hlogo_left { width: 30px; text-align: center !important; } /*ロゴ画像位置Xテキストフィールド*/
#editArea2 #tpl_hlogo_top { width: 30px; text-align: center !important; } /*ロゴ画像位置Yテキストフィールド*/
#editArea2 #tpl_head_left { width: 30px; text-align: center !important; } /*背景画像位置Xテキストフィールド*/
#editArea2 #tpl_head_top { width: 30px; text-align: center !important; } /*背景画像位置Yテキストフィールド*/
#editArea2 #tpl_hbanner_left { width: 30px; text-align: center !important; } /*バナー画像位置Xテキストフィールド*/
#editArea2 #tpl_hbanner_top { width: 30px; text-align: center !important;} /*バナー画像位置Yテキストフィールド*/
#editArea2 #tpl_hbannerurl { width: 125px; } /*バナーリンクURLテキストフィールド*/
#editArea2 #tpl_hcap { width: 470px; } /*SEO文章テキストフィールド*/
#editArea2 #tpl_hlogo_position_t { text-align: center !important; }/*スマホ余白上テキストフィールド*/
#editArea2 #tpl_hlogo_position_r { text-align: center !important; }/*スマホ余白右テキストフィールド*/
#editArea2 #tpl_hlogo_position_b { text-align: center !important; }/*スマホ余白下テキストフィールド*/
#editArea2 #tpl_hlogo_position_l { text-align: center !important; }/*スマホ余白左テキストフィールド*/
#editArea2 li.tpl_hsubnavi { padding-bottom: 5px; }
#editArea2 #tpl_hcap_left { width: 30px; text-align: center !important; } /*SEO位置Xテキストフィールド*/
#editArea2 #tpl_hcap_top { width: 30px; text-align: center !important; } /*SEO位置Yテキストフィールド*/
#editArea2 #tpl_hsubnavi_left { width: 30px; text-align: center !important; } /*サブナビ位置Yテキストフィールド*/
#editArea2 #tpl_hsubnavi_top { width: 30px; text-align: center !important; } /*サブナビ位置Xテキストフィールド*/
#editArea2 a.tplTtlPositionLeft { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_left.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/
#editArea2 a.tplTtlPositionCenter { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_center.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/
#editArea2 a.tplTtlPositionRight { float: left; display: block; width: 51px; height: 22px; margin-right: -3px; background: url(../common-img/btn_txtalign_right.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/
#editArea2 a.cvBgImageX { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_x.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホ背景画像リピートボタン*/
#editArea2 a.cvBgImageY { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_y.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホ背景画像リピートボタン*/
#editArea2 a.tplLogoPositionDown { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_logo_down.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホバナー画像位置ボタン*/
#editArea2 a.tplLogoPositionRight { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_logo_right.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホバナー画像位置ボタン*/


/*-------------------------------------------------------------
カバー編集
-------------------------------------------------------------*/
input.cvImageRowAdd { background: url(../common-img/btn_plus.gif) no-repeat 0 0; width: 35px; height: 22px; text-indent: -9999px; border: 0; } /*カバー画像追加ボタン*/
input.cvImageRowDel { background: url(../common-img/btn_minus.gif) no-repeat 0 0; width: 35px; height: 22px; text-indent: -9999px; border: 0; } /*カバー画像削除ボタン*/
#editArea3 a.cvBgImageX { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_x.gif) no-repeat 0 0; text-indent: -9999px; }/*カバー画像リピートボタン*/
#editArea3 a.cvBgImageY { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_y.gif) no-repeat 0 0; text-indent: -9999px; }/*カバー画像リピートボタン*/
#editArea3 .tpl_hbg_url { width: 180px; } /*カバー画像リンクURLテキストフィールド*/
#editArea3 .tpl_hbg_trgt { width: 120px; } /*カバーターゲットプルダウン*/
#editArea3 a.tplEditBtnEffectQuick { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_speed_quick.gif) no-repeat 0 0; text-indent: -9999px; }
#editArea3 a.tplEditBtnEffectNormal { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_speed_normal.gif) no-repeat 0 0; text-indent: -9999px; }
#editArea3 a.tplEditBtnEffectSlow { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_speed_slow.gif) no-repeat 0 0; text-indent: -9999px; }


/*-------------------------------------------------------------
ナビゲーション編集
-------------------------------------------------------------*/
#editArea4 a.cvBgImageX { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_x.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラー画像リピートボタン*/
#editArea4 a.cvBgImageY { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_y.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラー画像リピートボタン*/


/*-------------------------------------------------------------
フッター編集
-------------------------------------------------------------*/
input.ftLinkRowAdd { background: url(../common-img/btn_plus.gif) no-repeat 0 0; width: 35px; height: 22px; text-indent: -9999px; border: 0; } /*リンク追加ボタン*/
input.ftLinkRowDel { background: url(../common-img/btn_minus.gif) no-repeat 0 0; width: 35px; height: 22px; text-indent: -9999px; border: 0; } /*リンク削除ボタン*/
ul li input.ftLinkRowDel { background: url(../common-img/btn_minus.gif) no-repeat 0 0; width: 35px; height: 22px; text-indent: -9999px; border: 0; } /*リンク削除ボタン*/
#editArea5 li.tpl_fsubnavi { padding-bottom: 5px; }
#editArea5 #tpl_fcap { width: 515px; } /*フッターテキストテキストフィールド*/
#editArea5 #tpl_fhtml { width: 513px; height: 48px; } /*フッターエリアテキストエリア*/
#editArea5 .tpl_fsubnavi_url { width: 160px; } /*フッターナビURL*/
#editArea5 .tpl_fsubnavi_trgt { width: 120px; } /*フッターナビターゲットプルダウン*/
#editArea5 a.cvBgImageX { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_x.gif) no-repeat 0 0; text-indent: -9999px; } /*ベースカラー画像リピートボタン*/
#editArea5 a.cvBgImageY { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_y.gif) no-repeat 0 0; text-indent: -9999px; } /*ベースカラー画像リピートボタン*/
#editArea5 a.tplTtlPositionLeft { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_left.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/
#editArea5 a.tplTtlPositionCenter { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_center.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/
#editArea5 a.tplTtlPositionRight { float: left; display: block; width: 51px; height: 22px; margin-right: -3px; background: url(../common-img/btn_txtalign_right.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホロゴ画像位置ボタン*/


/*-------------------------------------------------------------
ユニット編集
-------------------------------------------------------------*/
#editArea6 #tpl_unit_bgtitle_round { text-align: center !important; }/*ラウンド半径テキストフィールド*/
#editArea6 #tpl_unit_padding { text-align: center !important; }/*共通オプションテキストフィールド*/
#editArea6 a.tplTtlPositionLeft { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_left.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラータイトル位置ボタン・スマホタイトル見出し位置ボタン*/
#editArea6 a.tplTtlPositionCenter { float: left; display: block; width: 48px; height: 22px; background: url(../common-img/btn_txtalign_center.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラータイトル位置ボタン・スマホタイトル見出し位置ボタン*/
#editArea6 a.tplTtlPositionRight { float: left; display: block; width: 51px; height: 22px; margin-right: -3px; background: url(../common-img/btn_txtalign_right.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラータイトル位置ボタン・スマホタイトル見出し位置ボタン*/
#editArea6 a.cvBgImageX { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_x.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラー画像リピートボタン*/
#editArea6 a.cvBgImageY { float: left; display: block; width: 70px; height: 22px; background: url(../common-img/btn_repeat_y.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラー画像リピートボタン*/
#editArea6 a.tplStyleBtnSquare { float: left; display: block; width: 60px; height: 22px; background: url(../common-img/btn_design_square.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラーデザインボタン・スマホユニットカラーデザインボタン*/
#editArea6 a.tplStyleBtnRound { float: left; display: block; width: 60px; height: 22px; background: url(../common-img/btn_design_round.gif) no-repeat 0 0; text-indent: -9999px; }/*ユニットカラーデザインボタン・スマホユニットカラーデザインボタン*/
#editArea6 a.tplColorMonochrome { float: left; display: block; width: 35px; height: 22px; background: url(../common-img/btn_color_mono.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホグラデーション配色ボタン*/
#editArea6 a.tplColorGradation { float: left; display: block; width: 85px; height: 22px; background: url(../common-img/btn_color_gradation.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホグラデーション配色ボタン*/
#editArea6 a.tplGradationArrowRight { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_right.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホグラデーション向きボタン*/
#editArea6 a.tplGradationArrowLeft { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_left.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホグラデーション向きボタン*/
#editArea6 a.tplGradationArrowDown { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_down.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホグラデーション向きボタン*/
#editArea6 a.tplGradationArrowUp { float: left; display: block; width: 26px; height: 22px; background: url(../common-img/btn_gradarrow_up.gif) no-repeat 0 0; text-indent: -9999px; }/*スマホグラデーション向きボタン*/






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレート編集（サイドバー）（Ver1.5）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
共通
-------------------------------------------------------------*/
#editBoxSideOuter { position: relative; width: 100%; height: 100%; z-index: 1; }
#editBoxSide { position: absolute; top: 0; left: 0; width: 249px; height: 100%; background-color: #E8E8E8; border-right: 1px solid #C3C3C3; }
#editBoxSide table { width: auto; }
#editBoxSide th, #editBoxSide td { font-size: 12px !important; color: #666; padding-bottom: 5px; }
#editBoxSide .editArea { padding: 5px; }
.tableBGcolorSide { padding: 8px; background-color: #F6F6F6; }

/*テキストフィールド再定義*/
#editBoxSide #editarea2 #tpl_hbannerurl { width: 170px; }
#editBoxSide #editarea2 input#tpl_hcap { width: 100%; }
#editBoxSide input.tpl_hsubnavi_url { width: 133px; }
#editBoxSide input.tpl_hsubnavi_text { width: 163px; }
#editboxside #editarea3 .tpl_hbg_url { width: 100%; }
#editboxside #editarea5 #tpl_fhtml { width: 100%; }
#editboxside #editarea5 #tpl_fcap { width: 100%; }
#editboxside #editarea5 .tpl_fsubnavi_url { width: 100%; }
#editboxside .tpl_fsubnavi input { width: 100%; }
#editboxside select#tpl_hcap_font_family { width: 115px; }
#editboxside select#tpl_hsubnavi_font_family { width: 115px; }
#editboxside select#tpl_hcap_font_style { width: 90px; }
#editboxside select#tpl_hsubnavi_font_style { width: 90px; }

/*テーブルバックグラウンドカラー*/
.tableBGcolor { padding: 10px 10px 0 10px; background-color: #F6F6F6; }


/*-------------------------------------------------------------
エディットエリア
-------------------------------------------------------------*/
#editBoxSide #editAreaOuter { overflow-y: scroll !important; }
#editBoxSide #editMenuArea { width: 250px; overflow: hidden; position: static; height: auto; }
#editBoxSide #editMenuAreaInner { padding: 3px 5px; }
#editBoxSideOuter #prevArea { margin-left: 250px; }


/*-------------------------------------------------------------
ボタンエリア
-------------------------------------------------------------*/
#editBoxSide #editBtnArea { height: 34px; border-top: 1px solid #C3C3C3; background-image: url(../common-img/edit_btn_area_bg.jpg); background-repeat: repeat-x; background-position: 0 0; }
#editBox .hdrColorBtn,
#editBoxSide .hdrColorBtn { display: none;}
.hdrColorBtn1 button { background-image: url(../common-img/btn_hdr_bgc.gif); } /*背景色ボタン*/
.hdrColorBtn2 button { background-image: url(../common-img/btn_hdr_txtc.gif); } /*文字色ボタン*/
.hdrColorBtn3 button { background-image: url(../common-img/btn_hdr_bgc_ttl.gif); width: 104px !important; } /*見出し背景色ボタン*/
.hdrColorBtn4 button { background-image: url(../common-img/btn_hdr_bgc_link.gif); width: 104px !important; } /*リンク文字色ボタン*/
.hdrColorBtn5 button { background-image: url(../common-img/btn_hdr_bgc_link_hover.gif); width: 136px !important; } /*リンク文字ホバー色ボタン*/
.hdrColorBtn5Sp button { background-image: url(../common-img/btn_hdr_bgc_link_hover_sp.gif); width: 143px !important; } /*リンク文字ホバー色ボタンSP*/
.hdrColorBtn6 button { background-image: url(../common-img/btn_hdr_bgc_menu.gif); width: 114px !important; } /*文字色ボタン*/
.hdrColorBtn7 button { background-image: url(../common-img/btn_hdr_bgc_menu_hover.gif); width: 145px !important; } /*メニューホバー背景色ボタン*/
.hdrColorBtn7Sp button { background-image: url(../common-img/btn_hdr_bgc_menu_hover_sp.gif); width: 152px !important; } /*メニューホバー背景色ボタンSP*/
.hdrColorBtn8 button { background-image: url(../common-img/btn_hdr_bgc_hover.gif); width: 104px !important; } /*ホバー文字色ボタン*/
.hdrColorBtn8Sp button { background-image: url(../common-img/btn_hdr_bgc_hover_sp.gif); width: 113px !important; } /*ホバー文字色ボタンSP*/
.hdrColorBtn9 button { background-image: url(../common-img/btn_hdr_bgc_1.gif); width: 83px !important; } /*背景色1ボタン*/
.hdrColorBtn10 button { background-image: url(../common-img/btn_hdr_bgc_2.gif); width: 83px !important; } /*背景色2ボタン*/
.tplOriginLeft { float: left; display: block; width:48px; height: 22px; background: url(../common-img/btn_subnavi_left.gif) no-repeat 0 0; text-indent: -9999px; } /*サブナビ基点左ボタン*/
.tplOriginRight { float: left; display: block; width:48px; height: 22px; background: url(../common-img/btn_subnavi_right.gif) no-repeat 0 0; text-indent: -9999px; } /*サブナビ基点右ボタン*/
input.snLinkRowAddH { display: block; background: url(../common-img/btn_plus_h.gif) no-repeat 0 0; width: 22px; height: 25px; text-indent: -9999px; border: 0; overflow: hidden; } /*リンク追加ボタン*/
input.snLinkRowDelH { display: block; background: url(../common-img/btn_minus_h.gif) no-repeat 0 0; width: 22px; height: 25px; text-indent: -9999px; border: 0; overflow: hidden; } /*リンク削除ボタン*/
input.cvImageRowAddH { display: block; background: url(../common-img/btn_plus_h.gif) no-repeat 0 0; width: 22px; height: 25px; text-indent: -9999px; border: 0; overflow: hidden; } /*カバー画像追加ボタン*/
input.cvImageRowDelH { display: block; background: url(../common-img/btn_minus_h.gif) no-repeat 0 0; width: 22px; height: 25px; text-indent: -9999px; border: 0; overflow: hidden; } /*カバー画像削除ボタン*/
input.ftLinkRowAddH { display: block; background: url(../common-img/btn_plus_h.gif) no-repeat 0 0; width: 22px; height: 25px; text-indent: -9999px; border: 0; overflow: hidden; } /*フッターナビ追加ボタン*/
input.ftLinkRowDelH { display: block; background: url(../common-img/btn_minus_h.gif) no-repeat 0 0; width: 22px; height: 25px; text-indent: -9999px; border: 0; overflow: hidden; } /*フッターナビ画像削除ボタン*/

/*すべての項目を保存するボタン*/
#editBoxSide #BTNallSave { width: 157px; height: 20px; line-height: 20px; background-color: #497FE2; border: 1px solid #3660AD; color: #FFF; cursor: pointer; font-size: 12px; text-align: center; position: absolute; left: 5px; top: 7px; z-index: 1; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(#6B96A9), to(#346F89)); background-image: -moz-linear-gradient(top, #6B96A9, #346F89); background-image: -ms-linear-gradient(top, #6B96A9, #346F89); background-image: -o-linear-gradient(top, #6B96A9, #346F89); background-image: linear-gradient(top, #6B96A9, #346F89); -pie-background: linear-gradient(#6B96A9, #346F89); behavior:url("/PIE.htc"); }

/*リセットボタン*/
#editBoxSide  #BTNreset { width: 73px; height: 20px; line-height: 20px; background-color: #DA4646; border: 1px solid #C84040; color: #FFF; cursor: pointer; font-size: 12px; text-align: center; position: absolute; right: 5px; top: 7px; z-index: 1; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(#E99797), to(#DC5050)); background-image: -moz-linear-gradient(top, #E99797, #DC5050); background-image: -ms-linear-gradient(top, #E99797, #DC5050); background-image: -o-linear-gradient(top, #E99797, #DC5050); background-image: linear-gradient(top, #E99797, #DC5050); -pie-background: linear-gradient(#E99797, #DC5050); behavior: url("/PIE.htc"); }

/*レイアウト変更ボタン*/
#editBoxSide #BTNlayout { width: 22px; height: 22px; background: url(../common-img/btn_layout_top.gif) no-repeat 0 0; cursor: pointer; position: absolute; left: 5px; top: 7px; z-index: 1; overflow: hidden; text-indent: -9999px; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ページ管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*グローバルメニュー一覧*/
#gMenuList { margin: 0; padding: 0; font-size: 75%; }
#gMenuList ul { margin: 0; padding: 5px; list-style-type: none; }
#gMenuList li { margin: 0; padding: 5px; border-bottom: 1px dotted #CCC; display: block; }
#gMenuList li input { margin-right: 2px; cursor: pointer; }
#gMenuList li label { cursor: pointer; font-size: 12px; }
#gMenuList div { font-size: 12px; }
#gMenuList .textLl select { width: 95% !important; }
#gMenuList .textLl textarea { width: 95% !important; }
p.gMenuListTitle { padding: 0 10px; height: 47px; font-weight: bold; line-height: 47px; font-size: 12px; background: url(../common-img/page_pagelist_header.gif) repeat-x bottom; }
p.gMenuListSubTitle { /*グレイバック・黒文字*/ background: #F2F2F2; color: #333; font-weight: bold; font-size: 12px; padding: 5px 10px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }

/*saas版追加*//* v1.6で廃止*/
#pagePageList { overflow-y: hidden !important; }
#pagePageList #pageBody { padding: 54px 0 24px 0 !important; }
#pagePageList #pageBodyInner { padding: 0 20px 0 !important; background: none !important; }
#pagePageList #localNaviArea { z-index: 1; }

/*メインエリア*/
#pagePageList #boxMain { width: 100%; }
#pagePageList #boxMain .containerInner { padding: 0 0 0 15px; }
#pageArea,#catArea { background: url(../common-img/page_pagelist_tab_bg.gif) repeat-x 0 0; }

/*ページ移動*/
#pageListMoveMenu { float: right; width: 370px; height: 32px; }
#pageListMoveMenu table { float: right; }
#pageListMoveMenu table td { padding: 2px 0 0 5px; height: 27px; vertical-align: middle; }

/*リストメニュー*/
#pageListHeader { float: left; width: 345px; height: 32px; }
#pageListHeaderInner { height: 32px; display: block; }
#pageListHeader table { height: 32px; font-size: 12px; }
#pageListHeader table th { padding: 0 1px 0 0; vertical-align: top; }
#pageListHeader table td { padding: 0 0 0 10px; vertical-align: top; }

/*タブ*/
.pageListHeaderTabOn a { width: 170px; height: 32px; text-align: center; line-height: 32px; display: block; color: #000; font-weight: bold; cursor: default; background: url(../common-img/page_pagelist_tab_on.gif) no-repeat 0 0; }
.pageListHeaderTabOn a:hover { text-decoration: none; }
.pageListHeaderTabOff a { width: 170px; height: 31px; text-align: center; line-height: 32px; display: block; color: #6789B4; background: url(../common-img/page_pagelist_tab_off.gif) no-repeat 0 0; }
.pageListHeaderTabOff a:hover { text-decoration: none; color: #7BBFE4; }

/*一覧テーブルヘッド*/
.pageListTableHead { height: 40px; border-bottom: 1px solid #E0E0E0; background: url(../common-img/page_pagelist_header.gif) repeat-x bottom; }
.pageListTableHead table td { padding: 10px 0 0 0; }

#pageTable { overflow-x: hidden !important; }

/*一覧テーブル*/
.pageListTable { }
.pageListTable td { padding: 8px 0 7px 0; border-bottom: 1px solid #E0E0E0; }
.pageListTable td a { font-weight: normal; }
.pageListContainer { clear: both; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; background: #FFF; }
.lab { margin: 0 0 2px 0 !important; padding: 1px 2px 0 4px !important; display: block; }

/*ページ名テキストフィールド*/
input.pageTitleTextBox { padding: 2px 0; width: 14em; border: 1px solid #CCC; background: #FFF; cursor: text; }
input.pageTitleTextBox:hover { border: 1px solid #999; background: #DAF0F8; }
input.pageTitleTextBox:focus { border: 1px solid #999; background: #DAF0F8; }

/*ディレクトリ*/
.pageListDirectory { padding: 2px 5px; width: 350px; border: 1px solid #CCC; background: #FFF; cursor: text; }

/*インデックス表示*/
.pageListIndex td { }

/*ページタイトル*/
.pageListPageTtl { font-weight: bold; line-height: 1.2em; }

/*ページURL*/
.pageListPageUrl { color: #999; font-size: 10px; }

/*ラベルエリア*/
.pageListRssArea { padding: 3px 5px 0 10px; }
.inlineBox { margin: 2px 2px 2px 0; white-space: nowrap; padding: 1px 5px 0 5px; font-size: 10px; border: 1px solid #333; display: inline-block; line-height: 1.5em; }

/*サイドエリア*/
.boxSideArea { width: 253px; }

/*メニューエリア*/
#pagePageListfolderBtnArea { width: 100%; height: 32px; display: block; background: url(../common-img/page_pagelist_tab_bg.gif) repeat-x 0 0; }

/*メニュー*/
#envSelectArea { float: left; width: 125px; font-size: 12px; }
#envSelectArea ul { margin: 0; padding: 0; list-style: none; }
#envSelectArea ul li { float: left; width: 61px; height: 32px; display: block; }
#envSelectArea ul li span { width: 61px; height: 32px; display: block; color: #000; text-align: center; line-height: 32px; font-weight: bold; background: url(../common-img/page_menulist_tab_on.gif) no-repeat 0 0; }
#envSelectArea ul li a { width: 60px; height: 32px; display: block; font-weight: normal; background: url(../common-img/page_menulist_tab.gif) no-repeat 0 0; }
#envSelectArea ul li a:hover { text-decoration: none; }
#pagePageListfolderBtnArea #gmenuMenuButtons { float: right; margin: 3px 0 0 0; /*width: 92px;*/ display: block; }

/*サイトツリー*/
#pagePageList #treeAreaOuter { border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; background: #FFF; }
#pagePageList #treeArea { margin: 0 !important; padding: 0 !important; display: block; overflow-x: hidden; }
#pagePageList #subTreeArea { padding: 0 !important; background: none !important; }
#pagePageList #subTreeAreaInner { padding: 0 !important; background: none !important; }
#pagePageList #SiteTree { margin: 0; padding: 0; list-style: none; width: 100%; font-size: 12px; }
#pagePageList #SiteTree li { clear: both; width: 100%; display: block; line-height: 1.2em; }
#pagePageList #SiteTree li ul { clear: both; }
#pagePageList #SiteTree a { color: #333 !important; }
#pagePageList #SiteTree a:hover { color: #55A0FF !important; }
.gTable { table-layout: fixed !important; }

/*グローバルメニュー*/
#pagePageList #SiteTree .gMenu { border-bottom: 1px solid #E0E0E0; }
#pagePageList #SiteTree td { padding: 0; vertical-align: top; }
#pagePageList #SiteTree input { padding: 0; margin: 0; }
#pagePageList #SiteTree .gMenu table { width: 100%; }
#pagePageList .gMenuInner { padding: 7px 0 6px 0; display: block; }
#pagePageList #SiteTree .gMenu input { float: left; margin: 0 0 0 3px; padding: 0; }

/*ローカルメニュー*/
#pagePageList #SiteTree .lMenu { padding: 7px 0 6px 0; border-top: 1px dotted #E0E0E0; }
#pagePageList #SiteTree .lMenu input { float: left; margin: 0; padding: 0; }

/*メニューアクティブ（グローバル）*/
#pagePageList #SiteTree .pgChecked .gMenuInner { background: #DAF0F8; }
#pagePageList #SiteTree .pgActive .gMenuInner { background: #63C5E4; }
#pagePageList #SiteTree .pgActive .gMenuInner a { font-weight: bold; color: #000 !important; }

/*メニューアクティブ（ローカル）*/
#pagePageList #SiteTree .plActive { background: #63C5E4; }
#pagePageList #SiteTree .plChecked { background: #DAF0F8; }
#pagePageList #SiteTree .plActive a { font-weight: bold; color: #000 !important; }
#pagePageList .gMenuListTxt { margin: 0 0 0 2px; padding: 0; display: block; }
#pagePageList .mMenuListTxt { margin: 0 0 0 2px; padding: 0; display: block; }
#pagePageList .lMenuListTxt { margin: 0 0 0 2px; padding: 0; display: block; }

/*表示状態PC*/
#pagePageList .menuListOpenPc { float: right; width: 18px; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListOpenPc span { width: 13px; height: 13px; text-indent: -9999px; overflow: hidden; display: block; background: url(../common-img/ico_show_pc.gif) no-repeat 0 0; }
#pagePageList .pgActive .gMenuInner .menuListOpenPc span { background: url(../common-img/ico_show_pc_on.gif) no-repeat 0 0; }
#pagePageList .plActive .lMenuInner .menuListOpenPc span { background: url(../common-img/ico_show_pc_on.gif) no-repeat 0 0; }
#pagePageList .hideOpen .menuListOpenPc { opacity: 0.3; filter: alpha(opacity=30); zoom: 1; }

/*表示状態SP*/
#pagePageList .menuListOpenSp { float: right; width: 13px; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListOpenSp span { width: 8px; height: 13px; text-indent: -9999px; overflow: hidden; display: block; background: url(../common-img/ico_show_sp.gif) no-repeat 0 0; }
#pagePageList .pgActive .gMenuInner .menuListOpenSp span { background: url(../common-img/ico_show_sp_on.gif) no-repeat 0 0; }
#pagePageList .plActive .lMenuInner .menuListOpenSp span { background: url(../common-img/ico_show_sp_on.gif) no-repeat 0 0; }
#pagePageList .hideOpenSp .menuListOpenSp { opacity: 0.3; filter: alpha(opacity=30); zoom: 1; }

/*公開状態*/
#pagePageList .menuListShow { float: right; width: 18px; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListShow span { width: 13px; height: 13px; text-indent: -9999px; overflow: hidden; display: block; background: url(../common-img/ico_link.gif) no-repeat 0 0; }
#pagePageList .pgActive .gMenuInner .menuListShow span { background: url(../common-img/ico_link_on.gif) no-repeat 0 0; }
#pagePageList .plActive .lMenuInner .menuListShow span { background: url(../common-img/ico_link_on.gif) no-repeat 0 0; }
#pagePageList .hideShow .menuListShow span { background: url(../common-img/ico_nolink.gif) no-repeat 0 0; }
#pagePageList .pgActive .hideShow .gMenuInner .menuListShow span { background: url(../common-img/ico_nolink_on.gif) no-repeat 0 0; }
#pagePageList .plActive .hideShow .menuListShow span { background: url(../common-img/ico_nolink_on.gif) no-repeat 0 0; }

/*メニュー編集*/
#pagePageList .menuListEdit { float: right; width: 22px; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListEdit a { width: 13px; height: 13px; text-indent: -9999px; overflow: hidden; display: block; background: url(../common-img/ico_menu_edit.gif) no-repeat 0 0; }
#pagePageList .pgActive .gMenuInner .menuListEdit a { background: url(../common-img/ico_menu_edit_on.gif) no-repeat 0 0; }
#pagePageList .plActive .lMenuInner .menuListEdit a { background: url(../common-img/ico_menu_edit_on.gif) no-repeat 0 0; }

/*メニュー表示設定*/
#pagePageList .menuListType { float: left; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListType img { margin: 0 0 0 5px; }

/* 2011.10.14 Nishino */
#pagePageList .gTable { width: 238; margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }
#pagePageList .lTable { width: 238; margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }


/*-------------------------------------------------------------
ウインドウ
-------------------------------------------------------------*/
.pageListWindow {}
.pageListWindow #pageBodyInner { padding: 0 20px; }
.pageListWindow #main1Col { padding: 20px 0 0 0; }
.pageListWindow .contentTableEdit th { width: 25%; }
.pageListWindow .contentEditBtnArea { padding: 0; border: none; }
#pageTplSelect #main1Col { padding: 0; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
素材管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#pageImgManager { background: #FFF url(../common-img/page_imgmanager_bg.gif) repeat-y left !important; }
#pageImgManager #pageBody { padding: 34px 0 24px 0 !important; }
#pageImgManager #pageBodyInner { background: none !important; padding: 0 !important; }
#pageImgManager #localNaviArea { z-index: 1; }
#imgManagerContents { }

/*メインエリア*/
#imgManagerContents #boxMain { width: 100%; }
#imgManagerContents #boxMain .containerInner { }

/*ヘッドバーエリア*/
#imgManagerHeader { padding: 5px 0 0 0; width: 100%; background: #F2F2F2 url(../common-img/page_imgmanager_header.gif) repeat-x bottom; z-index: 1; }
#imgManagerHeaderInner { padding: 0 0 0 16px; height: 74px; }
#imgManagerHeaderInner table { }
#imgManagerHeaderInner table td { padding: 8px 10px 0 0; vertical-align: middle; }
#imgManagerHeaderInner table td inupt { vertical-align: middle; }
#imgManagerHeaderInner table td.imgNameSearch input { width: 180px; cursor: text; }

/*サイドバーエリア*/
p.gMenuListTitleLibrary { }
p.gMenuListTitleLabel { }
.imgManagerSideList { }
.imgManagerSideList th { padding: 0 10px; height: 36px; background: url(../common-img/page_pagelist_header.gif) repeat-x center bottom; }
.imgManagerSideList td { padding: 0; }
.imgManagerLibraryBox { padding: 5px 0; border-top: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; }
.imgManagerLabelBox { padding: 5px 0; border-top: 1px solid #C3C3C3; }
.labelLinkOn { font-weight: bold; padding: 2px 10px; }
.labelLinkOff { padding: 2px 10px; }
.imgManagerLabelBox .inlineBox { line-height: 0.5em; }

/*ファイル一覧エリア（マトリックス表示）*/
#imgArea { width: 100%; }
#imgAreaInner { overflow-x: hidden !important; position: relative; }
#imgArea ul { margin: 15px 0 0 15px; padding: 0; list-style: none; list-style-position: outside; }
#imgArea ul li { float: left; width: 20%; background: #FFF; }
#imgArea ul li .imgListInner { margin: 0 15px 15px 0; padding: 0; border: 1px solid #E0E0E0; background-color: #F2F2F2; }
#imgArea ul li #noImage { display: block; padding:10px 0; }
#imgArea ul li table {}
#imgArea ul li table td .imgInner { display: table; position: relative; margin: 0 auto 10px auto; padding: 0; text-align: center; }
#imgArea ul li table td .imgInner img.icoImgPrev { position: absolute; right: 2px; top: 2px; }
#imgArea ul li table td .imgInner img { max-height: 100px;  }
#imgArea ul li table td .imgInner a { width: 100px; height: 100px; display: table-cell; layout-grid-line: 100px; text-align: center; vertical-align: middle; }
#imgArea ul li table td .imgInner a:hover img { opacity: 0.7 ; filter: alpha(opacity=70) ; -ms-filter: "alpha( opacity=70 )" ; background: #FFF; }
#imgArea .imgListInfoOuter { padding: 10px; }
#imgArea a.bBtnImgAdd { display: block; width: 60px; height: 20px; background: url(../common-img/btn_img_edit2.gif) no-repeat 0 0; text-indent: -9999px; }/*画像編集ボタン*/
#imgArea a.bBtnFireDelete { display: block; width: 37px; height: 20px; background: url(../common-img/btn_img_del.gif) no-repeat 0 0; text-indent: -9999px; }/*削除ボタン*/

/*ファイル名*/
#imgArea .fileNameOuter { position: relative; width: 100%; height: 28px; background: #EEE url(../common-img/title_bg.gif) repeat-x 0 0; border-bottom: 1px solid #E0E0E0; }
#imgArea table.fileName td { margin: 0; padding: 5px 0 4px 5px; color: #000; line-height: normal; font-weight: normal; word-break: break-all; vertical-align: top; }
#imgArea table.fileName td.txtFileName { padding: 5px 20px 4px 5px; }
#imgArea table.fileName td span.fileNameSet a { position: absolute; top: 8px; right: 5px; display: block; width: 12px; height: 12px; background: url(../common-img/ico_setting.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; }
input.fileName { width: 100%; border: none; background-color: transparent; cursor: default; }

/*ファイル情報*/
#imgArea td.imgListInfo { vertical-align: top; text-align: left; }
#imgArea td.imgListInfo table { margin: 0 0 0 12px; }
#imgArea td.imgListInfo th { padding: 0 0 2px 0; width: 4.5em; vertical-align: top; text-align: left; font-size: 11px; }
#imgArea td.imgListInfo td { padding: 0 10px 2px 0; vertical-align: top; text-align: left; font-size: 11px; word-break: break-all; }
#imgArea td.imgListInfo td span { font-size: 0.8em; }
#imgArea table.imgListInfo td { word-break: break-all; }

/*ラベル*/
#imgArea .inlineBox { white-space: normal; border: 1px solid #666; }

/*ファイルURL*/
input.fileURL { width: 100%; color: #666; border: 1px solid #DDD; }
 
	
/*ファイルを取り込む*/
#imgArea td.imgListBtn { width: 100%; padding-bottom: 10px; }
#imgArea td.imgListBtn a { padding: 4px 0 2px 0; display: block; font-weight: normal; text-align: center; border: 1px solid #356F88; overflow: hidden; background-color: #356F88; background-repeat: no-repeat; background-position: 0 0; color: #FFF; 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#imgArea td.imgListBtn a:hover { border: 1px solid #356F88; text-decoration: none; }

/*ラベルエリア*/
#imgArea td.imgListLabel { padding: 3px 0 0 0; vertical-align: top; text-align: left; }

/*サイドエリア*/
#imgManagerContents #boxSide { width: 237px; }
#imgManagerContents #boxSide .containerInner { margin: 0; }

/*フォルダ管理メニュー*/
#imgManagerfolderBtnArea { width: 207px; height: 37px; background: url(../common-img/page_imgmanager_header.gif) repeat-x bottom; }
#imgManagerfolderBtnArea h3 { margin: 0; width: 207px; height: 37px; font-style: 12px; font-weight: bold; line-height: 27px; text-indent: 10px; }
#imgManagerfolderBtnArea ul { margin: 0; padding: 0; list-style: none; }
#imgManagerfolderBtnArea ul li { float: left; width: 69px; height: 37px; display: block; }
#imgManagerfolderBtnArea ul li a { width: 69px; height: 37px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
#imgManagerfolderBtnArea ul li a:hover { background-position: 0 -37px; }
#imgManagerfolderBtnArea ul li.fBox1 a { background-image: url(../common-img/btn_folder_add.gif); }
#imgManagerfolderBtnArea ul li.fBox2 a { background-image: url(../common-img/btn_folder_name_change.gif); }
#imgManagerfolderBtnArea ul li.fBox3 a { background-image: url(../common-img/btn_folder_delete.gif); }

/*サイトツリー*/
#pageImgManager #treeArea { width: auto; display: block; }
#pageImgManager #subTreeArea { }
#pageImgManager #subTreeAreaInner { padding: 0 !important; width: 180px; background: none !important; }
#pageImgManager #tableSide { width: 236px; }
#pageImgManager #SiteTree { padding: 3px 0 0 10px; }
#pageImgManager #SiteTree td.folderName { padding: 5px 0 0 5px; }

/*ローディング*/
.lazy { margin: 0 auto; }


/*------------------------------------------------------------
ユニット編集画面から開く素材管理ウインドウ
------------------------------------------------------------*/
#pageImgManagerWindow { background: url(../common-img/page_imgmanager_bg.gif) repeat-y left !important; }
#pageImgManagerWindow #pageBody { padding: 0 0 46px 0 !important; }
#pageImgManagerWindow #pageBodyInner { background: none !important; padding: 0 !important; }
#pageImgManagerWindow #imgManagerHeader { width: 100%; height: 37px; display: block; }
#pageImgManagerWindow #imgManagerfolderBtnArea { width: 207px; height: 37px; display: block; }

/*サイトツリー*/
#pageImgManagerWindow #treeArea { margin: 0 0 0 10px; padding: 10px 0 0 0; width: 190px; display: block; }
#pageImgManagerWindow #subTreeArea { padding: 0; width: 180px; overflow: auto; overflow-y: hidden; background: none !important; }
#pageImgManagerWindow #subTreeAreaInner { padding: 0 !important; width: 180px; background: none !important; }

/*ボタンエリア*/
#pageImgManagerWindow #imgManagerFooterBtnArea { width: 100%; height: 41px; position: fixed; left: 0; bottom:0; display: block; text-align: center; background: url(../common-img/p_unit_reg_btn_bg.gif) repeat-x; }
#pageImgManagerWindow #imgManagerFooterBtnArea { clear: both; }
#pageImgManagerWindow #imgManagerFooterBtnArea input { margin: 0 auto; }
#pageImgManagerWindow #imgManagerFooterBtnArea table { margin: 0 auto; }
#pageImgManagerWindow #imgManagerFooterBtnArea table td { padding: 10px 0 0 0; }


/*------------------------------------------------------------
素材管理（フォルダ名変更・ファイル名変更・フォルダ追加ウィンドウ）
------------------------------------------------------------*/
#pageImgManagerSubWindow { padding: 12px 0 12px 10px; }
#pageImgManagerSubWindow table { width: 95%; }
#pageImgManagerSubWindow table th { width: 7em; text-align: left; font-weight: bold; vertical-align: top; }
#pageImgManagerSubWindow table td { text-align: left; vertical-align: top; }
#pageImgManagerSubWindow table td input { width: 97%; }
#pageImgManagerSubWindowBtn { height: 40px; text-align: center; background: url(../common-img/p_unit_reg_btn_bg.gif) repeat-x; }
#pageImgManagerSubWindowBtn table { margin: 0 auto; }
#pageImgManagerSubWindowBtn td { padding: 10px 5px 0 5px; }
#pageImgManagerSubWindowBtn .bBtnSave { width: 99px; height: 20px; text-indent: -9999px; border: none; background: url(../common-img/btn_unit_save.gif) no-repeat; }
#pageImgManagerSubWindowBtn p { margin: 0 auto; padding: 12px 0 0 0; width: 99px; }
.imgUpdListInfo {}
.imgUpdListInfo .imgUpdListInfoInner th { padding: 0 10px 0 0 !important; vertical-align: top; text-align: right; }
.imgUpdListInfo .imgUpdListInfoInner td { padding: 0 !important; vertical-align: top; text-align: left; font-size: 1.2em; }


/*------------------------------------------------------------
素材管理 　画像編集画面
------------------------------------------------------------*/

/*ウインドウ共通*/
#pageImgManagerEdit .hdrWindowBox { width: 280px; background: url(../common-img/hdr_window_hd.gif) no-repeat left top; }
#pageImgManagerEdit .hdrWindowBar { width: 280px; height: 21px; }
#pageImgManagerEdit .hdrWindowBox h5 { float: left; margin: 0; width: 200px; height: 21px; font-size: 10px; text-indent: 8px; line-height: 24px; overflow: hidden; font-weight: normal; }
#pageImgManagerEdit .hdrWindowBoxInner { margin: 0; padding: 13px 0 0 0; border-top: 1px solid #999; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #FFF url(../common-img/slider_box_bg.gif) repeat-x bottom; text-align: center; }
#pageImgManagerEdit .hdrWindowBoxInner table { margin: 0 auto; }
#pageImgManagerEdit .hdrWindowBoxInner th { padding: 0 10px 5px 0; vertical-align: top; text-align: left; font-size: 10px; }
#pageImgManagerEdit .hdrWindowBoxInner td { padding: 0 0 5px 0; }

/*カラーピッカー*/
#pageImgManagerEdit #panel5_c .yui-panel .hd { width: 319px; }
#pageImgManagerEdit #panel5_c .hdrWindowBox { width: 340px; }
#pageImgManagerEdit #panel5_c .hdrWindowBar { width: 340px; }
#pageImgManagerEdit #panel5_c .hdrWindowBoxInner { padding: 12px 0 15px 0; }
#pageImgManagerEdit #panel5_c .yui-picker-controls .hd { width: 1px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
/admin/siteinfo サイト利用情報表示
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*初期化ボタン*/
.unitContentsBtn .bBtnRecover { display:block; width: 119px; height: 20px; text-indent: -9999px; border: none; background: url(../common-img/btn_unit_recover.gif) no-repeat; }

#bingoInfoOuter {}
#bingoInfo { padding: 20px 20px 30px; }
#bingoInfo h3 { border-bottom: 2px solid #000000; font-size: 1.3em; font-weight: bold; margin: 0; padding: 0 0 4px; }
#bingoInfo p { font-family: Verdana,Geneva,sans-serif; line-height: 2em; padding: 6px 0 0; }
#bingoInfo p span { font-size: 1.6em; }
#bingoInfo p em { font-weight: bold; }
#bingoInfoGauge { width: 450px; }
#bingoInfoGauge table { width: 450px; }
#bingoInfoGauge th { color: #6B9ED6; font-family: Verdana,Geneva,sans-serif; font-size: 0.8em; font-weight: bold; width: 50px; }
#bingoInfoGauge td { background: url("../common-img/info_gauge_bg.gif") no-repeat scroll right center transparent; height: 43px; width: 400px; }
#bingoInfoGauge td span { background: none repeat scroll 0 0 #6B9ED6; display: block; font-size: 0.1em; height: 23px; line-height: 0.1em; }

#siteinfoOuter { }
#siteinfo { padding: 20px 20px 30px 20px; }
#siteinfo h3 { margin: 0; padding: 0 0 4px 0; border-bottom: 2px solid #000; font-size: 1.3em; font-weight: bold; }
#siteinfo p { padding: 6px 0 0 0; line-height: 2em; font-family: Verdana, Geneva, sans-serif; }
#siteinfo p span { font-size: 1.6em; }
#siteinfo p em { font-weight: bold; }
#siteinfoGauge { width: 450px; }
#siteinfoGauge table { width: 450px; }
#siteinfoGauge th { width: 50px; color: #6B9ED6; font-size: 0.8em; font-weight: bold; font-family: Verdana, Geneva, sans-serif; }
#siteinfoGauge td { width: 400px; height: 43px; background: url(../common-img/info_gauge_bg.gif) no-repeat right; }
#siteinfoGauge td span { height: 23px; display: block; font-size: 0.1em; line-height: 0.1em; background: #6B9ED6; }







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
余白設定ボックス
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.spaceSetBox input.num { width: 50px; }
.spaceSetBox { position: relative; width: 335px; height: 162px; border: 1px dotted #CCC; background-color: #FFF; }
.ttlMargin { position: absolute; top: 3px; left: 3px; color: #999; font-size: 10px; }
.setMartginTop { position: absolute; left: 142px; top: 5px; }
.setMartginRight { position: absolute; top: 70px; right: 5px; }
.setMartginBottom { position: absolute; left: 142px; bottom: 5px; }
.setMartginLeft { position: absolute; top: 70px; left: 5px }
.paddignBox { position: relative; width: 212px; height: 96px; top: 32px; left: 61px; text-align: center; border: 1px solid #999; }
.ttlPadding { position: absolute; top: 3px; left: 3px; color: #999; font-size: 10px; }
.setPaddingTop { position: absolute;  top: 5px; left: 80px; }
.setPaddingRight { position: absolute; top: 37px; right: 5px; }
.setPaddingBottom { position: absolute; left: 80px; bottom: 5px; }
.setPaddingLeft { position: absolute; top: 37px; left: 5px; }
.ttlUnit { position: absolute; width: 90px; height: 32px; top: 30px; left: 60px; text-align: center; line-height: 32px; border: 1px solid #333; }