/* ============================= */
/* === BASE ==================== */
/* ============================= */
body {
	margin: 0;
	padding: 0;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;
}
p {
	margin: 0;
	padding: 0;
}
p.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
img.inlineIcon { vertical-align: top; }
td.pbErrorMessage {
	width:100%;
	height:10px;
	color:#800000;
	font-weight:bold;
}
.ui-widget {
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif !important;
	*font-family: 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif !important;
	font-size: 100% !important;
}
.noteRed,
.form_caution { color: #EB4200; }
.noborder table, table.noborder, .noborder tr, .noborder th, .noborder td { border: none; }
pre { font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif; }
.vtop { vertical-align: top !important; }


/* ============================= */
/* === WRAPPER ================= */
/* ============================= */
#wrapper {
	margin: 0;
	padding: 0;
}
#wrapper input {
	margin: 1px;
	padding: 0;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;
}
#wrapper th,
#wrapper td {
	padding: 0;
	font-weight: normal;
}
#wrapper a:link,
#wrapper a:visited,
#wrapper a:active { text-decoration: none; }
#wrapper a:hover { text-decoration: underline; }
#wrapper img { border: none; }
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
	margin: 0;
	padding: 0;
}
#wrapper h1 { font-size: 120%; }
#wrapper ul,
#wrapper li { list-style: none; }



/* ============================= */
/* === CONTENT ================= */
/* ============================= */
#content input.button {
	cursor: pointer;
	min-width: 4em;
	min-height: 2em;
	margin: 2px 0;
	padding: 2px 5px;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	-webkit-borderradius: 4px;
	-moz-border-radius: 4px;
	background: linear-gradient(#fff, #e7e7e7);
	background: -moz-linear-gradient(#fff, #e7e7e7);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e7e7e7');
	font-weight: normal;
	font-size: 85%;
}
#content input.button:hover {
	border: 1px solid #98A3AA !important;
	background: #dde5e9 !important;
	background: linear-gradient(#fff, #c2cfd7) !important;
	background: -moz-linear-gradient(#fff, #c2cfd7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7');
	color: #1a1a1a !important;
}
#content #logoutbt { float: right; }
#content #logoutbt p {
	margin: 0;
	padding: 0;
}
#content #logoutbt form { display: inline; }
#content #logoutbt input.button { width: 70px; }
#content .note { line-height: 1.4em; }



/* ============================= */
/* === CONTENT TOP AREA ======== */
/* ============================= */
#content #toparea {
	clear: both;
	padding: 7px 0 0;
	height: 100%;
}
#content #toparea:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}



/* ============================= */
/* === CONTENT SITE NAVI ======= */
/* ============================= */
#content #sitenavi {
	margin: 10px;
	padding: 5px 10px 0;
	border: none;
	border-top: 1px solid #444;
	border-bottom: 3px solid #EB4200;
	background: #1A1A1A;
	color: #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-left-radius: 0;
	font-weight: normal;
	line-height: 1.2;
}
#content #page #sitenavi { margin: 0; }
#content #sitenavi:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#content #sitenavi ul,
#content #sitenavi li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content #sitenavi ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#content #sitenavi li {
	float: left;
	margin: 5px 1px 0;
	border: 1px solid #fff;
	border-bottom: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	background: linear-gradient(#fff, #c2cfd7);
	background: -moz-linear-gradient(#fff, #c2cfd7);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7');
}
#content #sitenavi li.this {
	border-color: #EB4200;
	background: linear-gradient(#EF642E, #EB4200);
	background: -moz-linear-gradient(#EF642E, #EB4200);
	background: -webkit-gradient(linear, left top, left bottom, from(#EF642E), to(#EB4200));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EF642E', endColorstr='#EB4200');
	color: #fff;
}
#content #sitenavi li a {
	display: block;
	cursor: pointer;
	padding: 9px 12px 7px !important;
	color: #000;
}
#content #sitenavi li a:hover {
	background-color: #f0f0f0;
	color: #1a1a1a;
	text-decoration: none;
}
#content #sitenavi li.this a {
	color: #fff;
}
#content #sitenavi li.this a:hover {
	cursor: text;
	background: linear-gradient(#EF642E, #EB4200);
	background: -moz-linear-gradient(#EF642E, #EB4200);
	background: -webkit-gradient(linear, left top, left bottom, from(#EF642E), to(#EB4200));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EF642E', endColorstr='#EB4200');
	color: #fff;
}
#content #sitenavi li img {
	display: none;
	vertical-align: middle;
}

/* ===== HELP ===== */
#content #sitenavi li.help {
	float: right;
	width: 3%;
	border: none;
}
#content #sitenavi li.help a {
	width: 3%;
	margin-right: 20px;
	_margin-right: 0px; 
	padding: 2px;
	_padding-right: 5px;
	border: none;
	background-color: #fff;
}
#content #sitenavi li.help a:hover {
	background-image: none;
	background-color: #fff;
}



/* ============================= */
/* === CONTENT FOOTER ========== */
/* ============================= */
#content #footer {
 	clear: both;
 	padding: 5px;
	border-top: 1px solid #ddd;
}
#content #footer input.button { font-size: 95%; }



/* ============================= */
/* === CONTENT PAGE ============ */
/* ============================= */
#content #page {
	clear: both;
	padding: 10px;
}
#content #page:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#content #pageinner { height: 100%; }
#content #pageinner:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#content #page a,
#content #page a:hover { color: #00688B; }
#content #page ul {
	margin: 0;
	padding: 0;
}
/* ===== PAGE LIST CHART ===== */
#content #page .page_list_label { width: 85px; }
/* ===== PERMISSION ===== */
#content #page .basicGroup {
	margin: 0 0 5px;
	padding: 5px;
	border: 1px solid #ccc;
}
#content #page .basicGroup table {
	width: 100%;
}
#content #page .basicGroup label {
	margin-left: 5px;
}



/* ============================= */
/* === PAGE SIDE MENU ========== */
/* ============================= */
#content #page #sidemenu {
	width: 200px;
	border: 1px solid #cc0000;
	background-color: #FFFFF0;
}
#content #page #sidemenu.en { width: 260px; }
#content #page #sidemenu .title {
	margin-bottom: 5px;
	padding: 2px 2px 1px;
	border: 1px solid #FFCC00;
	background-color: #cc0000;
	background-image: url(./img/bg_sitenaviH.gif);
	color: #333333;
	text-align: center;
}
#content #page #sidemenu ul,
#content #page #sidemenu li {
	margin: 0;
	padding: 0;
}

/* ===== MENU ===== */
#content #page #sidemenu.menu li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cc0000;
	white-space: nowrap;
}
#content #page #sidemenu.menu li a {
	display: block;
	width: 186px;
	padding: 7px;
	color: #000;
}
#content #page #sidemenu.menu.en li a { width: 246px; }
#content #page #sidemenu.menu li.this a {
	display: block;
	padding: 7px;
	background: #FF9900 url(./img/bg_menuT.gif) no-repea right top;
	color: #000;
	font-weight: bold;
}
#content #page #sidemenu.menu li a:hover,
#content #page #sidemenu.menu li.this a:hover {
	background-color: #FFCC00;
	color: #000;
	text-decoration: none;
}

