@charset "UTF-8";
* {margin:0; padding:0;outline-width:0;}
body {background-image:url("../image/bg_body.gif"); background-repeat:repeat; background-position:top left; color:#000000; padding-bottom:1em;font-family:sans-serif;}
h1 {background-color:#FFFFFF; background-image:url("../image/bg_head.gif"); background-position:center bottom; background-repeat:repeat-x; border-color:#B0BFB1; border-style:solid; border-width:3px 0; font-size:150%; margin:5px 0 8px; padding:15px; text-align:center;}
h2 {background-color:#FFFFFF; background-image:url("../image/bg_head.gif"); background-position:center bottom; background-repeat:repeat-x; border:1px solid #007700; font-size:120%; margin:15px 0 5px; padding:3px;}
h3 {background-color:#FFFFFF; border-left:4px solid #004000; border-bottom:1px solid #004000; font-size:100%; margin:5px 0; padding:3px;}
p {margin:0.2em 0;}
dt {margin-top:0.5em;}
dd {padding-left:2em;}
ul{padding-left:1em;}
fieldset{ border-radius: 6px; }
legend {margin-left:0.5em;font-weight:bold;white-space:normal;}
button {font-family:inhert; font-size:84%; white-space:nowrap;}
input {font-family:inhert; font-size:100%;}
select {font-family:inhert; font-size:100%;}
label {cursor:pointer;}
textarea {font-size:100%; overflow-y:scroll;}
a img {border-width:0;}

br.clear {clear:both; line-height:0.5em;}
hr.clear {clear:both; line-height:1em; margin:10px;}
form.inline {display:inline;}

div#leftarea {float:left; margin:0px 0px 10px 10px; padding:0px 10px 10px 10px; width:180px; background-color:#e3e3e3; border:solid 1px #606060;}
div#leftarea fieldset {padding:3px 6px; margin: 3px 0px 0px 0px;}
div#leftarea fieldset.cate p {margin:1px 0px;}
div#rightarea {padding:0px 10px 10px 10px; background-color:#e3e3e3; border:solid 1px #606060; margin:10px 10px 10px 220px;}
div#rightarea fieldset {padding:6px; margin: 3px 0px 0px 0px;}
div#editblocker {z-index:9999; background:none repeat scroll 0 0 #000000; height:100%; left:0; opacity:0.6; position:fixed; top:0; width:100%;}

div.mailarea {background-color:window; width:537px; border-width:1px; border-style:solid; border-color:threedlightshadow threedshadow threeddarkshadow threedlightshadow; position:absolute; z-index:10000;}
div.mailarea div.bar {background-color:activecaption; color:captiontext; border-width:1px; border-style:solid; border-color:activeborder; padding:2px;}
div.mailarea div.bar div.buttons {float:right; white-space:nowrap;}
div.mailarea div.bar div.buttons button {border-width:1px; background-color:buttonface; color:buttontext; font-weight:bold; padding:0;}
div.mailarea div.bar div.title{}
div.mailarea div.subject {background-color:#E0E0E0;padding-right:18px;}
div.mailarea div.body {border-width:0px 1px 1px 1px; border-style:solid; border-color:activeborder; background-color:#ffffff; overflow-y:scroll; font-size:14px; width:525px; height:390px; padding:5px; font-family:monospace;  word-wrap: break-word;}
div.loginarea {text-align:center; background-color:#E3E3E3; border:1px solid #606060; margin:10px; padding:10px;}
div.area { background-color:#E3E3E3; border:1px solid #606060; margin:10px; padding:10px;}
div.editarea {padding:0px 10px 10px 10px; background-color:#e3e3e3; border:solid 1px #606060; margin:0 10% 10px 10%;}
div.editarea fieldset {padding:6px; margin: 3px 0px 0px 0px;}
div.previewarea {padding:0px 10px 10px 10px; background-color:#e3e3e3; border:solid 1px #606060; margin:0 10% 10px 10%;}
div.previewarea fieldset {padding:6px; margin: 3px 0px 0px 0px;}
div.previewarea p {background-color:#FFFFFF;}
div.previewarea table.layout td {background-color:#FFFFFF;}
div.eventarea {text-align:center;}
div.eventarea p {margin:0px 0px;}
div.eventarea p input {margin:0;width:130px;}
div.action {margin:0.5em; text-align:center;}
div.menu_action {margin:0.5em; text-align:right;}
div.left_action {text-align:left; margin:2px 0;}
div.right_action {text-align:right; margin:2px 0;}
div.filter label {margin-left:1em;}
div.center{text-align:center;}
div.center table{margin-left:auto;margin-right:auto;}

div.CodeMirror-wrapping {border:1px solid gray; background-color:#FFFFFF;}

table.list {border-collapse: collapse; border:2px solid gray; margin-left:auto; margin-right:auto;}
table.list th {background-color:#606060; color:#FFFFFF; text-align:center; font-weight:bold; border:1px solid gray; padding:2px;}
table.list th p.info{font-size:80%;font-weight:normal;}
table.list td {background-color:#FFFFFF; border:1px solid gray; padding:2px;}
table.list td.action {text-align:center;}
table.list td.confirm {text-align:center; white-space:nowrap;}
table.list td.confirm button {font-size:75%;}
table.list td.date {font-size:70%;  white-space:nowrap;}
table.list td.decision {color:#FFFFFF; background-color:#40A080; text-align:center;white-space:nowrap;}
table.list td.decision button {font-size:75%;}
table.list td.decision_ng  {color:#000000; background-color:#FFA0A0; text-align:center;white-space:nowrap;}
table.list td.decision_ok  {color:#000000; background-color:#A0C0FF; text-align:center;white-space:nowrap;}
table.list td.decision_save  {color: #000000; background-color: #D0D0D0; text-align:center;white-space:nowrap;}
table.list td.magazine {text-align:center; white-space:nowrap;}
table.list td.magazine button {font-size:75%;}
table.list td.nodata {text-align:center; color:#505050;}
table.list td.public_close {background-color:#D0D0D0; color:#000000;}
table.list td.public_open {background-color:#A0C0FF; color:#000000;}
table.list td.select {text-align:center;}
table.list td.titletext {width:75%;}
table.list td.titletext img{vertical-align:text-bottom; margin:1px;}
table.list td.img {padding:0;}
table.list tfoot{border-top:3px double gray;}
table.list td.currency {text-align:right;font-family:monospace;}
table.list td.num {text-align:right;font-family:monospace;}
table.edit {border-collapse: collapse; border:2px solid gray; margin-right:auto; margin-left:auto;}
table.edit td {background-color:#FFFFFF; border:1px solid gray; padding:2px;}
table.edit th {background-color:#606060; color:#FFFFFF; text-align:center; font-weight:bold; border:1px solid #FFFFFF; padding:2px;}
table.edit td.currency {text-align:right;font-family:monospace;}
table.layout {border-collapse: collapse; border-width:0;}
table.layout td {background-color:transparent; border-width:0; vertical-align:top;}
table.layout th {background-color:transparent; border-width:0; vertical-align:top; font-weight:normal; white-space:nowrap;}
table.login {border-collapse:collapse; background-color:#FFFFFF; margin-left:auto; margin-right:auto;}
table.login td {background-color:#FFFFFF; color:#000000; padding:2px;}
table.login th {background-color:#606060; color:#FFFFFF; padding:2px; text-align:right;}
table.master {border-collapse: collapse; border:2px solid gray; margin:auto;}
table.master td {background-color:#FFFFFF; border:1px solid gray; padding:2px;}
table.master th {background-color:#606060; color:#FFFFFF; text-align:center; font-weight:bold; border:1px solid #FFFFFF; padding:2px;}
table.sentence {border-collapse: collapse; border-width:0; }
table.sentence td.mobile {background-color:transparent; padding:1px; border-width:0; vertical-align:top;}
table.sentence td.pc {background-color:transparent; padding:1px; width:90%; border-width:0; vertical-align:top;}
table.wide {width:100%;}
table.center {margin-left:auto;margin-right:auto;}

p.cation {text-align:center; font-weight:bold;}
p.errmsg {font-size:85%; color:#FF0000;}
p.errmsg img {vertical-align:middle;}
p.error {color:#FF0000; text-align:center;}
p.hanrei {font-size:70%;}
p.hanrei span {width:1.5em; border:1px solid #000000; margin:2px;}
p.hanrei span.public_close {background-color:#D0D0D0; color:#000000;}
p.hanrei span.public_open {background-color:#A0C0FF; color:#000000;}
p.info {background-image:url("../image/ico_info.gif"); background-repeat:no-repeat; background-position:left top; padding-left:18px;font-size:85%;}
span.info {background-image:url("../image/ico_info.gif"); background-repeat:no-repeat; background-position:left top; padding-left:18px;font-size:85%;}
p.mobile {width:160px; font-family:monospace; font-size:14px; line-height:1em; padding:5px;word-wrap:break-word;height:460px;overflow-y:scroll;overflow-x:hidden;}
p.msg {font-weight:bold;}
p.pc {border:1px solid #7A8FBF;height:460px;overflow-x:hidden;overflow-y:scroll; margin-right:0.5em; font-family:monospace; font-size:14px; padding:5px;word-wrap:break-word;}
p.result_msg {font-weight:bold; text-align:center;}
p.confirm{text-align:center;}
span.errmsg {font-size:85%; color:#FF0000;}
span.pname {font-size:85%;}
span.block {line-height:150%; white-space:nowrap;}
span.block img {vertical-align:-1px;}
span.eventdate{white-space:nowrap;}
p.titletext{font-size:120%;}

input.address {width:30em;}
input.keyword {width:30em; font-family:monospace;}
input.titletext {width:40em;font-size:110%;}
input.account {font-family:monospace; width:10ex;ime-mode:disabled;}
input.image {font-size:84%;}
input.imagetitle {width:30em;}
input.imagetitle_mini {width:15em;}
input.attachfile {font-size:84%;}
input.attachtext {width:30em;}
input.login_id {width:10em;ime-mode:disabled;}
input.login_passwd {width:10em;ime-mode:disabled;}
input.mail {font-family:monospace; width:20em;ime-mode:disabled;}
input.passwd {font-family:monospace; width:10ex;ime-mode:disabled;}
input.sort {width:3em; text-align:right; ime-mode:disabled; font-family:monospace;}
input.url {width:30em;ime-mode:disabled;}
input.linkurl {width:40em;ime-mode:disabled;}
input.date {width:6em;}
input.num2 {font-family:monospace; width:2em; ime-mode:disabled; text-align:right;}
input.num3 {font-family:monospace; width:3em; ime-mode:disabled; text-align:right;}
input.currency1 {font-family:monospace; width:2em; ime-mode:disabled; text-align:right;}
input.currency2 {font-family:monospace; width:3em; ime-mode:disabled; text-align:right;}
input.currency3 {font-family:monospace; width:4em; ime-mode:disabled; text-align:right;}
input.teltext {width:30em;}
input.tel {width:13ex;}
input.post_name {width:10em;}
input.class_name {width:10em;}
input.mailcate_name {width:10em;}
input.template_name {width:40em;}
input.section_name {width:15em;}
input.category_name {width:15em;}
input.user_name {width:8em;}
input.item_name {width:20em;}
input.unit {width:3em;}
input.subject {width:25em;}
img.thumbnail{height:45px;vertical-align:text-bottom;}
img.noimage{display:none;}

textarea.description {width:43em; height:5em; font-size:1em; line-height:1.4em;}
textarea.freescript {width:43em; height:10em; font-size:1em; line-height:1.4em; font-family:monospace;}
textarea.mailsign {font-size:14px; width:530px; height:8em; overflow-x:auto; overflow-y:scroll; font-family:monospace;}
textarea.mb_mailsign {font-size:14px; width:164px; height:8em; overflow-x:auto; overflow-y:scroll; font-family:monospace;}
textarea.officework {width:30em; height:10em;}
textarea.remark {width:30em; height:8em;}
textarea#sentence0 {width:160px; height:460px; font-size:14px; line-height:1em; overflow-y:scroll; overflow-x:hidden;}
textarea#sentence1 {width:99%; height:460px;font-family:sans-serif;line-height:1.4em;}
textarea#sentence2 {width:160px; height:460px; font-size:14px; line-height:1em; overflow-y:scroll; overflow-x:hidden;}
textarea#sentence3 {width:99%; height:460px;}

div#image_list_area {background-color:window;  border-width:1px; border-style:solid; border-color:threedlightshadow threedshadow threeddarkshadow threedlightshadow; position:absolute; width:38em; left:0; z-index:10000;}
div#image_list_area div.bar{background-color:activecaption; color:captiontext; border-width:1px; border-style:solid; border-color:activeborder; padding:2px;}
div#image_list_area div.bar div.buttons {float:right; white-space:nowrap;}
div#image_list_area div.bar div.buttons button {border-width:1px; background-color:buttonface; color:buttontext; font-weight:bold; padding:0;}

div#attach_list_area {background-color:window;  border-width:1px; border-style:solid; border-color:threedlightshadow threedshadow threeddarkshadow threedlightshadow; position:absolute; width:38em; left:0; z-index:10000;}
div#attach_list_area div.bar{background-color:activecaption; color:captiontext; border-width:1px; border-style:solid; border-color:activeborder; padding:2px;}
div#attach_list_area div.bar div.buttons {float:right; white-space:nowrap;}
div#attach_list_area div.bar div.buttons button {border-width:1px; background-color:buttonface; color:buttontext; font-weight:bold; padding:0;}

/*div#item_list_area {background-color:window;  border-width:1px; border-style:solid; border-color:threedlightshadow threedshadow threeddarkshadow threedlightshadow; position:absolute; width:38em; left:0; z-index:10000;height:50%;overflow:auto;}*/
div#item_list_area {position:absolute; width:38em; left:0; z-index:10000;height:50%;overflow:auto;}
div#item_list_area div.bar{background-color:activecaption; color:captiontext; border-width:1px; border-style:solid; border-color:activeborder; padding:2px;}
div#item_list_area div.bar div.buttons {float:right; white-space:nowrap;}
div#item_list_area div.bar div.buttons button {border-width:1px; background-color:buttonface; color:buttontext; font-weight:bold; padding:0;}

div#image_upload_area{}
div#attach_upload_area{}

iframe.image_upload {border-width:0; width:100%; height:14em; overflow:auto;}
iframe.attach_upload {border-width:0; width:100%; height:13em; overflow:auto;}

body.frame {padding-top:1em;min-width:0;}

table.list tr.sendok td{background-color:#E0E0FF;}
table.list tr.senderr td{background-color:#FFE0E0;}
table.list tr.nosend td{background-color:#FFFFFF;}

span.dial{margin:1px;}
span.dial button{  border-width:1px;  padding:0px;  margin:1px;width:1em;}
.order_cnt{color:red;}