@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; }
#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: 128px; height: 21px; 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: 67px; 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: 135px; background-image: url(../common-img/h_btn_unit_module.png); }
#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; }
/*未使用*/
#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; }
.pageFlow ul li.step4 { width: 48px; height: 20px; display: block; background-repeat: no-repeat; float: right; }
.pageFlow ul li.step4 a { width: 38px; height: 20px; display: block; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../common-img/btn_page_preview.gif); }
.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 { }
.unitContainer { }

/*タイトルエリア*/
.unitContentsTtl { position: relative; width: 100%; height: 36px; display: block; background: url(../common-img/p_unit_reg_ttl_bg.gif) repeat-x bottom; }
/*ユニット名*/
.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 { clear: both; height: 48px; text-align: center; background: url(../common-img/p_unit_reg_btn_bg.gif) repeat-x; }
.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%; } 


/*-------------------------------------------------------------
アップロードボタン
-------------------------------------------------------------*/
.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; }


/*-------------------------------------------------------------
イメージ選択モーダルダイアログ
-------------------------------------------------------------*/
#imgdiag { display: none; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 460px; /*margin:-220px 0 0 -250px;*/}
#overlay { 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: 390px; 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 10px 25px; }
#loginTop table { margin: 12px 0 5px 0; width: 100%; }
#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 25px; height: 98px; background: url(../common-img/p_login_bg_bottom.gif) no-repeat bottom; text-align: left; font-size: 12px; }
#loginBottom p { margin: 0 0 5px 0; padding: 17px 0 0 0 ;}
#loginBottom p#copyright { margin: 0; padding: 0; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
インストール画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#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@Shift Tech
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#pageUnitModule #seachBoxOuter { padding: 10px 0 10px 0; }
#pageUnitModule #seachBoxInner { float: left; }
#pageUnitModule #bnrBox { float: right; width: 173px; height: 20px; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレートマスタ管理 2008/10/22 miyachi@Shift Tech
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#pageSkin #seachBoxOuter { padding-top: 10px; }
#pageSkin #seachBoxInner { float: left; }
#pageSkin #bnrBox { float: right; width: 244px; height: 20px; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テンプレート設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#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; }


/*-------------------------------------------------------------
新規テンプレート作成
-------------------------------------------------------------*/
.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; }
