@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
add by v1.6
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#bwindow { background: #FFF; border-radius: 8px; height: 480px; position: absolute; width: 740px; z-index: 10; padding: 0; }
#bwindow-inner { background: #FFF; border-radius: 8px; height: 100%; padding: 8px; width: auto; }
#bwindow-contents { background: #FFF; height: 100%; }
#bwindow-contents iframe { border: none; height: 100%; width: 100%; }
.ui-resizable-helper { border: 1px solid #F55; z-index: 11; }

#bflip { background: #FFF; height: 480px; position: absolute; width: 100%; z-index: 10; padding: 0; top: 0; min-width: 1255px; width: expression(document.body.clientWidth < 1257? "1255px" : "auto"); }
#bflip-inner { background: #FFF; /*height: 100%;*/ /*padding: 20px;*/ width: auto; }
#bflip-contents { background: #FFF; height: 100%; }
#bflip-contents iframe { border: none; height: 100%; width: 100%; }
.ui-resizable-helper { border: 1px solid #F55; z-index: 11; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
GLOBAL RESET（初期化）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, ol, ul, li, pre, form, fieldset, input, p, blockquote { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr { border:0; }
address, caption, cite, code, dfn, h1, h2, h3, h4, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
a { text-decoration: none; overflow: hidden; }
input:focus, select:focus, textarea:focus { outline: none; }


/* Clearfix */  
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.clearfix { display: inline-table; min-height: 1%; }
/* for macIE \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of for macIE */

/*min-width*/
body#pageHome,
body#pageTpl,
body#pageTplList,
body#pagePage,
body#pagePageList,
body#pageMenu,
body#pageSite,
body#pageUser,
body#pageSkin,
body#pagePageList,
body#pageContact,
#pageHeaderOuter { min-width: 1255px; width: expression(document.body.clientWidth < 1257? "1255px" : "auto"); }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
body
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body { line-height: 1.5em; font-size: 68.5%; color: #222222; background-attachment: fixed; }
body#pageHome,
body#pageTpl,
body#pageTplList,
body#pagePage,
body#pagePageList,
body#pageMenu,
body#pageSite,
body#pageUser,
#pageUnitModule,
body#pageSkin,
body#pagePageList,
body#pagePopupAdd,
body#pageContact { background-color: #F2F2F2; }
body#pageImgManager,
body#pageModules,
body#pageCssEditor,
body#pageTpl { background-color: #FFF; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COMMON（共通パーツ、フォント設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.clr { clear: both; }
textarea { font-size: 100%; }
em { font-weight: bold; font-style: normal; }

/*LayerJS用*/
.loader {position: relative;width: 50px;height: 50px;border-radius: 50%;display: inline-block;vertical-align: middle;}
.loader-1 .loader-outter {position: absolute;border: 4px solid #f50057;width: 100%;height: 100%;-webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;}
.loader-1 .loader-inner { position: absolute; border: 4px solid #f50057; width: 30px; height: 30px; left: calc(50% - 15px); top: calc(50% - 15px); -webkit-animation: loader-1-inner 2.4s cubic-bezier(.42, .61, .58, .41) infinite; animation: loader-1-inner 2.4s cubic-bezier(.42, .61, .58, .41) infinite; }
@-webkit-keyframes loader-1-outter {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader-1-outter {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes loader-1-inner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader-1-inner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COLOR（カラー設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*--------------------------------------------------------------
font-color
--------------------------------------------------------------*/
.fc01 { color: #000; }
.fc02 { color: #F00; }
.fc02_2 { color: #F00; font-size: 0.8em; }
.fc02_3 { color: #F00; font-weight: normal; font-size: 100%; }
.fc03 { color: #06C; }
.fc04 { color: #999; }


/*--------------------------------------------------------------
link-color
--------------------------------------------------------------*/
a:link, a:active { color: #6789B4; text-decoration: none; }
a:visited { color: #6789B4; text-decoration: none; }
a:hover { color: #55A0FF; text-decoration: underline; }

/*外部リンク（別ウィンドウで開く）*/
.aTargetBlank { padding-right: 16px; background-image: url(../common-img/ico-link-blank.gif); background-position: right 1px; background-repeat: no-repeat; }


/*--------------------------------------------------------------
共通
--------------------------------------------------------------*/

/*バックグラウンドカラー*/
.c01 { background: #E7E7E7; }
.c02 { background: #FFF; }
.c03 { background: #F9F9F9; }
.c04 { background: #D7D7D7; }
.c05 { background: #999 !important; color: #FFF !important; font-weight: bold; }
.c06 { background: #000 !important; color: #FFF !important; font-weight: bold; }

/*border-top*/
.bt { border-top: 2px solid #FFF; }

/*border-non*/
.bn { border-bottom: none !important; }

/*border-bottom*/
.bb	 { border-bottom: 1px solid #CCC; }


/*--------------------------------------------------------------
チェックボックス・ラジオボタンbg
--------------------------------------------------------------*/
.activeCheck { background: #DAF0F8 !important; }
.activeRadio { background: #63C5E4 !important; }
.reverceBg { background: #CCCCCC !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
WIDTH（width設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*--------------------------------------------------------------
em指定
--------------------------------------------------------------*/
.w2 { width: 2em; }
.w3 { width: 3em; }
.w4 { width: 4em; }
.w5 { width: 5em; }
.w6 { width: 6em; }
.w7 { width: 7em; }
.w8 { width: 8em; }
.w9 { width: 9em; }
.w10 { width: 10em; }
.w11 { width: 11em; }
.w12 { width: 12em; }
.w13 { width: 13em; }
.w14 { width: 14em; }
.w15 { width: 15em; }
.w16 { width: 16em; }
.w17 { width: 17em; }
.w18 { width: 18em; }
.w19 { width: 19em; }
.w20 { width: 20em; }
.w21 { width: 21em; }
.w22 { width: 22em; }
.w23 { width: 23em; }
.w24 { width: 24em; }
.w25 { width: 25em; }
.w30 { width: 30em; }
.w35 { width: 35em; }
.w40 { width: 40em; }
.w50 { width: 50em; }
.w60 { width: 60em; }
.w70 { width: 70em; }
.w80 { width: 80em; }
.w90 { width: 90em; }
.w100 { width: 100em; }


/*--------------------------------------------------------------
%指定
--------------------------------------------------------------*/
.wr10 { width: 10%; }
.wr20 { width: 20%; }
.wr30 { width: 30%; }
.wr40 { width: 40%; }
.wr50 { width: 50%; }
.wr60 { width: 60%; }
.wr70 { width: 70%; }
.wr80 { width: 80%; }
.wr90 { width: 90%; }
.wr100 { width: 100%; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
余白設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
align設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.ct { text-align: center !important; }
.lt { text-align: left !important; }
.rt { text-align: right !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
vertical-align設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.vtt { vertical-align: top; }
.vmt { vertical-align: middle; }
.vbt { vertical-align: bottom; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通フォント設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.xx-middle { color: #333; font-size: 62.5%; }
.xx-middle_red { color: #F30; font-size: 62.5%; }
.x-middle { color: #333; font-size: 11px; }
.x-middle_st { color: #333; font-size: 11px; font-weight: bold; }
.middle { color: #333; font-size: 1em; }
.middle_st { color: #333; font-size: 75%; font-weight: bold; }
.middle_white { color: #FFF; font-size: 75%; }
a.middle_white { color: #FFF; }
.middle_white_st { color: #FFF; font-size: 75%; font-weight: bold; }
.middle_red_st { color: #F30; font-size: 75%; font-weight: bold; }
.x-middle_st_white { color: #FFF; font-size: 75%; font-weight: bold; padding-top: 1px; padding-bottom: 2px; padding-left: 5px; }
.middle_red { color: #F30; }
.middle_blue { color: #4870C3; }
.x-middle_red { color: #F30; font-size: 11px; }
.x-large { color: #333; font-size: 14px; }
.x-large_st { color: #333; font-size: 14px; font-weight: bold; }
.x-large_red_st { color: #F30; font-size: 14px; font-weight: bold; }
.x-large_blue_st { color: #4870C3; font-size: 14px; font-weight: bold; }
.x-large_white_st { color: #FFF; font-size: 14px; font-weight: bold; }
.large { color: #333; font-size: 16px; font-weight: bold; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フォーム関連
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

input { cursor: pointer; }
:root *> li select { vertical-align: middle; }
form { margin: 0; padding: 0; }
select#tpl_cover_design.tpl_cover_design { margin: 0; }

/*エラーフォーム*/
input.err { background: #F2C0C0 !important; border: 1px solid #E69191 !important; }
select.err { background: #F2C0C0 !important; }
radio.err { background: #F2C0C0 !important; }
.err { background: #F2C0C0 !important; }

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

/*完了コメント*/
p.msgBox { padding: 5px; background: #CADFFA; color: #1654A6; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
サブミットボタン
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*同意して次に進む*/
.bBtnAgree { width: 154px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_agree.gif) no-repeat; }

/*再確認*/
.bBtnReconf { width: 69px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_reconf.gif) no-repeat; }

/*接続確認*/
.bBtnConnection { width: 69px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_connection.gif) no-repeat; }

/*データベースの初期化*/
.bBtnDbReset { width: 154px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_db_reset.gif) no-repeat; }

/*管理画面へ*/
.bBtnNextAdmin { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_next_admin.gif) no-repeat; }

/*認証*/
.bBtnLogin { width: 100px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_login.gif) no-repeat; }

/*編集*/
.bBtnEdit { margin: 0 auto; width: 49px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_edit.gif) no-repeat; }

/*検索実行*/
.bBtnSearch { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_search.gif) no-repeat; }

/*管理*/
.bBtnManagement { margin: 0 auto; width: 49px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_management.gif) no-repeat; }

/*詳細*/
.bBtnDetail { margin: 0 auto; width: 49px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_detail.gif) no-repeat; }

/*保存*/
.bBtnSave { margin: 0 auto; width: 49px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_save.gif) no-repeat; }

/*保存してページ一覧へ戻る*/
.bBtnSaveBack { width: 204px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_save_back.gif) no-repeat; }

/*保存してレイアウト設定へ進む*/
.bBtnSaveNext { width: 204px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_save_next.gif) no-repeat; }

/*複製*/
.bBtnCopy { width: 49px; height: 17px; text-indent: -9999px; border: none; display: block; /*background: url(../common-img/btn_copy.gif) no-repeat;*/ }

/*登録*/
.bBtnReg { width: 49px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_reg.gif) no-repeat; }

/*削除*/
.bBtnDelete { margin: 0 auto; width: 69px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_delete.gif) no-repeat; }

/*更新*/
.bBtnUpdate { margin: 5px auto; width: 69px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_update.gif) no-repeat; }

/*公開する*/
.bBtnOpen { margin: 1px 0; width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_open.gif) no-repeat; }

/*一括公開*/
.bBtnAllOpen { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_all_open.gif) no-repeat; }

/*元に戻す*/
.bBtnRollback { margin: 3px 0 0 0; width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_rollback.gif) no-repeat; }

/*再編集*/
.bBtnReedition { margin: 1px 0; width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_reedition.gif) no-repeat; }

/*公開申請*/
.bBtnOpenRequest { margin: 1px 0; width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_open_request.gif) no-repeat; }

/*公開却下*/
.bBtnOpenCancel { margin: 1px 0; width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_open_cancel.gif) no-repeat; }

/*キャンセル*/
.bBtnCancel { width: 99px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_unit_cancel.gif) no-repeat; }

/*メニューも公開する*/
.bBtnOpen1 { width: 129px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_menu_open1.gif) no-repeat; }

/*インデックスとして公開する*/
.bBtnChangeIndex { width: 154px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_index.gif) no-repeat; }

/*メニューは公開しない*/
.bBtnOpen2 { width: 129px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_menu_open2.gif) no-repeat; }

/*閉じる*/
.bBtnClose { width: 99px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_unit_close.gif) no-repeat; }

/*利用*/
.bBtnUse { width: 49px; height: 17px; text-indent: -9999px; border: none; background: url(../common-img/btn_use.gif) no-repeat; }

/*停止*/
.bBtnStop { width: 49px; height: 17px; text-indent: -9999px; border: none; background: url(../common-img/btn_stop.gif) no-repeat; }

/*申請却下を実行*/
.btnReject { width: 99px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_reject.gif) no-repeat; }

/*一覧へ戻る*/
.bBtnListBack { float: left; margin: 10px 0 0 10px; width: 101px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_list_back.gif) no-repeat; }
.bBtnListBack a { width: 101px; height: 20px; display: block; }

/*グローバルメニュー一覧へ戻る*/
.bBtnGmenuListBack { float: left; margin: 0; width: 224px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_gmenu_list_back.gif) no-repeat; }
.bBtnGmenuListBack a { width: 224px; height: 20px; display: block; }

/*テンプレート編集へ戻る*/
.bBtnTplBack { float: left; margin: 10px 0 0 10px; width: 171px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_tpl_back.gif) no-repeat; }
.bBtnTplBack a { width: 171px; height: 20px; display: block; }

/*前に戻る*/
.bBtnBack { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_back.gif) no-repeat; }

/*次に進む*/
.bBtnNext { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_next.gif) no-repeat; }

/*新規作成*/
.bBtnNewCreation { width: 164px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_new_creation.gif) no-repeat; }

/*新規グローバルメニュー登録*/
.bBtnNewGlobalMenu { width: 204px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_new_global_menu.gif) no-repeat; }

/*新規ローカルメニュー登録*/
.bBtnNewLocalMenu { width: 204px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_new_local_menu.gif) no-repeat; }

/*新規ページ追加*/
.bBtnNewPage { width: 164px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_new_page.gif) no-repeat; }

/*新規ページ作成*/
.bBtnNewIndexPage { width: 164px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_new_index_page.gif) no-repeat; }

/*新規連載型トップページ作成*/
.bBtnNewListPage { width: 204px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_new_list_page.gif) no-repeat; }

/*新規ユーザー登録*/
.bBtnNewUser { width: 164px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_new_user.gif) no-repeat; }

/*行削除*/
.bBtnLineDel { width: 69px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_line_del.gif) no-repeat; }

/*行追加*/
.bBtnLineAdd { width: 69px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_line_add.gif) no-repeat; }

/*プレビュー*/
.bBtnPreviewS { width: 17px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_preview.gif) no-repeat; }

/*送信する*/
.bBtnSend { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_send.gif) no-repeat;}

/*オリジナルにもどす*/
.bBtnReturn { width: 119px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_sauce_reset.gif) no-repeat; }

/*閉じる*/
.bBtnClosePopup { width: 99px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_unit_close.gif) no-repeat; }

/*閉じる（NEWウインドウ）*/
.bBtnCloseWindow { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_list_close.gif) no-repeat; }

/*ラベルを追加*/
.bBtnLabelAdd { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_label_add.gif) no-repeat; }

/*保存する*/
.bBtnListSave{ width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_list_save.gif) no-repeat; cursor: pointer; }

/*キャンセル*/
.bBtnListCancel { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_list_cancel.gif) no-repeat; cursor: pointer; }

/*移動する*/
.bBtnImgMove { width: 71px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_file_move.gif) no-repeat; }

/*全選択*/
.bBtnImgASel { margin: 0 0 0 5px; width: 61px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_img_sel.gif) no-repeat; }

/*全解除*/
.bBtnImgAUnSel { width: 61px; height: 20px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_img_unsel.gif) no-repeat; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
インフォメーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

p.titleInfo { float: left; margin: 9px 0 0 0; width: 21px; }