/* ===== MAP ===== */
#content #page #sidemenu.map { background-color: #fff; }
#content #page #sidemenu.map ul {
	margin: 0 5px 5px;
	background: #fff url(./img/ul_sitemap.gif) repeat-y;
}
#content #page #sidemenu.map li {
	margin-top: 2px;
	padding-left: 12px;
	background: url(./img/li_sitemap.gif) no-repeat left top;
}
#content #page #sidemenu.map li a { color: #cc0000; }
#content #page #sidemenu.map li a:hover { background-color: #FFFFCC; }
#content #page #sidemenu.map li.home {
	margin: 0;
	padding: 0;
	background-image: none;
}
#content #page #sidemenu.map li.end { background-image: url(./img/li_sitemapend.gif); }
#content #page #sidemenu.map ul.ulhome { background-image: none; }



/* ============================= */
/* === PAGE MAIN AREA ========== */
/* ============================= */
#content #page #mainarea {
	height: 100%;
	padding: 10px 15px 15px;
	background-color: #fff;
}
#content #page .pagetbl #mainarea { padding: 0; }
#content #page #mainarea:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#content #page #mainarea p {
	margin: 0;
	padding: 0;
}
#content #page #mainarea .right { text-align: right; }
#content #page #mainarea .button {
	cursor: pointer;
	margin: 0 5px;
	font-size: 95%;
}
#content #page #mainarea .button a {
	padding: 2px 3px 0;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	background-color: #DCDCDC;
	color: #000;
}
#content #page #mainarea .button a:hover { text-decoration: none; }
#content #page #mainarea form { display: inline; }
#content #page #mainarea input {
	margin: 0 2px;
	padding: 1px;
}
#content #page #mainarea input.button {
	margin: 0 2px;
	padding: 1px 1px 0;
}
#content #page #mainarea input.button.mini {
}
#content #page #mainarea .navi {
	overflow: hidden;
	margin: 5px 0 0;
	border-top: 1px dotted #ccc;
}
#content #page #mainarea .navi ul,
#content #page #mainarea .navi li {
	margin: 0;
	padding: 0;
}
#content #page #mainarea .navi li {
	display: block;
	float: left;
	margin-right: 5px;
	padding-left: 10px;
	background-image: url(./img/li_mainnavi.gif) no-repeat left center;
}
#content #page #mainarea form .displaycheck {
	float: right;
	margin: 5px 0 0;
}
#content #page #mainarea .pagestatus {
	color: #EB4200;
}



/* ============================= */
/* === PAGE IMAGE ============== */
/* ============================= */
/* ===== IMAGE BUTTON ===== */
#content #page #pageSearch a img,
#content #page .popuptbl #_category td img,
#content #page img.imgbutton,
#content #id_designType .popuptbl td img {
	margin: 0 2px !important;
	padding: 4px;
	border: 1px solid #ccc !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: linear-gradient(#fff, #F2F2F2);
	background: -moz-linear-gradient(#fff, #F2F2F2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F2F2F2));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f2f2f2');
	vertical-align: middle;
}
#content #page img.imgbutton { margin: 2px !important; }
#content #id_designType .popuptbl td img {
	margin: -1px 0 0 !important;
	padding: 3px !important;
}
#content #id_designType .popuptbl td img#qBgImage {
	border: none !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background: none !important;
	vertical-align: bottom;
}
#content #id_designType .popuptbl td div#qBgImageCell {
	border: 1px solid #333;
}
#content #page #pageSearch a img:hover,
#content #page .popuptbl #_category td img:hover,
#content #page img.imgbutton:hover,
#content #id_designType .popuptbl td img:hover {
	border: 1px solid #aaa !important;
	background: #eee !important;
}
/* TABLE EDIT BUTTON */
#content #page .listtblarea td img {
	margin: 0 2px !important;
	padding: 3px;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #f2f2f2;
	vertical-align: middle;
}
#content #page .listtblarea td img:hover { background: #ddd !important; }
/* --- REVERSAL BUTTON --- */
img.media_pc, img.media_sm, img.media_mob,
img.pbVisibleCodeSelect, #pbVisibleCodeSelect img, img.mediaSelectorImg,
#content #page #pageSearch a#OPEN_DATE_START img,
#content #page #pageSearch a#OPEN_DATE_END img,
#content img.reversal,
#content #page table.popuptbl th img,
#content #page table.layouttbl th img,
#popupGR #page img.mediaSelectorImg,
#content #page img#fromCalendarImg,
#content #page img#toCalendarImg {
	margin: 0 !important;
	padding: 4px !important;
	border: 1px solid #fff !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: linear-gradient(#333, #000) !important;
	background: -moz-linear-gradient(#333, #000) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) !important;
	vertical-align: middle !important;
}
#content #page #pageSearch a#OPEN_DATE_START img,
#content #page #pageSearch a#OPEN_DATE_END img,
#content img.reversal,
#content #page table.popuptbl th img,
#content #page table.layouttbl th img,
#popupGR #page img.mediaSelectorImg,
#content #page img#fromCalendarImg,
#content #page img#toCalendarImg {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#000000') !important;
}
img.media_pc:hover, img.media_sm:hover, img.media_mob:hover,
img.pbVisibleCodeSelect:hover, #pbVisibleCodeSelect img:hover, img.mediaSelectorImg:hover,
#content #page #pageSearch a#OPEN_DATE_START img:hover,
#content #page #pageSearch a#OPEN_DATE_END img:hover,
#content img.reversal:hover,
#content #page table.popuptbl th img:hover,
#content #page table.layouttbl th img:hover,
#popupGR #page img.mediaSelectorImg:hover,
#content #page .listtblarea td img.reversal:hover {
	background: #555 !important;
}
img.media_pc, img.media_sm, img.media_mob,
img.pbVisibleCodeSelect,
#pbVisibleCodeSelect img,
img.mediaSelectorImg { margin-right: 5px !important; }
#content .textbutton img.reversal { padding: 3px !important; }
#content .textbutton img.reversal:hover { background: #333 !important; }
/* --- LIST TABLE --- */
#content #page .listtblarea table td button.ui-state-default img {
	margin: 2px 0 !important;
	padding: 0;
	border: none;
	background: none;
}
#content #page .listtblarea table td.rank img { vertical-align: bottom; }
#content #page .listtblarea table th .datadirection img { vertical-align: bottom; }
#content #page .listtblarea table th .datadirection img.active { border-bottom: 1px solid #FBB03B; }
#content #page .listtblarea table td img.pbVisibleCodeSelect {
	margin: 0 5px 0 0 !important;
	padding: 2px;
	border: none;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	background: #333;
}
#content #page .listtblarea table td img.pbVisibleCodeSelect:hover { background: #333; }
#content #page .listtblarea td a img.pbVisibleCodeSelect {
	padding: 0 !important;
	border: none !important;
	background: none !important;
	margin: 0 3px;
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	background: #ddd !important;
}
/* --- TREE --- */
#popupGR #page img.selectimg {
	width: 100px;
	vertical-align: middle;
}
#popupGR #page div.selectedMedia {
	background: none;
	border: none;
}
#popupGR #page img.mediaSelectorImg {
	width: 16px;
	height: 16px;
	background: #ccc !important;
}
#popupGR #page div.selectedMedia img.mediaSelectorImg {
	padding: 8px !important;
	background: linear-gradient(#333, #000) !important;
	background: -moz-linear-gradient(#333, #000) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#000000');

}
#popupGR #page img.mediaSelectorImg:hover { background: #999 !important; }
#pageGR #page div.TreeItem img {
	margin: 0 1px !important;
	vertical-align: middle !important;
}



