@charset "UTF-8";

/*2008/10/22修正　テンプレートマスタ管理を追加*/
/*2008/11/10修正　ページ管理 テンプレート表示を削除*/
/*2008/11/11修正　min-widthを追加*/
/*2008/12/06修正　クリップボード管理画面を追加*/

#pageHeader, #wrapper { }
body { font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Osaka, "ＭＳ Ｐゴシック"; line-height: 1.5em; font-size: 68.5%; color: #222; background-attachment: fixed; }
/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*min-width*/
body#pageHome,
body#pageTpl,
body#pagePage,
body#pageMenu,
body#pageSite,
body#pageUser,
body#pageSkin { min-width: 1020px; }
body#pageImgManager { min-width: 1020px; }
#pageHeaderOuter { min-width: 1020px; }
/*#wrapper { min-width: 1020px; }
#localNaviArea { min-width: 1020px; }
#unitmenu { min-width: 1020px; }*/

/*テキストエリア*/
td.textLs input, td.textLs textarea { width: 15%; }
td.textLm input, td.textLm textarea { width: 45%; }
td.textLl input, td.textLl textarea { width: 97%; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
pageHeader
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#pageHeaderOuter { width: 100%; height: 34px; position: fixed; left: 0; top: 0; display: block; background: #000; z-index: 2; }
#pageHeader { padding: 10px 10px 0 5px; }

/*-------------------------------------------------------------
logo
-------------------------------------------------------------*/
#pageHeader h1 { float: right; margin: 0; padding: 0; display: block; width: 110px; height: 24px; background: url(../common-img/h_logo.png) no-repeat 0 0; text-indent: -9999px; font-size: 1em; }

/*-------------------------------------------------------------
gNavigation
-------------------------------------------------------------*/
#pageHeader ul { margin: 0; padding: 0; list-style-type: none; }
#pageHeader ul li { float: left; }
#pageHeader ul li a { display: block; height: 24px; text-indent: -9999px; background-position: right top; background-repeat: no-repeat; }
#pageHeader ul li a:hover 	{ background-position: 0 -24px; }
#pageHeader ul li a:active { background-position: 0 -24px; }
#pageHeader li.gNaviHome a     	 { width: 35px; background-image: url(../common-img/h_btn_home.png); }
#pageHeader li.gNaviTpl a      	 { width: 101px; background-image: url(../common-img/h_btn_tpl.png); }
#pageHeader li.gNaviMenu a     	 { width: 76px; background-image: url(../common-img/h_btn_menu.png); }
#pageHeader li.gNaviPage a     	 { width: 72px; background-image: url(../common-img/h_btn_page.png); }
#pageHeader li.gNaviSite a     	 { width: 71px; background-image: url(../common-img/h_btn_site.png); }
#pageHeader li.gNaviUser a     	 { width: 66px; background-image: url(../common-img/h_btn_user.png); }
#pageHeader li.gNaviTplMaster a 	{ width: 129px; background-image: url(../common-img/h_btn_tpl_master.png); }
#pageHeader li.gNaviUnitModule a { width: 152px; background-image: url(../common-img/h_btn_unit_module.png); }
#pageHeader li.gNaviImgmngr a { width: 58px; background-image: url(../common-img/h_btn_imgmngr.png); } /* v1.3 */
#pageHeader li.gNaviUnitModule2   { position: relative; width: 97px;}
#pageHeader li.gNaviUnitModule2 a { width: 97px; background-image: url(../common-img/h_btn_extmodule.png); }
#pageHeader li.gNaviPreview a  	 { width: 27px; background-image: url(../common-img/h_btn_preview.png); }
#pageHeader li.gNaviLogout a   	 { width: 32px; background-image: url(../common-img/h_btn_logout.png); }

#pageHeader li.gNaviUnitModule2 ul { position: absolute; top: 24px; left: 0; width: inherit; border-top: 1px solid #666; z-index: 1001 !important; }
#pageHeader li.gNaviUnitModule2 li { float: none; width: inherit; height: auto; font-size: 12px; width: 20em !important; }
#pageHeader li.gNaviUnitModule2 li a { padding: 5px; width: 20em !important; background-image: none; width: inherit; background-color: #000; color: #FFF; height: auto; text-indent: 1px; }
#pageHeader li.gNaviUnitModule2 li a:hover { color: #7BBFE4; text-decoration: none; }

/*仕切線*/
#pageHeader ul li.gNaviLine   		 { padding-left: 1px; background: url(../common-img/h_line.gif) no-repeat 0 0; }
/*アクティブ*/
#pageHome li.gNaviHome a     							  { background-position: 0 -48px; }
#pageTpl li.gNaviTpl a       							  { background-position: 0 -48px; }
#pageMenu li.gNaviMenu a     							  { background-position: 0 -48px; }
#pagePage li.gNaviPage a    							   { background-position: 0 -48px; }
#pageSite li.gNaviSite a    							   { background-position: 0 -48px; }
#pageUser li.gNaviUser a     							  { background-position: 0 -48px; }
#pageUnitModule li.gNaviUnitModule a  { background-position: 0 -48px; }
#pageSkin li.gNaviTplMaster a 							 { background-position: 0 -48px; }
#pagePreview li.gNaviPreview a 							{ background-position: 0 -48px; }
#pageImgManager li.gNaviImgmngr a { background-position: 0 -48px; } /* v1.3 */

/*未使用*/
#pageFUnit li.gNaviFUnit a    							 { background-position: 0 -48px; }
#pageDUnit li.gNaviDUnit a 							    { background-position: 0 -48px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
localNav・title・subTitle
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#localNaviArea { width: 100%; height: 40px; position: fixed; left: 0; top: 34px; display: block; background: #000; }
#ttlAreaOuter { margin: 0; padding: 0; background: #FFF; }
#ttlArea { width: 100%; height: 40px; border-bottom: 1px solid #C3C3C3; }
#ttlArea h2 { float: left; margin: 0 10px 0 0; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; color: #333; line-height: 40px; }
#localNavi { padding: 0 10px 5px 0; }
#localNavi table {}
#localNavi table td { margin: 0; padding: 0; }
/*subTitle*/
#subTtlArea { width: 100%; }
#subTtlArea h3 { margin: 10px 0; font-size: 12px; font-weight: bold; color: #000; line-height: 1.8px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
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.powerd { padding-right: 10px; line-height: 24px; font-size: 10px; text-align: right; color: #333; }
#pageFooter p.powerd a { color: #222; text-decoration: none; }
#pageFooter p.powerd a:hover { color: #222; text-decoration: underline; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
pageBody
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#pageBody { width: 100%; padding: 73px 0 34px 0; }
#pageBodyInner { margin: 0; padding: 10px 10px 10px 10px; background: #FFF; }
#main1Col {}
#main2Col {}
#sub {}
.contentsShopList { }
table.contentTable { width: 100%; }
table.contentTable th { padding: 5px; border-right: 2px solid #FFF; background: #999; color: #FFF; font-weight: bold; line-height: 1.2em; }
table.contentTable td { padding: 5px 7px 5px 5px; border-bottom: 1px solid #CCC; }
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; }
/*ユニット・モジュール管理使用ページ*/
.contentTable2col { margin: 2px 0 20px 0; width: 100%; border-bottom: 1px solid #CCC; }
.contentTable2col table { width: 100%; }
/*table.contentTable2col caption { padding: 5px; background: #999; color: #FFF; font-weight: bold; line-height: 1.2em; }*/
.contentTable2col table th { padding: 5px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; background: #DEDEDE; font-weight: bold; line-height: 1.2em; }
.contentTable2col table td { padding: 5px; }
.contentTable2col table td ul { list-style-type: none; padding: 0 0 0 5px; }
.contentTable2col table td ul.usePage li {  background: url(../common-img/ico_page.gif) no-repeat 0 0; padding-left: 20px; line-height: 2; }

/*ページ管理タブ*/
#tabMenuArea { background: #C3C3C3; padding: 15px 10px 0 10px; }
#tabMenuArea td { line-height: 1em; }
#tabMenuArea td.tabActive { padding: 8px 0 7px 0; width: 200px; border-right: 2px solid #C3C3C3; background: #FFF; font-weight: bold; border-bottom: 2px solid #FFF; }
#tabMenuArea td.tabOff { padding: 8px 0 7px 0; width: 200px; border-right: 2px solid #C3C3C3; background: #FFF; border-bottom: 2px solid #FFF; }
#tabMenuArea td.tabDown { color: #999; border-bottom: 2px solid #C3C3C3; }
#tabMenuArea td.tabDown a { padding: 8px 0 7px 0; border-right: 2px solid #C3C3C3; width: 200px; display: block; background: #F4F4F4; }
#tabMenuArea td.tabDown a:hover { text-decoration: none;  background: #FFF; }

/*編集メニュー*/
.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 url(../common-img/sub_bg_top.gif) no-repeat 0 0; }
#subTreeAreaInner { background: url(../common-img/sub_bg_bottom.gif) no-repeat left bottom; padding: 10px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
基本情報登録画面用テーブル
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*必須項目*/
table th.thImp { border-left: 10px solid #C00; }
table.contentTableEdit { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #999; }
.contentTableEdit th { padding: 10px; width: 20%; text-align: left; vertical-align: top; font-weight: normal; color: #000; border-bottom: 1px solid #999; border-left: 10px solid #999; }
.contentTableEdit td { padding: 10px 0 10px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid #999; }

/*入れ子テーブル*/
.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: 0 5px 5px 0 !important; vertical-align: top; border-left: none !important; }
.contentTableEditInner2 td { padding: 5px 5px 2px 0 !important; border-bottom: none !important; }
.contentTableEditInner2 td input { margin: 3px 0; }
.contentTableEditInner2 td select { margin: 2px 0 3px 0; }
/*IE6対応*/
.contentTableEditInner2 td input { _margin: 2px 0; }
.contentTableEditInner2 td select { _margin: 3px 0; }

/*ボタンエリア*/
.contentEditBtnArea { padding: 10px 0; text-align: center; }
.contentEditBtnArea input { margin: 0 auto; }
.contentEditBtnArea table { margin: 0 auto; }
.contentEditBtnArea table td { padding: 10px 5px; }
/*カレンダー*/
#cal1Container,#cal2Container table { width: 200px; }



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

.pageFlowBg1 { background: url(../common-img/btn_page_layout.gif) no-repeat 116px 10px; }
.pageFlowBg2 { background: url(../common-img/btn_unit_layout.gif) no-repeat 116px 10px; }
.pageFlowBg3 { background: url(../common-img/btn_unit_detail.gif) no-repeat 116px 10px; }


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




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

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

/*タイトルエリア*/
.unitContentsTtl {position: fixed; left: 0; top: 0;  width: 100%; height: 36px; display: block; background: url(../common-img/p_unit_reg_ttl_bg.gif) repeat-x bottom; z-index: 10; }
/*ユニット名*/
.unitContentsTtl h3 { position: absolute; top: 11px; left: 15px; font-weight: bold; color: #000; font-size: 16px; line-height: 1.1em; }
/*タブエリア*/
.unitContentsTtl ul { margin: 0; padding: 0; list-style: none; }
.unitContentsTtl ul li { position: absolute; top: 11px; height: 23px; background: #FFF; text-align: center; line-height: 23px; }
.unitContentsTtl ul li a { width: 126px; color: #666; display: block; text-decoration: none; }
.unitContentsTtl ul li a:hover { text-decoration: none; }
.unitContentsTtl ul li.tabOver { height: 25px; line-height: 25px; }
.unitContentsTtl ul li.tabOver a { color: #000; font-weight: bold; }
.unitContentsTtl ul li a:hover { background: #F6F6F6; color: #000; }
.unitContentsTtl ul li.tab1 { right: 15px; }
.unitContentsTtl ul li.tab2 { right: 143px; }
.unitContentsTtl ul li.tab3 { right: 271px; }
.unitContentsTtl ul li.tab4 { right: 399px; }
/*ユニット詳細エリア*/
.unitContents { background: #FFF; }
/*エラーコメント*/
.unitContents p.errBox { margin: 0 0 5px 0; padding: 5px 0; color: #C00; }
/*フレーム（スクロール範囲）*/
.unitFlame { width: 100%; display: block; }
.unitFlameInner { padding: 15px 10px; }
/*項目タイトル*/
.unitContents h4 { margin: 0 0 5px 0; padding: 3px 0 2px 0; text-indent: 10px; color: #FFF; line-height: normal; font-weight: bold; background: #999; }
.txtImp { color: #C00; }
/*基本情報テーブル*/
.unitContentsBase { margin: 0 0 20px 0; border-top: 1px solid #999; }
.unitContentsBase table { width: 100%; border-collapse: collapse; border-spacing: 0; _width: 98% !important; }
.unitContentsBase th { padding: 6px 10px; width: 20%; text-align: left; vertical-align: top; font-weight: normal; color: #000; border-bottom: 1px solid #999; border-left: 10px solid #999; background: #FFF; font-size: 75%; }
.unitContentsBase td { font-size: 75%; } 
/*必須項目*/
.unitContentsBase th.thImp { border-left: 10px solid #C00; }
.unitContentsBase td { padding: 6px 0 6px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid #999; background: #FFF; }

/*デザインオプションテーブル*/
.unitContentsOption { width: 100%; }
.unitContentsOptionInner { padding: 10px; background: #C0C6C9; }
.unitContentsOption table { width: 100%; border-collapse: collapse; border-spacing: 0; _width: 98% !important; }
.unitContentsOption th { font-size: 75%; padding: 6px 10px; width: 20%; text-align: left; vertical-align: middle; font-weight: normal; color: #000; border-bottom: 1px dotted #CCC; background: #FFF; }
.unitContentsOption td { font-size: 75%; padding: 6px 0 6px 10px; text-align: left; vertical-align: top; border-bottom: 1px dotted #CCC; background: #FFF; }
/*ボタンエリア*/
.unitContentsBtn { width: 100%; height: 46px; position: fixed; left: 0; bottom: 0; text-align: center; background: url(../common-img/p_unit_reg_btn_bg.gif) repeat-x; z-index: 2; }
.unitContentsBtn p { padding: 12px 0 0 0; }
.unitContentsBtn input { margin: 0 auto; }
.unitContentsBtn table { margin: 0 auto; }
.unitContentsBtn table td { padding: 12px 5px 0 5px; }
.unitContentsBtn .bBtnSave { width: 99px; height: 20px; text-indent: -9999px; border: none; background: url(../common-img/btn_unit_save.gif) no-repeat; }

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


/*---------------------------------------------------------------
CSS編集画面
---------------------------------------------------------------*/
/**/
p.bBtnCssEdit { float: left; margin: 0; padding: 9px 0 0 0; width: 244px; }
p.bBtnCssEdit a { width: 244px; height: 20px; text-indent: -9999px; display: block; overflow: hidden; background: url(../common-img/btn_css_add.gif) no-repeat; }

#pageCssEditor { }
#pageCssEditor td { font-size: 75%; }

p.bBtnTemplateGuide { float: right; margin: 8px 0 0 0; width: 234px; }
p.bBtnTemplateGuide a { width: 224px; height: 20px; text-indent: -9999px; display: block; overflow: hidden; background: url(../common-img/btn_get_tpl_guide.gif) no-repeat; }

/*サイドエリア*/
#cssEditorSubArea { margin: 0 auto; padding: 10px 0; width: 190px; text-align: left; }
/*メインエリア*/
td#cssEditorArea { padding: 10px 10px 10px 0; }
#cssEditorArea textarea { width: 99%; height: 100%; padding: 0 0 0 5px; border: 1px solid #999; background: #F4F4F4; }
#cssEditorArea textarea:focus { border: 1px solid #999; background: #F0F7F7; }

table#cssEditorDummyArea { width: 100%; height: 100%; border: 1px solid #999; }
table#cssEditorDummyArea td { vertical-align: middle; text-align: center; font-weight: bold; font-size: 1.2em; }


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


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


/*-------------------------------------------------------------
イメージ選択モーダルダイアログ
-------------------------------------------------------------*/
#imgdiag { display: none; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 460px; /*margin:-220px 0 0 -250px;*/}
#boverlay { display: none; position: absolute; top :0; left: 0; width: 100%; height: 500px; z-index: 5000; background: #000; /*-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);*/}
.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 #444444; text-decoration: none; }


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


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
インストール画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#installContents { padding: 20px 10px; }
#installContents h3 { margin: 0 0 20px 0; padding: 0; font-size: 2em; font-weight: bold; color: #333; }
#installContents h4 { margin: 0 0 10px 0; padding: 0; font-weight: bold; color: #333; }
#installContents .hsNarrow { margin: 0 0 10px 0; }
#installContents .hsNormal { margin: 0 0 20px 0; }
#installContents .hsWide { margin: 0 0 40px 0; }
/*リスト*/
#installContents ul { margin: 0; padding: 0 0 0 20px; }
/*テーブル*/
#installContents table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
#installContents th { padding: 6px 10px; width: 25%; text-align: left; vertical-align: top; font-weight: normal; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #F6F6F6; }
#installContents td { padding: 6px 10px; text-align: left; vertical-align: top; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ユニット・モジュール管理 2008/11/12 miyachi@iTD
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#pageUnitModule #seachBoxOuter { padding: 10px 0 10px 0; }
#pageUnitModule #seachBoxInner { float: left; }
#pageUnitModule #bnrBox { float: right; width: 244px; height: 20px; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレートマスタ管理 2008/10/22 miyachi@iTD
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#pageSkin #seachBoxOuter { padding-top: 10px; }
#pageSkin #seachBoxInner { float: left; }
#pageSkin #bnrBox { float: right; width: 244px; height: 20px; }
.bBtnEditCSS a { width: 49px; height: 17px; display: block; text-indent:-9999px; overflow: hidden; background: url(../common-img/btn_edit.gif) no-repeat; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレート設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#tplAreaOuter { margin: 0; padding: 0; background: #FFF; }
#tplArea { height: 60px; overflow: auto; }
#tplArea ul { margin: 0; padding: 0; list-style-type: none; height: 60px; }
#tplArea li { display: inline; margin-right: 5px; }
#tplArea li img { width: 60px; vertical-align: bottom; }

p.bBtnPagePreview { float: left; padding: 10px 0 0 6px; width: 38px; }
p.bBtnPagePreview a { width: 38px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; no-repeat; background: url(../common-img/btn_page_preview.gif) no-repeat 0 0; }


/*-------------------------------------------------------------
新規テンプレート作成
-------------------------------------------------------------*/
.tplListDummyThum { width: 120px; height: 120px; background: #CCC; text-align: center; line-height: 120px; color: #FFF; font-weight: bold; }
.tplListArea { overflow: auto; height: 100%; border: 1px solid #CCC; }
#display1 { font-size: 12px !important; }
#display1 ul { margin: 0; padding: 10px; list-style-type: none; }
#display1 ul li { float: left; width: 150px; height: 330px; display: block; }
#display1 ul li .tplListBox { width: 140px; height: 310px; background: #F6F6F6; border: 1px solid #999; }
#display1 li .tplListTtl { margin: 0 0 5px 0; width: 120px; height: 46px; font-weight: bold; overflow: hidden; line-height: 1.2em; }
#display1 .tplListTtl input { float: left; }
#display1 .tplListTtl label { display: block; margin: 0 0 0 15px; cursor: pointer; }
#display1 li img { width: 120px; height: 120px; }
#display1 li .tplListInner { padding: 10px }
#display1 table { margin: 10px 0 0 0; width: 118px; }
#display1 table td { padding: 3px 0 0 0; border-top: 1px dotted #CCC; 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; }


#display2 { overflow: auto; height: 380px; font-size: 12px !important; }
#display2 ul { margin: 0; adding: 0; list-style-type: none; }
#display2 ul li { float: left; width: 150px; height: 330px; display: block; }
#display2 ul li .tplListBox { width: 140px; height: 310px; background: #F6F6F6; border: 1px solid #999; }
#display2 li .tplListTtl { margin: 0 0 5px 0; width: 120px; height: 46px; font-weight: bold; overflow: hidden; line-height: 1.2em; }
#display2 .tplListTtl input { float: left; }
#display2 .tplListTtl label { display: block; margin: 0 0 0 15px; cursor: pointer; }
#display2 li img { width: 120px; height: 120px; }
#display2 li .tplListInner { padding: 10px; }
#display2 table { margin: 10px 0 0 0; width: 118px; }
#display2 table td { padding: 3px 0 0 0; border-top: 1px dotted #CCC; border-bottom: none; font-size: 12px; }
#display2 .tplListComment { height: 64px; overflow: auto; font-size: 12px; }
#display2 li.tplListNothing { width: 97%; height: 16px; padding: 10px; font-size: 1.4em; }



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

/*グローバルメニュー一覧*/
#gMenuList { margin: 0 10px 10px 0; padding: 0; font-size: 75%; }
#gMenuList ul { margin: 0; padding: 0; list-style-type: none; }
#gMenuList li { margin: 0; padding: 5px; border-bottom: 1px dotted #CCC; display: block; }
#gMenuList li input { margin-right: 5px; }
p.gMenuListTitle { /*黒バック・白文字*/ background: #000; color: #FFF; font-weight: bold; padding: 5px; }
p.gMenuListSubTitle { /*グレイバック・黒文字*/ background: #CCC; color: #333; font-weight: bold; padding: 5px; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
素材管理 2009/7/30 oosone@iTD
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

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

#imgManagerContents { }

/*メインエリア*/
#imgManagerContents #boxMain { float: left; width: 100%; }
#imgManagerContents #boxMain .containerInner { margin-left: 207px; }

/*ヘッドバーエリア*/
#imgManagerHeader { position: fixed; left: 207px; top: 75px; z-index: 1; width: 100%; height: 45px; display: block; background: url(../common-img/page_imgmanager_header.gif) repeat-x top; }
#imgManagerHeader table { margin: 5px 0 0 6px; } 
#imgManagerHeader table th { padding: 0 0 0 18px; }
#imgManagerHeader table td { padding: 0 0 0 4px; }
#imgManagerHeader table td select { font-size: 0.8em; }
#imgManagerHeader #bBtnImgAdd { width: 126px; height: 20px; cursor: pointer; }
#imgManagerHeader #bBtnImgAdd object { width: 126px !important; }
#imgManagerHeader a.bBtnImgTrash { width: 126px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; background: url(../common-img/btn_ftrashbox_empty.gif) no-repeat 0 0; }

/*ファイル一覧エリア*/
#imgArea { width: 100%; }
#imgArea ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; width: 100%; }
#imgArea ul li { width: 100%; background: #FFF url(../common-img/page_imgmanager_imglist_bg.gif) repeat-x bottom; }
#imgArea ul li .imgListInner { margin: 0; padding: 10px 20px 11px 20px; }
#imgArea ul li #noImage {}
#imgArea ul li table { }
#imgArea ul li table td .imgInner { position: relative; }
#imgArea ul li table td .imgInner img.icoImgPrev { position: absolute; right: 2px; top: 2px; }
#imgArea ul li table td .imgInner a { border: 1px solid #CCC; display: block; }
#imgArea ul li table td .imgInner a:hover { border: 1px solid #346F89; }

/*ファイル情報*/
#imgArea td.imgListInfo { padding: 5px 0 0 0; vertical-align: top; text-align: left; }
#imgArea td.imgListInfo th { padding: 0 10px 0 20px; vertical-align: top; text-align: right; color: #555555; }
#imgArea td.imgListInfo td { padding: 0 10px 0 0; vertical-align: top; text-align: left; font-size: 1.2em; }
#imgArea td.imgListInfo td span { font-size: 0.8em; }

/*ファイルを取り込む*/
#imgArea .imgListBtn a.bBtnFireApp { width: 72px; height: 72px; background-image: url(../common-img/btn_edit_app.gif); }
#imgArea .imgListBtn a:hover.bBtnFireApp { background-position: 0 -72px; }

/*ボタンエリア*/
#imgArea td.imgListBtn { width: 80px; vertical-align: top; text-align: left; }
#imgArea td.imgListBtn td { padding: 4px 0 0 0; }
#imgArea .imgListBtn a { width: 80px; height: 18px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
#imgArea .imgListBtn a.bBtnFireDelete { background-image: url(../common-img/btn_file_delete.gif); }
#imgArea .imgListBtn a.bBtnFireNameChange { background-image: url(../common-img/btn_file_name_change.gif); }
#imgArea .imgListBtn a.bBtnImgAdd { background-image: url(../common-img/btn_img_edit.gif); }

/*サイドエリア*/
#imgManagerContents #boxSide { float: left; width: 207px; margin-left: -100%; }
#imgManagerContents #boxSide .containerInner { margin: 0; }
/*フォルダ管理メニュー*/
#imgManagerfolderBtnArea { width: 207px; height: 60px; position: fixed; left: 0; top: 75px; display: block; z-index: 10; }
#imgManagerfolderBtnArea h3 { margin: 0; width: 207px; height: 32px; text-indent: -9999px; display: block; background: url(../common-img/page_imgmanager_side_ttl.gif) no-repeat 0 0; }
#imgManagerfolderBtnArea ul { margin: 0; padding: 0; list-style: none; }
#imgManagerfolderBtnArea ul li { float: left; width: 69px; height: 28px; display: block; }
#imgManagerfolderBtnArea ul li a { width: 69px; height: 28px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
#imgManagerfolderBtnArea ul li a:hover { background-position: 0 -28px; }
#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 { position: fixed; width: 190px; left: 15px; top: 144px; display: block; }
#pageImgManager #subTreeArea { padding: 0 0 20px 0; width: 180px; overflow: auto; overflow-y: hidden; background: none !important; scrollbar-face-color: #CCC; scrollbar-track-color: #EDEDED; scrollbar-arrow-color: #333; scrollbar-highlight-color: #EDEDED; scrollbar-shadow-color: #666; scrollbar-3dlight-color: #CCC; scrollbar-darkshadow-color: #666; }

#pageImgManager #subTreeAreaInner { padding: 0 !important; background: none !important; }
#pageImgManager #subTreeArea .ygtvblankdepthcell { width: 17px !important; }
#pageImgManager #subTreeArea .ygtvspacer { width: 17px !important; }
#pageImgManager #subTreeArea .ygtvtm .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvtmh .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvtn .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvtp .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvtph .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvlm .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvlmh .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvln .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvlp .ygtvspacer { width: 29px !important; }
#pageImgManager #subTreeArea .ygtvlph .ygtvspacer { width: 29px !important; }


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

#pageImgManagerWindow #imgManagerHeader { position: fixed; left: 207px; top: 0; z-index: 9; width: 100%; height: 45px; display: block; }
#pageImgManagerWindow #imgManagerfolderBtnArea { width: 207px; height: 60px; position: fixed; left: 0; top: 0; display: block; z-index: 10; }

/*サイトツリー*/
#pageImgManagerWindow #treeArea { position: fixed; width: 190px; left: 15px; top: 70px; display: block; }
#pageImgManagerWindow #subTreeArea { padding: 0 0 20px 0; width: 180px; overflow: auto; overflow-y: hidden; background: none !important; scrollbar-face-color: #CCC; scrollbar-track-color: #EDEDED; scrollbar-arrow-color: #333; scrollbar-highlight-color: #EDEDED; scrollbar-shadow-color: #666; scrollbar-3dlight-color: #CCC; scrollbar-darkshadow-color: #666; }
#pageImgManagerWindow #subTreeAreaInner { padding: 0 !important; background: none !important; }
#pageImgManagerWindow #subTreeArea .ygtvblankdepthcell { width: 17px !important; }
#pageImgManagerWindow #subTreeArea .ygtvspacer { width: 17px !important; }
#pageImgManagerWindow #subTreeArea .ygtvtm .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvtmh .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvtn .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvtp .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvtph .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvlm .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvlmh .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvln .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvlp .ygtvspacer { width: 29px !important; }
#pageImgManagerWindow #subTreeArea .ygtvlph .ygtvspacer { width: 29px !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; }