@charset "UTF-8";


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

td.textLs input,
td.textLs textarea { width: 15%; }
td.textLm input,
td.textLm textarea { width: 45%; }
td.textLl input,
td.textLl textarea { width: calc(100% - 8px); }
textarea,
select { border: 1px solid #CCC; padding: 1px; box-sizing: border-box; }
#pageUser select { height: 27px; }
input:focus,
textarea:focus,
select:focus { }
label { cursor: pointer; margin-right: 10px; }
.jPicker label { margin-right: 0; }
input[type="radio"] { margin-right: 5px; }
input[type="radio"]:focus { outline: none; margin: 0 5px 0 0; }
input[type="checkbox"] { margin-right: 5px; width: 16px; height: 16px; vertical-align: middle; }
input[type="checkbox"]:focus { outline: none; margin: 0 5px 0 0; }
#page-container-detail input[type="text"] { border-color: #BBB; margin: 4px 0; padding: 0 5px; box-sizing: border-box; outline: solid 4px #F5F5F5; height: 22px; }
#seachBoxOuter input[type="text"] { padding: 0 5px; box-sizing: border-box; width: 200px !important; height: 27px; }
button { -webkit-appearance: none; border: none; box-sizing: border-box; cursor: pointer; }
button[disabled] { cursor: default; }
body.noScroll .contentTable { width: 100% !important; }
textarea { padding: 10px !important; box-sizing: border-box; }


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

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

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

/*-------------------------------------------------------------
logo
-------------------------------------------------------------*/
#pageHeader h1 { float: right; display: block; width: 87px; 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: #DDD; padding: 0 10px; line-height: 36px; font-weight: normal; }
#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 ul li li a { border-top: 1px dotted #666; }

/*ホーム*/
#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: 13em !important;*/ z-index: 1001 !important; }
#pageHeader li.gNaviUnitModule1 li { float: none; height: auto !important; /*width: 13em !important;*/ }
#pageHeader li.gNaviUnitModule1 li a { float: none; width: 100%; height: auto; background-color: #000; color: #FFF; text-align: left !important; white-space: nowrap; padding: 0 15px; }
#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: 14em !important;*/ z-index: 1001 !important; }
#pageHeader li.gNaviUnitModule2 li { float: none; height: auto !important; /*width: 14em !important;*/ }
#pageHeader li.gNaviUnitModule2 li a { float: none; width: 100%; height: auto; background-color: #000; color: #FFF; text-align: left !important; white-space: nowrap; padding: 0 15px; }
#pageHeader li.gNaviUnitModule2 li a:hover { color: #7BBFE4; text-decoration: none; background-color: #000; }

/*デザイン管理*/
#pageHeader li.gNaviUnitModule3 { position: relative; background: url(../common-img/h_ico_arrow.png) no-repeat right center; padding-right: 2px; margin-right: 3px; }
#pageHeader li.gNaviUnitModule3 ul { position: absolute; top: 34px; left: 0; /*width: 13em !important;*/ z-index: 1001 !important; }
#pageHeader li.gNaviUnitModule3 li { float: none; height: auto !important; /*width: 13em !important;*/ }
#pageHeader li.gNaviUnitModule3 li a { float: none; width: 100%; height: auto; background-color: #000; color: #FFF; text-align: left !important; white-space: nowrap; padding: 0 15px; }
#pageHeader li.gNaviUnitModule3 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 #CCC; background: #FFF url(../common-img/unitmenu_bg.png) repeat-x bottom; }
#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 #CCC; border-bottom: 1px dotted #DDD; }
#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 #CCC; }
#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 #CCC; border-left: 1px solid #CCC; }
#main1Col {}
#main2Col {}
#sub {}
#seachBoxOuter { padding: 15px 15px 0 15px; }
#seachBoxOuter em { font-size: 68.5%; }
#pageUser #seachBoxOuter em { font-size: 100%; }
.contentsShopList {}
table.contentTable { width: calc(100vw - 42px); min-width: 1179px; margin-top: -1px !important; position: relative; }
body#pageFont.pageFontS table.contentTable { min-width: auto; }
#pageTpl table.contentTable { width: 100%; min-width: auto; }
table.contentTable th { padding: 0; height: 47px; border-bottom: 1px solid #CCC; 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: 10px 0; border-bottom: 1px solid #CCC; box-sizing: border-box; font-size: 12px; }
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; }
.unitContentsBaseCustom { z-index: 1; position: relative; }
.unitContentsBaseCustom input { margin-right: 20px; margin-left: 5px; }
.unitContentsBaseCustomNew { position: relative; margin-top: -43px; margin-bottom: 10px; width: 500px; z-index: 10; }
.unitContentsBaseCustomNew input { height: 25px; margin-right: 20px; margin-left: 5px; }

/*新フレーム*/
.unitContentsBaseBox { position: relative; z-index: 10; padding: 20px; background-color: #FFF; border-bottom: 1px solid #CCC; }
.unitContentsBaseBox > .inner { float: left; }
.unitContentsBaseBox input { height: 25px; margin-right: 20px; margin-left: 5px; }
.unitContentsBoxOuter { padding: 0 0 100px 0; position: relative; }
.unitContentsBoxOuter > .inner { padding: 20px; }
.unitContentsBoxOuter > .inner > .col > .inner { background-color: #FFF; border: 1px solid #CCC; padding: 30px; box-sizing: border-box; }
.unitContentsBoxOuter > .inner > .col1 { float: left; width: 398px; margin: 0; }
.unitContentsBoxOuter > .inner > .col1 > .inner { background-color: #FFF; border: 1px solid #CCC; padding: 20px; box-sizing: border-box; }
.unitContentsBoxOuter > .inner > .col2 { float: right; width: calc((100% - 398px) - 20px); margin: 0; }
.unitContentsBoxOuter > .inner > .col2 > .inner { background-color: #FFF; border: 1px solid #CCC; padding: 40px; box-sizing: border-box; }
.unitContentsBoxOuter > .inner > .col2 > .inner .settingOuter {}
.unitContentsBoxOuter > .inner > .col2 > .inner .settingInner {}
.unitContentsBoxOuter > .inner > .col2 > .inner .settingInner dl { display: flex; }
.unitContentsBoxOuter > .inner > .col2 > .inner .settingInner dl dt { flex-grow: 1; }
.unitContentsBoxOuter > .inner > .col2 > .inner .settingInner dl dd { flex-grow: 1; }
ul.tabMenu { display: flex; border-left: 1px solid #CCC; box-sizing: border-box; }
ul.tabMenu li { flex-grow: 1; list-style: none; height: 45px; box-sizing: border-box; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; }
ul.tabMenu.cols2 li { flex-basis: calc(100% / 2); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols3 li { flex-basis: calc(100% / 3); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols4 li { flex-basis: calc(100% / 4); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols5 li { flex-basis: calc(100% / 5); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols6 li { flex-basis: calc(100% / 6); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols7 li { flex-basis: calc(100% / 7); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols8 li { flex-basis: calc(100% / 8); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols8 li { flex-basis: calc(100% / 8); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols9 li { flex-basis: calc(100% / 9); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu.cols10 li { flex-basis: calc(100% / 10); flex-grow: 0; flex-shrink: 0; }
ul.tabMenu li { display: none; }
ul.tabMenu li a {}
ul.tabMenu li.enable { display: block; }
ul.tabMenu li.enable a { text-decoration: none !important; background-color: #F9F9F9; height: 45px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; line-height: 1em; color: #333; font-weight: bold; cursor: pointer; }
ul.tabMenu li a.active,
ul.tabMenu li a.hover { background-color: #FFF; border-bottom-color: #FFF; z-index: 1; position: relative; color: #47B7FF; }
ul.tabMenu + .inner { margin-top: -1px; position: relative; }
.contentBody { background-color: #FFF; border: 1px solid #CCC; padding: 30px; box-sizing: border-box; margin-top: -1px; position: relative; }
.contentBody > .inner { background-color: #FFF; border-top: 1px solid #CCC; padding: 25px 0 0 0; box-sizing: border-box; margin-top: -1px; position: relative; }

/*テンプレート管理（メニュー別表示）*/
.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 #CCC; }
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: 16px; }
.tableTemplateList { overflow-x: hidden; overflow-y: scroll; width: calc(100vw - 42px); min-width: 1179px; margin-bottom: -1px; }
table.contentListTable { width: calc(100vw - 42px); min-width: 1179px; table-layout: fixed; }
table.contentListTable th { padding: 0; height: 47px; border-bottom: 1px solid #CCC; 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 #CCC; font-size: 12px; }
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: 10px 0; border-bottom: none; }

/*ユニット・モジュール管理使用ページ*/
#pageBodyBSM { padding: 34px 0 34px; width: 100%; }
.contentTable2col { margin: 0 0 20px 0; width: 100%; border-bottom: 1px solid #CCC; }
.contentTable2col table { width: 100%; }
.contentTable2col table th { padding: 10px 5px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; background: #F5F5F5; font-weight: bold; line-height: 1.2em; }
.contentTable2col table td { padding: 10px 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; }

/*追加デザイン・拡張機能管理ページ*/
#selectTypeArea span, #selectMenuArea span { display: block; float: left; height: 27px; width: 110px; margin-right: 5px; }
#pageUnitModule #pageBody { padding: 54px 0 24px 0; }
#pageUnitModule #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageUnitModule #mainContents { }
#pageUnitModule .bBtnUpdate { float: left; }
#pageUnitModule .bBtnDelete { }
.menuLinkOn a { display: block; height: 27px; width: 110px; background: #38A2FF; border: 1px solid #38A2FF; color: #FFF; border-radius: 3px; line-height: 26px; box-sizing: border-box; text-align: center; font-weight: bold; }
.menuLinkOn a:hover { text-decoration: none; }
.menuLinkOff a { display: block; height: 27px; width: 110px; background: #FFF; border: 1px solid #38A2FF; border-radius: 3px; line-height: 26px; box-sizing: border-box; text-align: center; font-weight: bold; }
.menuLinkOff a:hover { text-decoration: none; background: #38A2FF; color: #FFF; }
#pageUnitModule input.inline-text { width: 90%; border: 1px solid #CCC; padding: 2px 5px; }
body#pageUnitModule #skinAreaPcScroll { overflow-x: hidden; overflow-y: scroll; }

/*共通*/
#pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }

/*テンプレート編集ページ*/
#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 0 0 0; }

/*サイト設定ページ*/
#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; }

/*フォント管理*/
#pageFont #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageFont #main1Col { padding: 15px 15px 0 15px; }
#pageFont .btn.bBtnListBack { margin-bottom: 0; }



/*ページ管理タブ*/
#tabMenuArea { height: 45px; background: url(../common-img/page_pagelist_tab_bg.gif) repeat-x bottom; border-left: 1px solid #CCC; }
#tabMenuArea table { height: 45px; font-size: 12px; }
#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; }

/*Yahoo YUI tree*/
#subTreeArea { background: #F4F4F4; }
#subTreeAreaInner { padding: 10px; }

/*-------------------------------------------------------------
ラベル管理
-------------------------------------------------------------*/
#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; }
table#labelTbl th { vertical-align: middle !important; }
table#labelTbl td.picker-td { padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle !important; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
CSS編集画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body#pageCssEditor { background: #FFF; }
body#pageCssEditor .unitContentsTtl { position: fixed; left: 0; top: 0; width: 100%; height: 36px; display: block; background: #F2F2F2; z-index: 10; }
body#pageCssEditor .unitContentsTtl h3 { display: inline-block; padding: 5px 0 0 10px; }
body#pageCssEditor td { font-size: 75%; }
body#pageCssEditor p.bBtnTemplateGuide { float: right; margin: 4px 15px 0 0; }
body#pageCssEditor p.bBtnTemplateGuide a { display: inline-block; width: auto; height: auto; padding: 6px 10px 6px 10px; background-color: #38A2FF; color: #FFF !important; border: 1px solid #38A2FF; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 1em; box-sizing: border-box; }
body#pageCssEditor p.bBtnTemplateGuide a:hover { background-color: #47B7FF; color: #FFF !important; text-decoration: none; }
body#pageCssEditor p.bBtnCssEdit { margin: 0; padding: 0; width: 230px; }
body#pageCssEditor 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 #cssEditorSubArea { margin: 0 auto; padding: 10px 0; width: 190px; text-align: left; }
body#pageCssEditor #cssEditorSubArea h3 { margin: 0 0 5px 0; font-weight: bold; }

/*メインエリア*/
body#pageCssEditor td#cssEditorArea { padding: 10px 10px 10px 0; }
body#pageCssEditor #cssEditorArea textarea { width: 99%; height: 100%; padding: 0 0 0 5px; border: 1px solid #CCC; background: #F4F4F4; }
body#pageCssEditor #cssEditorArea textarea:focus { border: 1px solid #CCC; background: #F0F7F7; }
body#pageCssEditor table#cssEditorDummyArea { width: 100%; height: 100%; border: 1px solid #CCC; }
body#pageCssEditor table#cssEditorDummyArea td { vertical-align: middle; text-align: center; font-weight: bold; font-size: 1.2em; }
body#pageCssEditor .unitContentsBtn { position: static !important; }
body#pageCssEditor .unitContentsBtn td { text-align: center; }
body#pageCssEditor .unitContentsBtn input { margin: 0 2px; }
body#pageCssEditor .unitContentsBtn .bBtnSave { display: inline-block; width: auto; height: auto; padding: 6px 10px 6px 10px; background-color: #38A2FF; color: #FFF !important; border: 1px solid #38A2FF; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 1em; box-sizing: border-box; }
body#pageCssEditor .unitContentsBtn .bBtnSave:hover { background-color: #47B7FF; color: #FFF !important; text-decoration: none; }


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

/*必須項目*/
table th.thImp { border-left: 5px solid #EA4333; }
table.contentTableEdit { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCC; }
.contentTableEdit th { padding: 15px 15px 14px 15px; width: 20%; text-align: left; vertical-align: top; font-weight: normal; border-bottom: 1px solid #CCC; border-left: 5px solid #DDD; }
.contentTableEdit td { padding: 15px 15px 14px 15px; text-align: left; vertical-align: middle; border-bottom: 1px solid #CCC; }
#selecter-ogp_picture { display: inline-block !important; vertical-align: middle; }
#selecter-ogp_picture img { max-height: 30px; max-width: 30px; margin-bottom: 0; margin-right: 7px; }

/*共通*/
.upImage { vertical-align: middle; }
.upImage img { width: auto; max-width: 30px; max-height: 30px; }
#selecter-bimg_img,
#selecter-bimg_img2 { display: inline-block !important; vertical-align: middle; margin-left: -4px; }
#selecter-bimg_img img,
#selecter-bimg_img2 img { margin-right: 7px; }
.upImage .uploadArea { display: inline-block; }

#pageEdit .upImage { display: flex; align-items: center; }
#pageEdit .uploadfileview { margin: 0; }
#pageEdit .uploadfileview img { margin: 0 0 0 5px; }
#pageEdit .registeredfileview { margin: 0 0 0 5px; }
#pageEdit .deletefilecheck { margin-left: 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; }

/*ボタンエリア*/
.contentEditBtnArea { padding: 10px 0; text-align: center; border-bottom: 1px solid #CCC; }
.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 （ユニット情報登録画面）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*モーダルウインドウ*/
body#pageHome #unitContainerMain,
body#pageTpl #unitContainerMain,
body#pageTplList #unitContainerMain,
body#pagePage #unitContainerMain,
body#pagePageList #unitContainerMain,
body#pageMenu #unitContainerMain,
body#pageSite #unitContainerMain,
body#pageUser #unitContainerMain,
body#pageSkin #unitContainerMain,
body#pagePageList #unitContainerMain,
body#pageContact #unitContainerMain,
body#pageUnitModule #unitContainerMain,
body#page-unit-detail #unitContainerMain,
body#page-container-detail #unitContainerMain,
body#pageContainerClipCoard #unitContainerMain,
body#pageUnitClipCoard #unitContainerMain,
body#unitAnchorEdit #unitContainerMain,
body#unitJsCssEdit #unitContainerMain { margin: 20px; padding: 0 !important; box-shadow: 0px 0px 31px -2px rgba(0,45,87,1); background-color: #F2F2F2; position: relative; font-size: 13px !important; box-sizing: border-box; min-height: 100%; min-height: calc(100vh - 40px); }
body#unitJsCssEdit #unitContainerMain { background-color: #FFF; min-height: auto !important; }
body#unitJsCssEdit { background-color: #00A1FD; }
body#unitJsCssEdit h4 { margin-left: 20px; }
body#unitJsCssEdit .unitContentsBase { margin-bottom: 100px; }

.unitContainer { }

.customAreaRightCol { background-color: #FFF; padding: 0; box-sizing: border-box; }

/*タイトルエリア*/
#unitContainerMain .unitContentsTtl { width: 100%; height: auto !important; display: block; z-index: 10; box-sizing: border-box; position: relative; background-color: transparent !important; }
#unitContainerMain .unitContentsTtl h3 { font-weight: bold; color: #FFF !important; background: #000 !important; font-size: 16px; padding: 0 40px 0 15px; height: 40px; line-height: 41px; }
#unitContainerMain .unitContentsTtl > ul { height: 47px; overflow: hidden; }
#unitContainerMain .unitContentsTtl > ul { list-style: none; margin: 20px 20px 0 auto; padding: 0; text-align: right; position: relative; z-index: 1; width: 60%; top: 0 !important; }
#unitContainerMain .unitContentsTtl > ul li { background: #FFF; text-align: center; line-height: 47px; display: inline-block; }
#unitContainerMain .unitContentsTtl > ul li a { padding: 0 20px; display: block; height: 45px; text-decoration: none; font-weight: bold; background-color: #F6F6F6; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; cursor: pointer; }
#unitContainerMain .unitContentsTtl > ul li a:hover { text-decoration: none; color: #000; background-color: #FFF; border-bottom: 1px solid #FFF; }
#unitContainerMain .unitContentsTtl > ul li.tabOver { }
#unitContainerMain .unitContentsTtl > ul li.tabOver a { color: #000 !important; background-color: #FFF; border-bottom: 1px solid #FFF; }
#unitContainerMain .unitContentsTtl > ul li.tab1 { }
#unitContainerMain .unitContentsTtl > ul li.tab2 { }
#unitContainerMain .unitContentsTtl > ul li.tab3 { }
#unitContainerMain .unitContentsTtl > ul li.tab4 { }
#unitContainerMain .unitContentsTtl > ul li.tab5 { }
#unitContainerMain .unitContentsTtl > ul li.tab6 { }
#unitContainerMain .unitContentsTtl > ul li.tab7 { }
#unitContainerMain .unitContentsTtl input.bBtnCancel { position: absolute; right: 0; top: 0; width: 40px !important; height: 40px !important; background-image: url(../common-img/ico_close.png) !important; background-repeat: no-repeat; background-position: center center !important; border-left: 1px solid #808080; text-indent: -9999px; border-radius: 0; }

/*コンテンツ*/
#page-unit-detail .unitContents,
#page-container-detail .unitContents { margin-top: -1px; padding: 0 20px 120px 20px; position: relative; min-height: calc(100vh - 300px); }

/*タブエリア */
#page-unit-detail .unitContentsBox,
#page-container-detail .unitContentsBox { background-color: #FFF; border: 1px solid #CCC; padding: 30px 30px 0 30px; position: relative; }

/*表示設定*/
.unitContentsBaseCustomNew.wr70 { width: 70% !important; }
.unitContentsBaseCustomNew input[type="text"] { outline: 4px solid #E9E9E9; }
.unitContentsBaseBox input[type="text"] { outline: 4px solid #F2F2F2; }
.unitContentsBaseCustomNew #anchor_text,
.unitContentsBaseBox #anchor_text { width: 170px; }
.unitContentsBaseCustomNew #extra_class,
.unitContentsBaseBox #extra_class { width: 250px; }
.unitContentsBaseCustomNew .decoChecboxBtn,
.unitContentsBaseBox .decoChecboxBtn { display: inline-block; margin-right: 15px; }
.unitContentsBaseCustomNew .decoChecboxBtn input[type="checkbox"],
.unitContentsBaseBox .decoChecboxBtn input[type="checkbox"] { display: none; }
.unitContentsBaseCustomNew .decoChecboxBtn label,
.unitContentsBaseBox .decoChecboxBtn label { z-index: 0; position: relative; vertical-align: middle; display: inline-block; width: 44px; height: 25px; margin: 0 4px 0 0; background: #FFF; font-size: 12px; text-align: center; transition: .2s; border: 2px solid #BBB; box-sizing: border-box; border-radius: 3px; line-height: 22px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; }
.unitContentsBaseCustomNew .decoChecboxBtn label.displayPc,
.unitContentsBaseBox .decoChecboxBtn label.displayPc { background-image: url(../common-img/ico_display_pc_off.png); }
.unitContentsBaseCustomNew .decoChecboxBtn label.displaySp,
.unitContentsBaseBox .decoChecboxBtn label.displaySp { background-image: url(../common-img/ico_display_sp_off.png); }
.unitContentsBaseCustomNew .decoChecboxBtn input[type="checkbox"]:checked + label,
.unitContentsBaseBox .decoChecboxBtn input[type="checkbox"]:checked + label { border: 2px solid #00A1FD; z-index: 1; }
.unitContentsBaseCustomNew .decoChecboxBtn input[type="checkbox"]:checked + label.displayPc,
.unitContentsBaseBox .decoChecboxBtn input[type="checkbox"]:checked + label.displayPc { background-image: url(../common-img/ico_display_pc_on.png); }
.unitContentsBaseCustomNew .decoChecboxBtn input[type="checkbox"]:checked + label.displaySp,
.unitContentsBaseBox .decoChecboxBtn input[type="checkbox"]:checked + label.displaySp { background-image: url(../common-img/ico_display_sp_on.png); }

/*ユニット詳細エリア*/
#contentBox, .contentBox { margin-top: -1px; position: relative; }

.customAreaMainCol { position: relative; min-height: 100%; box-sizing: border-box; }
.customAreaMainCol > .inner { padding: 0 0 10px 0; }

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

/*フレーム（スクロール範囲）*/
.unitFlame { width: 100%; display: block; box-sizing: border-box; }
.unitFlameInner { }

/*項目タイトル*/
.unitContents h4 { margin: 0 0 10px 0; padding: 10px 0 0 0; color: #000; line-height: normal; font-weight: normal; font-size: 16px; }
.txtImp { color: #EA4333; }
br + .txtImp { display: inline-block; margin-top: 8px; }

/*基本情報テーブル*/
.unitContentsBase { margin: 20px 20px 70px 20px; /*border: 1px solid #CCC;*/ }
#page-unit-detail .unitContentsBase,
#page-container-detail .unitContentsBase,
#pageTplLegacy .unitContentsBase { margin: 0 0 30px 0; }
.unitContentsBase table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCC; }
.unitContentsBase th { padding: 15px 15px 14px 15px; width: 20%; text-align: left; vertical-align: top; font-weight: normal; color: #000; border-bottom: 1px solid #CCC; border-left: 5px solid #DDD; background: #FFF; box-sizing: border-box; }
.unitContentsBase td { vertical-align: middle; }
.unitContentsBase table td table { border-collapse: collapse; border-top: none; }
.unitContentsBase table td table th { width: 10%; padding: 15px 15px 14px 0; border-left: none; vertical-align: middle; }
.unitContentsBase table td table td { padding: 15px 15px 14px 0; }
.unitContentsBase table td table tr:first-child th,
.unitContentsBase table td table tr:first-child td { padding: 0 15px 14px 0; }
.unitContentsBase table td table tr:last-child th,
.unitContentsBase table td table tr:last-child td { padding: 15px 15px 0 0; border-bottom: none; }
.unitContentsBase table td table td.wr50 input { width: 50%; }
.unitContentsBase table td table.unitContentsBaseInner { width: auto; }
.unitContentsBase table td table.unitContentsBaseInner tr:first-child td { padding: 0; }
.unitContentsBase table td table.unitContentsBaseInner td { border-bottom: none; }
.upLoadImgS img { max-width: 100px; height: auto !important;  }

/*必須項目*/
.unitContentsBase th.thImp { border-left: 5px solid #EA4333; }
.unitContentsBase td { padding: 15px 15px 14px 15px; text-align: left; border-bottom: 1px solid #CCC; background: #FFF; box-sizing: border-box; }

/*ファイル選択*/
.bSelectWindow { box-shadow: 0 8px 16px -8px; box-sizing: border-box; font-size: 18px; left: 50%; margin-left: -360px; position: fixed; top: 10vh; transform: scale(1, 1); transition: transform .2s ease-in-out; width: 720px; z-index: 21; }
.bSelectWindow.close { transform: scale(.8, .8); }
.bSelectWindow .inner { max-height: 70vh; overflow-y: scroll; }
.bSelectWindow ul { line-height: 1.6em; list-style: none; margin-top: -8px; }
.bSelectWindow ul li { background-color: #FFF; border: 1px solid #CCC; box-shadow: 0 13px 10px -15px; cursor: pointer; height: auto; line-height: 1.4em; margin-top: 8px; padding: 16px; position: static; text-align: left; width: 100%; }
.bSelectWindow h5 { border-bottom: 1px solid #81D4FA; }
.bSelectWindow ul li:hover,
.bSelectWindow ul li.active { background: #81D4FA; }
.bSelectWindow .btn { background: #6789B4; box-sizing: border-box; color: #FFF; display: inline-block; margin-top: 15px; padding: 15px; padding: 4px 8px; text-align: center; text-decoration: none; width: 100%; }

/*デザインオプションテーブル*/
.unitContentsOption { width: 100%; }
.unitContentsOptionInner { margin-bottom: 20px; padding: 5px; background: #DDD; }
.unitContentsOption table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.unitContentsOption th { font-size: 14px; padding: 15px 15px 14px 15px; width: 20%; text-align: left; vertical-align: middle; font-weight: normal; color: #000; border-bottom: 1px dotted #DDD; background: #FFF; }
.unitContentsOption td { font-size: 14px; padding: 15px 0 14px 15px; text-align: left; vertical-align: top; border-bottom: 1px dotted #DDD; background: #FFF; }
.unitContentsOption tr:last-child th, .unitContentsOption tr:last-child td { border-bottom: none; }

/*ボタンエリア（キャンセル・保存）*/
.unitContentsBtn { position: fixed; width: 100%; bottom: 0; border-top: 1px solid #CCC; }
#page-unit-detail .unitContentsBtn,
#page-container-detail .unitContentsBtn,
#pageTplLegacy .unitContentsBtn { padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; border-top: none; }
.unitContentsBtn .unitContentsBtnInner { width: 100%; height: 101px; position: fixed; left: 0; bottom: 0; text-align: center; z-index: 20; background-color: #00A1FD; overflow: hidden; }
.unitContentsBtn .unitContentsBtnInner .inner { border-top: 1px solid #CCC; margin: -20px 20px 20px 20px; padding: 20px 0 0 0; background: #F2F2F2; box-shadow: 0px 0px 31px -2px rgba(0,45,87,1); }
.unitContentsBtn p { padding: 12px 0 0 0; }
.unitContentsBtn input { margin: 0 auto; }
.unitContentsBtn table { width: 100%; height: 80px; background-color: #FFF; }
#pageModules .unitContentsBtn table { height: 50px; }
#page-unit-detail .unitContentsBtn table,
#page-container-detail .unitContentsBtn table,
#pageTplLegacy .unitContentsBtn table { height: 80px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.unitContentsBtn table td { padding: 0 5px; text-align: left; }
#page-unit-detail .unitContentsBtn table td,
#page-container-detail .unitContentsBtn table td { padding: 0 10px; }
.unitContentsBtn table td:first-child { text-align: right; }
.unitContentsBtn .bBtnSave { width: 150px; height: 40px; border: none; background: #369EFB; color: #FFF; text-indent: 0; margin: 0 auto 0 0; border-radius: 3px; font-size: 16px; font-weight: normal; }
.unitContentsBtn .bBtnSave:hover { background-color: #47B7FF; }
.unitContentsBtn .bBtnCancel, .unitContentsBtn .bBtnClose { width: 150px; height: 40px; background: #999; border: 1px solid 	#999; color: #FFF !important; text-indent: 0; margin: 0 0 0 auto; border-radius: 3px; font-size: 16px; font-weight: normal; }
.unitContentsBtn .bBtnCancel:hover, .unitContentsBtn .bBtnClose:hover { background-color: #ADADAD; color: #FFF !important; }
.unitContentsBtn .bsmBtnCancel, .unitContentsBtn .bsmBtnSaveUnit { display: inline-block; }

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

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

/*モーダルウインドウ ver.1.4以下*/
body#pageTplLegacy #unitContainerMain { margin: 20px; background-color: #F2F2F2; position: relative; font-size: 12px !important; box-sizing: border-box; min-height: 100%; min-height: calc(100% - 40px); border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }
body#pageTplLegacy #unitContainerMain .unitContentsTtl { width: auto; margin: 0 -1px; }
body#pageTplLegacy .unitContentsBtn table { border-left: none; border-right: none; }


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

/*タブエリア*/
.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; }
.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 #CCC; cursor: text !important; }

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

/*画像の位置*/
#hdrImgPosition { left: 699px; width: 172px; }
input#tpl_head_top { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_head_left { width: 38px; height: 19px; border: 1px solid #CCC; 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 #CCC; cursor: text !important; }

/*画像の位置*/
#hdrLogoPosition { left: 373px; width: 172px; }
input#tpl_hlogo_top { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hlogo_left { width: 38px; height: 19px; border: 1px solid #CCC; 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 #CCC; cursor: text !important; }

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

/*画像の位置*/
#hdrBnrPosition { left: 629px; width: 172px; }
input#tpl_hbanner_top { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hbanner_left { width: 38px; height: 19px; border: 1px solid #CCC; 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 #CCC; cursor: text !important; }

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

/*タイトルの位置*/
#hdrSeoTtlPositionArea { left: 893px; width: 172px; }
input#tpl_hcap_top { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hcap_left { width: 38px; height: 19px; border: 1px solid #CCC; 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 #CCC; cursor: text !important; }

/*サブナビゲーションの位置*/
#hdrSubNaviPosition { left: 554px; width: 172px; }
#tpl_hsubnavi_top { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
#tpl_hsubnavi_left { width: 38px; height: 19px; border: 1px solid #CCC; 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 #CCC; 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 #CCC; cursor: text !important; }

/*画像の位置*/
#hdrCovImgPosition { left: 699px; width: 172px; }
input#tpl_hbg_top { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hbg_left { width: 38px; height: 19px; border: 1px solid #CCC; 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 #CCC; 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 #CCC; cursor: text !important; }

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

/*v1.5.0 追記*/
input#tpl_color_content_round { width: 38px; height: 19px; border: 1px solid #CCC; 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 #CCC; cursor: text !important; }
textarea#tpl_fhtml { border: 1px solid #CCC; cursor: text !important; }
input#tpl_cover_height { height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_color_bgimg_top  { height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_fcap { height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_unit_bgtitle_round { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_unit_round { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_unit_padding { width: 38px; height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hlogo_position_t { height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hlogo_position_r { height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hlogo_position_b { height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_hlogo_position_l { height: 19px; border: 1px solid #CCC; cursor: text !important; }
input#tpl_color_ft_height { height: 19px; border: 1px solid #CCC; cursor: text !important; text-align: center !important; }
input#tpl_color_ft_padding_top { height: 19px; border: 1px solid #CCC; cursor: text !important; text-align: center !important; }
input#tpl_color_ft_padding_bottom { height: 19px; border: 1px solid #CCC; cursor: text !important; text-align: center !important; }
input#tpl_color_ft_top { height: 19px; border: 1px solid #CCC; 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 #CCC; 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; }

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

/*新規アップロードボタン*/
.bBtnUpload { float: left; margin-right: 5px; }
.bBtnUpload a { display: inline-block; padding: 6px 10px 6px 10px; background-color: #38A2FF; color: #FFF !important; border: 1px solid #38A2FF; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 1em; box-sizing: border-box; }
.bBtnUpload a:hover { background-color: #47B7FF; color: #FFF !important; text-decoration: none; }

/*アップロード済みのファイルから選択ボタン*/
.bBtnUploadSelect { float: left; }
.bBtnUploadSelect a { display: inline-block; padding: 6px 10px 6px 10px; background-color: #999; color: #FFF !important; border: 1px solid #CCC; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 1em; box-sizing: border-box; }
.bBtnUploadSelect a:hover { background: #ADADAD; color: #FFF !important; text-decoration: none; }

/*画像選択ボタン*/
.bBtnImgSelect { display: inline-block; height: 26px; }
.bBtnImgSelect a { display: block; padding: 0 10px; background-color: #999; color: #FFF !important; border: 1px solid #CCC; border-radius: 3px; font-size: 11px; line-height: 26px; box-sizing: border-box; text-align: center; text-decoration: none !important; font-weight: bold; }
.bBtnImgSelect a:hover { background: #AAA; color: #FFF !important; text-decoration: none; }
.bBtnImgSelect a.disabled { opacity: .5; }

/*画像クリアボタン*/
.imgClear { display: inline-block; width: 15px; height: 15px; background-color: #EA4333; color: #FFF !important; border-radius: 15px; font-size: 11px; box-sizing: border-box; text-align: center; text-decoration: none !important; font-weight: bold; line-height: 15px; cursor: pointer; margin-right: 10px; }

/*フォント選択ボタン*/
.bSelecterBtn { display: inline-block; width: 80px; height: 26px; padding: 0; white-space: nowrap; background-color: #999; color: #FFF !important; border: 1px solid #CCC; border-radius: 3px; font-size: 11px; line-height: 26px; text-align: center; text-decoration: none !important; box-sizing: border-box; }
.bSelecterBtn:hover { background: #AAA; color: #FFF !important; text-decoration: none; }

/*-------------------------------------------------------------
イメージ選択モーダルダイアログ
-------------------------------------------------------------*/
#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 { position: absolute; top: 50%; left: 50%; margin-left: -205px; margin-top: -220px; width: 440px; background-color: #1A1A1A; text-align: center; color: #FFF; border-radius: 5px; }
#login h1 { margin: 0 0 20px 0; height: 69px; }
#login input[type="text"],
#login input[type="password"] { padding: 0 10px; box-sizing: border-box; width: 100%; height: 35px; font-size: 14px; cursor: text; }
#login .errBox { padding: 10px; margin-top: 15px; background-color: #F2C0C0; border-radius: 3px; }
#login .err { text-align: left; color: #EA4333; font-size: 12px; }
#loginTop { padding: 30px; }
#loginTop dl { display: flex; margin-bottom: 10px; }
#loginTop dt { flex-grow: 0; flex-shrink: 0; flex-basis: 95px; display: flex; align-items: center; justify-content: flex-start; }
#loginTop dd { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 95px); }
#loginTop dl.dlPassword { display: flex; margin-bottom: 10px; height: 35px; }
#loginTop dl.dlPassword dt { flex-grow: 0; flex-shrink: 0; flex-basis: 140px; display: flex; align-items: center; justify-content: flex-start; text-align: left; }
#loginTop dl.dlPassword dd { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 140px); align-items: center; text-align: left; display: flex; }
#loginTop p { margin-bottom: 15px; text-align: left; }
#loginBox { width: calc(100% - 95px); margin-left: auto; margin-top: 15px; display: flex; align-items: center; }
#loginBox a { line-height: 1.3em; flex-grow: 1; justify-content: flex-start; text-align: left; display: flex; padding-left: 15px; font-size: 13px; }
#loginBox input.bBtnLogin { justify-content: flex-end; flex-grow: 1; padding: 10px 0 8px 0; font-size: 14px; font-weight: normal; }
#loginBottom { padding: 30px; text-align: left; border-top: 1px dotted #DDD; font-size: 10px; color: #DDD; }
#loginBottom dl { display: flex; }
#loginBottom dt { flex-grow: 0; flex-shrink: 0; flex-basis: 70px; display: flex; align-items: flex-start; justify-content: flex-start; }
#loginBottom dd { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 70px); }
#loginBottom p { margin: 0 0 6px 0; }
#loginTop a.lostPass { color: #FFF !important; }
#remindBtn { margin-left: 95px; text-align: left; }
#remindBtn a.backTop { display: inline-block; margin-right: 5px; padding: 6px 15px 5px 15px; background-color: #38A2FF; color: #FFF !important; border: 1px solid #38A2FF; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 1em; box-sizing: border-box; }
#remindBtn input.remindBtn { display: inline-block; padding: 10px 15px 8px 15px; background-color: #38A2FF; font-size: 14px !important; color: #FFF !important; border: 1px solid #38A2FF; border-radius: 3px; font-weight: bold; line-height: 1em; box-sizing: border-box; }
#remindBtn input.remindBtn:hover { background-color: #47B7FF; }
.msgBox { padding: 10px; margin-top: 20px; background-color: #D7E9F9; border-radius: 3px; color: #000; text-align: left; font-size: 12px; }
#resettingBtn { margin-left: 140px; text-align: left; }
#resettingBtn input.resettingBtn { display: inline-block; padding: 10px 15px 8px 15px; background-color: #38A2FF; font-size: 14px !important; color: #FFF !important; border: 1px solid #38A2FF; border-radius: 3px; font-weight: bold; line-height: 1em; box-sizing: border-box; margin-top: 5px; }
#resettingBtn input.resettingBtn:hover { background-color: #47B7FF; }


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

#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: 200px; }
#pageUnitModule #bnrBox a { display: inline-block; width: 100%; padding: 6px 0 7px 0; background-color: #FFF; color: #38A2FF !important; border: 1px solid #38A2FF; border-radius: 3px; font-size: 11px; line-height: 1em; box-sizing: border-box; text-align: center; font-weight: bold; }
#pageUnitModule #bnrBox a:hover { background-color: #38A2FF; color: #FFF !important; text-decoration: none; }


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

.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 { margin: 0 5px 0 10px; }
p.bBtnPagePreview a { width: 30px; height: 25px; display: block; text-indent: -9999px; background: #FFF url(../common-img/btn_preview.gif) no-repeat center center; border: 2px solid #BBB; box-sizing: border-box; border-radius: 3px; }
p.bBtnPagePreview a:hover { border: 2px solid #38A2FF !important; }

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

/*-------------------------------------------------------------
新規テンプレート作成
-------------------------------------------------------------*/
.tplListDummyThum { width: 120px; height: 120px; background: #DDD; 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 #CCC; }
#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: 10px 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 #DDD; 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 #CCC; 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 #CCC; border-bottom: 1px solid #CCC; }
#tplGmenuList ul { margin: 0; padding: 0; list-style: none; }
#tplGmenuList ul li { padding: 5px 10px; border-bottom: 1px dotted #DDD; }

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


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレート編集（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; }
body#pageTpl #localNaviArea { position: relative; height: 50px; z-index: 1; display: block; background: #FFF url(../common-img/unitmenu_bg.png) repeat-x bottom; }
body#pageTpl #localNaviArea h2 { padding: 0 30px 0 15px; }
body#pageTpl #localNaviArea #editBtnArea { font-size: 0; }
.paddingRight5 { padding-right: 5px !important; }
.paddingRight10 { padding-right: 10px !important; }
.paddingRight15 { padding-right: 15px !important; }
.paddingRight20 { padding-right: 20px !important; }
.paddingRight30 { padding-right: 30px !important; }
.paddingRight40 { padding-right: 40px !important; }
.paddingRight50 { padding-right: 50px !important; }
fieldset { margin: 0; padding: 0; border: none; display: inline; }

/*エディットエリア*/
#editBox { position: relative; background: #E8E8E8; box-shadow: 0px 10px 20px -8px #DDD; 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; font-size: 13px; }
.editTitleSub { color: #000; font-weight: bold; font-size: 11px; }

/*閉じるボタン*/
#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%; background: #F6F6F6; border-bottom: 1px solid #CCC; }
#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-right: 1px solid #CCC; color: #333; display: block; font-size: 12px; line-height: 25px; padding-left: 30px; padding-right: 30px; font-weight: bold; }
#editMenuArea ul li a:hover, #editMenuArea ul li a.active { text-decoration: none; border-bottom: 1px solid #E8E8E8 !important; background-color: #E8E8E8; }

/*保存するボタン*/
#BTNallSave { display: inline-block; margin-right: 5px; padding: 6px 10px 6px 10px; background-color: #38A2FF; color: #FFF !important; border: 1px solid #38A2FF; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 1em; box-sizing: border-box; cursor: pointer; }
#BTNallSave:hover { background-color: #47B7FF; color: #FFF !important; text-decoration: none; }

/*リセットボタン*/
#BTNreset { display: inline-block; padding: 6px 10px 6px 10px; background-color: #EA4333; color: #FFF !important; border: 1px solid #EA4333; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 1em; box-sizing: border-box; cursor: pointer; }
#BTNreset:hover { background: #DC4E2E; color: #FFF !important; text-decoration: none; }

/*レイアウト変更ボタン*/
#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; border-radius: 3px; }

/*-------------------------------------------------------------
プレビューエリア
-------------------------------------------------------------*/
#prevArea { position: relative; }
body#pageTpl #prevArea { height: 100%; }
#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; padding: 5px 0; background-color: #999; color: #FFF; text-align: center; line-height: 1em; font-size: 11px; border-radius: 3px; }
a.tplEditBtnImgUpload:hover { background-color: #ADADAD; text-decoration: none; }

/*削除ボタン*/
a.tplEditBtnImgDel { display: block; width: 34px; padding: 5px 0; background-color: #EA4333; color: #FFF; text-align: center; line-height: 1em; font-size: 11px; border-radius: 3px; }
a.tplEditBtnImgDel:hover { background-color: #DC4E2E; text-decoration: none; }

#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: 279px; height: 100%; background-color: #E8E8E8; border-right: 1px solid #CCC; }
#editBoxSide table { width: auto; }
#editBoxSide th, #editBoxSide td { font-size: 12px !important; color: #666; padding-bottom: 5px; }
#editBoxSide .editArea { padding: 5px; }
#editBoxSide .editArea input[type="text"] { padding: 2px; }
#editBoxSide .tableBGcolorSide { padding: 8px; background-color: #FFF; }
#editBoxSide .tableBGcolorSide > table:first-child td { padding-bottom: 0 !important; }
#editBoxSide .editArea textarea { padding: 5px !important; }
hr.contentBorder { border-top: 1px dotted #DDD; margin: 3px 0 8px 0; }

/*テキストフィールド再定義*/
#editBoxSide #editarea2 #tpl_hbannerurl { width: 170px; }
#editBoxSide #editarea2 input#tpl_hcap { width: 100%; }
#editBoxSide input.tpl_hsubnavi_url { width: 100%; }
#editBoxSide input.tpl_hsubnavi_text { width: 100%; }
#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: 279px; overflow: hidden; position: static; height: auto; }
#editBoxSide #editMenuAreaInner { padding: 6px 5px; }
#editBoxSideOuter #prevArea { margin-left: 280px; }

/*-------------------------------------------------------------
ボタンエリア
-------------------------------------------------------------*/
#editBoxSide #editBtnArea { height: 34px; border-top: 1px solid #CCC; 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; border-radius: 3px; }

/*リセットボタン*/
#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; border-radius: 3px; }

/*レイアウト変更ボタン*/
#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; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フォント選択
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*フォント選択*/
.selectedFontFamily { margin-left: 10px; display: inline-block; }
a._fontClear { display: inline-block; width: 15px; height: 15px; margin-left: 7px; background-color: #EA4333; color: #FFF !important; border-radius: 15px; font-size: 11px; box-sizing: border-box; text-align: center; text-decoration: none !important; font-weight: bold; line-height: 15px; }
a._fontClear:hover { background-color: #AAA; }

/*ウインドウ*/
#pageFont #pageBody { padding: 54px 0 24px 0; }
#pageFont.pageFontS #pageBody { padding: 20px 0 0 0; }
#pageFont #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageFont #ttlArea #fontSlider { float: right; }
#pageFont #ttlArea #fontSlider > p { display: inline-block; margin-right: 10px; }
#pageFont #ttlArea #fontSlider #bInputRange { display: inline-block; width: 200px; }
#pageFont #ttlArea #fontSlider #bInputRangeSize { display: inline-block; margin-left: 5px; }
#pageFont table.contentTable { width: 100%; }
#pageFont table.contentTable td.head { background-color: #F2F2F2; font-size: 14px; font-weight: bold; position: relative; padding-left: 40px; }
#pageFont table.contentTable td.head .fav { color: #FFC107; font-size: 1.4em; position: absolute; left: 15px; }
#pageFont table.contentTable td.head .fav a { color: inherit; text-decoration: none; }
#pageFont table.contentTable td .locale { margin: 2px 0 0 8px; font-size: 12px; line-height: 1.4; }
#pageFont table.contentTable td .service { font-weight: bold; margin: 2px 0 0 0; font-size: 12px; line-height: 1.4; }
#pageFont table.contentTable td.sample { font-size: 16px; line-height: 1.4; }
#pageFont table.contentTable td.sample .ja { margin-bottom: 4px; }
#pageFont a.bFontSelect { display: inline-block; padding: 8px 15px; background-color: #369EFB; color: #FFF !important; border-radius: 3px; font-size: 11px; line-height: 1em; box-sizing: border-box; text-align: center; text-decoration: none !important; font-weight: bold; transition: opacity 0.2s; }
#pageFont a.bFontSelect:hover { opacity: 0.7; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ラベル管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*ラベル管理*/
#pageLabel #pageBodyInner { margin: 0; padding: 0 20px 20px 20px; }
#pageLabel #main1Col { padding: 15px 15px 0 15px; }
#pageLabel .btn.bBtnListBack { margin-bottom: 0; }

/*#pageLabel.selector #pageHead { background-color: #539FFF; color: #FFF; padding: 5px 10px; }*/
#pageLabel.selector .page-window-header h3 { font-size: 16px; font-weight: bold; height: 40px; line-height: 41px; padding: 0 20px; background-color: #000; color: #FFF; }
#pageLabel.selector .page-window-header .close { position: absolute; right: 0; top: 0; width: 40px !important; height: 40px !important; background-image: url(../common-img/ico_close.png) !important; background-repeat: no-repeat; background-position: center center !important; border-left: 1px solid #808080; text-indent: -9999px; border-radius: 0; }
#pageLabel.selector #pageBody { padding: 0; }
#pageLabel.selector #pageBodyInner { padding: 0; }
#labelSelectWindow { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 2; width: 100vw; height: 100vh; background-color: rgb(0, 161, 253); box-sizing: border-box; }
#labelSelectWindow iframe { border: none; width: calc(100vw - 100px); height: calc(100vh - 100px); box-shadow: 0px 0px 31px -2px rgba(0, 45, 87, 1); }
#pageLabel .upImage { display: flex; align-items: center; }
#pageLabel .uploadfileview { margin: 0; }
#pageLabel .uploadfileview img { margin: 0 0 0 5px; }
#pageLabel .registeredfileview { margin: 0 0 0 5px; }
#pageLabel .deletefilecheck { margin-left: 5px; }

#pageLabel table.contentTable { width: calc(100% - 30px); margin: 0 auto; table-layout: fixed; border-top: 1px solid #CCC; min-width: auto !important; }
#pageLabel table.contentTable tr:last-child td { border-bottom: none; }
#pageLabel .kana { color: #AAA; font-size: .9em; }
#pageLabel table.contentTable table.contentTableInTable { background: #F5F5F5; }
#pageLabel table.contentTable table.contentTableInTable tr:nth-child(1) { background: #FFF; }

#pageLabel table.contentTable td .labels { display: flex; flex-wrap: wrap; margin-top: -5px; margin-right: -5px; }
#pageLabel table.contentTable td .labels > label { flex-grow: 0; flex-shrink: 1; flex-basis: calc((100% / 3) - 5px); margin-top: 5px; margin-left: 0 !important; margin-right: 5px !important; }
#pageLabel table.contentTable td .labels > label .labelBtn { display: block; padding: 4px 6px; border: 1px solid #CCC; background: #FAFAFA; }
#pageLabel table.contentTable td .labels > label input { display: none; }
#pageLabel table.contentTable td .labels > label .labelBtn:hover { border-color: #38A2FF; }
#pageLabel table.contentTable td .labels > label input:checked + .labelBtn { background-color: #38A2FF; border-color: #38A2FF; color: #FFF; }

.kanaFilter { padding: 0 15px 0 0; margin-left: 20px; }
.kanaFilter ul { list-style: none; display: flex; justify-content: flex-start; margin: 0; padding: 0; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
.kanaFilter ul li { border: 1px solid #ccc; border-left: 0; border-bottom: 0; }
.kanaFilter ul li a { display: block; padding: 10px 14px; font-size: 1.2em; text-decoration: none; font-weight: bold; }
.kanaFilter ul li.active,
.kanaFilter ul li a:hover { background: #38A2FF; }
.kanaFilter ul li.active a,
.kanaFilter ul li a:hover { color: #fff; }
 #pageLabel .btnArea { position: fixed; bottom: 0; width: 100%; background: #FFF; padding: 20px 0; text-align: center; box-shadow: 0 20px 20px 5px; border: 0; left: -.5px; }
 #pageLabel .btnArea .btnApply { background-color: #38A2FF; border-color: #38A2FF; color: #FFF; }

.labelBoxOuter { display: flex; flex-wrap: wrap; margin-top: -5px; margin-right: -5px; }
.labelBox { flex-grow: 0; flex-shrink: 1; flex-basis: calc((100% / 3) - 5px); margin-top: 5px; margin-left: 0 !important; margin-right: 5px !important; display: flex; padding: 4px 6px; border: 1px solid #CCC; background: #FAFAFA; box-sizing: border-box; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ユニット・コンテナ表示設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.unitLCateOuter { position: relative; margin-top: -5px; margin-right: -5px; overflow: hidden; font-size: 0; }
.unitLCateArea { display: inline-block; width: 33.33333%; margin-top: 5px; line-height: 1.5em; font-size: 12px; vertical-align: top; }
.unitLCateInner { display: block; margin-right: 5px; padding: 5px 10px; background-color: #F2F2F2; border: 1px solid #CCC; }
.unitLCateInner._nonCheck { background-color: #FFF; }
.unitLCate { display: table; width: 100%; }
.unitLCate .inputUnitLCate,
.unitLCate label { display: table-cell; vertical-align: middle; }
.unitLCate .inputUnitLCate { width: 23px; }
.unitLCate .iconUnitLCate { width: 49px; }
._unitLCateType_group0 input,
._unitLCateType_group0 label { display: none; }
#_contentTableBody ._unitList:nth-of-type(2) td:nth-of-type(1) { border-bottom: none; }
#_contentTableBody ._unitList:nth-of-type(3) td:nth-of-type(1) { border-bottom: none; }
#_contentTableBody ._unitList:nth-of-type(4) td:nth-of-type(1) { border-bottom: none; }
#_contentTableBody ._unitList:nth-of-type(5) td:nth-of-type(1) { border-bottom: none; }
#_contentTableBody ._unitList:nth-of-type(6) td:nth-of-type(1) { border-bottom: none; }
#_contentTableBody th,
#_contentTableBody td { padding: 10px; }


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

/*グローバルメニュー一覧*/
#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 #DDD; 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 #CCC; border-bottom: 1px solid #CCC; }

/*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: 380px; height: 44px; } */
#pageListMoveMenu { float: right; height: 44px; } /* width不要 v1.7.2 */
#pageListMoveMenu table { float: right; }
#pageListMoveMenu table td { padding: 2px 0 0 5px; height: 27px; vertical-align: middle; }

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

/*タブ*/
.pageListHeaderTabOn a { width: 170px; height: 44px; text-align: center; line-height: 44px; display: block; color: #000; font-weight: bold; cursor: default; background: #FFF; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.pageListHeaderTabOn a:hover { text-decoration: none; }
.pageListHeaderTabOff a { width: 170px; height: 43px; text-align: center; line-height: 44px; display: block; background: #F9F9F9; color: #539FFF; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.pageListHeaderTabOff a:hover { text-decoration: none; background: #FFF; color: #539FFF; }

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

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

/*検索*/
form[name=pageSearchForm] input[type="text"] {
    padding: 3px 3px 3px 3px;
    border: 1px solid #ccc;
    border-right: none;
    width: 160px;
    box-sizing: border-box;
    height: 26px;
    cursor: text;
}
form[name=pageSearchForm] input[type="submit"] {
    background: #fff url(../common-img/ic_search_black_24dp_2x.png) no-repeat center / 20px;
    text-indent: -9999px;
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    border-left: none;
    margin-left: -1px;
    transition: background-color .2s ease-out;
}
form[name=pageSearchForm] input.btn_clear {
    background-image: url(../common-img/ic_clear_black_24dp_2x.png);
}
form[name=pageSearchForm] input[type="submit"]:hover {
    background-color: #ececec;
}

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

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

/*ディレクトリ*/
.pageListDirectory { width: 350px; height: 27px; margin-top: 4px; padding: 2px 5px; border: 1px solid #CCC; background: #FFF; cursor: text; box-sizing: border-box; }

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

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

/*ページURL*/
.pageListPageUrl { margin-top: 2px; color: #999; font-size: 12px; }

/*基本情報*/
.btnBasic { display: inline-block; height: 30px; width: 110px; border: 1px solid #38A2FF; border-radius: 3px; line-height: 30px; box-sizing: border-box; font-weight: bold !important; transition: background-color 0.2s; }
a.btnBasic:hover { background-color: #38A2FF; color: #FFF; text-decoration: none; }

/*ページ編集*/
.btnPageEdit { display: inline-block; height: 30px; width: 110px; border: 1px solid #38A2FF; border-radius: 3px; line-height: 30px; box-sizing: border-box; font-weight: bold !important; transition: background-color 0.2s; }
a.btnPageEdit:hover { background-color: #38A2FF; color: #FFF; text-decoration: none; }

/*メニュー編集*/
.btnMenuEdit { display: inline-block; height: 27px; width: 110px; margin-top: 4px; background: #FFF; border: 1px solid #38A2FF; border-radius: 3px; line-height: 26px; box-sizing: border-box; font-weight: bold; transition: background-color 0.2s; }
a:hover.btnMenuEdit { background-color: #38A2FF; color: #FFF; text-decoration: none !important; }

/*ラベルエリア*/
.pageListRssArea { max-width: 200px; padding: 3px 5px 0 10px; }
.inlineBox { margin: 2px 5px 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: 45px; display: block; background: url(../common-img/page_pagelist_tab_bg.gif) repeat-x 0 0; }

/*メニュー*/
#envSelectArea { float: left; width: 142px; font-size: 12px; }
#envSelectArea ul { margin: 0; padding: 0; list-style: none; border-right: 1px solid #CCC; box-sizing: border-box; }
#envSelectArea ul li { float: left; width: 70px; height: 45px; display: block; }
#envSelectArea ul li span { width: 70px; height: 44px; display: block; color: #000; text-align: center; line-height: 44px; font-weight: bold; border-top: 1px solid #CCC; border-left: 1px solid #CCC; background: #FFF;  }
#envSelectArea ul li a { width: 70px; height: 43px; display: block; font-weight: normal; background: #F9F9F9; color: #539FFF; border-bottom: 1px solid #CCC; }
#envSelectArea ul li a:hover { text-decoration: none; }
#pagePageListfolderBtnArea #gmenuMenuButtons { float: right; margin: 3px 0 0 0; display: block; }

/*サイトツリー*/
#pagePageList #treeAreaOuter { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; 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 #CCC; }
#pagePageList #SiteTree td { padding: 0; vertical-align: top; }
#pagePageList #SiteTree input { padding: 0; margin: 0; }
#pagePageList #SiteTree .gMenu table { width: 100%; }
#pagePageList .gMenuInner { padding: 12px 0 11px 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 #DDD; }
#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; word-wrap: break-word; }
#pagePageList .mMenuListTxt { margin: 0 0 0 2px; padding: 0; display: block; word-wrap: break-word; }
#pagePageList .lMenuListTxt { margin: 0 0 0 2px; padding: 0; display: block; word-wrap: break-word; }

/*表示状態PC*/
#pagePageList .menuListOpenPc { float: right; width: 18px; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListOpenPc span { width: 15px; height: 14px; 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); }

/*表示状態SP*/
#pagePageList .menuListOpenSp { float: right; width: 13px; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListOpenSp span { width: 10px; height: 14px; 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); }

/*公開状態*/
#pagePageList .menuListShow { float: left; width: 18px; display: block; font-size: 0.1em; line-height: 0.1em; }
#pagePageList .menuListShow span { width: 18px; height: 14px; text-indent: -9999px; overflow: hidden; display: block; background: url(../common-img/ico_link.gif) no-repeat 100% 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 100% 0; }
#pagePageList .pgActive .hideShow .gMenuInner .menuListShow span { width: 15px; height: 14px; 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; }
#pagePageList .gTable { width: 238px; margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }
#pagePageList .lTable { width: 238px; margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }

/*-------------------------------------------------------------
ウインドウ
-------------------------------------------------------------*/
.pageListWindow {}
div#bwindow-layer { z-index: 2; }
#page-window { box-shadow: 0px 0px 31px -2px rgba(0, 45, 87, 1); }
#page-window .bwindow-contents { width: 100% !important; }
.pageListWindow #pageBodyInner { padding: 0 20px 0 20px; }
.pageListWindow #pageBodyInner #ttlArea { border: none; }
.pageListWindow #pageBodyInner #ttlArea h2 { margin: 0 0 10px 0; font-weight: normal; }
.pageListWindow #main1Col { padding: 20px 0 0 0; }
.pageListWindow table.contentTable { width: 100%; min-width: auto; }
.pageListWindow .contentTableEdit th { width: 28%; }
.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: 0; width: 100%; background: #F2F2F2; z-index: 1; border-bottom: 1px solid #CCC; }
#imgManagerHeaderInner { padding: 0 0 0 16px; height: 79px; font-size: 11px; }
#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; height: 27px; padding: 2px 5px; box-sizing: border-box; cursor: text; }

/*サイドバーエリア*/
.gMenuListTitleLibrary { }
.gMenuListTitleLibrary #swfupload-control label { margin-right: 0 !important; }
.gMenuListTitleLibrary #swfupload-control label span { width: 100% !important; height: auto !important; padding: 6px 10px 6px 10px; box-sizing: border-box; background-image: none !important; background-color: #38A2FF; color: #FFF; text-align: center; border-radius: 3px; font-size: 11px; font-weight: bold; }
.gMenuListTitleLibrary #swfupload-control label span:before { content: "ファイルを追加"; }
.gMenuListTitleLibrary #swfupload-control label span:hover { background-color: #47B7FF; }
.gMenuListTitleLabel { }
.imgManagerSideList { }
.imgManagerSideList th { padding: 5px 10px; height: 36px; background: url(../common-img/page_pagelist_header.gif) repeat-x center bottom; }
.imgManagerSideList td { padding: 0; }
.imgManagerLibraryBox { padding: 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.imgManagerLabelBox { padding: 10px 0; }
.labelLinkOn { font-weight: bold; padding: 5px 10px; }
.labelLinkOff { padding: 5px 10px; }
.imgManagerLabelBox .inlineBox { line-height: 0.5em; }
.imgManagerLabelBox .labelLinkOn a { color: #FFF !important; }

/*ファイル一覧エリア（マトリックス表示）*/
#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 #CCC; 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; max-width: 100px; }/* 20160616 SVG IE対策でmax-width追加 */
#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 { outline: 1px solid #38A2FF; /*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 .pager ul { margin: 0; padding: 0; }
#imgArea .pager ul li { float: none !important; width: auto !important; }

/*ファイル名*/
#imgArea .fileNameOuter { position: relative; width: 100%; height: 28px; background: #EEE url(../common-img/title_bg.gif) repeat-x 0 0; border-bottom: 1px solid #CCC; }
#imgArea .fileName { display: flex; padding: 0 5px; box-sizing: border-box; width: 100%; height: 28px; align-items: center; }
#imgArea .fileName .col1 { flex-grow: 0; flex-shrink: 0; flex-basis: 21px; }
#imgArea .fileName .col2 { flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 5px; }
#imgArea .fileName a.bBtnFireNameChange { flex-grow: 0; flex-shrink: 0; flex-basis: 12px; 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 #CCC; padding: 3px 4px; box-sizing: border-box; }

/*ファイルを取り込む*/
#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-size: 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; overflow: hidden; }
#pageImgManager #subTreeArea { }
#pageImgManager #subTreeAreaInner { padding: 0 !important; width: 180px; background: none !important; }
#pageImgManager #tableSide { width: 236px; font-size: 12px; table-layout: fixed; }
#pageImgManager #SiteTree { padding: 3px 0 0 10px; }
#pageImgManager #SiteTree td.folderName { padding: 5px 0 0 5px; }
#pageImgManager #labelListScroll,
#pageImgManager #folderListScroll { height: calc(100vh - 278px); overflow-x: hidden; }
.notAdmin #pageImgManager #labelListScroll, .notAdmin #pageImgManager #folderListScroll { height: calc(100vh - 253px); }
.callunit #pageImgManager #labelListScroll, .callunit #pageImgManager #folderListScroll { height: calc(100vh - 278px + 34px); }
.notAdmin.callunit #pageImgManager #labelListScroll, .notAdmin.callunit #pageImgManager #folderListScroll { height: calc(100vh - 253px + 34px); }

/*ローディング*/
.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 .unitContentsBtn { width: 100%; height: 80px; position: fixed; left: 0; bottom: 0; text-align: center; background: url(../common-img/p_unit_reg_btn_bg.gif) repeat-x; z-index: 20; }
#pageImgManagerEdit .unitContentsBtn p { padding: 12px 0 0 0; }
#pageImgManagerEdit .unitContentsBtn input { margin: 0 auto; }
#pageImgManagerEdit .unitContentsBtn table { margin: 0 auto; }
#pageImgManagerEdit .unitContentsBtn table td { padding: 12px 5px 0 5px; }
#pageImgManagerEdit .unitContentsBox { border: none; padding: 0; position: static; background-color: transparent; }
#pageImgManagerEdit input[type="checkbox"] { width: auto; height: auto; margin: 0; }
#pageImgManagerEdit label { margin: 0; }

/*ウインドウ共通*/
#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 #CCC; 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; }
#imgEditDialog { z-index: 9; }

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
クリップボード（コンテナ）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body#pageContainerClipCoard {}
body#pageContainerClipCoard #unitContainerMain .unitContents { box-sizing: border-box; padding: 0px 0 100px 0; }
body#pageContainerClipCoard #unitContainerMain .unitContents .unitFlame { padding: 20px; background-color: #FFF; box-sizing: border-box; }
body#pageContainerClipCoard #unitContainerMain .unitContents .unitContentsClipboard th { color: #FFF; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
クリップボード（ユニット）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body#pageUnitClipCoard {}
body#pageUnitClipCoard #unitContainerMain .unitContents { box-sizing: border-box; padding: 0px 0 100px 0; }
body#pageUnitClipCoard #unitContainerMain .unitContents .unitFlame { padding: 20px; background-color: #FFF; box-sizing: border-box; }
body#pageUnitClipCoard #unitContainerMain .unitContents .unitContentsClipboard th { color: #FFF; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
スキン組み込みアンカーメニュー設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body#unitAnchorEdit {}
body#unitAnchorEdit #unitContainerMain .unitContents { box-sizing: border-box; padding: 0px 0 100px 0; }
body#unitAnchorEdit #unitContainerMain .unitContents .unitFlame { padding: 20px; background-color: #F2F2F2; box-sizing: border-box; }
body#unitAnchorEdit #unitContainerMain .unitContents .unitContentsClipboard th { color: #FFF; }
body#unitAnchorEdit #unitContainerMain .unitContents .unitContentsBase { margin: 0 0 0 0; padding: 20px; background-color: #FFF; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
/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 !important; }
.spaceSetBox { position: relative; width: 336px; height: 208px; border: 1px dotted #DDD; background-color: #FFF; }
.ttlMargin { position: absolute; top: 3px; left: 3px; color: #999; font-size: 10px; }
.setMartginTop { position: absolute; left: 139px; top: 5px; }
.setMartginRight { position: absolute; top: 87px; right: 5px; }
.setMartginBottom { position: absolute; left: 139px; bottom: 5px; }
.setMartginLeft { position: absolute; top: 87px; left: 5px }
.paddignBox { position: relative; width: 198px; height: 120px; top: 43px; left: 68px; text-align: center; border: 1px solid #CCC; }
.ttlPadding { position: absolute; top: 3px; left: 3px; color: #999; font-size: 10px; }
.setPaddingTop { position: absolute;  top: 5px; left: 70px; }
.setPaddingRight { position: absolute; top: 43px; right: 5px; }
.setPaddingBottom { position: absolute; left: 70px; bottom: 5px; }
.setPaddingLeft { position: absolute; top: 43px; left: 5px; }
.ttlUnit { position: absolute; width: 60px; height: 32px; top: 43px; left: 68px; text-align: center; line-height: 32px; border: 1px solid #333; }

/*||||||||||||||||||||||||||||||||||||||||||||||||||||||
ASP Platform用
||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#b_product #pageUnitModule #bnrBox a { border: 0; }
#b_product #pageUnitModule #bnrBox a:hover { background-color: transparent; }

#b_product #pagePopupAdd table.contentTable { min-width: 0; }
#b_product .unitContentsBtn .bBtnRecover { width: 150px; height: 40px; background: #999; border: 1px solid #999; color: #FFF !important; text-indent: 0; margin: 0; border-radius: 3px; font-size: 16px; font-weight: normal; }
#b_product input[type="password"] { padding: 6px; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; }