/* ============================= */
/* === PAGE INPUT ============== */
/* ============================= */
#content #page input,
#content #page textarea {
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCC !important;
	border-radius: 2px;
	-webkit-borderradius: 2px;
	-moz-border-radius: 2px;
	background: #fff url(images/bg_textarea.png) repeat-x left top;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;
	font-weight: normal;
	font-size: 95%;
}
#content #page input[type="file"] {
	padding: 5px !important;
	line-height: 1.2;
}
#content #page .popuptbl input,
#content #page .popuptbl textarea,
#content #page .layouttbl input,
#content #page .layouttbl textarea {
	font-size: 100% !important;
}
#content #page .popuptbl textarea,
#content #page .layouttbl textarea {
	width: 90%;
}
#content #page #tab1 input,
#content #page #tab1 textarea,
#content #page input.ok {
	font-size: 100% !important;
}
#content #page input.ui-button,
#content #page input.button,
#content #page input.mini,
#content #page button.ui-state-default,
#content #popupGR #footer input {
	cursor: pointer;
	width: auto !important;
	min-width: 4em;
	padding: 2px 5px !important;
	border: 1px solid #b3b3b3 !important;
	border-radius: 3px !important;
	-webkit-borderradius: 3px !important;
	-moz-border-radius: 3px !important;
	background: #fff !important;
	background: linear-gradient(#fff, #e7e7e7) !important;
	background: -moz-linear-gradient(#fff, #e7e7e7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e7e7e7');
	color: #1a1a1a !important;
	font-size: 100%;
}
	#content #page td select#add_users {
	display: block;
	margin: 3px auto;
}
#content #page .basicGroup input.button,
#content #page .publisPageTreeExportSetting input.button,
#content #page .publisPageTreeImportOptions input.button { font-size: 95%; }
#content #page #impSetting .ui-widget {
	font-weight: normal;
	font-size: 100% !important;
}
#content #page input.ui-button:hover,
#content #page input.button:hover,
#content #page button.ui-state-default:hover,
#content #popupGR #footer input:hover,
#popupGR #EDIT_BUTTON .pbExcluded a:hover {
	border: 1px solid #98A3AA !important;
	background: #dde5e9 !important;
	background: linear-gradient(#fff, #c2cfd7) !important;
	background: -moz-linear-gradient(#fff, #c2cfd7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7');
	color: #1a1a1a !important;
}
#content #page button.ui-state-default img:hover {
	background: none !important;
}
#content #page input.check,
#content #page input.radio,
#content #page input[type="radio"],
#content #page input[type="checkbox"] {
	width: auto !important;
	padding: 0;
	margin: 3px 3px 0;
	border: none !important;
}
#content #page input.medium { width: 60%; }
#content #page textarea.outline {
	height: 4.0em;
	width: 90%;
}
#content #page select {
	border-color: #bbb;
	border-radius: 2px;
	-webkit-borderradius: 2px;
	-moz-border-radius: 2px;
	background: #fff url(images/bg_select.png) repeat-y right top;
	color: #1a1a1a;
	font-weight: normal;
	font-size: 100% !important;
}
#content #page table.popuptbl textarea,
#content #page table.layouttbl textarea {
	width: 95%;
}
/* --- SMARTPHONE MANAGER EDIT BUTTON --- */
#content #page .pagetbl .listtblarea .editbtn input {
	display: inline-block !important;
	margin: 0 1px !important;
	padding: 0 !important;
	width: 26px !important;
	min-width: 0 !important;
	height: 26px !important;
	border: 1px solid #fff !important;
	border-radius:3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	background: #f2f2f2 url(images/ic_edit.png) no-repeat center center !important;
	background-position: center center !important;
	text-indent: -9999px !important;
	cursor: pointer !important;
	vertical-align: top !important;
}
#content #page .pagetbl .listtblarea .editbtn input.delete { background-image: url(images/ic_grid_trash.png) !important; }
#content #page .pagetbl .listtblarea .editbtn input:hover { background-color: #ddd !important; }
#content #page #uaWrap textarea#ua { height: 8em; }
/* --- SHAREBLOCK SELECT SEARCH BUTTON --- */
#content #page img.imgdonebutton {
	border-radius: 3px;
	-webkit-borderradius: 3px;
	-moz-border-radius: 3px;
	background: #fff !important;
	background: linear-gradient(#fff, #e7e7e7) !important;
	background: -moz-linear-gradient(#fff, #e7e7e7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e7e7e7');
	vertical-align: middle;
}
#content #page img.imgdonebutton:hover {
	background: #dde5e9 !important;
	background: linear-gradient(#fff, #c2cfd7) !important;
	background: -moz-linear-gradient(#fff, #c2cfd7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7');
}
/* INPUT LENGTH */
#content #page .popuptbl input#ID_CREATE_UNDER_PAGE_TREE_TARGET_DIR,
#content #page .popuptbl input#ID_CREATE_SHARE_SOURCE_DIR { width: 18em; }
#content #page .popuptbl .greenRow input[name="separateNum"] { width: 6em !important; }
#content #page input#rollbackLimitData,
#content #page input#rollbackRevisionNum,
#content #page input#rollbackWaitRevisionNum,
#content #page .popuptbl #viewPreviewTokenExpire input,
#content #page td input#displayWidth,
#content #page td input#displayHeight { width: 4em; }
#content #page #pageSearch input[name="searchWord"] { width: 16em; }
#content #page form#theForm td input,
#content #page form#theForm input#addTag,
#content #page form#theForm input#addAttribute { width: 90%; }
#content #page .listtblarea td.rank input { width: 4em; }
#content #page input#shGroupName,
#content #page textarea#shGroupNote { width: 90% !important; }
#content #page .popuptbl tr#trLabel input#labelNormal,
#content #page .popuptbl tr#trSetsumei input#explanation,
#content #page .popuptbl tr#trSetsumeiSp input#explanationSeiSp,
#content #page .popuptbl tr#trSetsumeiSp input#explanationMeiSp { width: 90%; }
#content #page td input[name="strAddress"] { width: 90%; }
#content #page .popuptbl td input[name="heading"] { width: 80% !important; }
#content #page .listtblarea table input[size="50"],
#content #page .popuptbl input[name="siteName"],
#content #page .popuptbl input[name="mobileSiteName"],
#content #page .popuptbl input[name="sphoneSiteName"],
#content #page .popuptbl input[size="50"],
#content #page .popuptbl input[size="60"],
#content #page .popuptbl input[size="64"],
#content #page .popuptbl input[size="70"],
#content #page .popuptbl input[size="73"] { width: 90% !important; }
/* MAIL */
#content #page textarea#MAIL_BODY_REPLACE_TEXT { width: 95%; }
/* TD MAIN */
#content #page td.main input.ui-button {
	min-width: 4em;
	font-size: 100%;
}
/* TOOL TABLE */
#content #page .tooltbl input,
#content #page .tooltbl select { margin: 0 2px; }
/* USER PASSWORD */
#content #page .popuptbl input#pb_staff_length_min_id,
#content #page .popuptbl input#pb_staff_length_max_id,
#content #page .popuptbl input#pb_staff_same_times_id,
#content #page .popuptbl input#pb_staff_login_lock_times,
#content #page .popuptbl input#pb_staff_login_lock_times_id,
#content #page .popuptbl input#pb_public_length_min_id,
#content #page .popuptbl input#pb_public_length_max_id,
#content #page .popuptbl input#pb_public_password_day_span_id,
#content #page .popuptbl input#pb_public_password_month_span_id,
#content #page .popuptbl input#pb_public_password_warn_days_id,
#content #page .layouttbl input#pb_staff_length_min_id,
#content #page .layouttbl input#pb_staff_length_max_id,
#content #page .layouttbl input#pb_staff_same_times_id,
#content #page .layouttbl input#pb_staff_login_lock_times,
#content #page .layouttbl input#pb_staff_login_lock_times_id,
#content #page .layouttbl input#pb_public_length_min_id,
#content #page .layouttbl input#pb_public_length_max_id,
#content #page .layouttbl input#pb_public_password_day_span_id,
#content #page .layouttbl input#pb_public_password_month_span_id,
#content #page .layouttbl input#pb_public_password_warn_days_id {
	width: 4em;
}
/* RSS PASSWORD */
#content #page .popuptbl input#password,
#content #page .popuptbl input#passwordConfirm,
#content #page .layouttbl input#password,
#content #page .layouttbl input#passwordConfirm {
	width: 16em;
}
/* --- PAGE DESIGN SETTING --- */
#popupGR #id_designType input#ID_PREVIEW_BUTTON,
#popupGR #id_css_className input#ID_PREVIEW_BUTTON {
	width: auto !important;
	margin-bottom: 5px !important;
	padding-left: 20px !important;
	background: url(images/ic_grid_read.png), linear-gradient(#fff, #e7e7e7) !important;
	background: url(images/ic_grid_read.png), -moz-linear-gradient(#fff, #e7e7e7) !important;
	background: url(images/ic_grid_read.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e7e7e7') !important;
	background-repeat: no-repeat !important;
	background-position: 2px center !important;
	font-size: 95% !important;
}
#popupGR #id_designType input#ID_PREVIEW_BUTTON:hover,
#popupGR #id_css_className input#ID_PREVIEW_BUTTON:hover {
	border: 1px solid #98A3AA !important;
	background: #dde5e9 !important;
	background: url(images/ic_grid_read.png),linear-gradient(#fff, #c2cfd7) !important;
	background: url(images/ic_grid_read.png),-moz-linear-gradient(#fff, #c2cfd7) !important;
	background: url(images/ic_grid_read.png),-webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7') !important;
	background-repeat: no-repeat !important;
	background-position: 2px center !important;
	color: #1a1a1a !important;
}
#popupGR #id_designType input#DISP_ALL_STYLE { font-size: 95%; }
#popupGR #id_designType input#ID_PREVIEW_BUTTON,
#popupGR #id_css_className input#ID_PREVIEW_BUTTON { float: right; }
#popupGR #editSection #preview,
#popupGR #id_designType #preview {
	height: auto !important;
	margin-left: 5px !important;
	padding-left: 15px !important;
	border-left: 1px dotted #ccc !important;
}
#popupGR #id_css_className input#ID_STYLE_NAME,
#popupGR #id_css_className input#ID_STYLE_CLASS_NAME {
	width: 95%;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCC !important;
	border-radius: 2px;
	-webkit-borderradius: 2px;
	-moz-border-radius: 2px;
	background: #fff url(images/bg_textarea.png) repeat-x left top;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;
	font-weight: normal;
}
#popupGR #id_designType input#VIEW_WIDTH_VALUE0,
#popupGR #id_designType input#VIEW_MIN_SCALE0,
#popupGR #id_designType input#VIEW_MAX_SCALE0,
#popupGR #id_designType input#VIEW_INITIAL_SCALE0 { width: 6em; }
#popupGR #id_designType .popuptbl td label[for="CSS_FLAG_FILE0"],
#popupGR #id_designType .popuptbl td label[for="EXT_CSS_FLAG_FILE10"],
#popupGR #id_designType .popuptbl td label[for="EXT_CSS_FLAG_FILE20"],
#popupGR #id_designType .popuptbl td label[for="EXT_CSS_FLAG_FILE30"] { line-height: 2.4; }
#popupGR #id_designType .popuptbl td input#CSS_FLAG_FILE0,
#popupGR #id_designType .popuptbl td input#EXT_CSS_FLAG_FILE10,
#popupGR #id_designType .popuptbl td input#EXT_CSS_FLAG_FILE20,
#popupGR #id_designType .popuptbl td input#EXT_CSS_FLAG_FILE30 { margin: 3px; }



/* ============================= */
/* === PAGE TABLE ============== */
/* ============================= */
/* ===== PAGE TABLE ===== */
#content #page table.pagetbl { width: 100%; }
#content #page table.pagetbl th,
#content #page table.pagetbl td {
	padding: 2px;
	vertical-align: top;
}
#content #page table.pagetbl td.side { width: 200px; }
#content #page table.pagetbl td.main h2 {
	min-height: 16px;
	padding: 2px 10px 2px 30px;
	border: 1px solid #cc0000;
	border-left: none;
	background: #f5f5f5 url(./img/ic_pagetitle.gif) no-repeat;
	color: #000;
	font-size: 100%;
	font-weight: normal;
}
#content #page table.pagetbl .info_group,
#content #page table.pagetbl .info_list { line-height: 1.3; }
#content #page table.pagetbl .info_group { margin: 0; }
#content #page table.pagetbl .listnavi { text-align: left; }
#content #page table.pagetbl .message { border: 2px solid #ccc; }

