@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }

@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

li { list-style: none; }

a:hover { text-decoration: none; }

html { height: 98%; }

body { font-family: "\30E1\30A4\30EA\30AA", "Meiryo", verdana, "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", Osaka, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS PGothic", Sans-Serif; background-color: #fff; color: #333333; font-size: 14px; padding: 12px 15px 0; height: 98%; }

input, textarea, button { font-family: "\30E1\30A4\30EA\30AA", "Meiryo", verdana, "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", Osaka, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS PGothic", Sans-Serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#glayOut { background-color: #000; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; z-index: 14; }

.header { zoom: 1; padding: 0 0 14px 5px; min-width: 800px; }
.header:before, .header:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
.header:after { clear: both; }
.header div { zoom: 1; display: table; float: left; }
.header div:before, .header div:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
.header div:after { clear: both; }
.header div img { display: table-cell; }
.header div h1 { display: table-cell; color: #000; font-weight: bold; padding: 0 0 0 10px; line-height: 17px; vertical-align: middle; }
.header .nav { color: #4d4d4d; font-size: 12px; float: right; margin: 12px 0 0; }
.header .nav ul { float: left; }
.header .nav ul.user { padding: 0 7px 0 43px; }
.header .nav ul.user li.sv { border-right: 1px solid #4d4d4d; }
.header .nav li { padding: 0 8px; display: table-cell; }
.header .nav li .fa { margin: 0 4px 0 0; }
.header .nav li a { color: #4d4d4d; text-decoration: underline; }
.header .nav li a:hover { text-decoration: none; }

.dataL { text-align: left !important; }

.dataC { text-align: center !important; }

.login-wrap { min-height: 625px; height: 89%; }
.footer .siteseal-wrap { height: 80px; display: flex;}
.footer .siteseal-wrap .seal-ierae {width:135px;height:70px;margin-left:10px;}
.login-wrap .setting { padding: 0 !important; min-height: 100% !important; height: 100% !important; }
.login-wrap .setting .setDomain { width: 720px; position: absolute; top: 140px; left: 50%; margin-left: -360px; }
.login-wrap .setting .setDomain h2 { text-align: center; font-size: 24px; margin: 0 0 52px; color: #0079c4; }
.login-wrap .setting .setDomain h2 span { font-weight: bold; }
.login-wrap .setting .setDomain p { font-size: 14px; line-height: 23px; color: #1e628e; margin: 0 0 7px; }
.login-wrap .setting .setDomain .setting-input { width: 397px; margin: 0 auto; font-size: 12px; padding: 30px 0 40px; }
.login-wrap .setting .setDomain .setting-input input[type="text"] { border: 1px solid #b3b3b3; border-radius: 3px; font-size: 14px; height: 38px; padding: 0 5px; width: 100%; margin: 0 0 26px; }
.login-wrap .setting .setDomain .setting-input select { font-size: 12px; margin: 0 6px 0 0; }
.login-wrap .setting .setDomain .setting-input .button1 { display: block !important; width: 50px; margin: 29px 0 0; }
.login-wrap .setting .setDomain p.attention { font-size: 12px; line-height: 19px; }
.login-wrap .setting table { margin: 0 0 28px; }
.login-wrap .setting p.lead { margin: 0 0 25px; }
.login-wrap .setting p.confirm { text-align: center; margin: 35px 0 0; }
.login-wrap .setting dl dt { font-size: 16px; font-weight: bold; line-height: 23px; color: #0079c4; }
.login-wrap .setting dl dd { color: #1e628e; font-size: 14px; line-height: 23px; }
.login-wrap .logins { padding: 0 !important; height: 100%; min-height: 330px !important; }
.login-wrap .logins h1 { font-size: 24px; font-weight: bold; color: #0079c4; margin: 0 0 40px 0; text-align: center; white-space: nowrap; }
.login-wrap .logins .caution, .login-wrap .logins .complete { margin: 9px 0 !important; }
.login-wrap .logins .login { position: absolute; top: 37%; left: 50%; margin-left: -405px; margin-top: -105px; width:810px; }
.login-wrap .logins .login input[type="text"], .login-wrap .logins .login input[type="password"] { border-radius: 3px; border: 1px solid #b3b3b3; font-size: 14px; width: 100%; height: 38px; padding: 0 5px; margin: 9px 0; }
.login-wrap .logins .login .login-input { width: 397px; margin: 0 auto; }
.login-wrap .logins .login .login-input label { font-size: 12px; line-height: 19px; padding: 11px 0; float: left; }
.login-wrap .logins .login .login-input a.button1 { float: right; }
.login-wrap .logins .login .login-input .login-btn { zoom: 1; margin: 9px 0 0; }
.login-wrap .logins .login .login-input .login-btn:before, .login-wrap .logins .login .login-input .login-btn:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
.login-wrap .logins .login .login-input .login-btn:after { clear: both; }
.login-wrap .info { padding: 26px 50px;background-color: white;border: 1px solid #b3b3b3;width: 708px;color: #3A4035;margin-top:30px; }
.login-wrap .info ul { padding: 0 0; }
.login-wrap .info ul li p { text-align: center;font-size: 15px;padding-top: 5px;padding-bottom: 5px; }
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .login-wrap .info { top: 75%; }
}

.wrapper { position: relative; border: 1px solid #388ec5; border-radius: 5px; width: 100%; min-width: 800px;}
.wrapper .sidebar { position: absolute; height: 100%; border-radius: 5px 5px 0; background-color: #fff; top: 0; left: 0; width: 215px; }
.wrapper .sidebar h2 { color: #1e628e; font-size: 12px; font-weight: bold; vertical-align: middle; display: inline-block; line-height: 15px; text-indent: -34px; margin: 12px 0 2px 34px; padding: 0 0 0 5px; }
.wrapper .sidebar h2 i { display: inline-block; vertical-align: middle; text-align: center; width: 30px; height: 30px; padding: 3px 4px 0 0; }
.wrapper .sidebar h2 i.home { background: url(/fm/images/menu_ico01-062a02c68fa3d9720a7d3c624004f532.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.reserve { background: url(/fm/images/menu_ico02-9dd4460bf970e0de5c52f828de819699.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.text { background: url(/fm/images/menu_ico03-3f9abc27fc94512137622acbb8285579.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.step { background: url(/fm/images/menu_ico04-97e9af870b1eedf81aa3ea506c1ad2ce.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.user { background: url(/fm/images/menu_ico05-fa82e83f973b1746fd8c22866fb38cf3.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.segment { background: url(/fm/images/menu_ico06-a1146135c44a0837e5fa3ced4121ef91.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.form { background: url(/fm/images/menu_ico07-3169f87460fffe49e2f72b71121281a4.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.account { background: url(/fm/images/menu_ico08-3c7b19e8b2cd4b9818538810e7c9cd2e.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.taskstatus { background: url(/fm/images/menu_ico09-7497aeec1dce2bbca7749fde1da6fce4.png) 0 0 no-repeat; }
.wrapper .sidebar h2 i.survey { background: url(/fm/images/menu_ico10-2720708f24d645f79790aac4cf73d1b8.png) 0 0 no-repeat; }
.wrapper .sidebar ul { border-bottom: 1px solid whitesmoke; padding: 0 0 12px; }
.wrapper .sidebar ul.lastul { border: none; }
.wrapper .sidebar ul li a { text-decoration: none; color: #333333; font-size: 12px; width: 190px; display: inline-block; padding: 7px 5px 3px 20px; line-height: 16px; }
.wrapper .sidebar ul li a:hover { background-color: whitesmoke; }
.wrapper .sidebar ul li a.ac { background-color: #388ec5; color: #fff; }
.wrapper .contents { background-color: whitesmoke; border-radius: 5px; padding: 0 0 0 215px; min-height: 1000px; width: auto; }
.wrapper .contents h3 { font-size: 20px; color: #1e628e; border-left: 4px solid #1e628e; padding: 6px 0 6px 12px; line-height: 24px; margin: 0 0 19px; }
.wrapper .contents h4 { font-size: 15px; font-weight: bold; margin: 26px 0 12px; }
.wrapper .contents h4 .fa { margin: 0 3px 0 0; }
.wrapper .contents h4.sub { color: #1e628e; }
.wrapper .contents .breadcrumb { font-size: 12px; color: #fff; padding: 0 30px 0 0; background-color: #388ec5; }
.wrapper .contents .breadcrumb p { display: table-cell; height: 49px; vertical-align: middle; line-height: 17px; }
.wrapper .contents .breadcrumb .active1 { background-color: #1e628e; white-space: nowrap; padding: 0 0 0 65px; }
.wrapper .contents .breadcrumb .active1 span { position: relative; padding: 0 14px 0 0; }
.wrapper .contents .breadcrumb .active1 span:after { content: ""; border-top: 23px solid #388ec5; border-bottom: 24px solid #388ec5; border-left: 15px solid #1e628e; position: absolute; right: -15px; top: -14px; }
.wrapper .contents .breadcrumb .active1.home { background: url(/fm/images/title_ico_01-71e3a087f437d6f8cfa56c6332b39bf0.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.reserve { background: url(/fm/images/title_ico_02-d9a566d0d2c8567bceeb67f12cf7851c.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.text { background: url(/fm/images/title_ico_03-f4b919b70efe7b4db3942d4c73c3713e.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.step { background: url(/fm/images/title_ico_04-ba7b8a45e3d89951d5d3299e3ebc0c4e.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.user { background: url(/fm/images/title_ico_05-2fa541a72c0ce6e9f80a172a673472e0.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.segment { background: url(/fm/images/title_ico_06-a1bf9050cb2fb30f14d1a63e4993d68a.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.form { background: url(/fm/images/title_ico_07-53b7e7a62365d673261a802dab21ae5e.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.account { background: url(/fm/images/title_ico_08-d64551afd9be238e3508647f1277e567.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.taskstatus { background: url(/fm/images/title_ico_09-80d53633dc8f586381bb1126d0b1f72d.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.survey { background: url(/fm/images/title_ico_10-67f0e587f6eabbc7d6a1923f40a5b911.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active1.history { background: url(/fm/images/title_ico_09-80d53633dc8f586381bb1126d0b1f72d.png) 8px center no-repeat #1e628e; }
.wrapper .contents .breadcrumb .active2 { padding: 0 33px 0 36px; font-size: 16px; line-height: 20px; white-space: nowrap; }
.wrapper .contents .information { width: 100%; background-color: #e7e7e7; padding: 20px 0 1px;}
.wrapper .contents .information .flow { border-left: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; border-top: 1px solid #b3b3b3; background-color: #fff; margin: 0 20px 20px; }
.wrapper .contents .information .flow a { color: #388ec5; }
.wrapper .contents .information .flow p.ttl { background-color: #1e628e; border-bottom: 1px solid #b3b3b3; color: #fff; font-size: 16px; padding: 0 4px 0 8px; line-height: 30px; }
.wrapper .contents .information .flow p.ttl .btn_toggle { background: url(/fm/images/ico_open-c62934511a8ef8e753a012a99e6e5640.png) no-repeat; vertical-align: middle; display: inline-block; width: 25px; height: 22px; margin: 4px 0 0; float: right; }
.wrapper .contents .information .flow p.ttl .btn_toggle.open { background: url(/fm/images/ico_close-acb0c5b64f3ba37597ac260f1e412a07.png) no-repeat; }
.wrapper .contents .information .flow .flow_i { display: table; border-bottom: 1px solid #b3b3b3; width: 100%; }
.wrapper .contents .information .flow .flow_i div { display: table-cell; text-align: center; padding: 33px 50px; width: 33.3%; }
.wrapper .contents .information .flow .flowWrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #b3b3b3; zoom: 1; width: 100%; padding: 14px; }
.wrapper .contents .information .flow .flowWrap:before, .wrapper .contents .information .flow .flowWrap:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
.wrapper .contents .information .flow .flowWrap:after { clear: both; }
.wrapper .contents .information .flow .flow_i2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b3b3b3; float: left; width: 60%; min-height: 185px; }
.wrapper .contents .information .flow .flow_i2 div { display: table-cell; text-align: center; padding: 20px 14px; width: 20%; }
.wrapper .contents .information .flow .flow_i3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 40%; padding: 0 0 0 14px; min-height: 185px; }
.wrapper .contents .information .flow .flow_i3 div { background: url(/fm/images/ico_step-050236207d9d413fe8007e48e0adc33c.png) left center no-repeat; padding: 0 0 0 36px; display: table-cell; text-align: center; padding: 20px 14px 20px 36px; width: 20%; }
.wrapper .contents .information .flow .flow_i3 div .complete { font-size: 16px; color: #1e628e; margin: 0 0 18px; }
.wrapper .contents .information .flow p.link { font-size: 14px; color: #388ec5; margin: 17px 0 14px; line-height: 23px; }
.wrapper .contents .information .flow p.link .fa { padding: 0 4px 0 0; font-size: 17px; }
.wrapper .contents .information .flow p { font-size: 10px; line-height: 15px; }
.wrapper .contents .information .flow .ico { display: inline-block; width: 59px; height: 59px; }
.wrapper .contents .information .flow .ico.ico_account { background: url(/fm/images/ico_account-efa375dd346971db4ee3e38614da4abd.png) no-repeat; }
.wrapper .contents .information .flow .ico.ico_segment { background: url(/fm/images/ico_segment-5fe763fd94ca42eedb466f9aba171084.png) no-repeat; }
.wrapper .contents .information .flow .ico.ico_form { background: url(/fm/images/ico_form-3635a28686d2539f10e57072470a8a9a.png) no-repeat; }
.wrapper .contents .information .flow .ico.ico_user { background: url(/fm/images/ico_user-186f82ef5450bcf67aaae2e2f5c7ec87.png) no-repeat; }
.wrapper .contents .information .flow .ico.ico_text { background: url(/fm/images/ico_text-7ebd9adf7db036a19fe73ac00822cd39.png) no-repeat; }
.wrapper .contents .information .flow .ico.ico_reserve { background: url(/fm/images/ico_reserve-1297c06af1d761194ec013842c530c96.png) no-repeat; }


.wrapper .contents .information ul { padding: 0 38px; }
.wrapper .contents .information ul li { zoom: 1; position: relative; padding: 0 0 0 80px; margin: 5px 0; }
.wrapper .contents .information ul li:before, .wrapper .contents .information ul li:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
.wrapper .contents .information ul li:after { clear: both; }
.wrapper .contents .information ul li span { font-size: 10px; text-align: center; color: #fff; width: 70px; line-height: 17px; text-align: center; position: absolute; left: 0; top: 0; }
.wrapper .contents .information ul li span.i01 { background-color: #388ec5; }
.wrapper .contents .information ul li span.i02 { background-color: #5e73b7; }
.wrapper .contents .information ul li span.i03 { background-color: #ec450a; }
.wrapper .contents .information ul li p { font-size: 12px; line-height: 17px; }

.wrapper .contents .main .indnt { padding: 0 0 30px 20px; }
.wrapper .contents .main .indnt2 { padding: 0 0 20px 0; }
.wrapper .contents .main .indnt3 { padding: 0 0 40px 0; }
.wrapper .contents .main .indnt3 .graph2 tr th {width: 18% !important; word-break: break-all; }
.wrapper .contents .main .indnt4 { padding: 0 0 0 20px; }
.wrapper .contents .main .indnt5 { padding: 0 0 30px 0; }
.wrapper .contents .main .selectStatus { margin: 60px 0 20px; }
.wrapper .contents .main .selectStatus p { display: inline-block; padding: 0 2em 0 0; }
.wrapper .contents .main .floatwrap { zoom: 1; min-width: 760px; width: 100%; }
.wrapper .contents .main .floatwrap:before, .wrapper .contents .main .floatwrap:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
.wrapper .contents .main .floatwrap:after { clear: both; }
.wrapper .contents .main .pie-chart {width: 420px !important; height: 360px !important; display: inline-block !important;}

.wrapper .contents .main .submitArea.pdng { padding: 0; }
.wrapper .contents .main .submitArea.pdng p { margin: 0 8px 0 0; }
.wrapper .contents .main { padding: 20px 20px 45px; }
.wrapper .contents .main a { color: #388ec5; }
.wrapper .contents .main .indnt { padding: 0 0 30px 20px; }
.wrapper .contents .main .indnt2 { padding: 0 0 20px 0; }
.wrapper .contents .main .indnt3 { padding: 0 0 40px 0; }
.wrapper .contents .main .indnt4 { padding: 0 0 0 20px; }
.wrapper .contents .main .popup { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); border: 3px solid #388ec5; position: fixed; top: 30%; left: 50%; margin-left: -237px; background-color: #fff; z-index: 15; width: 474px; }
.wrapper .contents .main .popup .ttl { background-color: #388ec5; border-bottom: 3px solid #388ec5; padding: 9px 0 6px 42px; line-height: 19px; text-indent: -10px; color: #fff; font-size: 16px; }
.wrapper .contents .main .popup .ttl .fa { padding: 0 4px 0 0; }
.wrapper .contents .main .popup div { padding: 18px 0 20px 18px; background-color: #fff; font-size: 12px; }
.wrapper .contents .main .popup div .submitArea { padding: 0; text-align: center; margin: 40px 0 0; }
.wrapper .contents .main .popup > div > p {line-height: 1.5em}
.wrapper .contents .main .caution { padding: 20px; margin: 0 0 24px; border-radius: 5px; background-color: #ffe4e4; line-height: 17px; color: #ff0000; }
.wrapper .contents .main .caution p { font-size: 12px; text-indent: -5px; margin-left: 5px; }
.wrapper .contents .main .caution .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .caution ul li { list-style: none; color: red; }
.wrapper .contents .main .caution ul li:before { font-family: FontAwesome; content: "\f06a"; color: red; }
.wrapper .contents .main .complete { padding: 20px; margin: 0 0 24px; border-radius: 5px; background-color: #fff; line-height: 17px; color: #1fb601; }
.wrapper .contents .main .complete p { font-size: 12px; text-indent: -5px; margin-left: 5px; }
.wrapper .contents .main .complete .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .checkList { padding: 12px 20px; margin: 0 0 24px; border-radius: 5px; background-color: #e8e8e8; line-height: 17px; color: #333; }
.wrapper .contents .main .checkList p { font-size: 12px; text-indent: -6px; margin: 0 0 8px 6px; }
.wrapper .contents .main .checkList .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .table_set { margin: 0 0 20px 20px; padding: 0 0 10px; border-bottom: 1px solid #e6e6e6; }
.wrapper .contents .main .table_set.other { margin-bottom: 10px; padding: 0; border: none; }
.wrapper .contents .main .table_set.other table.input { margin: 0; }
.wrapper .contents .main .table_set.other.btm { margin-bottom: 36px; }
.wrapper .contents .main .table_set_form { background-color: #ebebeb; padding: 20px; margin: 0 0 1px 20px; }
.wrapper .contents .main .table_set_form p { margin: 0 0 18px; }
.wrapper .contents .main .table_set_form textarea { margin: 0 0 10px; height: 18.5em; }
.wrapper .contents .main .table_set_form table.table_edit td { padding: 10px 9px !important; }
.wrapper .contents .main .table_set_form_2nd { padding: 0 0 0 20px; margin: 0 0 30px; }
.wrapper .contents .main .table_set_form_2nd .select_public { width: 100%; background-color: #daebf6; padding: 20px 0; }
.wrapper .contents .main .table_set_form_2nd .select_public label { font-size: 12px; margin: 0 20px; }
.wrapper .contents .main table.bulkInput { width: 100%; }
.wrapper .contents .main table.bulkInput th { font-size: 12px; width: 106px; padding: 0 0 18px; vertical-align: middle; }
.wrapper .contents .main table.bulkInput td { padding: 0 0 18px; font-size: 12px; }
.wrapper .contents .main table.bulkInput td label { margin: 0 17px 0 0; }
.wrapper .contents .main table.config { width: 100%; }
.wrapper .contents .main table.config th.type { width: 30%; }
.wrapper .contents .main table.config th { background-color: #388ec5; border: 1px solid #b3b3b3; padding: 5px 9px !important; font-size: 12px; color: #fff; }
.wrapper .contents .main table.config td { background-color: #fff; font-size: 12px; border: 1px solid #b3b3b3; padding: 5px 9px !important; }
.wrapper .contents .main table.config td.formUrls {line-height: 20px;}
.wrapper .contents .main table.input { margin: 0 0 24px 19px; border-bottom: 1px solid #e6e6e6; width: 98%; }
.wrapper .contents .main table.input th { text-align: right; vertical-align: baseline; padding: 8px 20px 8px 0; border-bottom: 1px solid #e6e6e6; width: 150px; line-height: 17px; }
.wrapper .contents .main table.input th.textarea { vertical-align: top; }
.wrapper .contents .main table.input.mail-user th { width: 232px; }
.wrapper .contents .main table.input td { vertical-align: baseline; padding: 8px 0; font-size: 12px; line-height: 17px; border-bottom: 1px solid #e6e6e6; }
.wrapper .contents .main table.input td.textarea { vertical-align: top; }
.wrapper .contents .main table.input td table.mailResult { border: 1px solid #b3b3b3; margin: 0; }
.wrapper .contents .main table.input td table.mailResult th { line-height: 10px; }
.wrapper .contents .main table.input td table.mailResult td { border-bottom: none; border-top: none; }
.wrapper .contents .main table.input table.selectArea { width: 100%; }
.wrapper .contents .main table.input table.selectArea th { background-color: #ebebeb; border-bottom: 1px solid whitesmoke; font-size: 14px; text-align: left; padding-left: 12px; white-space: nowrap; }
.wrapper .contents .main table.input table.selectArea td { background-color: #ebebeb; border-bottom: 1px solid whitesmoke; }
.wrapper .contents .main table.input .mgn { margin: 0 6px; }
.wrapper .contents .main table.input .mgn2 { margin: 0 25px 0 0; }
.wrapper .contents .main table.input label { line-height: 24px; margin: 0 13px 0 0; display: inline-block; }
.wrapper .contents .main table.input p.inputTxt { display: inline; color: #388ec5; margin: 0 22px 0 13px; }
.wrapper .contents .main table.input p.inputTxt a { padding: 0 0 0 5px; }
.wrapper .contents .main table.input .selectCalender { margin: 16px 0 0; }
.wrapper .contents .main table.input .selectCalender label { margin: 0; }
.wrapper .contents .main table.input .selectMonth { margin: 16px 0 0; }
.wrapper .contents .main table.mail_data { width: 100%; margin: 20px 0; }
.wrapper .contents .main table.mail_data th { border: 1px solid #b3b3b3; font-size: 12px; padding: 16px 11px; }
.wrapper .contents .main table.mail_data td { border: 1px solid #b3b3b3; font-size: 12px; padding: 0 11px; }
.wrapper .contents .main table.mail_data td input[type="text"] { margin: 0 5px 0 0; }
.wrapper .contents .main .table_edit { margin: 10px 0; width: 100%; }
.wrapper .contents .main .table_edit th { background-color: #1e628e; white-space: nowrap; color: #fff; text-align: left; font-size: 10px; line-height: 10px; border: 1px solid #b3b3b3; padding: 6px 9px !important; }
.wrapper .contents .main .table_edit th.dataL { text-align: left; }
.wrapper .contents .main .table_edit th.dataC { text-align: center; }
.wrapper .contents .main .table_edit th.type { width: 40%; }
.wrapper .contents .main .table_edit td { border: 1px solid #b3b3b3; background-color: #f5f5f5; padding: 14px 9px !important; line-height: 15px !important; font-size: 12px; vertical-align: top; }
.wrapper .contents .main .table_edit td.check { text-align: center; }
.wrapper .contents .main .table_edit td.check input[type="checkbox"] { margin: 0; }
.wrapper .contents .main .table_edit td.lank { text-align: center; }
.wrapper .contents .main .table_edit td.lank img { margin: 0 3px; cursor: pointer; }
.wrapper .contents .main .table_edit td.check { text-align: center; min-width: 40px; width: 4%; }
.wrapper .contents .main .table_edit tr.hv td { background-color: #ebebeb; }
.wrapper .contents .main table.select_check { width: 100%; margin: 9px 0; }
.wrapper .contents .main table.select_check th { border: 1px solid whitesmoke !important; background-color: #8b8b8b !important; padding: 6px 9px !important; font-size: 10px !important; }
.wrapper .contents .main table.select_check td { border: 1px solid whitesmoke !important; background-color: #ebebeb !important; padding: 9px !important; }
.wrapper .contents .main table.select_check td.check { min-width: 20px !important; }
.wrapper .contents .main table.send { width: 100%; }
.wrapper .contents .main table.send th { background-color: #388ec5; color: #fff; font-size: 12px; border: 1px solid #b3b3b3; padding: 16px 9px; }
.wrapper .contents .main table.send td { border: 1px solid #b3b3b3; font-size: 12px; padding: 16px 5px; vertical-align: top; word-break: break-all; }
.wrapper .contents .main table.send td.click { padding: 10px; }
.wrapper .contents .main table.send td table.select_check { margin: 0; }
.wrapper .contents .main table.send td a.detail { padding-left: 1em; }
.wrapper .contents .main table.send td table.select_check th { padding: 6px 9px !important; }
.wrapper .contents .main table.send td table.select_check td { padding: 6px 9px !important; }
.wrapper .contents .main table.send table.mailResult { margin-top: 0; }
.wrapper .contents .main table.send.graph1 th { width: 18%; word-break: break-all; }
.wrapper .contents .main table.send.graph1 td { padding: 10px 65px 10px 0; vertical-align: middle; white-space: nowrap; }
.wrapper .contents .main table.send.graph1 td .bar { display: inline-block; height: 24px; background-color: #b2d3e8; float: left; }
.wrapper .contents .main table.send.graph1 td .bar.odd { background-color: #c2e7fe; }
.wrapper .contents .main table.send.graph1 td span { line-height: 24px; padding: 0 0 0 10px; }
.wrapper .contents .main table.send.graph3 { width: 49.6%; float: left; }
.wrapper .contents .main table.send.graph3.right { float: right; }
.wrapper .contents .main table.send.graph3 td > div { width: 50%; text-align: center; font-size: 14px; float: left; word-wrap: break-word; word-break: break-all; }
.wrapper .contents .main table.send.graph3 td div img { display: block; margin: 0 auto 14px; }
.wrapper .contents .main table.config { width: 100%; }
.wrapper .contents .main table.config th { background-color: #388ec5; border: 1px solid #b3b3b3; padding: 5px 9px !important; font-size: 12px; color: #fff; }
.wrapper .contents .main table.config td { background-color: #fff; font-size: 12px; border: 1px solid #b3b3b3; padding: 5px 9px !important; }
.wrapper .contents .main table.mailResult { font-size: 12px; margin: 10px 0; width: 100%; }
.wrapper .contents .main table.mailResult.mail-user-search tr:hover td { background-color: whitesmoke; }
.wrapper .contents .main table.mailResult th { background-color: #1e628e; white-space: nowrap; color: #fff; text-align: center; font-size: 10px; line-height: 10px; border: 1px solid #b3b3b3; padding: 6px 9px !important; }
.wrapper .contents .main table.mailResult th a { color: #fff; }
.wrapper .contents .main table.mailResult td { background-color: #fff; border: 1px solid #b3b3b3; padding: 5px 9px !important; line-height: 15px !important; }
.wrapper .contents .main table.mailResult td.dataC { text-align: center; }
.wrapper .contents .main table.mailResult td.vtop { vertical-align: top; }
.wrapper .contents .main table.mailResult td.edit { text-align: center; white-space: nowrap; min-width: 5%; }
.wrapper .contents .main table.mailResult td ul.list1 li { padding: 3px 0; }
.wrapper .contents .main table.mailResult .check { text-align: center; width: 14px; padding: 3px 6px; }
.wrapper .contents .main table.mailResult .check input[type="checkbox"] { margin: 0; }
.wrapper .contents .main table.mailResult .ico-link { padding-right: 5px; width: 11px; text-align: center; }
.wrapper .contents .main table.mailResult td.open_edit { background-color: whitesmoke; padding: 5px 0 5px 9px; }
.wrapper .contents .main table.mailResult td.open_edit span { float: left; font-size: 10px; padding: 9px 6px 0 0; }
.wrapper .contents .main table.mailResult td.open_edit ul { float: left; width: 85%; }
.wrapper .contents .main table.mailResult td.open_edit ul li { border-radius: 3px; background-color: #e1e1e1; color: #636363; line-height: 28px; text-align: center; margin: 3px; padding: 0 20px; display: inline-block; cursor: pointer; }
.wrapper .contents .main table.input2nd { width: 100%; margin-bottom: 8px; }
.wrapper .contents .main table.input2nd th { border: 0; background-color: #ebebeb; width: 100px; font-size: 12px; white-space: nowrap; }
.wrapper .contents .main table.input2nd td { border: 0; background-color: #ebebeb; padding: 7px 0 6px; }
.wrapper .contents .main table.input2nd td.delete { text-align: center; border-left: 1px solid whitesmoke; }
.wrapper .contents .main .submitArea { padding: 0 0 0 20px; margin: 0 0 40px; }
.wrapper .contents .main .submitArea.pdng { padding: 0; }
.wrapper .contents .main .submitArea.pdng p { margin: 0 8px 0 0; }
.wrapper .contents .main .submitArea p { margin: 0 18px 0 0; display: inline-block; }
.wrapper .contents .main .submitArea p.clear { font-size: 12px; color: #388ec5; }
.wrapper .contents .main .submitArea p.clear .fa { padding: 0 3px 0 0; }
.wrapper .contents .main .resultMsg { font-size: 14px; }
.wrapper .contents .main .resultMsg span { color: #ff0000; font-weight: bold; }
.wrapper .contents .main .resultMsg p { display: inline; line-height: 17px; }
.wrapper .contents .main .resultMsg p.download { padding: 0 0 0 40px; font-size: 12px; color: #388ec5; }
.wrapper .contents .main .resultMsg p.download .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .paging { position: relative; overflow: hidden; }
.wrapper .contents .main .paging .button2 { position: absolute; left: 0; top: 0; }
.wrapper .contents .main .paging .button3 { position: absolute; right: 0; top: 0; }
.wrapper .contents .main .paging ul { text-align: center; letter-spacing: -5px; }
.wrapper .contents .main .paging ul li { margin: 0 1px; font-size: 12px; display: inline-block; letter-spacing: normal; }
.wrapper .contents .main .paging ul li a { display: table-cell; background-color: #999; color: #fff; width: 28px; height: 28px; line-height: 28px; text-decoration: none; }
.wrapper .contents .main .paging ul li a:hover, .wrapper .contents .main .paging ul li a.ac { background-color: #388ec5; }
.wrapper .contents .main .paging ul li a.prev { width: 35px; border-radius: 3px 0 0 3px; }
.wrapper .contents .main .paging ul li a.next { width: 35px; border-radius: 0 3px 3px 0; }
.wrapper .contents .main .paging ul li .fa { line-height: 28px; }
.wrapper .contents .main span.error { color: #ff0000; font-size: 12px; display: block; padding: 0 0 8px 5px; text-indent: -5px; margin-left: 5px; }
.wrapper .contents .main input.ipt1 { border-radius: 3px; border: 1px solid #b3b3b3; width: 250px; height: 24px; padding: 0 5px; }
.wrapper .contents .main input.ipt1[readonly=readonly] { color: #999; }

.wrapper .contents .main input.ipt6 {  border: 1px solid #b3b3b3;  border-radius: 3px;  height: 24px;  padding: 0 5px;  width: 39%;}
.wrapper .contents .main input.ipt1.error { border: 1px solid red; }
.wrapper .contents .main input.ipt2 { border-radius: 3px; border: 1px solid #b3b3b3; width: 130px; height: 24px; padding: 0 5px; }
.wrapper .contents .main input.ipt3 { border-radius: 3px; border: 1px solid #b3b3b3; width: 48px; height: 24px; padding: 0 5px; }
.wrapper .contents .main input.ipt4 { border-radius: 3px; border: 1px solid #b3b3b3; width: auto; height: 24px; padding: 0 5px; }
.wrapper .contents .main input.ipt5 { border-radius: 3px; border: 1px solid #b3b3b3; width: 100%; height: 24px; padding: 0 5px; }
.wrapper .contents .main input[type="radio"] { margin: 0 5px 0 0; vertical-align: middle; }
.wrapper .contents .main input[type="radio"].error { outline: solid 1px #ff0000; }
.wrapper .contents .main textarea { border-radius: 3px; padding: 5px; border: 1px solid #b3b3b3; width: 267px; height: 10ex; font-size: 14px; overflow-y: scroll; }
.wrapper .contents .main textarea.error { outline: solid 1px #ff0000; }
.wrapper .contents .main select { font-family: "\30E1\30A4\30EA\30AA", "Meiryo", verdana, "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", Osaka, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS PGothic", Sans-Serif; vertical-align: middle; }
.wrapper .contents .main select.error { outline: solid 1px #ff0000; }
.wrapper .contents .main select.slct1 { min-width: 175px; height:42px; }
.wrapper .contents .main input[type="checkbox"] { margin: 0 6px 0 0; vertical-align: middle; }
.wrapper .contents .main input[type="checkbox"].error { outline: solid 1px #ff0000; }
.wrapper .contents .main .button1 { text-decoration: none; background-color: #388ec5; border: 0; border-radius: 3px; color: #fff; font-size: 16px; cursor: pointer; padding: 11px 28px 11px 39px; line-height: 19px; display: inline-block; text-align: center; text-indent: -9px; }
.wrapper .contents .main .button1 .fa { padding: 0 4px 0 0; }
.wrapper .contents .main .button1:hover { background-color: #0079c4; }
.wrapper .contents .main .button2 { border-radius: 3px; background-color: #999; color: #fff; font-size: 12px; display: inline-block; padding: 0 18px; text-align: center; height: 28px; line-height: 28px; text-decoration: none; }
.wrapper .contents .main .button2 .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .button2:hover { background-color: #0079c4; }
.wrapper .contents .main .button3 { border-radius: 3px; background-color: #388ec5; color: #fff; font-size: 12px; display: inline-block; padding: 0 18px; text-align: center; height: 28px; line-height: 28px; text-decoration: none; }
.wrapper .contents .main .button3 .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .button3:hover { background-color: #0079c4; }
.wrapper .contents .main .button4 { background-color: #fff; text-decoration: none; border: 2px solid #388ec5; border-radius: 3px; color: #388ec5; cursor: pointer; display: inline-block; font-size: 16px; line-height: 19px; padding: 9px 26px 9px 37px; text-align: center; text-indent: -9px; }
.wrapper .contents .main .button4 .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .button4:hover { background-color: #388ec5; color: #fff; }
.wrapper .contents .main a.button5 { background-color: #999; border: 0; border-radius: 3px; color: #fff; font-size: 16px; cursor: pointer; padding: 11px 28px 11px 39px; line-height: 19px; display: inline-block; text-align: center; text-indent: -9px; }
.wrapper .contents .main a.button5 .fa { padding: 0 4px 0 0; }
.wrapper .contents .main a.button5:hover { background-color: #388ec5; }
.wrapper .contents .main .button8 { text-decoration: none; background-color: #999; border: 0; border-radius: 3px; color: #fff; font-size: 16px; cursor: pointer; padding: 11px 28px 11px 39px; line-height: 19px; display: inline-block; text-align: center; text-indent: -9px; }
.wrapper .contents .main .button8 .fa { padding: 0 4px 0 0; }
.wrapper .contents .main .editArea.text { margin-top: 10px; }
.wrapper .contents .main .editArea { background-color: #ebebeb; margin-bottom: 1px; font-size: 14px; padding: 21px; }
.wrapper .contents .main .editArea.mgn { margin-bottom: 20px; }
.wrapper .contents .main .editArea.mgn p.ttl { margin: 0 0 8px; }
.wrapper .contents .main .editArea.mgn td textarea { height: 6em; }
.wrapper .contents .main .editArea.mgn td label { margin: 0 18px 0 0; }
.wrapper .contents .main .editArea.mgn td .inputTxt { color: #388ec5; display: inline-block; margin: 0 23px 0 8px; }
.wrapper .contents .main .editArea.mgn td .inputTxt .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .editArea.mgn td input.ipt2 { margin: 0 0 0 8px; }
.wrapper .contents .main .editArea .edit-action { zoom: 1; margin: 13px 0 8px; }
.wrapper .contents .main .editArea .edit-action:before, .wrapper .contents .main .editArea .edit-action:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
.wrapper .contents .main .editArea .edit-action:after { clear: both; }
.wrapper .contents .main .editArea .edit-action a { margin-right: 7px; }
.wrapper .contents .main .editArea .edit-action a.preview { float: right; margin: 0; }
.wrapper .contents .main .editArea textarea { height: 20em; width: 98.3%; overflow-y: scroll; }
.wrapper .contents .main .editArea textarea.disabled {background-color: rgb(235, 235, 228);}
.wrapper .contents .main span.mandatory { color: red; font-size: 80%; }

.wrapper .contents .main .bulkUpload {
	position: relative;
	left: 0;
	top: 0;
	padding: 30px;
	margin: 20px 0;
	/*width: 100%;*/
	max-width: 100%;
	height: 165px;
	border-radius: 10px;
	background-color: white;
	border-right-style: solid;
	border-right-color: white;
	border-right-width: 6px;
}
.wrapper .contents .main .bulkUpload div#drop-area {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 220px;
	border: 3px dashed #999;
	border-radius: 10px;
	z-index: 10;
    overflow: hidden;
}
.wrapper .contents .main .bulkUpload div#drop-area #fileID {
	opacity: 0.0;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	font-size:500px;
	filter: alpha(opacity=0);
}
.wrapper .contents .main .bulkUpload div#message-area {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #999;
	line-height: 31px;
	z-index: 5;
}
.wrapper .contents .main.imageGallery div.drop-area {
	border: 3px dashed #999;
	border-radius: 10px;
	background-color: #fff;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper .contents .main.imageGallery .image-storage-usage-info {
	color: #4d4d4d;
	font-size: 13px;
	font-weight: bold;
	margin: 25px 0;
}
.wrapper .contents .main.imageGallery div.drop-area #dropArea {
	border: none;
	background-color: transparent;
}
.wrapper .contents .main.imageGallery div.drop-area .dz-default.dz-message {
	font-size: 18px;
	font-weight: bold;
	color: #999;
}
.wrapper .contents .main.imageGallery .image-container {
	width: 100px;
	height: 124px;
	display: inline-block;
	margin: 5px;
	padding: 3px;
	border: 1px solid transparent;
	position: relative;
}
.wrapper .contents .main.imageGallery .image-container-cell {
	width: 100px;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.wrapper .contents .main.imageGallery .image-container-cell img {
	max-width: 100px;
	max-height: 100px;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.wrapper .contents .main.imageGallery .image-container .image-property {
	font-size: 11px;
}
.wrapper .contents .main.imageGallery .image-container .image-property input[type=checkbox] {
	margin: 0 3px 0 0;
}
.wrapper .contents .main.imageGallery .image-container .image-property span {
	display: inline-block;
	vertical-align: middle;
}
.footer { color: #1e628e; font-size: 10px; padding: 8px 0; line-height: 15px; }

/**
 * Customize
 */
.wrapper .contents .main .paging ul li span { display: table-cell; background-color: #999; color: #fff; width: 28px; height: 28px; line-height: 28px; text-decoration: none; }
.wrapper .contents .main .paging ul li a:hover, .wrapper .contents .main .paging ul li span.ac { background-color: #388ec5; }
.wrapper .contents .main .paging ul li span.prev { width: 35px; border-radius: 3px 0 0 3px; }
.wrapper .contents .main .paging ul li span.next { width: 35px; border-radius: 0 3px 3px 0; }
.wrapper .contents .main .paging ul li.disabled span { color: #DFD9D9; }
.wrapper .contents .main .paging ul li.disabled span { color: #DFD9D9; }

.wrapper .contents .main input[type="text"][disabled="disabled"] { background-color: #ddd }
.wrapper .contents .main select[disabled="disabled"] { background-color: #ddd }

.hide { display: none; }
.totalOfRecords { display: block; text-align: right; }
.wrapper .contents .main select#templateid {min-width: 150px; max-width: 195px}
.wrapper .contents .main select#startdateid {min-width: 150px;}
.wrapper .contents .main select#segmentid {min-width: 150px; max-width: 570px}

.wrapper .contents .main .button6 { border-radius: 3px; background-color: #388ec5; color: #fff; font-size: 12px; display: inline-block; padding: 0 16px; text-align: center; height: 20px; line-height: 20px; text-decoration: none; }
.wrapper .contents .main .button6 .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .button6:hover { background-color: #0079c4; }
.wrapper .contents .main .button7 { border-radius: 3px; background-color: #388ec5; color: #fff; font-size: 12px; display: inline-block; padding: 0 16px; text-align: center; height: 20px; line-height: 20px; text-decoration: none; width: 122px; }
.wrapper .contents .main .button7 .fa { margin: 0 3px 0 0; }
.wrapper .contents .main .button7:hover { background-color: #0079c4; }

.wrapper .contents .main .locked-item { font-size: 16px; padding-top: 5px }

.wrapper .contents .main .long-alnum { word-break: break-all; }

.wrapper .contents .html_dialog_preview { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); border: 3px solid #388ec5; position: fixed; top: 15%; left: 50%; margin-left: -237px; background-color: #fff; z-index: 13; width: 800px; height:465px; }
.wrapper .contents .html_dialog_preview .ttl { background-color: #388ec5; border-bottom: 3px solid #388ec5; padding: 9px 0 6px 42px; line-height: 19px; text-indent: -10px; color: #fff; font-size: 16px; }
.wrapper .contents .html_dialog_preview .ttl .fa { padding: 0 4px 0 0; }
.wrapper .contents .html_dialog_preview .ttl .close-btn { float:right; color:#fff; }
.wrapper .contents .html_dialog_preview .previewContent { padding: 16px 16px; background-color: #fff; font-size: 12px; }
.wrapper .contents .html_dialog_preview .previewContent .title_preview { width: 768px; padding: 10px 0; background-color: #F5F5F5; font-weight: bold;}
.wrapper .contents .html_dialog_preview .previewContent #htmlpreviewiframe { width: 768px; height: 362px; overflow: scroll; }
.wrapper .contents .html_dialog_preview .previewContent .send_mail { width:760px; padding: 4px 0; background-color: #F5F5F5; }
.wrapper .contents .html_dialog_preview .previewContent .send_mail .send_title { padding-right: 20px; font-weight: bold; }
.wrapper .contents .html_dialog_preview .previewContent .send_mail .send_address { border-radius: 3px; border: 1px solid #b3b3b3; width: 250px; height: 24px; padding: 0 5px; }
.wrapper .contents .html_dialog_preview .previewContent .send_button { border-radius: 3px; background-color: #388ec5; color: #fff; font-size: 12px; display: inline-block; padding: 5px 16px; margin: 14px 10px 6px 10px; text-align: center; height: 20px; line-height: 20px; text-decoration: none; width: 46px; }
.wrapper .contents .html_dialog_preview .previewContent .send_button .fa { margin: 0 3px 0 0; }
.wrapper .contents .html_dialog_preview .previewContent .send_button:hover { background-color: #0079c4; }
.wrapper .contents .html_dialog_preview .previewContent .submitArea { padding: 0; text-align: center; margin: 10px 0 0; }
.wrapper .contents .html_dialog_preview .previewContent .button4 { background-color: #fff; text-decoration: none; border: 2px solid #388ec5; border-radius: 3px; color: #388ec5; cursor: pointer; display: inline-block; font-size: 16px; line-height: 19px; padding: 9px 26px 9px 37px; text-align: center; text-indent: -9px; }
.wrapper .contents .html_dialog_preview .previewContent .button4 .fa { margin: 0 3px 0 0; }
.wrapper .contents .html_dialog_preview .previewContent .button4:hover { background-color: #388ec5; color: #fff; }

.wrapper .contents .main .mailResult td.open_edit { background-color: whitesmoke; padding: 5px 0 5px 9px; }
.wrapper .contents .main .mailResult td.open_edit span { float: left; font-size: 10px; padding: 9px 6px 0 0; }
.wrapper .contents .main .mailResult td.open_edit ul { float: left; width: 85%; }
.wrapper .contents .main .mailResult td.open_edit ul li { border-radius: 3px; background-color: #e1e1e1; color: #636363; line-height: 28px; text-align: center; margin: 3px; padding: 0 20px; display: inline-block; cursor: pointer; }

.wrapper .contents .main table.send { width: 100%; }
.wrapper .contents .main table.send th { background-color: #388ec5; color: #fff; font-size: 12px; border: 1px solid #b3b3b3; padding: 16px 9px; }
.wrapper .contents .main .input .input-required { color: #f00; }
.wrapper .contents .main .input .questionno { width: 36px; }
.wrapper .contents .main .input .input-label-textarea { vertical-align: middle; }
.wrapper .contents .main .input .input-textarea { width: 256px; }

.wrapper .contents .main .input .questionType { margin: 6px 0; }
.wrapper .contents .main .input .optionAdd { margin: 0px 0px 0px 0px; text-align: center; }
.wrapper .contents .main .input .ipt0 { border-radius: 3px; border: 1px solid #b3b3b3; width: 380px; padding: 0 5px; font-size: 13.3333330154419px; }
.wrapper .contents .main .input table.surveyQuestionOption { width: 360px; border: 1px solid rgb(169, 169, 169); }
.wrapper .contents .main .input table.surveyQuestionOption th {padding-right: 0px; text-align: center; border: 1px solid rgb(169, 169, 169); background-color: #8b8b8b; }
.wrapper .contents .main .input table.surveyQuestionOption td {padding-right: 0px; text-align: center; border: 1px solid rgb(169, 169, 169); }
.wrapper .contents .main .input table.surveyQuestionOption .option-enableflg { width: 16%; text-align: center; }
.wrapper .contents .main .input table.surveyQuestionOption .option-enableflg .enableflag { margin: 0 0; }
.wrapper .contents .main .input table.surveyQuestionOption .question-option-name { width: 250px; }
.wrapper .contents .main table.surveyCommon th { width: 250px; }
.wrapper .contents .main table.surveyCommon .completebuttonflg + .completebuttonflg { margin-left: 15px !important; }
.wrapper .contents .main table.surveyCommon .isactive + .isactive { margin-left: 15px !important; }
.wrapper .contents .main table.surveyQuestion { border-bottom: 3px solid rgb(169, 169, 169); }
.wrapper .contents .main table.surveyQuestion .question-enableflag + .question-enableflag { margin-left: 15px !important; }
.wrapper .contents .main table.surveyQuestion .requireflag + .requireflag { margin-left: 15px !important; }
.wrapper .contents .main table.userInfo th { width: 250px; }
.wrapper .contents .main #btnAddQuestion { margin-left: 289px; margin-bottom: 24px; }


.complete-wrap { min-height: 625px; height: 84%; }
.complete-wrap .complete { padding: 0 !important; height: 100%; min-height: 330px !important; }
.complete-wrap .complete .complete-content { margin-top: 100px; margin-left: auto; margin-right: auto; }
.complete-wrap .complete .complete-content .title { font-size: 26px; line-height: 26px; font-weight: bold; text-align: center; }
.complete-wrap .complete .complete-content .message { font-size: 26px; line-height: 26px; margin-top: 32px; margin-bottom: 46px; text-align: center; }
.complete-wrap .complete .complete-content .goto { font-size: 16px; line-height: 32px; font: bold; font-weight: bold; text-align: center; }

#sendReportClickTable th { text-align: center; width:auto; border:1px solid #b3b3b3; background-color: #1e628e;}
#sendReportClickTable td { border: 1px solid #b3b3b3; }
#sendReportClickTable td.number { text-align: right; }
#sendReportClickTable td.text { text-align: left; }

#googleAnalyticsTable th { text-align: center; width:auto; border:1px solid #b3b3b3; background-color: #1e628e;}
#googleAnalyticsTable td { border: 1px solid #b3b3b3; text-align: center; }

#clickChart { width: 818px; height: 170px;}
#mailOpenChart { width: 818px; height: 170px;}
.wrapper .contents .main p.no-record {
	margin-left: 20px;
	margin-bottom: 45px;
}
.with50{width: 45% ;}

.wrapper .contents .main .separator-5x {margin-bottom: 50px;}
.wrapper .contents .main .align-right {position: absolute; right:0;}

.hiddenLogo img {
	z-index: -9 !important;
}
.wrapper .contents .main table.mailResult th.help .fa { font-size: 14px; padding: 0 0 0 9px; cursor: pointer; vertical-align: middle; }
.popupHelp { border: 1px solid #388ec5; width: 65	%; border-radius: 4px; background-color: whitesmoke; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); position: fixed; top: 8%; left: 40%; margin-left: -237px; z-index: 15;}
.popupHelp .ttl { background-color: #1e628e; border-radius: 4px 4px 0 0; color: #fff; line-height: 48px; padding: 0 0 0 14px; font-size: 12px; margin: 0 0 20px; }
.popupHelp .ttl .fa { font-size: 36px; vertical-align: middle; margin: 0 15px 0 0; }
.popupHelp h3 { margin: 0 20px 34px; }
.popupHelp div { padding: 0 40px 60px; }
.popupHelp div h3 { margin: 0 0 34px; }
.popupHelp div p { margin: 0 0 34px; font-size: 12px; color: #656565; }
.popupHelp div table { width: 100%; }
.popupHelp div table th { font-size: 14px; border-bottom: 1px solid #e6e6e6; width: 200px; vertical-align: top; padding: 8px 0; }
.popupHelp div table td { word-break: break-all; line-height: 19px; border-bottom: 1px solid #e6e6e6; color: #656565; padding: 8px 0; }

.badge { display: inline-block; min-width: 20px; margin: 0 5px 0; padding: 3px 5px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #ff0000; border-radius: 10px; }
.badge:empty { display: none; }

.wrapper .contents .main .mailType { margin: 0 0 20px; }
.wrapper .contents .main .mailType.html a { background: url(/fm/images/htmlTyle_img01-90aef46b47ee2ae7bdc595e2d99a5808.png) 20px center no-repeat white; min-height: 170px; padding: 31px 20px 0 223px; }
.wrapper .contents .main .mailType.html a h4 { font-size: 20px; margin: 0 0 17px; }
.wrapper .contents .main .mailType.html a p { font-size: 14px; line-height: 20px; }
.wrapper .contents .main .mailType.text a { background: url(/fm/images/htmlTyle_img02-5fa114fab7f4b550e5a11a8edcf18379.png) 20px center no-repeat white; }
.wrapper .contents .main .mailType.editer a { background: url(/fm/images/htmlTyle_img03-ce763d9d71c2104eef358c8188f6d4b9.png) 20px center no-repeat white; }
.wrapper .contents .main .mailType.multi a { background: url(/fm/images/htmlTyle_img04-13989e4abbc2acde0a7fe802ac3ecb77.png) 20px center no-repeat white; }
.wrapper .contents .main .mailType a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: #fff; -webkit-box-shadow: 2.5px 4.33px 4px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 2.5px 4.33px 4px 0px rgba(0, 0, 0, 0.14); box-shadow: 2.5px 4.33px 4px 0px rgba(0, 0, 0, 0.14); text-decoration: none; padding: 22px 20px 17px 140px; min-height: 65px; }
.wrapper .contents .main .mailType a:hover { background-color: #f7f1b4; }
.wrapper .contents .main .mailType a:active { -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); margin: 8px 0 0 7px; }
.wrapper .contents .main .mailType a h4 { color: #1e628e; font-size: 17px; font-weight: bold; margin: 0 0 10px; }
.wrapper .contents .main .mailType a p { color: #333; font-size: 12px; line-height: 17px; }

select[name="mailuserlistid"],select[name="testmailuserlistid"] {
/*width: 100%;*/
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 30px 10px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #80aecc;
background: #eee;
background: url(/fm/images/ico_open-c62934511a8ef8e753a012a99e6e5640.png) right 50% no-repeat;
background-color: #fff;
background-size: 20px, 100%;
/* vertical-align: middle; */
-webkit-border-radius: 0px;
}

div#selectlistcover select[name="mailuserlistid"],div#selectlistcover select[name="testmailuserlistid"] {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #80aecc;
background: #eee;
background: url(/fm/images/ico_open-c62934511a8ef8e753a012a99e6e5640.png) right 50% no-repeat;
background-color: #fff;
background-size: 20px, 100%;
/* vertical-align: middle; */
-webkit-border-radius: 0px;
}

select[name="testmailuserlistid"] {
background: url(/fm/images/ico_open_test-9df1f7fc31e0de70b168c1ae98812e24.png) right 50% no-repeat;
background-color: #F5F5C4;
display: inline-block;
}

.wrapper .contents .main .button3#selectlist { height: 42px; line-height: 42px;  }
div#selectlistcover { width: 85%; }
div#selectlistcoverNoButton { width: 100%; }
div#selectlistcoverNoButton select[name="mailuserlistid"],div#selectlistcoverNoButton select[name="testmailuserlistid"] {width:100%}

div#listalert { display: inline; padding-left:10px; color: #333;}


.open-area {
cursor: pointer;
cursor: hand;
}

select::-ms-expand {
    display: none;
}

.sidebar{
	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.sidebar::-webkit-scrollbar {
	display:none;
}