/* static.css */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
  font-size:12px; line-height:16px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#333; margin: 0; padding: 0;
}
a img {
    border-style:none;
}


a, .trigger { color:#005C9C; text-decoration:none; cursor: pointer; }
a:hover, .trigger:hover { text-decoration:underline; }
ul { list-style-type: none; }
.link_to { color:#005C9C; text-decoration:none; cursor:pointer; }
input { padding: 3px; border: 1px solid rgb(210,210,210); }
input[type='submit'] { padding: 0; }
input[type='file'] { border:0px none; }
textarea { border: 1px solid rgb(210,210,210); width: 700px; padding: 3px; font-size: 12px; }
.clear { clear: both; }
.required { color: #ff0000; }


/* text-align */
.align-center { text-align:center; }
.align-left   { text-align:left; }
.align-right  { text-align:right; }

ul.service_list { margin-bottom:10px; }
ul.service_list li { font-size:13px; }
ul.service_list li.service_title { display:block; margin-bottom:10px; color:#666666; }
ul.service_list li.service_item { display:inline-block; margin-right:20px; }
ul.service_list li.service_item.last { margin-right:0px; }


div#footer { margin-top:20px; }
div#footer div#copyright { font-size:12px; color:#666; }


/* Button */
.submit_area { text-align:right; margin-top:40px; padding-right:10px; }
button.submit_button, input[type='submit'] {
  background: url(//cdn.clomo.com/csamassets/manager/assets/common/button/inquiry_btn_000-c84f4f6a8f97c600c9a65bc92cf96ec03b8a5a25dfd2d32b15338bae5303aaf0.png) no-repeat scroll 0 0 transparent;
  border: medium none !important;
  color: #fff;
  cursor: pointer;
  height: 20px;
  width: 125px;
}
button.submit_button:hover, input[type='submit']:hover {
  -webkit-box-shadow:0px 0px 3px #AAA;
  -moz-box-shadow:0px 0px 3px #AAA;
}


/* ダイアログボタンエリア */
.button_area button {
  background: url(//cdn.clomo.com/csamassets/manager/assets/common/button/inquiry_btn_000-c84f4f6a8f97c600c9a65bc92cf96ec03b8a5a25dfd2d32b15338bae5303aaf0.png) no-repeat scroll 0 0 transparent;
  border: medium none !important;
  color: #fff;
  cursor: pointer;
  height: 20px;
  width: 125px;
}
.button_area button.submit_button_back { background: url(//cdn.clomo.com/csamassets/manager/assets/common/button/inquiry_btn-6adb1c7e7caf0b860f084e3ba0a6134256e1885b810ec444e40b9c7ba8a41ece.png) no-repeat scroll 0 0 transparent; }


/* panel */
table.form_panel {}
table.form_panel > tbody > tr > td { background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/body-29d9cc03f393c3f718805a43674483addd66d6928636878fef399959d67d93ab.png) repeat-y 0px 0px; }
table.form_panel > tbody > tr.header > td { background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/head-9439986d79f4af15acac631b92b528e796b7a539e5ffe2f18f1b751864ba0e8a.png) no-repeat 0px 0px; height:53px; }
table.form_panel > tbody > tr.footer > td { background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/bottom-4c686260fbe81115979a5c1965524690eb3c119fcb9b7cd64fe5116eff668f91.png) no-repeat 0px 0px; height:17px; }


/* IEのために別途指定 */
table.form_panel th.viewbg, table.form_panel td.viewbg { background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/body-29d9cc03f393c3f718805a43674483addd66d6928636878fef399959d67d93ab.png) repeat-y 0px 0px; }
table.form_panel tr.header th.viewbg, table.form_panel tr.header td.viewbg { background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/head-9439986d79f4af15acac631b92b528e796b7a539e5ffe2f18f1b751864ba0e8a.png) no-repeat 0px 0px; height:53px; }
table.form_panel tr.footer td.viewbg { background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/bottom-4c686260fbe81115979a5c1965524690eb3c119fcb9b7cd64fe5116eff668f91.png) no-repeat 0px 0px; height:17px; }


div.otp_logo { height:33px!important; vertical-align:middle; background:url(//cdn.clomo.com/csamassets/manager/assets/common/otp/vip-65fcfbc5022758dfcbca0865d5178b2f5ff7a61bf284349872584486877abf9a.png) no-repeat 20px 0px; }


div.error { color:#F00; margin-top:40px; }
div.error * { color:#F00; }



/* outline layout */
table#outline_table { width:100%; height:100%; border-collapse:collapse; }
table#outline_table td { text-align:center; vertical-align:middle; }
table#outline_table td.outline_table_header { height:50px; vertical-align:top; text-align:left; }
table#outline_table td.outline_table_footer { height:36px; }
table#outline_table td.outline_table_main { position: relative; }
table#outline_table table.outline_table_main_table { width:100%; height:100%; border-collapse:collapse; }
/* Firefoxのみに高さを調整 */
@-moz-document url-prefix() {
table#outline_table table.outline_table_main_table {width:100%; height:101%; border-collapse:collapse; }
}
table#outline_table td.outline_table_main_left { width:194px; min-width: 194px; vertical-align:top; text-align:left; border-right: 1px solid #A2AAB7; background-color: #EBECEF; }
table#outline_table td.outline_table_main_center { vertical-align:top; text-align:left; }
table#outline_table td.outline_table_main_center td { text-align:left; }
table#outline_table td.outline_table_main_center td { vertical-align: top; }
table.full { width:100%; height:100%; border-collapse:collapse; }
table#outline_table td.outline_table_main_right { vertical-align:top; text-align:left; width: 350px; }


/* header */
table#outline_table .app_header {
  height: 50px; position: relative;
  background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/bg_header-04f2298996f5d066b29141eaf519dee5c4f27095df4efa83234fe5f6858cd33f.png) repeat-x;
}
table#outline_table .app_logo { position: absolute; left: 0; }
table#outline_table .app_sysmenu { position: absolute; right: 0; top: 13px; }
table#outline_table .app_sysmenu li { float: left; font-size: 12px; border-right: 1px solid #ccc; padding: 0px 15px; }
table#outline_table .app_sysmenu li.last { border-right: none; }
table#outline_table .app_sysmenu li span { color: #ccc; }
table#outline_table .loading { position: absolute; display: none; z-index: 99999; }
table#outline_table .loading td { width: 100px; text-align: left; padding-left: 5px; }

table#outline_table .app_change_apps {
  width: 301px; height: 26px; line-height: 24px; padding-left: 20px;
  position: absolute; left: 200px; top: 11px; display: none;
  background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/head_appselect_msg-a4e597d400f0282043a9bfcd2a552adfdb0c2616a0fa5a49b8887f7dd732b3f9.png) no-repeat;
  color: #4F6B8E; font-size: 11px;
  background-color:#EBECEF;
}


/* error area */
.validate_message_wrapper { z-index: 99999; position: relative; top: 12px; word-break: break-all; }


/* menu */
table#outline_table .app_menu {}
table#outline_table .app_menu li a { padding: 10px; border-bottom: 1px solid #A2AAB7; background: url(//cdn.clomo.com/csamassets/manager/assets/common/icon/menu_icon_off-01a10663baac3f10fb5b91a958f26c400fbb28813e791e783323212a8a059da2.png) no-repeat 180px center; color: #000; display: block; vertical-align: top; }
table#outline_table .app_menu li a img { vertical-align: top; margin-right: 5px; width: 16px; }
table#outline_table .app_menu li a:hover { text-decoration:none; background-color: #fff; }
table#outline_table .app_menu li.active a { background: #A2AAB7 url(//cdn.clomo.com/csamassets/manager/assets/common/icon/menu_icon_on-c1e4b47c50224440a19373b5175a9045e15fd042670a6b65f25f642726ff7c19.png) no-repeat 180px center; color: #fff; }
.trigger { vertical-align: top; }
.trigger img { vertical-align: top; margin-right: 5px; }


/* content button */
div.top_button_area { height: 36px; line-height: 36px; }
div.top_button_area li { float: left; padding-left: 11px; padding-top: 10px; padding-bottom: 0px; }
div.top_button_area li img { cursor: pointer; }
div.top_button_area li.btn_import_line {}

/* footer */
table#outline_table .app_footer { padding: 10px; }


/* error message */
.validate_message, .result_message {
    text-align: center;
    margin: 0 auto;
    width: 700px;
    padding: 3px 10px;
    background-color: #FFF3C4;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    display: none;
}
.validate_message { color: #7F5401; }
.result_message { color: #7F5401; }
.validate_message span, .result_message span { background:url(//cdn.clomo.com/csamassets/manager/assets/common/icon/msg_icon-b2e0304007495843d2ff45fef48c78dd283d6d122c83569c9ee0640bb4ba0abe.png) no-repeat; padding-left: 20px; }


/* setting content */
.setting_control { line-height: 36px; padding-left: 10px; }
.setting_content { padding: 20px; background:url(//cdn.clomo.com/csamassets/manager/assets/common/bg/nabi_bg-72f947211bd940bf18c66fde119bfcfeadc74e229438ef9df2ea8cb7776b094e.png) repeat-x; }
.setting_content.no_padding { padding: 0; }
.setting_content.grid_content { padding: 0px; }
.setting_content.dialog_grid_content { padding: 0px; }
.setting_content > table.grid_table { border-collapse:collapse; table-layout:fixed; width: 100%; }
.setting_content > table.grid_table > thead > tr > th,
.setting_content > table.grid_table > tbody > tr > td {
  height:30px; padding:7px 7px 0px 7px; text-align:left; vertical-align:middle; border-bottom:1px solid #EBECEF;
}
.setting_content > table.grid_table > thead > tr > th { border-bottom:1px solid #CCCCCC; /*height: 28px; vertical-align: bottom; */height: 27px;vertical-align: middle; padding-top: 7px; color: #999; font-size: 10px; padding-bottom: 2px; }
.setting_content > table.grid_table > tbody > tr.even > td { background: #F0F4F8; }
.setting_content > table.grid_table > tbody > tr.odd > td {}
.setting_content > table.grid_table > tbody > tr.hover > td { background: #D8E5ED; cursor: pointer; }
.setting_content > table.grid_table > tbody > tr .status_lock { display: none; }
.setting_content > table.grid_table > tbody > tr .license_lock { display: none; }
.setting_content > table.grid_table > tbody > tr.status_locked > td,
.setting_content > table.grid_table > tbody > tr.status_locked > td { background: #efefef; color: #999; }
.setting_content > table.grid_table > tbody > tr.status_locked .status_lock { display: block; }
.setting_content > table.grid_table > tbody > tr.license_locked > td { background: #efefef; color: #999; }
.setting_content > table.grid_table > tbody > tr.license_locked .license_lock { display: block; }
.setting_content > table.grid_table > tbody > tr > td .row_btn_edit { vertical-align: top; }
.setting_content > table.grid_table > tbody > tr.selected > td,
.setting_content > table.grid_table > tbody > tr.selected > td * { background: #4D688A; color: #fff; }

.setting_content table.grid_table th.th_icon { width:24px; text-align:center; }
.setting_content table.grid_table th.th_name { width:200px; }
.setting_content table.grid_table td.td_icon { text-align:center; }
.setting_content table.grid_table td.disabled { color: #999; }
.setting_content table.grid_table td.no_data { padding-top: 12px; }

.setting_content table.grid_table th.sortable {
background-image: url(//cdn.clomo.com/csamassets/manager/assets/common/icon/btn_sort_default-30f6694e9e7de936c098f34a085b1cfeaaea62aa2ebd87c65f4271cff9b20508.png);
background-repeat: no-repeat;
background-position: right 12px;

cursor : pointer;}
.setting_content table.grid_table th.grid_is_sorting { color: #6495ed; }
.setting_content table.grid_table th.asc {
background-image: url(//cdn.clomo.com/csamassets/manager/assets/common/icon/btn_sort_acs-631fc32cf62e6d819edc507f52b31952f11dd965417750b388fb1836fee97b49.png);
background-repeat: no-repeat;
background-position: right 12px;
cursor : pointer;
}
.setting_content table.grid_table th.desc {
background-image: url(//cdn.clomo.com/csamassets/manager/assets/common/icon/btn_sort_desc-98933f9e72e203ff3eade6bd3d291ebeae9f4de19aaf22297c245900c2fda828.png);
background-repeat: no-repeat;
background-position: right 12px;
cursor : pointer;
}

.setting_content table.grid_table tr .row_select { width: 20px; padding-top: 10px; }
.setting_content table.grid_table tr .row_select img { display: none; }
.setting_content table.grid_table tr.selected .row_select img { display: block; }

.setting_content table.grid_table tr .control { width: 100px; text-align: right !important; }
.setting_content table.grid_table tr .control a { display: none; }
.setting_content table.grid_table tr.selected .control a.row_btn_edit { display: inline; color: #fff; }

table.form_table th { width: 120px; text-align: left; }
table.form_table td { padding: 2px 5px; }

/* 半透明 */
img.app_opacity { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }


/* pagination */
div#paginate_link { padding-top: 10px; padding-right: 10px; }


/* 省略 */
.truncate { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }


.hide_area{
  display:none ;
}


/* 検索エリア */
#outline_table .outline_table_header .search_box {
  position:absolute; left:203px; top:12px;
  width:166px; height:24px;
  padding-top:1px;
  background-image: url(//cdn.clomo.com/csamassets/manager/assets/common/bg/search_bg-df9d577de0265690b6f0553e6dbbb7d81b3c2e5b56d4d9fdca13640c75a836d1.png);
  background-repeat:no-repeat;
}
#outline_table .outline_table_header .search_box table {
  width:100%;
}
#outline_table .outline_table_header .search_box input {
  height: 20px; width: 124px;
  outline-color: black; outline-style: none; outline-width: 0px;
  border:0px;
  padding-top:0px; padding-bottom:1px;
  display:inline-block;
  background-color:transparent;
}
#outline_table .outline_table_header .search_box .pointer {
  cursor:pointer;
}

#search_menu {
  position: absolute; left: 148px; top: 20px; z-index: 99;
  width: 140px; height: 50px;
  padding-top: 6px;
  background-color: white;
  border: 1px solid #DDD;
  -webkit-border-radius: 8px; -moz-border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px #777; -moz-box-shadow: 2px 2px 4px #777;
  opacity: 0.9;
}
#search_menu table {
  width:100%; height:100%;
}
#search_menu .item {
  height:22px;
  line-height:22px;
  text-align:left;
  padding-left:30px;
  cursor:pointer;
}
#search_menu .item.checked {
  background: url(//cdn.clomo.com/csamassets/manager/assets/common/icon/search_check-90818ef21a85bd8b094df80fd65847da3d4d861afcfe45f1108fcc50cc5b2c2a.png) no-repeat 16px 5px;
}
#search_menu .item:hover {
  background-color:#fafafa;
}

/* pagination */

.paginate_link_wrapper {
    margin-bottom: 5px;
    height: 20px;
    padding-top:0px;
}

#paginate_link {
    text-align: right!important;
    padding-right: 0px;
}
.paginate_link_area {
}

.paginate_link_area span, .paginate_link_area a {
    font-size: 13px;
    line-height: 30px;
    padding: 4px 8px;
    border: 1px #ccc solid;
    color: #6f6f6f;
    background-color: #f0f0f0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.paginate_link_area a {
    text-decoration:none; cursor:pointer;
}
.paginate_link_area span.disabled {
    color: #ccc;
}
.paginate_link_area span.current, .paginate_link_area a:hover {
    border: 1px #03689a solid;
    background-color: #0087d4;
    color: #fff;
}