/* ===== TOOL TABLE ★仮想ページ一覧、シェアブロック一覧、シェアブロック承認、問い合わせ対応（tableなし）===== */
#content #page div.tool_box {
	border-bottom: 1px dotted #aaa;
	padding: 10px 0;
}
#content #page table.tooltbl {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	line-height: 2;
	border-spacing: 1px;
	display: inline; /* ★ */
}
#content #page table.tooltbl th { padding-bottom: 5px; }
#content #page table.tooltbl td {
	/* display: inline-block; */
	display: inline; /* ★ */
	padding: 3px 3px 10px;
}
#content #page table.tooltbl tbody,
#content #page table.tooltbl tr { display: inline; }
#content #page table.tooltbl td { float: left; }
#content #page table.tooltbl td.toolbtn {
	width: 100%;
	text-align: right;
	float: right; /* ★ */
}
#content #page table.tooltbl td.fake { padding: 0; }
#content #page table.tooltbl #ROUTE_BUTTON td { float: right; }
#content #page table.tooltbl #ROUTE_BUTTON td.fake { display: none; }
#content #page table.tooltbl ul,
#content #page table.tooltbl li {
	margin: 0;
	padding: 0;
}
#content #page table.tooltbl li {
	display: block;
	float: left;
	margin-right: 10px;
}
#content #page .tooltbl a {
	padding: 2px 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f0f0f0');
	color: #333;
	font-size: 90%;
	text-decoration: none;
}
#content #page .tooltbl th a {
	padding: 0;
	border: none;
	background: none;
}
#content #page .tooltbl a:hover {
	border-color: #aaa;
	background: #eee;
}
#content #page .tooltbl a img {
	margin: 5px 2px 0 0;
	vertical-align: top !important;
}
/* --- INQUIRY CORNER --- */ 
#page .pagetbl .listnavi .tooltbl div {
	display: inline-block;
	margin: 2px 0;
	vertical-align: top;
	line-height: 2;
}
/* --- PAGE STYLE SELECT --- */
#popupGR #page #id_designType .listnavi table.tooltbl { text-align: right; }
/* --- PREVIEW MANAGE --- */
#content #page .pagetbl #mainarea #theForm .tooltbl td { padding: 1px; }
#content #page .tooltbl td.history { float: right; }

