@charset "UTF-8";





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
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; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
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: #E4E4F2 !important;*/ background-color: #F2F2F2; }

body#pageImgManager,
body#pageModules,
body#pageCssEditor,
body#pageTpl { background-color: #FFF; }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*min-width*/
body#pageHome,
body#pageTpl,
body#pageTplList,
body#pagePage,
body#pagePageList,
body#pageMenu,
body#pageSite,
body#pageUser,
body#pageSkin,
body#pagePageList,
body#pageImgManager,
body#pageContact,
#pageHeaderOuter { min-width: 1000px; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COMMON（共通パーツ、フォント設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.clr { clear: both; }
textarea { font-size: 100%; }
em { font-weight: bold; font-style: normal; }






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

/*--------------------------------------------------------------
font-color
--------------------------------------------------------------*/
.fc01 { color: #000; }
.fc02 { color: #F00; }
.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　2010/6/16 e.yamamoto@itd
--------------------------------------------------------------*/

.activeCheck { background: #DAF0F8 !important; }
.activeRadio { background: #63C5E4 !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%; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
align設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.ct { text-align: center; }
.lt { text-align: left; }
.rt { text-align: right; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
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; }
form { margin: 0; padding: 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; }






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

/*同意して次に進む*/
.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; }
/*メニューは公開しない*/
.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; }
/*キャンセル*/
.bBtnListCancel { width: 99px; height: 17px; text-indent: -9999px; border: none; display: block; background: url(../common-img/btn_list_cancel.gif) no-repeat; }

/*移動する*/
.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; }