/* ===== INPUT & LIST & CALENDAR & POPUP TABLE ===== */
/* --- AREA --- */
#content #page .inputtblarea,
#content #page .listtblarea {
	clear: both;
	height: 100%;
}
#content #page .listtblarea:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/* --- LAYOUT TABLE --- */
#content #page table.layouttbl {
	clear: both;
	width: 100%;
	border-spacing: 0;
	font-size: 95%;
}
#content #page table.layouttbl th,
#content #page table.layouttbl td {
	padding: 3px;
	vertical-align: middle;
	line-height: 1.4;
}
#content #page .tableWrapper { width: auto; }
/* --- BASE --- */
#content #page .inputtblarea table,
#content #page .listtblarea table,
#content #page table.calendartbl,
#content #page table.popuptbl {
	clear: both;
	width: 100%;
	border-spacing: 0;
	border: 1px solid #ccc;
	border-right: none;
	background: #fff;
	font-size: 95%;
}
#content #page .inputtblarea table a:link,
#content #page .inputtblarea table a:visited,
#content #page .listtblarea table a:link,
#content #page .listtblarea table a:visited,
#content #page table.popuptbl a:link,
#content #page table.popuptbl a:visited,
#content #page table.layouttbl a:link,
#content #page table.layouttbl a:visited {
	text-decoration: none;
	color: #00688b;
}
#content #page .inputtblarea table a:hover,
#content #page .listtblarea table a:hover,
#content #page table.popuptbl a:hover,
#content #page table.layouttbl a:hover {
	text-decoration: underline;
}
#content #page table.layouttbl a:hover { background-color: transparent; }
#content #page .inputtblarea table th,
#content #page .inputtblarea table td,
#content #page .listtblarea table th,
#content #page .listtblarea table td,
#content #page table.calendartbl th,
#content #page table.calendartbl td,
#content #page table.popuptbl th,
#content #page table.popuptbl td {
	padding: 3px;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #ccc;
	vertical-align: middle;
	line-height: 1.4;
	text-align: center;
}
#content #page #pbFolderListHeader,
#content #page .pbItemLabel,
#content #page .inputtblarea table th,
#content #page .listtblarea table th,
#content #page table.calendartbl th,
#content #page table.popuptbl th {
	padding: 5px 3px;
	border-color: #777;
	border-top: 1px solid #555;
	background: #262d38;
	color: #fff;
	font-weight: normal;
	text-align: center !important;
}
/* --- LIST TABLE --- */
#content #page .listtblarea table {
	border: 1px solid #ccc !important;
	border-right: none !important;
}
#content #page .listtblarea table th { white-space: nowrap; }
#content #page .listtblarea table td,
#content #page .popuptbl .listtblarea table td {
	border-top: 1px solid #e6e6e6 !important;
	border-right: 1px solid #ccc !important;
	text-align: center;
}
#content #page .listtblarea table tr:nth-child(2n+1) {}
#content #page .listtblarea table th.en { white-space: normal; }
#content #page .listtblarea table.thin th {
	padding-bottom: 0;
	font-size: 85%;
	line-height: 1.0em;
}
#content #page .listtblarea table tr.init,
#content #page .listtblarea table td.staff { background-color: #DEE5E9; }
#content #page .listtblarea table td.left { text-align: left; }
#content #page .listtblarea table td.right { text-align: right; }
#content #page .listtblarea table td.rank {
	text-align: left;
	vertical-align: bottom;
}
#content #page .listtblarea table td a {
	display: inline-block;
	padding: 2px;
	cursor: pointer;
}
#content #page .listtblarea table td a:hover { background: none; }
#content #page .listtblarea table td.rank input {
	padding: 1px 2px;
	border: 1px solid #999;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	background-color: #F8F8FF;
	font-size: 85%;
	text-align: right;
}
#content #page .listtblarea table td a.pbOpenNewWindow {
	padding-right: 20px;
	background: url(images/ic_newwindow.png) no-repeat right center;
}
#content #page .listtblarea table td.rank div { width: auto !important; }
#content #page .listtblarea table th .datadirection { white-space: nowrap; }
#content #page .listtblarea table th .datadirection a:hover { background: transparent; }
#content #page .listtblarea table th .datadirection img:hover {
	background: transparent;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: Alpha(Opacity=80);
}
#content #page .listtblarea ul.site {
	float: left;
	width: 40%;
	margin: 0 30px 0 0;
	padding: 0;
}
#content #page .listtblarea ul.site li { border-bottom: 1px dashed #ccc; }
#content #page .listtblarea ul.site li a {
	display: block;
	height: 16px;
	margin-left: 10px;
	padding: 5px 3px 3px 20px;
	background-image: url(img/edit.gif) no-repeat left center;
	color: #000;
	white-space: nowrap;
}
#content #page .listtblarea ul.site li a:hover {
	background-color: #F5F5F5;
	font-weight: bold;
	text-decoration: none;
}
#content #page .listtblarea .infomation { margin-bottom: 13px; }
#content #page div.listtblarea.site {
	margin-top: 10px;
	padding: 5px 5px 10px;
	border: 3px solid #EEE8AA;
}
#content #page .listtblarea .listnavi {
	margin: 3px;
	text-align: center;
	letter-spacing: 0.1em;
}
#content #page .listtblarea .query_graph {
	border: 1px solid #666;
	background-color: #009900;
}
#content #page .listtblarea .query_graph_blank {
	border: 1px solid #666;
	background-color: #fff;
}
/* PLUGIN BLOCK SETTING */
#content #page .listtblarea td .explanation {
	margin: 0 0 0 5px !important;
	font-size: 85% !important;
	color: #666 !important;
}
/* PAGE STYLE SELECT */
#content #page #id_designType .listtblarea .list_body th,
#content #page #id_designType .listtblarea .list_body td {
	padding: 3px !important;
	font-size: 95%;
}
#content #page #id_designType .listtblarea tr.list_header_line th.list_header,
#content #page #id_designType .listtblarea tr.list_header_line th.list_header_tail { width: 32px !important; }
#content #page #id_designType .listtblarea tr.list_header_line th.list_header img,
#content #page #id_designType .listtblarea tr.list_header_line th.list_header br { display: none; }
/* PAGER */
#content #page #pagerCount { margin: 5px 0 0; }
#content #page a.pagenext:link,
#content #page a.pagenext:visited,
#content #page a.pageprev:link,
#content #page a.pageprev:visited {
	color: #333 !important;
	text-decoration: underline !important;
}
#content #page a.pagenext:hover,
#content #page a.pageprev:hover { color: #999 !important; }
#content #page  a.pagenext img,
#content #page  a.pageprev img {
	margin: 2px 5px 0;
	vertical-align: top !important;
}
/* SHARE BLOCK SELECT */
#content #page table.trselect td {
	background: transparent !important;
}
#content #page table.trselect td a,
#content #page table.trselect td a:hover {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333;
	text-decoration: none;
	cursor: normal;
}
#content #page table.trselect tr:hover {
	background: #eee;
	cursor: pointer;
}
/* PAGE TREE COPY */
#log #content #page .listtblarea table.pagetreelist { font-size: 85%; }
/* --- CALENDAR TABLE --- */
#content #page table.calendartbl th,
#content #page table.calendartbl td {
	padding: 0;
	border-top: 1px solid #ccc;
	line-height: 1.2;
}
#content #page table.calendartbl th {
	padding: 3px 2px;
	border-top: none;
}
#content #page table.calendartbl td.other {
	background-color: #f2f2f2;
	color: #aaa;
}
#content #page table.calendartbl td.this { background-color: #C0CCCC; }
#content #page table.calendartbl a {
	display: block;
	width: 100%;
	padding: 2px 0;
	color: #000;
}
#content #page table.calendartbl a:hover {
	background-color: #F25100;
	color: #fff;
	text-decoration: none;
}
/* --- POPUP TABLE --- */
#content #page table.popuptbl {
	background: none;
	border-top: none;
}
#content #page table.popuptbl th,
#content #page table.popuptbl td {
	padding: 3px 5px !important;
	border-top: 1px solid #ccc;
}
#content #page table.popuptbl th {
	border-color: #666;
	white-space: nowrap;
}
#content #page table.popuptbl td { text-align: left; }
#content #page table.popuptbl tr.init,
#content #page table.popuptbl td.staff { background-color: #DEE5E9; }
#content #page table.popuptbl th #spanDigestBeginningDate,
#content #page table.popuptbl th #spanDigestExpireDate { color: #fff !important; }
#content #page table.popuptbl table,
#content #page table.popuptbl table th,
#content #page table.popuptbl table td {
	border-spacing: 0;
	border: none;
	font-size: 105%;
}
/* USER PASSWORD */
#content #page table#pb_restrict td { line-height: 2; }
/* RSS CATEGORY */
#content #page .popuptbl #_category td { text-align: center; }
/* STAFF & GROUP ADD */
#content #page td.userlistbox { vertical-align: top !important; }
#content #page td.adduserbox {
	vertical-align: top !important;
	padding-top: 30px !important;
}
/* --- TITLE BLOCK SETTING */
#content #page table.popuptbl table.boxlayout table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: none !important;
	font-size: 90%;
}
#content #page table.popuptbl table.boxlayout table td {
	border-left: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	background: none !important;
}
#content #page table.popuptbl table.boxlayout table tr:nth-child(odd) { background: #eee !important; }
#content #page table.popuptbl table.boxlayout table td td { width: 50% !important; }
#content #page table.popuptbl table.boxlayout table:nth-child(odd) td td:last-child { background: #f9f9f9 !important; }
/* --- PAGE STYLE SELECT --- */
#popupGR #id_css_className table.popuptbl {
	width: 100%;
	margin-bottom: 5px;
}
#popupGR #id_css_className table.popuptbl div {
	position: static !important;
	width: auto !important;
}
#popupGR #id_designType table.popuptbl td {
	padding: 5px !important;
}
td div.cellLine {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #ccc;
}
td div.cellLabel { 
	float: left;
	min-width: 100px;
	white-space: nowrap;
	margin-right: 10px;
}
/* --- PAGER --- */
#content #page #pagerNaviTop { margin-bottom: 5px; }
#content #page #pagerNaviBottom { margin-top: 5px; }
#content #page #pagerNaviTop span,
#content #page #pagerNaviTop a,
#content #page #pagerNaviBottom span,
#content #page #pagerNaviBottom a {
	display: inline-block;
	min-width: 1.6em;
	margin: 1px;
	border: 1px solid #666;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(#fff, #F2F2F2);
	background: -moz-linear-gradient(#fff, #F2F2F2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F2F2F2));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F2F2F2');
	text-align: center;
	line-height: 1.5em;
	color: #333;
	font-size: 110%;
	font-weight: normal !important;
}
#content #page #pagerNaviBottom span,
#content #page #pagerNaviBottom a { font-size: 110%; }
#content #page #pagerNaviTop span,
#content #page #pagerNaviBottom span {
	background: #1a1a1a !important;
	background: linear-gradient(#444A53, #1a1a1a) !important;
	background: -moz-linear-gradient(#444A53, #1a1a1a) !important
	background: -webkit-gradient(linear, left top, left bottom, from(#444A53), to(#1a1a1a)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444A53', endColorstr='#1a1a1a') !important;
	color: #fff !important;
}
#content #page #pagerNaviTop a:hover,
#content #page #pagerNaviBottom a:hover {
	background: #bbb !important;
	text-decoration: none;
}
#content #page #pagerNaviTop a.pagenext,
#content #page #pagerNaviTop a.pageprev,
#content #page #pagerNaviBottom a.pagenext,
#content #page #pagerNaviBottom a.pageprev {
	min-width: 1.2em;
	margin: 0 5px;
	border-color: #aaa;
	background: #aaa url(images/ic_pager_next.png) no-repeat center center;
	color: #fff;
	text-indent: -99999px;
}
#content #page #pagerNaviTop a.pageprev,
#content #page #pagerNaviBottom a.pageprev { background-image: url(images/ic_pager_prev.png); }
#content #page #pagerNaviTop a.pageprev:hover,
#content #page #pagerNaviBottom a.pageprev:hover { background: #ccc url(images/ic_pager_prev.png) no-repeat center center !important; }
#content #page #pagerNaviTop a.pagenext:hover,
#content #page #pagerNaviBottom a.pagenext:hover { background: #ccc url(images/ic_pager_next.png) no-repeat center center !important; }
#content #page #pagerNaviTop a.pagefirst,
#content #page #pagerNaviTop a.pagelast,
#content #page #pagerNaviBottom a.pagefirst,
#content #page #pagerNaviBottom a.pagelast {
	display: none;
}

/* ===== LIB TABLE ===== */
#content #page table#pbLibTable {
	background: none;
	border: 1px solid #ccc;
	border-top: none;
	border-spacing: 0;
	line-height: 1.4;
}
#content #page table#pbLibTable th,
#content #page table#pbLibTable td {
	padding: 1px 0 1px 2px;
	border-top: 1px solid #ccc;
	border-width: 1px 0 0 1px;
	vertical-align: middle;
}
#content #page table#pbLibTable td a,
#content #page table#pbLibTable td a:link,
#content #page table#pbLibTable td a:visited {
	display: inline-block;
	width: 100%;
	padding: 2px 0 0 0;
	color: #1a1a1a !important;
}
#content #page table#pbLibTable td a:hover { text-decoration: underline; }
#content #page table#pbLibTable td#ID_ICON_init { background: #DEE5E9 !important; }

/* ===== PAGE SEARCH TABLE ===== */
#content #page #pageSearch table { line-height: 2.5; }
#content #page #pageSearch table td span {
	font-weight: bold;
	margin-right: 10px;
}
#content #page #pageSearch table td span#SEARCH_DATE_START { margin-right: 0; }

/* ===== OTHERS ===== */
/* --- PAGE LUMP --- */
#popupGR #page form#theForm table { width: 100%; }
#popupGR #page form#theForm table th { white-space: nowrap; }
.shareblocks .shareblock { border-bottom: 1px dotted #ccc !important; }



/* ============================= */
/* === PAGE CALENDAR =========== */
/* ============================= */
#content #page .selectcal {
	overaow: hidden;
}
#content #page .mvyear,
#content #page .mvmonth {
	margin-bottom: 5px;
	font-size: 90%;
}
#content #page .mvyear { float: left; }
#content #page .mvmonth { float: right; }
#content #page .mvyear img,
#content #page .mvmonth img {
	vertical-align: middle;
}
#content #page .mvyear select,
#content #page .mvmonth select {
	margin: 0 2px 10px 0;
	border: 1px solid #999;
	font-size: 100% !important;
}
#content #page .calinput {
	padding: 4px 2px;
	background: #F25100;
	color: #fff;
	font-size: 90%;
	text-align: center;
}
#content #page .calinput select {
	width: 4em;
}
#content #page .calinput input.ui-button-text-only {
	background: #fff;
	border: none;
	font-weight: bold;
	text-align: center;
}
#popupGR.calendar #sitenavi {
	margin-bottom: 0;
	padding: 3px 0;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #DEE5E9;
	color: #333;
	text-align: center;
}
#popupGR.calendar #page { background-image: none; }
#popupGR.calendar #page input,
#popupGR.calendar #page textarea {
	width: auto;
	max-width: 4em;
	margin: 0 2px 0 0;
	padding: 0;
	border: 1px solid #ccc;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	text-align: right;
}
#popupGR.calendar #page .calinput input[name="entMonth"],
#popupGR.calendar #page .calinput input[name="entDay"] {
	width: 2.5em;
}
#content #popupGR.calendar #page select {
	margin: 0 2px 0 0;
}



/* ============================= */
/* === POPUP =================== */
/* ============================= */
#popupGR,
#pageGR { font-size: 80%; }
#popupGR { background: #f9f9f9; }

/* ===== HEADER ===== */
#popupGR #header {
	overflow: hidden;
	padding: 5px;
	background: #1a1a1a;
	border-bottom: 3px solid #eb4200;
	color: #fff;
}
#popupGR #header h1,
#popupGR #header h2 {
	float: left;
	margin: 0 10px 0 0;
	font-weight: normal;
	font-size: 120%;
}

/* ===== FOOTER ===== */
#popupGR #footer {
	font-size: 100%;
	text-align: center;
}

/* ===== PAGE TABLE ===== */
/* --- BOX LAYOUT --- */
#popupGR #page table.boxlayout td {
	padding: 0;
	border-bottom: 0px;
	vertical-align: middle;
	white-space: nowrap;
}
#popupGR #page table.boxlayout td.samplestyle,
#popupGR #page table.boxlayout td.samplegaiyou,
#popupGR #page table.boxlayout td.samplehanyou,
#popupGR #page table.boxlayout td.sampleupdatetime,
#popupGR #page table.boxlayout td.samplegazou {
	border-bottom: 0px;
	text-align: center;
}
#popupGR #page table.boxlayout td.samplestyle { background-color: #ccccff; }
#popupGR #page table.boxlayout td.samplegaiyou { background-color: #ccff99; }
#popupGR #page table.boxlayout td.samplehanyou { background-color: #ffff66; }
#popupGR #page table.boxlayout td.sampleupdatetime { background-color: #ffffcc; }
#popupGR #page table.boxlayout td.samplegazou { background-color: #ffccff; }
/* --- MIGRATION TOOL & PAGE DESIGN TABLE --- */
#content #page table.pageareatbl {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #999 !important;
	border-top: 1px solid #999 !important;
}
#content #page th table.pageareatbl { color: #fff; }
#popupGR #page table.pageareatbl td {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999 !important;
	border-right: 1px solid #999 !important;
	text-align: center;
	vertical-align: middle;
}
#popupGR #page td table.pageareatbl td.pageAreaMagenta,
#popupGR #page td table.pageareatbl td.pageAreaPurple { background: #BDCCD4; }
#popupGR #page td table.pageareatbl td.pageAreaStraw { background: none; }
#popupGR #page th table.pageareatbl td.pageAreaMagenta,
#popupGR #page th table.pageareatbl td.pageAreaPurple,
#popupGR #page th table.pageareatbl td.pageAreaStraw { background: none; }
#popupGR #page td table.pageareatbl td.pageAreaCyan { background: #E6ECEF; }
#popupGR #page th table.pageareatbl td.pageAreaCyan { background: #000; }
#content #page .popuptbl table.replaceRule { width: 98%; }
#content #page .popuptbl table.replaceRule th { color: #333; }

/* ===== PAGE LINK ===== */
#popupGR #page .editbtn {
	margin-bottom: 5px;
	text-align: right;
}
#popupGR #page .textbutton,
#popupGR .undo a,
#popupGR #EDIT_BUTTON .pbExcluded a {
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	filter: progid:DXImageTropaansform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f0f0f0');
	text-decoration: none;
	color: #333 !important;
}
#popupGR #EDIT_BUTTON .pbExcluded a {
	min-width: 3em;
	margin-bottom: 5px;
	text-align: center;
}
#popupGR #page .textbutton img,
#popupGR .undo a img {
	vertical-align: middle !important;
	margin-right: 2px !important;
}
#popupGR #page .textbutton:hover,
#popupGR .undo a:hover {
	border: 1px solid #aaa;
	background: #f0f0f0;
}
#popupGR .undo a img { padding: 2px !important; }
#popupGR .undo a img:hover { background: #333 !important; }
#popupGR .popuptbl #about_area {
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #555 url(images/ic_question.png) no-repeat 5px center;
	text-decoration: none;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: Alpha(Opacity=80);
}
#popupGR .popuptbl #about_area:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: Alpha(Opacity=100);
}
/* --- ACCESSIBLE SETTING --- */
#popupGR #page #tab3_option2_title a {
	display: inline-block;
	margin: 2px 0;
	padding: 2px 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #fff;
}
#popupGR #page #tab3_option2_title a:link,
#popupGR #page #tab3_option2_title a:visited { color: #333; }
#popupGR #page #tab3_option2_title a:hover {
	border-color: #aaa;
	background: #eee;
	text-decoration: none;
}

/* ===== FILE & FILTER ===== */
iframe#FILELIST,
iframe#FILTERLIST,
select#selectedExtendCategoryItemId {
	margin-bottom: 5px;
	border: 1px solid #CCC;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	background: #fff;
}
iframe#FILTERLIST { background: none; }
#idPublisFilters { font-size: 85%; }
.publisFilter { border-color: #ccc; }
.publisFilterTitle {
	padding: 0;
	color: #EB4200;
	font-size: 95%;
}
iframe#CSS_PREVIEW { border: none; }
#popupGR #page .publisFilter {
	margin: 5px 0;
	padding: 3px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#popupGR #page .publisFilter .publisFilterTitle {
	font-size: 100%;
}
#popupGR #page .publisFilterDesc {
	margin: 5px 0;
	padding: 5px 5px 0;
	font-size: 95%;
}

/* ===== LIBRARY FILE LUMP REGIST ===== */
.unstuffing { padding: 10px; }

/* ===== PAGE TREE INPORT / EXPORT ===== */
iframe.publisPageTreeImportLog,
iframe.publisPageTreeExportLog {
	margin: 5px;
	border: 1px solid #ccc;
	background: #f2f2f2;
}
.publisPageTreeImportOptions {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}

/* ===== TITLE BLOCK SETTING ===== */
#popupGR .basicGroup { padding: 10px; }
#popupGR .basicGroup br { display: none; }

/* ===== TREE ===== */
#pageGR #page div.TreeItem {
	color: #888888;
	line-height: 1.4;
	white-space: nowrap;
}
#pageGR #page div.TreeItem a {
	color: #333;
}

/* ===== OTHERS ===== */
/* --- CATEGORY LUMP --- */
#popupGR #page #addDelDiv1 { margin: 10px 0; }
#popupGR #page div.mediaSelector { padding: 1px; }
#popupGR #page #addDelDiv2 { margin: 10px 0; }
#popupGR #page .cateFeedBox {
	overflow: hidden;
	float: left;
	width: 70%;
	margin: 5px 0;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #dee5e9;
}
#popupGR #page .cateNoteBox {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 85%;
}
/* --- PAGETREE IMPORT --- */
.publisPageTreeImportOptionInnerLeft { width: 140px !important; }
.publisPageTreeImportOptionsColumn {
	min-width: 280px;
	white-space: nowrap;
}
.publisPageTreeImportOptions { overflow: hidden; }
.publisPageTreeImportOption {
	margin: 0 !important;
	padding: 2px 0 !important;
	border: none !important;
}
/* --- PASSWORD LIMIT --- */
#popupGR #page .popuptbl .pb_strict_right { margin-bottom: 10px; }
/* --- SMARTPHONE TYPE ADD --- */
#popupGR #page #uaWrap { padding: 0; }
/* --- SMARTPHONE MANAGE --- */
.sp_log div { padding: 3px 5px !important; }
.sp_log_heading {
	background: #262D38 !important;
	color: #fff !important;
}
.sp_log_even { background: #e6e6e6!important; }
/* --- PAGE DESIGN SETTING --- */
#popupGR #page #id_designType #tabs_0 span {
	display: inline-block;
	margin: 5px 0;
}
#popupGR #page #id_designType .listnavi .label,
#popupGR #page #id_designType .listnavi .value {
	display: inline-block;
	font-size: 95%;
}
#popupGR #page #id_designType .listnavi b { font-weight: normal !important; }





/* ============================= */
/* === LOGIN =================== */
/* ============================= */
#loginGR { background: url(images/bg_header_ptn.png) repeat-x left top; }
#loginGR a:link,
#loginGR a:visited { text-decoration: underline; }
#loginGR a:hover {
text-decoration: underline;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: Alpha(Opacity=80);
}

/* ===== HEADER ===== */
#loginGR #header {
	width: 960px;
	margin: 0 auto;
	background: url(images/bg_header_ptn_center.png) repeat-y center top;
	line-height: 1.2;
}
#loginGR #header:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#loginGR #header h1 {
	float: left;
	width: 150px;
	height: 20px;
	padding: 5px 20px 5px 0;
	background: url(images/lg_publis.png) no-repeat left center;
	text-indent: -9999px;
}
#loginGR #header #sitename {
	float: left;
	padding: 10px 0 0 0;
	color: #fff;
	white-space: nowrap;
}

/* ===== PAGE ===== */
#loginGR #page {
	border-top: 1px solid #4d4d4d;
	background: #fff;
}
#loginGR #pageinner {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
/* --- HEADLINE --- */
#loginGR #page h2 {
	float: left;
	width: 40%;
	min-height: 95px;
	margin: 240px 100px 0 0;
	background: url(images/lg_publislogin.png) no-repeat 25px top;
	text-align: left;
	text-indent: -99999px;
}
/* --- VERSION & LINK --- */
#loginGR #page .info_version {
	margin: 0 0 15px 0;
	color: #777;
	font-size: 85%;
	line-height: 1.3;
}
#loginGR #page .toollink,
#loginGR #page .homelink {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#loginGR #page .toollink a:link,
#loginGR #page .toollink a:visited,
#loginGR #page .homelink a:link,
#loginGR #page .homelink a:visited {
	color: #333;
}
#loginGR #page .homelink { margin: 0 10px 0 0; }
#loginGR #page .homelink a {
	display: block;
	padding: 2px 0 2px 20px;
	min-height: 12px;
	background: url(images/ic_sitedisp.png) no-repeat left center;
}
#loginGR #page .toollink img {
	margin: 2px;
	vertical-align: middle;
}
/* --- INPUT FORM --- */
#loginGR #page #mainarea {
	margin: 50px 0 0 500px;
	padding: 30px;
	border: 3px solid #bdccd4;
	background: #f0f0f0;
	text-align: left;
}
#loginGR #page #mainarea .welcome_caution {
	display: block;
	margin: 0 0 5px;
	color: #999;
	font-size: 90%;
	text-align: left;
	line-height: 1.4;
}
#loginGR #page .logintbl {
	width: 100%;
	font-size: 120%;
	text-align: left;
}
#loginGR #page .logintbl input.login {
	width: 93%;
	margin: 10px 0 !important;
	padding: 2% !important;
	border: 2px solid #fff !important;
	background: #FBFBFB;
}
#loginGR #page .logintbl input.login[type="text"] {
	width: 80% !important;
	padding-left: 15% !important;
	background: #fbfbfb url(images/ic_loginname.png) no-repeat 4% center;
}
#loginGR #page .logintbl input.login[type="password"] {
	width: 80% !important;
	padding-left: 15% !important;
	background: #fbfbfb url(images/ic_loginpass.png) no-repeat 4% center;
}
#loginGR #page .logintbl #langWrap {
	padding: 15px 0;
	font-size: 90%;
	text-align: center;
}
#loginGR #page .logintbl #langWrap select#lang {
	margin: 0 0 0 20px !important;
}
#loginGR #page .button {
	text-align: center;
}
#loginGR #page .button input.button {
	border: 1px solid #fff !important;
	padding: 7px 50px 7px 60px !important;
	font-size: 140% !important;
	box-shadow: 1px 2px 2px #CCC;
	-moz-box-shadow: 1px 2px 2px #CCC;
	-webkit-box-shadow: 1px 2px 2px #CCC;
	-o-box-shadow: 1px 2px 2px #CCC;
	-ms-box-shadow: 1px 2px 2px #CCC;
}

/* ===== COMPANY INFO ===== */
#loginGR #company_information {
	overflow: hidden;
	width: 960px;
	margin: 80px auto 15px auto;
	font-size: 90%;
}
#loginGR #company_information .company_logo {
	display: block;
	float: left;
	width: 90px;
	margin: 0 15px 0 0;
}
#loginGR #company_information img { vertical-align: middle; }
#loginGR #company_information .company_name {
	display: block;
	margin: 22px 0 3px 0;
}

/* ===== FOOTER ===== */
#loginGR #footer {
	padding: 3px;
	background: #e6e6e6;
	color: #888;
	font-size: 85%;
	text-align: right;
}



/* ============================= */
/* === ERROR =================== */
/* ============================= */
/* ===== PAGE LIST ===== */
#loadingLayer {
	position: absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	background-color:#FFF;
	-moz-opacity: 0.8;
	opacity:.50;
	filter: alpha(opacity=0);
}

/* ===== PUBLIS 3 ===== */
.pbAdvancedSettingButtonWrapper { float: right; }
.pbAdvancedSettingButtonWrapper:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.sys_toggle_on {
	background-image: url(img/toggle_off.gif);
	border: 1px solid silver;
	border-top: 2px solid gray;
	border-left: 2px solid gray;
	padding: 1px 1px 0 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	text-indent: 0;
}
.sys_toggle_on a {
	cursor: default;
	padding: 0;
	border-width: 0;
	background-color: transparent;
	color: #000 ! important;
	font-style: normal;
	font-weight: normal;
	text-decoration: none ! important;
	text-indent: 0;
}