.s115 {
  line-height: 115%;
}

.s130 {
  line-height: 130%;
}

.s150 {
  line-height: 150%;
}

/* Masthead 2006.09.14 */
.yjmth {
  *height: 1%;
}

.yjmth img {
  vertical-align: middle;
  border: 0px;
}

.yjmth a {
  border: 0px;
}

div.yjmthproplogoarea {
  float: left;
}

div.yjmthloginarea {
  float: left;
  margin: 0px 0px 0px 3px;
  font-size: smaller;
  text-align: left;
  line-height: 110%;
}

div.yjmthcplogoarea {
  float: right;
}

div.yjmthcmnlnkarea {
  /* Without MacIE \*/
  float: right;
  /* */
  margin: 10px 3px 0px 0px;
  font-size: smaller;
  text-align: right;
  line-height: 110%;
}

br.yjmthclear {
  clear: both;
}

div.yjgrplink {
  text-align: right;
  font-size: smaller;
  line-height: 115%;
}

div#music div.yjmthloginarea {
  margin-top: 16px;
  margin-left: 7px;
}

div#music div.yjmthcmnlnkarea {
  margin-top: 26px;
}

div#music div.yjmthcplogoarea {
  margin-top: 14px;
}

/* FontSize 2006.12.12 */
.yjXXL {
  font-size: x-large;
  /* WinIE5.x */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: xx-large;
  /* WinIE6.x(Standard) */
  font-size: x-large;
}

/* WinIE6.x(Quirks), WinIE7(Quirks) */
html>body .yjXXL {
  font-size: 180%;
  /* MacIE5.x */
  font-size
  /**/
  : xx-large;
}

/* WinFF, MacFF, Safari, WinIE7(Standard) */
.yjXL {
  font-size: large;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-large;
  font-size: large;
}

html>body .yjXL {
  font-size: 150%;
  font-size
  /**/
  : x-large;
}

.yjL {
  font-size: medium;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: large;
  font-size: medium;
}

html>body .yjL {
  font-size: 120%;
  font-size
  /**/
  : large;
}

.yjM {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium;
  font-size: small;
}

html>body .yjM {
  font-size: 100%;
  font-size
  /**/
  : medium;
}

.yjMt {
  font-size: small;
  line-height: 1.4em;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium;
  font-size: small;
}

html>body .yjMt {
  font-size: 100%;
  font-size
  /**/
  : medium;
}

.yjS {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
  font-size: x-small;
}

html>body .yjS {
  font-size: 84%;
  font-size
  /**/
  : small;
}

.yjSt {
  font-size: x-small;
  line-height: 1.3em;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
  font-size: x-small;
}

html>body .yjSt {
  font-size: 84%;
  font-size
  /**/
  : small;
}

.yjXS {
  font-size: xx-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small;
  font-size: xx-small;
}

html>body .yjXS {
  font-size: 70%;
  font-size
  /**/
  : x-small;
}

/*** ACCOUNT FILES ***/
body {
  margin: 0;
  padding: 0;
  color: #363636;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul li, ol li {
  list-style: none;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

caption {
  text-align: left;
}

table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
  font-size: 100%;
  font-family: "MS PGothic", sans-serif;
}

address, cite, dfn, em, strong, var, th, ins, del, samp {
  font-weight: normal;
  font-style: normal;
}

a img {
  border: 0;
}

hr.separation {
  display: none;
}

fieldset {
  border: none;
}

#uhd div table {
  text-align: left;
}

#uhd img {
  display: block;
}

#uhd br {
  display: none;
}

#masthead {
  height: 41px;
  margin: 4px auto 10px auto;
  text-align: left;
}

#masthead strong {
  font-weight: bold;
}

#msthd .msthdtxt {
  text-align: left;
}

.tmplHttps #masthead {
  height: 47px;
  margin: 10px auto 10px auto;
}

#emg, #emg2, #emg3, #boxEMG, #boxEMG2, #boxEMG3 {
  margin-bottom: 10px;
  text-align: center;
}

#emg table, #emg2 table, #emg3 table, #boxEMG table, #boxEMG2 table, #boxEMG3 table {
  margin: 0 auto;
}

#emg strong, #emg2 strong, #emg3 strong, #boxEMG strong, #boxEMG2 strong, #boxEMG3 strong {
  font-weight: bold;
}

#posLrec {
  margin-bottom: 10px;
}

#posLrec dt {
  text-align: center;
}

#posLrec dd img {
  vertical-align: bottom;
}

#posS {
  padding: 10px 0;
  border-top: 1px solid #ccc;
  text-align: center;
}

#posS table {
  width: 500px;
  margin: 0 auto;
  text-align: left;
  line-height: 1em;
}

body {
  font-family: "MS PGothic", sans-serif;
  _height: 100%;
}

#wrapper {
  padding: 0 10px;
}

#content {
  margin-bottom: 10px;
  text-align: left;
}

.tmplBg #content {
  padding: 5px 5px 10px 5px;
  background-color: #e8f1f9;
}

.tmpl950_1 #wrapper, .tmpl950_2 #wrapper {
  width: 950px;
  margin: 0 auto;
}

.tmpl100per_1 #wrapper, .tmpl100per_2 #wrapper {
  min-width: 950px;
}

* html .tmpl100per_1 #wrapper, * html .tmpl100per_2 #wrapper {
  width: expression(document.body.clientWidth < 971 ? "950px":"auto");
}

.tmpl950_2 #main-wrapper, .tmpl100per_2 #main-wrapper {
  float: right;
  width: 100%;
  margin-left: -310px;
}

.tmpl950_2 #main, .tmpl100per_2 #main {
  margin-left: 310px;
}

.tmpl950_2 #sub, .tmpl100per_2 #sub {
  float: left;
  width: 300px;
}

.tmplFullScreen #wrapper {
  width: auto;
  min-width: 1px;
}

#footer {
  text-align: center;
}

#footer address {
  padding: 10px 0 20px;
  border-top: 1px solid #cccccc;
}

.clearFix {
  display: inline-block;
}

.clearFix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  content: ".";
}

/* Hides from IE-mac \*/
* html .clearFix {
  height: 1%;
}

.clearFix {
  display: block;
}

/* End hide from IE-mac */
.module {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #cccccc;
}

.moduleButton button {
  width: 100px;
  height: 32px;
  padding: 0;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
}

.moduleButton button.cancel {
  margin-right: 8px;
}

a {
  color: #06c;
  text-decoration: none;
}

a:visited {
  color: #639;
  _color: #0066cc;
}

a:hover {
  text-decoration: underline;
  color: red;
}

.indexLink {
  text-align: center;
  margin: 10px 0;
  font-size: 87.5%;
}

.yjSt .indexLink {
  font-size: 116.7%;
}

.errorMessage {
  display: block;
  font-weight: 700;
  color: red;
}

.emb3 {
  margin-bottom: 3px;
}

.emb5 {
  margin-bottom: 5px;
}

.emtb5 {
  margin: 5px auto;
}

.emtb10 {
  margin: 10px auto;
}

.icon16 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  _margin-top: 0;
  margin-right: 5px;
  _margin-right: 2px;
  background: url(../img/icon.png) 0 0 no-repeat;
  vertical-align: middle;
}

a .icon16 {
  text-indent: -9999px;
  cursor: pointer;
}

.icon32 {
  display: inline-block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  _margin-right: 2px;
  background: url(../img/icon.png) 0 0 no-repeat;
  vertical-align: middle;
}

.icon48 {
  display: inline-block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  background: url(../img/icon48.png) 0 0 no-repeat;
  vertical-align: middle;
}

.checkBox {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background: url(../img/main.png) -1739px 0 no-repeat;
}

.select .checkBox {
  background: url(../img/main.png) -1739px -20px no-repeat;
}

.disable .checkBox {
  background: url(../img/main.png) -1739px -40px no-repeat;
}

.radio {
  display: block;
  float: left;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background: url(../img/main.png) -1783px -20px no-repeat;
}

.select .radio {
  background: url(../img/main.png) -1783px -40px no-repeat;
}

.disable .radio {
  background: url(../img/main.png) -1783px -60px no-repeat;
}

.disable .inputText, .disable .textarea {
  background-color: #dddddd;
}

.textarea {
  resize: none;
}

* html .displayNoneIE6 {
  display: none;
}

.genericTitle {
  display: block;
  background: url(../img/bg.png) 0 0 repeat-x;
  border-bottom: 1px solid #c8d3dd;
  color: #4e5c6f;
  font-size: 116.7%;
  font-weight: 700;
}

.genericTitle .titleText {
  display: block;
  padding: 4px 7px;
}

.genericTitle .icon16 {
  margin-right: 2px;
}

.treeView .hitArea {
  float: left;
  width: 19px;
  height: 18px;
  margin-left: -16px;
  background: url(../img/icon.png) -135px 0 no-repeat;
  cursor: pointer;
  text-indent: -9999px;
}

.treeView .select {
  background-color: #f2f6f7 !important;
  border: 1px solid #a9b7c8 !important;
  font-weight: 700 !important;
}

.treeView .loading {
  float: left;
  width: 21px;
  height: 16px;
  margin: 2px 0 0 -18px;
  _margin: 3px 0 0 -9px;
  background: url(../img/loading21x16.gif) 0 0 no-repeat;
  text-indent: -9999px;
}

.treeView li.plus .hitArea, .treeView li.lastPlus .hitArea {
  background-position: -135px -20px;
}

* html .hitArea {
  display: inline;
  float: none;
}

.treeView li {
  *overflow: inherit;
  margin-left: 6px;
  padding: 1px 0 0 16px;
  background: url(../img/icon.png) -135px -40px no-repeat;
  line-height: 1.2em\9;
}

* html .treeView li {
  display: inline-block;
}

.treeView li.minus, .treeview li.plus {
  background: url(../img/main.png) -1834px 0 repeat-y;
}

.treeView li.last {
  background-position: -135px -58px;
}

.treeView li.lastMinus, .treeView li.lastPlus {
  background-position: -154px 0;
}

.treeView .folder {
  display: block;
  margin-left: 3px;
  padding: 0;
  border: 1px solid white;
}

* html .treeView .folder {
  display: inline-block;
}

.treeView a.folder, .treeView span.folder {
  display: block;
  padding: 2px 0 2px 22px;
  white-space: nowrap;
  color: #363636;
  zoom: 1;
}

.panel .treeView li {
  margin-left: 3px;
  _margin-left: 6px;
}

.panel .treeView a.folder {
  margin-left: 18px;
}

.panel .treeView span.folder {
  margin-left: 18px;
  color: #999999;
}

.panel .treeView li.myStorage {
  margin-left: 3px;
  _margin-left: 6px;
  background: url(../img/main.png) -1834px 0 repeat-y;
}

.panel .treeView li.myStorage a {
  margin-left: 0;
  display: block;
  border: 1px solid #fff;
  padding: 2px 0 2px 2px;
  white-space: nowrap;
  color: #363636;
}

.panel .treeView li .radio {
  margin-top: 3px;
}

.panel .treeView li.myStorage .radio {
  margin-left: -16px;
}

* html .panel .treeView li.myStorage .radio {
  margin-left: -8px;
}

.panel {
  padding: 3px;
  background-color: #a5c2c9;
  position: relative;
}

.panel .treeView li .radio, .panel .treeView li.last .radio {
  margin-left: 3px;
}

.panel .treeView li.minus>.radio, .panel .treeView li.plus>.radio, .panel .treeView li.lastMinus>.radio, .panel .treeView li.lastPlus>.radio, .panel .treeView li.minus .select>.radio, .panel .treeView li.plus .select>.radio, .panel .treeView li.lastMinus .select>.radio, .panel .treeView li.lastPlus .select>.radio {
  margin-left: 0;
}

.panel .treeView .select {
  background-color: transparent !important;
  border: none !important;
}

.panel .treeView .select .folder {
  font-weight: 700 !important;
}

.panel dl.treeView dt {
  margin: 7px 0 3px 3px;
  _margin: 7px 0 3px 6px;
  padding: 3px 5px;
  background-color: #f5f7f7;
  border: 1px solid #d6d8da;
}

.panel dl.treeView dd li {
  padding: 1px 0 0 3px;
  background: none;
}

.panel dl.treeView .fs16 {
  background-position: -133px -286px !important;
}

.panel .panelContainer {
  position: relative;
  border: 1px solid #a9b7c8;
}

.panel .scrollContainer {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

.panel .genericTitle .titleText {
  padding: 0;
}

.panel .mainContainer {
  background-color: #fff;
  color: #4e5c6f;
}

.panel .genericTitle {
  display: block;
  padding: 5px 25px 5px 7px;
  background: url(../img/bg.png) 0 0 repeat-x;
  border-bottom: 1px solid #a9b7c8;
  color: #4e5c6f;
  word-wrap: break-word;
}

.panel .panelClose {
  position: absolute;
  top: .31em;
  right: 5px;
  display: block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background: url(../img/main.png) -1783px 0 no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

.panel .panelButton {
  text-align: right;
}

.panel .panelButton button {
  width: 100px;
  height: 32px;
  padding: 0;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
}

.panel .panelButton button:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: 0.8;
}

.panel .panelButton .disable button:hover {
  cursor: default;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.panel .panelButton button.cancel {
  margin-right: 8px;
}

.panelBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 970px;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  opacity: 0.5;
}

* html .panelBg {
  padding-right: expression(document.body.clientWidth < 971 ? "0":"30px");
  width: expression(document.body.clientWidth < 971 ? "970px":"100%");
}

.thumbnail64 {
  display: table-cell;
  *display: block;
  *float: left;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  padding: 1px;
  border: 1px solid #d0d0d0;
  text-align: center;
  vertical-align: middle;
}

.thumbnail64 img {
  vertical-align: bottom;
}

.thumbnail64 .icon48 {
  *margin-top: 8px;
}

table.thumbnail64 {
  display: table;
  width: 68px !important;
  height: 68px !important;
  overflow: inherit;
}

table.thumbnail16 {
  display: table;
  float: left;
  overflow: inherit;
  width: 16px !important;
  height: 16px !important;
  margin: 0 5px 0 0 !important;
}

table.thumbnail16 td {
  border: none !important;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
}

.panel .thumbnail64 {
  display: table-cell;
  *display: block;
  *float: left;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  padding: 1px;
  border: 1px solid #d0d0d0;
  text-align: center;
  vertical-align: middle;
}

.panel .thumbnail64 img {
  vertical-align: bottom;
}

.panel .thumbnail64 .icon48 {
  *margin-top: 8px;
}

h1.title span.icon32 {
  position: relative;
}

h1.title table.thumbnail16 {
  right: 0;
  bottom: 0;
  position: absolute;
  display: table;
  float: left;
  overflow: inherit;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

h1.title table.thumbnail16 td {
  border: none !important;
  padding: 0 !important;
  text-align: center;
  vertical-align: bottom;
}

h1.title span.f32 table.thumbnail16 td {
  text-align: right;
  vertical-align: middle;
}

h1.title table.thumbnail16 img.folderImg {
  border: 1px solid #777777;
}

h1.title span.picture32 {
  margin-right: 1px;
  padding-left: 4px;
}

.roundModule .roundMain {
  position: relative;
  border: 1px solid #a8b9c9;
  background: url(../img/bg.png) 0 -480px repeat-x;
}

.roundModule .roundMain .ctl {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 2px;
  height: 2px;
  background: url(../img/main.png) -1802px 0 no-repeat;
  _top: 0;
  _float: left;
  _font-size: 0;
}

.roundModule .roundMain .ctr {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 2px;
  height: 2px;
  background: url(../img/main.png) -1804px 0 no-repeat;
  _position: relative;
  _float: right;
  _font-size: 0;
}

.roundModule .roundMain .cbl {
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 2px;
  height: 2px;
  background: url(../img/main.png) -1802px -2px no-repeat;
  _position: relative;
  _bottom: 1px;
  _float: left;
  _font-size: 0;
}

.roundModule .roundMain .cbr {
  display: block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 2px;
  height: 2px;
  background: url(../img/main.png) -1804px -2px no-repeat;
  _position: relative;
  _bottom: 1px;
  _float: right;
  _font-size: 0;
}

.formSearch {
  margin-bottom: 5px;
}

.formSearch .input {
  float: left;
  width: 238px;
  _width: 237px;
  background-color: #fff;
  border-left: 1px solid #98a9bc;
  border-top: 1px solid #98a9bc;
  border-bottom: 1px solid #98a9bc;
}

.formSearch .input .search16 {
  float: left;
  margin: 1px 2px 0 2px;
  _margin: 1px 0 0 2px;
}

.formSearch input {
  width: 218px;
  _width: 216px;
  height: 1.24em;
  height: 1.2em\9;
  *height: 1em;
  padding: .13em 0;
  _padding: .2em 0;
  border: none;
  line-height: 1.26em;
  *line-height: 1em;
}

.formSearch .roundModule {
  float: left;
  width: 45px !important;
  margin-right: 0;
}

.formSearch .roundModule .roundMain {
  *display: inline-block;
  _display: block;
  border: 1px solid #949494;
}

.formSearch .roundModule .roundMain .ctr {
  background: url(../img/main.png) -1809px 0 no-repeat;
}

.formSearch .roundModule .roundMain .cbr {
  background: url(../img/main.png) -1809px -2px no-repeat;
}

.formSearch .roundModule .button {
  display: block;
  float: left;
  width: 43px !important;
  _width: 41px !important;
  *height: 1.4em !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.46em !important;
  *line-height: 1.4em !important;
  cursor: pointer;
}

.noticeContainer {
  position: relative;
  padding: 5px 30px 5px 5px;
}

.noticeBlue {
  padding: 6px;
  background-color: #d3e3f5;
}

.noticeRed {
  padding: 6px;
  background-color: #f4a9bd;
}

.noticeYellow {
  padding: 6px;
  background-color: #fdd66b;
}

.noticeBlue .noticeContainer {
  position: relative;
  background-color: #f7fbfb;
}

.noticeRed .noticeContainer {
  position: relative;
  background-color: #fbf7f8;
  color: #f3092a;
}

.noticeYellow .noticeContainer {
  background-color: #f9fbe0;
}

.noticeBlue .noticeClose, .noticeRed .noticeClose, .noticeYellow .noticeClose {
  position: absolute;
  top: .33em;
  right: 5px;
  _right: 11px;
  display: block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background: url(../img/main.png) -1783px 0 no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

.noticeBlue .noticeDescription, .noticeRed .noticeDescription, .noticeYellow .noticeDescription {
  padding-left: 21px;
}

.noticeBlue .noticeDescription .icon16, .noticeRed .noticeDescription .icon16, .noticeYellow .icon16 {
  position: absolute;
  top: 8px;
  left: 5px;
}

.uploadPanel table.uploadDir, .movePanel table.moveDir, .moveNoticePanel table.moveDir {
  width: 100%;
  margin-bottom: 12px;
}

.uploadPanel table.uploadDir th, .uploadPanel table.uploadDir td {
  padding: 10px;
  border: 1px solid #d6d8da;
}

.movePanel table.moveDir th, .movePanel table.moveDir td {
  padding: 10px;
  border: 1px solid #d6d8da;
}

.moveNoticePanel table.moveDir th, .moveNoticePanel table.moveDir td {
  padding: 10px;
  border: 1px solid #d6d8da;
}

.uploadPanel table.uploadDir th, .movePanel table.moveDir th, .moveNoticePanel table.moveDir th {
  width: 90px;
  background-color: #f5f7f7;
  font-weight: 700;
}

.uploadPanel .uploadDir .name, .movePanel .moveDir .name, .moveNoticePanel .moveDir .name {
  display: inline-block;
  position: relative;
  *position: inherit;
  float: left;
  overflow: auto;
  width: 210px;
  margin-top: 3px;
  font-weight: 700;
  word-wrap: break-word;
}

.movePanel .moveDir .name, .moveNoticePanel .moveDir .name {
  width: 366px;
  font-size: 100%;
  margin-bottom: 0;
  line-height: inherit;
}

.uploadPanel .uploadDir .name .icon16, .movePanel .moveDir .name .icon16, .moveNoticePanel .moveDir .name .icon16 {
  position: absolute;
  *position: inherit;
  top: 0;
  left: 0;
  margin-top: 0;
  *float: left;
}

.uploadPanel .uploadDir .name .text, .movePanel .moveDir .name .text, .moveNoticePanel .moveDir .name .text {
  margin-left: 21px;
  *margin-left: auto;
}

.uploadPanel .uploadDir .name .change {
  margin-left: 5px;
  font-weight: normal;
  white-space: nowrap;
}

.uploadPanel .uploadDir .addFile {
  float: right;
}

.movePanel .moveDir .addFile, .moveNoticePanel .moveDir .addFile {
  float: right;
}

.uploadPanel .uploadDir .panelButton button.submit {
  float: left;
  width: 200px;
  height: 22px;
  background: url(../img/button.png) -5516px 0 no-repeat;
}

.uploadPanel .uploadDir .panelButton .disable button.submit {
  background: url(../img/button.png) -5721px 0 no-repeat;
}

.uploadPanel dl.uploadTotal {
  margin-bottom: 8px;
  font-weight: 700;
}

.movePanel dl.moveTotal, .moveNoticePanel dl.moveTotal {
  margin-bottom: 8px;
  font-weight: 700;
}

.uploadPanel dl.uploadTotal dt, .movePanel dl.moveTotal dt, .moveNoticePanel dl.moveTotal dt {
  float: left;
  width: 322px;
}

.movePanel dl.moveTotal dt, .moveNoticePanel dl.moveTotal dt {
  width: 278px;
}

.uploadPanel dl.uploadTotal dd.file, .movePanel dl.moveTotal dd.file, .moveNoticePanel dl.moveTotal dd.file {
  float: right;
  width: 227px;
  text-align: right;
}

.uploadPanel .uploadHead, .movePanel .moveHead, .moveNoticePanel .moveHead {
  background: url(../img/bg.png) 0 -100px repeat-x;
  border: 1px solid #d0d0d0;
  font-weight: 700;
}

.uploadPanel .uploadHead .directory {
  float: left;
  width: 142px;
  margin: 4px 0 4px 15px;
  _margin: 4px 0 4px 7px;
  line-height: 21px;
}

.uploadPanel .uploadHead .name {
  float: left;
  width: 180px;
  margin: 4px 0 4px 15px;
  _margin: 4px 0 4px 7px;
  line-height: 21px;
}

.movePanel .moveHead .name, .moveNoticePanel .moveHead .name {
  float: left;
  width: 180px;
  margin: 4px 0 4px 15px;
  _margin: 4px 0 4px 7px;
  line-height: 21px;
}

.movePanel .moveHead .name, .moveNoticePanel .moveHead .name {
  width: 369px;
  _width: 361px;
  margin-bottom: 0;
  font-size: 100%;
}

.uploadPanel .uploadHead .status, .movePanel .moveHead .status, .moveNoticePanel .moveHead .status {
  float: left;
  width: 85px;
  margin: 4px 0 4px 10px;
  line-height: 21px;
}

.uploadPanel .uploadHead .remove {
  float: left;
  width: 66px;
  margin: 4px 0 4px 10px;
}

.uploadPanel .uploadHead .remove a, .uploadPanel .uploadHead .remove span {
  display: block;
  overflow: hidden;
  width: 70px;
  height: 21px;
  text-indent: -9999px;
}

.uploadPanel .uploadHead .remove a {
  background: url(../img/main.png) -1435px -21px no-repeat;
}

.uploadPanel .uploadHead .remove .disable {
  background: url(../img/main.png) -1435px -42px no-repeat;
}

.uploadPanel .uploadBody {
  _position: relative;
  overflow: auto;
  height: 145px;
  margin-bottom: 10px;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.movePanel .moveBody, .moveNoticePanel .moveBody {
  _position: relative;
  overflow: auto;
  height: 145px;
  margin-bottom: 10px;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.uploadPanel .uploadBody .description, .movePanel .moveBody .description, .moveNoticePanel .moveBody .description {
  padding: 60px 20px 0;
}

.uploadPanel .uploadBody .even, .movePanel .moveBody .even, .moveNoticePanel .moveBody .even {
  background-color: #f2f6f7;
}

.uploadPanel .uploadBody .directory, .uploadPanel .uploadBody .name, .uploadPanel .uploadBody .status, .uploadPanel .uploadBody .remove {
  float: left;
  padding: 5px 0;
}

.movePanel .moveBody .name, .movePanel .moveBody .status {
  float: left;
  padding: 5px 0;
}

.moveNoticePanel .moveBody .name, .moveNoticePanel .moveBody .status {
  float: left;
  padding: 5px 0;
}

.uploadPanel .uploadBody .directory {
  overflow: hidden;
  width: 142px;
  margin-left: 15px;
  _margin-left: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uploadPanel .uploadBody .name {
  overflow: hidden;
  width: 180px;
  margin-left: 15px;
  _margin-left: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movePanel .moveBody .name, .moveNoticePanel .moveBody .name {
  overflow: hidden;
  width: 180px;
  margin-left: 15px;
  _margin-left: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movePanel .moveBody .name, .moveNoticePanel .moveBody .name {
  width: 369px;
  _width: 361px;
  margin-bottom: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: inherit;
}

.uploadPanel .uploadBody .status, .movePanel .moveBody .status, .moveNoticePanel .moveBody .status {
  width: 85px;
  margin-left: 10px;
}

.uploadPanel .uploadBody .status .complete, .movePanel .moveBody .status .complete, .moveNoticePanel .moveBody .status .complete {
  color: #f96116;
}

.uploadPanel .uploadBody .status .error, .movePanel .moveBody .status .error, .moveNoticePanel .moveBody .status .error {
  color: #e60012;
}

.uploadPanel .uploadBody .status .progressbar {
  _position: relative;
  _overflow: hidden;
  width: 83px;
  height: 13px;
  margin-top: 1px;
  background-color: #fff;
  border: 1px solid #b8cc27;
  font-size: 0;
}

.uploadPanel .uploadBody .status .percent {
  display: block;
  height: 13px;
  background: url(../img/bg.png) 0 -625px repeat-x;
}

.uploadPanel .uploadBody .status .percent .percentText {
  display: block;
  _position: absolute;
  _top: 0;
  _left: 0;
  width: 85px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-indent: 0;
}

.uploadPanel .uploadBody .remove {
  width: 46px;
  margin-left: 23px;
}

.uploadPanel .uploadBody .remove a {
  display: block;
  overflow: hidden;
  width: 34px;
  height: 21px;
  margin: -3px 0 -3px 6px;
  text-indent: -9999px;
  background: url(../img/main.png) -1435px 0 no-repeat;
}

.movePanel .moveBody .errorMessage, .moveNoticePanel .moveBody .errorMessage {
  float: left;
  width: 464px;
  _width: 456px;
  margin-left: 15px;
  _margin-left: 7px;
  font-weight: normal;
}

div#yjPofeeOn div#yjPofeeBox {
  z-index: 200;
}

.yjChviewWrap {
  text-align: center;
}

.yjChview {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #e7e7e7;
  background: #f9f9f9;
  text-align: center;
  margin: 10px 0;
}

.yjChview dl, .yjChview dd, .yjChview p {
  margin: 0;
}

.yjChview dl dt, .yjChview dl dd {
  display: inline;
  font-size: 13px;
  line-height: 1.2em;
}

.yjChview dl dt {
  padding-right: 0.2em;
}

.yjChview dl dd span {
  font-weight: bold;
}

.yjChview dl dd:after {
  content: "\ff5c";
}

.yjChview dl dd.end:after {
  content: "";
}

#boxSQB {
  width: 100% !important;
  height: 100% !important;
  _height: auto !important;
}

#sb_rel_tgtSQB {
  margin: 0 auto 20px !important;
}

#sqb table {
  margin: 0 auto;
}

#sqb td td td table {
  text-align: left;
}

#uft {
  padding: 10px 0;
  border-top: 1px solid #ccc;
  text-align: center;
}

.treeViewNav {
  margin-bottom: 10px;
  background-color: #fff;
  border-top: 1px solid #c8d3dd;
  border-right: 1px solid #c8d3dd;
  border-left: 1px solid #c8d3dd;
}

.treeViewNav .genericTitle {
  border-bottom: none;
}

.treeViewNav .genericTitle a, .treeViewNav .genericTitle .select {
  display: block;
  border-bottom: 1px solid #c8d3dd;
  color: #4e5c6f;
}

.treeViewNav .genericTitle a:hover, .treeViewNav .genericTitle .select {
  background: url(../img/bg.png) 0 -50px repeat-x;
}

.treeViewNav .scrollContainer {
  _width: 298px;
  border-bottom: 1px solid #c8d3dd;
}

.treeViewNav .treeView {
  padding: 8px 9px 8px 8px;
}

.treeViewNav a.folder {
  position: relative;
}

.treeViewNav .remove {
  position: absolute;
  top: 4px;
  left: 224px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 12px;
  margin: inherit;
  background: url(../img/main.png) -1757px -94px no-repeat;
  vertical-align: middle;
}

.treeViewNav .trash, .treeViewNav .favorite, .treeViewNav .backup {
  position: relative;
  border-bottom: 1px solid #c8d3dd;
  color: #4e5c6f;
  font-size: 116.7%;
  font-weight: 700;
}

.treeViewNav .trash a, .treeViewNav .favorite a, .treeViewNav .backup a {
  display: block;
  width: 255px;
  padding: 6px 9px 6px 34px;
  color: #4e5c6f;
}

.treeViewNav .trash a:hover, .treeViewNav .favorite a:hover, .treeViewNav .backup a:hover {
  background-color: #f5ffff;
}

.treeViewNav .trash .icon16, .treeViewNav .favorite .icon16, .treeViewNav .backup .icon16 {
  position: absolute;
  top: 8px;
  left: 13px;
  z-index: 1;
}

.treeViewNav .trash .select, .treeViewNav .favorite .select, .treeViewNav .backup .select {
  position: relative;
  display: block;
  padding: 6px 9px 6px 34px;
  background-color: #f5ffff;
  color: #4e5c6f;
}

.treeViewNav .emptyTrashLink {
  position: absolute;
  top: 6px;
  left: 5.3em;
  color: #363636;
  font-weight: normal;
}

.treeViewNav .emptyTrashLink a {
  display: inline-block;
  width: auto;
  padding: 0;
}

.treeViewNav .emptyTrashLink a:hover {
  background-color: white;
}

.treeViewNav .folderList, .treeViewNav .fileList {
  overflow: auto;
  padding: 7px 9px 4px 11px;
  word-wrap: break-word;
}

.treeViewNav .folderList li, .treeViewNav .fileList li {
  margin-bottom: 2px;
  padding: 1px;
  background-color: #fff;
  border: 1px solid white;
}

.treeViewNav .folderList li a, .treeViewNav .fileList li a {
  width: 253px;
  *width: 248px;
  display: inline-block;
  color: #363636;
}

.treeViewNav .folderList li .text {
  width: 253px;
  *width: 248px;
  display: inline-block;
  color: #363636;
}

.treeViewNav .folderList .icon16 {
  float: left;
  margin-top: 0;
}

.treeViewNav .fileList .icon16 {
  float: left;
  margin-top: 0;
}

.treeViewNav .folderList li.select {
  background-color: #f2f6f7;
  border: 1px solid #a9b7c8;
  font-weight: 700;
}

.treeViewNav .eventListLink {
  padding: 5px 9px 5px 11px;
  font-weight: 700;
  text-align: right;
  border-bottom: 1px solid #c8d3dd;
}

.movePanel {
  width: 527px;
}

.movePanel .mainContainer {
  padding: 10px;
}

.movePanel .name {
  overflow: auto;
  width: 481px;
  margin-bottom: 6px;
  font-size: 116.7%;
  font-weight: 700;
  word-wrap: break-word;
  line-height: 1.2em;
}

.movePanel .nameScrollContainer {
  overflow-y: scroll;
  height: 5em;
  padding: 1px;
  border: 1px solid #a8b9c9;
}

.movePanel .thumbnail {
  margin-bottom: 8px;
}

.movePanel .scrollContainer {
  margin-bottom: 10px;
  padding: 5px 5px 5px 2px;
  _padding: 5px 5px 5px 0;
  border: 1px solid #d0d0d0;
}

.movePanel .rename .scrollContainer {
  overflow: auto;
  width: 483px;
  height: 180px;
  padding: 10px;
}

.movePanel .rename .scrollContainer li {
  white-space: nowrap;
}

.movePanel .addWidth {
  _width: 498px;
}

.movePanel .description {
  margin-bottom: 7px;
  font-size: 116.7%;
}

.movePanel .description li {
  padding-left: 1em;
  text-indent: -1em;
}

.movePanel .selectContainer {
  margin-bottom: 7px;
  padding: 10px 7px 5px 7px;
  background-color: #f5f7f7;
  border: 1px solid #d6d8da;
  font-size: 116.7%;
}

.movePanel .selectContainer dt {
  margin-bottom: 5px;
  font-weight: 700;
}

.movePanel .selectContainer dd {
  margin-bottom: 5px;
}

.movePanel .selectContainer dd.disable {
  color: #999999;
}

.movePanel .selectContainer dd .text {
  float: left;
  display: block;
  width: 470px;
}

.movePanel .selectContainer .radio {
  margin-right: 5px;
  _margin-right: 2px;
}

.movePanel .createCopy {
  margin-bottom: 5px;
}

.movePanel .changeFolder {
  margin-bottom: 10px;
}

.movePanel .createCopy .checkBox {
  margin-right: 5px;
  _margin-right: 2px;
}

.movePanel .panelButton button.cancel {
  background: url(../img/button.png) 0 0 no-repeat;
}

.movePanel .rename .panelButton button.cancel, .movePanel .detail .panelButton button.cancel {
  background: url(../img/button.png) -1172px 0 no-repeat;
  margin-right: 0;
}

.movePanel .panelButton button.submit {
  background: url(../img/button.png) -105px 0 no-repeat;
}

.movePanel .copyPanel button.submit {
  background: url(../img/button.png) -6430px 0 no-repeat;
}

.movePanel .errorMessage {
  width: 480px;
  margin-bottom: 5px;
}

.movePanel .information {
  width: 459px;
  padding-left: 21px;
  color: #999999;
}

.moveNoticePanel {
  width: 527px;
}

.moveNoticePanel .mainContainer {
  padding: 10px;
}

.moveNoticePanel .detail .panelButton button.cancel {
  background: url(../img/button.png) -1172px 0 no-repeat;
  margin-right: 0;
}

.moveNoticePanel .errorMessage {
  width: 480px;
  margin-bottom: 5px;
}

.uploadPanel {
  width: 571px;
}

.uploadPanel .mainContainer {
  padding: 10px;
}

.uploadPanel .mainContainer .attention {
  margin-bottom: 10px;
}

.uploadPanel .mainContainer .errorMessage {
  margin-bottom: 5px;
}

.uploadPanel .folderDiscription {
  margin-bottom: 8px;
  font-size: 116.7%;
}

.uploadPanel .scrollContainer {
  margin-bottom: 8px;
  padding: 5px 5px 5px 2px;
  _padding: 5px 5px 5px 0;
  border: 1px solid #d0d0d0;
}

.uploadPanel .addWidth {
  _width: 542px;
}

.uploadPanel .panelButton button.cancel {
  width: 94px;
  height: 27px;
  background: url(../img/button.png) -210px 0 no-repeat;
}

.uploadPanel .panelButton button.submit {
  width: 135px;
  height: 27px;
  background: url(../img/button.png) -309px 0 no-repeat;
}

.uploadPanel .panelButton .disable button.submit {
  background: url(../img/button.png) -449px 0 no-repeat;
}

.uploadPanel .panelButton .set button.submit {
  width: 94px;
  background: url(../img/button.png) -589px 0 no-repeat;
}

.uploadPanel .panelButton .add button.submit {
  width: 166px;
  background: url(../img/button.png) -3691px 0 no-repeat;
}

.uploadPanel .panelButton .upgrade button.submit {
  width: 154px;
  background: url(../img/button.png) -3862px 0 no-repeat;
}

.uploadPanel .panelButton .resume button.submit {
  background: url(../img/button.png) -4021px 0 no-repeat;
}

.uploadPanel .save .description {
  margin-bottom: 7px;
  font-size: 116.7%;
}

.uploadPanel .save .selectContainer {
  margin-bottom: 20px;
  padding: 10px 7px 5px 7px;
  background-color: #f5f7f7;
  border: 1px solid #d6d8da;
  font-size: 116.7%;
}

.uploadPanel .save .selectContainer li {
  margin-bottom: 5px;
}

.uploadPanel .save .selectContainer li .text {
  float: left;
  display: block;
  width: 470px;
}

.uploadPanel .save .selectContainer .radio {
  margin-right: 5px;
  _margin-right: 2px;
}

.uploadPanel .save .panelButton button.cancel {
  width: 194px;
  background: url(../img/button.png) -3387px 0 no-repeat;
}

.sharePanel {
  width: 522px;
}

.sharePanel .mainContainer {
  min-height: 200px;
  _height: 200px;
  padding: 10px;
  font-size: 116.7%;
}

.sharePanel .mainContainer .errorMessage {
  margin-bottom: 3px;
}

.sharePanel .selectMenu select {
  padding: 1px;
  border: 1px solid #a8b9c9;
}

.sharePanel .user {
  margin-bottom: 10px;
  font-weight: 700;
}

.sharePanel .description {
  margin-bottom: 8px;
}

.sharePanel .formTo {
  position: relative;
  z-index: 101;
  margin-bottom: 5px;
}

.sharePanel .roundModule {
  float: left;
  width: 52px;
  *width: 56px;
}

.sharePanel .roundModule .roundMain {
  *display: inline-block;
  _display: block;
}

.sharePanel .roundModule .button {
  display: block;
  float: left;
  width: 50px;
  *width: 54px;
  height: 19px;
  padding: 2px 2px 0 0;
  *padding: 1px 2px 0 0;
  text-align: right;
  cursor: pointer;
}

.sharePanel .formTo .roundModule .roundMain {
  border-right: none;
}

.sharePanel .formTo .textareaContainer {
  float: left;
}

.sharePanel .formTo .formToTextarea {
  overflow-y: hidden;
  width: 442px;
  *width: 438px;
  _width: 437px;
  margin: 0;
  *margin-top: -1px;
  padding: 1px 2px;
  *padding: 2px;
  border: 1px solid #a8b9c9;
  resize: none;
  min-height: 19px;
  *min-height: 16px;
}

.sharePanel .formTo .tempTextarea {
  position: absolute;
  top: 0;
  left: -9999px;
  visibility: hidden;
  overflow: auto;
  width: 442px;
  *width: 438px;
  _width: 437px;
  padding: 1px 2px;
  border: none;
  resize: none;
  height: 0;
}

.sharePanel .formMessage {
  position: relative;
  margin-bottom: 10px;
}

.sharePanel .formMessage .placeholder {
  position: absolute;
  top: 5px;
  left: 5px;
  *top: 4px;
  *left: 4px;
  color: #aeb2b7;
}

.sharePanel .formMessage textarea {
  width: 492px;
  height: 10em;
  padding: 3px;
  border: 1px solid #a8b9c9;
}

.sharePanel .panelButton button.cancel {
  background: url(../img/button.png) -1172px 0 no-repeat;
}

.sharePanel .sendButton .panelButton button.cancel {
  margin-right: 0;
}

.sharePanel .panelButton button.submit {
  width: 100px;
  height: 32px;
  background: url(../img/button.png) -688px 0 no-repeat;
}

.sharePanel .shareAttention {
  margin-top: 20px;
}

.sharePanel .shareAttention dt {
  font-weight: 700;
}

.sharePanel .shareAttention dd {
  margin-top: 10px;
  padding: 5px 15px;
  border: 1px solid #ffb5b5;
  line-height: 1.5em;
}

.sharePanel .shareAttention dd li {
  margin-left: .7em;
  list-style: disc;
}

.sharePanel .shareHead, .sharePanel .sendHead, .sharePanel .addressHead {
  background: url(../img/bg.png) 0 -100px repeat-x;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  font-weight: 700;
}

.sharePanel .shareHead .account {
  float: left;
  width: 340px;
  margin: 2px 0 2px 15px;
  _margin: 2px 0 2px 7px;
}

.sharePanel .shareHead .permission {
  float: left;
  width: 110px;
  margin: 2px 0 2px 10px;
}

.sharePanel .shareBody, .sharePanel .sendBody, .sharePanel .addressBody, .sharePanel .urlBody {
  overflow: auto;
  height: 115px;
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid #d0d0d0;
}

.sharePanel .shareBody, .sharePanel .sendBody, .sharePanel .addressBody, .sharePanel .urlBody {
  word-wrap: break-word;
}

.sharePanel .shareBody .shareList, .sharePanel .sendBody .sendList, .sharePanel .addressBody .addressList, .sharePanel .urlBody .urlList {
  display: table;
  *display: block;
  display: block\9;
  width: 100%;
  *width: auto;
}

body:first-of-type .sharePanel .shareBody .shareList, body:first-of-type .sharePanel .sendBody .sendList, body:first-of-type .sharePanel .addressBody .addressList, body:first-of-type .sharePanel .urlBody .urlList {
  display: block;
}

.sharePanel .addressBody {
  position: relative;
  min-height: 231px;
  *min-height: 234px;
  _height: 231px;
}

.sharePanel .addressBody ul {
  width: auto;
}

.sharePanel .shareBody .even, .sharePanel .sendBody .even, .sharePanel .addressBody .even, .sharePanel .urlBody .even {
  visibility: visible;
  background-color: #f2f6f7;
}

.sharePanel .shareBody .account {
  margin-left: 15px;
  _margin-left: 7px;
  padding: 5px 0;
}

.sharePanel .shareBody .account .user {
  display: inline-block;
  overflow: auto;
  width: 435px;
  *width: 435px;
  word-wrap: break-word;
  font-weight: normal;
  margin-bottom: 0;
}

.sharePanel .shareBody .account .waiting {
  margin-right: 10px;
  color: #bbbbbb;
}

.sharePanel .shareBody .noImage .account {
  margin-right: 10px;
  color: #bbbbbb;
}

.sharePanel .shareBody .account .status {
  color: #f96116;
}

.sharePanel .shareBody .disable .account .status {
  color: #999999;
}

.sharePanel .shareFoot {
  margin-bottom: 7px;
  text-align: right;
}

.sharePanel .sendMessage {
  margin-bottom: 10px;
}

.sharePanel .error .errorMessage {
  padding-left: 22px;
  _padding-left: 18px;
  padding-bottom: 10px;
  text-indent: -22px;
  _text-indent: -18px;
  color: inherit;
}

.sharePanel .sendMessage img {
  margin-right: 3px;
  vertical-align: middle;
}

.sharePanel .sendMessage .status {
  font-weight: 700;
}

.sharePanel .sendHead .to {
  margin: 2px 0 2px 15px;
  _margin: 2px 0 2px 7px;
}

.sharePanel .sendBody .address, .sharePanel .urlBody .url {
  margin-left: 15px;
  _margin-left: 7px;
  padding: 5px 0;
}

.sharePanel .sendBody {
  margin-bottom: 10px;
}

.sharePanel .urlBody {
  margin-bottom: 25px;
  border-top: 1px solid #d0d0d0;
}

.sharePanel .sendButton {
  margin-bottom: 0;
}

.sharePanel .sendButton .panelButton button.cancel {
  background: url(../img/button.png) -1172px 0 no-repeat;
}

.sharePanel .shareAddress {
  position: absolute;
  top: 23px;
  *top: 22px;
  left: 0;
  padding: 5px 23px 10px 23px;
  background-color: #e1e3e3;
  border: 1px solid #a7b8c8;
}

.sharePanel .shareAddress .roundModule .roundMain {
  border-right: 1px solid;
}

.sharePanel .shareAddress .addressHead span {
  margin-right: 8px;
}

.sharePanel .shareAddress .addressHead .last {
  margin-right: 0;
}

.sharePanel .shareAddress .addressHead .enable {
  font-weight: normal;
  color: #06c;
  cursor: pointer;
}

.sharePanel .shareAddress .addressHead .enable:hover {
  text-decoration: underline;
  color: red;
}

.sharePanel .shareAddress .addressHead .disable {
  font-weight: normal;
  color: #999999;
}

.sharePanel .addressHead .sort {
  margin: 2px 0 2px 6px;
}

.sharePanel .addressBody {
  width: 450px;
}

.sharePanel .addressBody .address {
  position: relative;
  padding: 3px 0 3px 29px;
}

.sharePanel .addressBody .checkBox {
  position: absolute;
  top: 3px;
  left: 8px;
  _left: -21px;
  width: 14px;
  height: 14px;
  background-position: -1739px -60px;
}

.sharePanel .addressBody .select .checkBox {
  background-position: -1739px -77px;
}

.sharePanel .addressBody .disable .checkBox {
  background-position: -1739px -94px;
}

.sharePanel .addressFoot {
  margin-bottom: 15px;
}

.sharePanel .addressFoot .paginationMain {
  float: left;
  width: 252px;
}

.sharePanel .addressFoot .paginationSub {
  float: right;
  width: 200px;
  text-align: right;
}

.sharePanel .addressFoot .paginationSub .disable {
  color: #999999;
}

.sharePanel .addressFoot .paginationSub .prevArrow, .sharePanel .addressFoot .paginationSub .nextArrow {
  display: inline-block;
  width: 9px;
  height: 14px;
  vertical-align: middle;
}

.sharePanel .addressFoot .paginationSub .prevArrow {
  margin-right: 5px;
  background: url(../img/main.png) -1802px -5px no-repeat;
}

.sharePanel .addressFoot .paginationSub .disable .prevArrow {
  background: url(../img/main.png) -1802px -19px no-repeat;
}

.sharePanel .addressFoot .paginationSub .nextArrow {
  margin-left: 5px;
  background: url(../img/main.png) -1802px -33px no-repeat;
}

.sharePanel .addressFoot .paginationSub .disable .nextArrow {
  background: url(../img/main.png) -1802px -47px no-repeat;
}

.sharePanel .shareAddress .panelButton {
  margin-bottom: 0;
}

.sharePanel .shareAddress .panelButton button.cancel {
  width: 66px;
  height: 27px;
  background: url(../img/button.png) -1689px 0 no-repeat;
}

.sharePanel .shareAddress .panelButton button.submit {
  width: 169px;
  height: 27px;
  background: url(../img/button.png) -1410px 0 no-repeat;
}

.sharePanel .upgradeButton {
  margin: 20px 0;
}

.sharePanel .upgradeButton a {
  display: block;
  overflow: hidden;
  width: 226px;
  height: 46px;
  margin: auto;
  background: url(../img/upgradeButtonModule.png) 0 -55px no-repeat;
  text-indent: -9999px;
}

html>body .sharePanel .upgradeButton a {
  margin: 0 auto\9;
}

.sharePanel .upgradeButton:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: 0.8;
}

.sharePanel .checkAddress {
  margin-bottom: -16px;
}

.sharePanel .checkAddress .checkBox {
  margin-right: 5px;
  _margin-right: 2px;
}

.sharePanel .doneAddress {
  margin-top: 10px;
  text-align: right;
}

.uploadNotice, .moveNotice, .multipleDownloadNotice  {
  margin-bottom: 10px;
}

.uploadNotice .noticeContainer, .moveNotice .noticeContainer, .multipleDownloadNotice .noticeContainer{
  min-height: 1.3em;
  _height: 1.3em;
  padding: 10px;
}

.uploadNotice .noticeDescription, .moveNotice .noticeDescription, .multipleDownloadNotice .noticeDescription{
  _margin-bottom: 5px;
}

.uploadNotice .noticeDescription .icon16, .moveNotice .noticeDescription .icon16, .multipleDownloadNotice .icon16 {
  top: 13px;
  left: 10px;
}

.uploadNotice .progressbar, .moveNotice .progressbar, .multipleDownloadNotice .progressbar{
  position: relative;
  overflow: hidden;
  width: 270px;
  height: 13px;
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid #b8cc27;
  font-size: 0;
}

.uploadNotice .progressbar .status, .uploadNotice .progressbar .percent, .multipleDownloadNotice .progressbar .status, .multipleDownloadNotice .progressbar .percent {
  display: block;
  height: 13px;
  background: url(../img/bg.png) 0 -625px repeat-x;
  font-size: 0;
  text-indent: -9999px;
}

.moveNotice .progressbar .status {
  display: block;
  height: 13px;
  background: url(../img/bg.png) 0 -625px repeat-x;
  font-size: 0;
  text-indent: -9999px;
}

.uploadNotice .progressbar .percentText, .multipleDownloadNotice .progressbar .percentText{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 272px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-indent: 0;
}

.aclPanel {
  width: 546px;
}

.aclPanel .mainContainer {
  padding: 17px;
  font-size: 116.7%;
}

.aclPanel .information {
  margin-bottom: 3px;
}

.aclPanel .description {
  margin-bottom: 10px;
}

.aclPanel .acl, .aclPanel .share {
  float: left;
  width: 245px;
}

.aclPanel .acl {
  margin-right: 20px;
}

.aclPanel .acl strong {
  display: block;
  width: 245px;
  height: 161px;
  margin-bottom: 12px;
  background: url(../img/aclPanel.png) 0 0 no-repeat;
  text-indent: -9999px;
}

.aclPanel .share strong {
  display: block;
  width: 245px;
  height: 161px;
  margin-bottom: 12px;
  background: url(../img/aclPanel.png) 0 0 no-repeat;
  text-indent: -9999px;
  background: url(../img/aclPanel.png) -245px 0 no-repeat;
}

.aclPanel .panelButton {
  width: 130px;
  margin: auto;
}

.aclPanel .share .panelButton {
  width: 146px;
  margin: auto;
}

.aclPanel .acl .panelButton button.submit {
  width: 130px;
  background: url(../img/button.png) -4161px 0 no-repeat;
}

.aclPanel .share .panelButton button.submit {
  width: 146px;
  background: url(../img/button.png) -4296px 0 no-repeat;
}

.aclPanel .acl .panelButton .disable button.submit {
  width: 130px;
  background: url(../img/button.png) -5926px 0 no-repeat;
}

.aclPanel .share .panelButton .disable button.submit {
  width: 146px;
  background: url(../img/button.png) -4447px 0 no-repeat;
}

.aclPanel .share .information {
  margin-top: 12px;
  padding: 5px;
  border: 1px solid #ffb0b0;
}

.aclPanel .share .helpText {
  text-align: center;
  margin-top: 10px;
}

.aclPanel .share .helpText .help16 {
  background: url(https://s.yimg.jp/images/icon/f/bsc/1.0.0/help16.png) no-repeat;
  margin-right: 3px;
  position: static;
  vertical-align: bottom;
}

.aclPublicPanel {
  width: 544px;
}

.aclPublicPanel .mainContainer {
  padding: 8px;
  font-size: 116.7%;
}

.aclPublicPanel .name {
  overflow: auto;
  margin-bottom: 6px;
  font-weight: 700;
  word-wrap: break-word;
  line-height: 1.2em;
}

.aclPublicPanel .scrollContainer {
  overflow-y: scroll;
  height: 5em;
  padding: 1px;
  border: 1px solid #a8b9c9;
}

.aclPublicPanel .detail, .aclPublicPanel .url, .aclPublicPanel .action, .aclPublicPanel .slideshow, .aclPublicPanel .description {
  margin-bottom: 8px;
}

.aclPublicPanel .detail {
  position: relative;
  min-height: 68px;
  _height: 68px;
}

.aclPublicPanel .detail .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

.aclPublicPanel .statusContainer {
  margin-left: 85px;
}

.aclPublicPanel .statusContainer .status {
  display: block;
  float: left;
  width: 150px;
  margin: 8px 0;
  padding: 8px;
  background-color: #fffadc;
  border: 1px solid #faa904;
  font-weight: 700;
  text-align: center;
}

.aclPublicPanel .statusContainer .linkText, .aclPublicPanel .statusContainer .statusText {
  display: block;
  float: left;
  width: 200px;
  padding: 9px;
}

.aclPublicPanel .statusContainer .linkText {
  margin-top: 8px;
}

.aclPublicPanel .statusContainer .statusText {
  margin-top: 8px;
  padding: 5px 10px;
}

.aclPublicPanel .statusContainer .panelButton {
  float: left;
  width: 94px;
  margin: 8px auto;
}

.aclPublicPanel .statusContainer .panelButton button.submit {
  width: 94px;
  height: 27px;
  background: url(../img/button.png) -6061px 0 no-repeat;
}

.aclPublicPanel .feedContainer {
  margin-left: 85px;
}

.aclPublicPanel .feedContainer .feedText {
  padding-left: 10px;
}

.aclPublicPanel .attention {
  margin-bottom: 20px;
}

.aclPublicPanel .url .text, .aclPublicPanel .slideshow .text, .aclPublicPanel .description .text {
  display: block;
  float: left;
  width: 135px;
  margin-right: 5px;
  padding: 2px 0;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
}

.aclPublicPanel .url .input input, .aclPublicPanel .slideshow .input input {
  float: left;
  width: 382px;
  *width: 380px;
  padding: 1px;
  *padding: 2px;
}

.aclPublicPanel .shortUrl {
  margin-left: 140px;
  color: #888888;
}

.aclPublicPanel .shortUrl .arrow {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  _margin-right: 2px;
  background: url(../img/main.png) -1783px -93px no-repeat;
  vertical-align: middle;
}

.aclPublicPanel .url .textarea .text {
  text-align: left;
  float: none;
}

.aclPublicPanel .url .textarea textarea {
  float: left;
  width: 522px;
  height: 4em;
  margin-top: 2px;
  padding: 1px;
  border: 1px solid #a8b9c9;
}

.aclPublicPanel .description {
  width: 100%;
}

.aclPublicPanel .descriptionForm {
  display: inline-block;
  margin-top: 4px;
}

.aclPublicPanel .descriptionForm textarea {
  width: 304px;
  height: 2.4em;
  padding: 3px;
  border: 1px solid #a8b9c9;
  vertical-align: bottom;
  font-size: 96%;
}

.aclPublicPanel .editButton {
  float: right;
  overflow: hidden;
  width: 66px;
  height: 25px;
  margin: 3px 0 0 0;
  background: url(../img/main.png) -1606px 0 no-repeat;
  text-indent: -9999px;
}

.aclPublicPanel .action div {
  margin-bottom: 5px;
}

.aclPublicPanel .action .disable {
  color: #888888;
}

.aclPublicPanel .action .icon16 {
  *float: left;
  *margin-top: 0;
  margin-right: 2px;
  _margin-right: 0;
}

.aclPublicPanel .action a {
  _display: block;
}

.aclPublicPanel .slideshowLink {
  margin-bottom: 20px;
}

.aclPublicPanel .slideshowLink .linkText {
  float: left;
  margin-left: 5px;
}

.aclPublicPanel .slideshowLink .icon16 {
  float: left;
  margin: 0;
  background: url(../img/main.png) -1757px -77px no-repeat;
}

.aclPublicPanel .panelButton button.cancel {
  width: 66px;
  height: 27px;
  margin-right: 0;
  background: url(../img/button.png) -1689px 0 no-repeat;
}

.descriptionPanel {
  width: 264px;
}

.descriptionPanel .mainContainer {
  padding: 8px;
  font-size: 116.7%;
}

.descriptionPanel .name {
  overflow: auto;
  margin-bottom: 6px;
  font-weight: 700;
  word-wrap: break-word;
  line-height: 1.2em;
}

.descriptionPanel .detail {
  margin-bottom: 12px;
}

.descriptionPanel .description {
  margin-bottom: 8px;
}

.descriptionPanel .description .text {
  float: left;
  font-weight: 700;
}

.descriptionPanel .description .limit {
  float: right;
  font-weight: normal;
}

.descriptionPanel .description .errorMessage {
  margin: 3px 0;
}

.descriptionPanel .description .textarea textarea {
  width: 238px;
  height: 7.2em;
  margin-top: 2px;
  padding: 3px;
  border: 1px solid #a8b9c9;
}

.descriptionPanel .description .error textarea {
  background-color: #fbcecd;
  border: 1px solid #ff1e00;
}

.descriptionPanel .panelButton button.cancel {
  width: 94px;
  height: 27px;
  background: url(../img/button.png) -210px 0 no-repeat;
}

.descriptionPanel .panelButton button.submit {
  width: 94px;
  height: 27px;
  background: url(../img/button.png) -1959px 0 no-repeat;
}

.tagPanel {
  width: 527px;
}

.tagPanel .mainContainer {
  padding: 8px;
  font-size: 116.7%;
}

.tagPanel .name {
  overflow: auto;
  margin-bottom: 6px;
  font-weight: 700;
  word-wrap: break-word;
  line-height: 1.2em;
}

.tagPanel .detail {
  margin-bottom: 8px;
}

.tagPanel .detail .thumbnail {
  float: left;
  margin: 0 8px 0 0;
}

.tagPanel .tagContainer {
  float: left;
  width: 433px;
}

.tagPanel .scrollContainer {
  overflow-y: scroll;
  width: 429px;
  height: 64px;
  padding: 1px;
  border: 1px solid #a8b9c9;
}

.tagPanel .tagContainer span {
  display: inline-block;
  vertical-align: top;
}

.tagPanel .tagContainer .tag {
  margin-bottom: 5px;
  line-height: 1.2em;
}

.tagPanel .tagContainer .emptyMessage {
  padding-top: 26px;
}

.tagPanel .addTag {
  margin-bottom: 5px;
}

.tagPanel .addTag .errorMessage {
  margin-bottom: 3px;
}

.tagPanel .addTag .input input {
  width: 467px;
  *width: 465px;
  margin-right: 3px;
  padding: 1px;
  *padding: 2px;
}

.tagPanel .addTag .error input {
  background-color: #fbcecd;
  border: 1px solid #ff1e00;
}

.tagPanel .addTag p.addButton {
  display: inline;
}

.tagPanel .addTag .addButton button.submit {
  width: 2.9em;
  margin-right: 0;
}

.tagPanel .tagList {
  overflow: auto;
  height: 120px;
  *height: 108px;
  margin-bottom: 12px;
  padding: 5px 10px 0 10px;
  *padding: 5px 10px;
  background-color: #fffadc;
}

.tagPanel .tagList .description {
  display: block;
  font-weight: 700;
}

.tagPanel .tagList .tag {
  margin-right: 5px;
  line-height: 1.5em;
  color: #8c8f93;
}

.tagPanel .tagList .enable {
  text-decoration: underline;
  color: #06c;
  cursor: pointer;
}

.tagPanel .tagList .enable:hover {
  color: red;
}

.tagPanel .tagList .emptyMessage {
  display: block;
  padding-top: .2em;
  color: #8c8f93;
}

.tagPanel .panelButton button.cancel {
  width: 66px;
  height: 27px;
  margin-right: 0;
  background: url(../img/button.png) -1689px 0 no-repeat;
}

.detailModule h1.title {
  position: relative;
  width: 99%;
  line-height: 35px;
  min-height: 35px;
  font-weight: 700;
  margin: 5px 0 7px 0;
  padding: 0 0 0 8px;
}

.detailModule h1.title p.name {
  overflow: auto;
  word-wrap: break-word;
  text-indent: 0;
  margin-right: 10px;
  margin-left: 40px;
  margin-left: 40px;
  text-indent: 0;
}

x:-moz-any-link {
  margin-left: 40px;
  text-indent: 0;
}

.detailModule h1.title p.name {
  margin-left: 0;
  text-indent: 40px;
}

x:-moz-broken, x:last-of-type {
  margin-left: 0;
  text-indent: 40px;
}

.detailModule h1.title p.name, x:x {
  overflow: auto;
  word-wrap: break-word;
  text-indent: 0;
  margin-right: 10px;
  margin-left: 40px;
}

.detailModule h1 span.icon32, .detailModule h1 img.userTopImg {
  margin-right: -30px;
  position: relative;
  float: left;
}

.detailModule ul.tools {
  clear: both;
  height: 25px;
  padding: 6px 8px;
  background: #efefef url(../img/bg.png) 0 -530px repeat-x;
  border: 1px solid #d6d8da;
  border-bottom: none;
}

.detailModule ul.tools li {
  display: block;
  float: left;
  text-indent: -9999px;
}

.detailModule ul.tools li.remove {
  margin-left: 0;
}

.detailModule ul.tools li.download {
  margin-left: 15px;
}

.detailModule ul.tools li.update {
  float: right;
}

.detailModule ul.tools li span {
  display: block;
  overflow: hidden;
  height: 25px;
  cursor: pointer;
}

.detailModule ul.tools li span.aclIcon, .detailModule ul.tools li span.shareIcon, .detailModule ul.tools li span.removeIcon, .detailModule ul.tools li span.removeOnlyIcon, .detailModule ul.tools li span.downloadIcon, .detailModule ul.tools li span.updateIcon {
  background: url(../img/main.png) no-repeat;
}

.detailModule ul.tools li span.aclIcon {
  width: 63px;
  background-position: -75px 0;
}

.detailModule ul.tools li.hover span.aclIcon {
  background-position: -75px -25px;
}

.detailModule ul.tools li span.shareIcon {
  width: 63px;
  background-position: -138px 0;
}

.detailModule ul.tools li.hover span.shareIcon {
  background-position: -138px -25px;
}

.detailModule ul.tools li span.removeIcon {
  width: 59px;
  background-position: -201px 0;
}

.detailModule ul.tools li span.removeOnlyIcon {
  width: 66px;
  background-position: -746px 0;
}

.detailModule ul.tools li.hover span.removeIcon {
  background-position: -201px -25px;
}

.detailModule ul.tools li.hover span.removeOnlyIcon {
  background-position: -746px -25px;
}

.detailModule ul.tools li span.downloadIcon {
  width: 105px;
  background-position: -707px -50px;
}

.detailModule ul.tools li.hover span.downloadIcon {
  background-position: -707px -75px;
}

.detailModule ul.tools li span.updateIcon {
  width: 65px;
  background-position: -641px -50px;
}

.detailModule ul.tools li.hover span.updateIcon {
  background-position: -641px -75px;
}

.detailModule .detailBody {
  padding: 10px 15px 15px 15px;
  background-color: #fff;
  border: 1px solid #d6d8da;
  text-align: center;
}

.detailModule .detailBody .linkContainer {
  text-align: left;
}

.detailModule .detailBody .slideshowLink {
  margin-left: 6px;
}

.detailModule .detailBody .listLink .arrow {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  _margin-right: 2px;
  background: url(../img/main.png) -1757px -60px no-repeat;
  vertical-align: middle;
}

.detailModule .detailBody .slideshowLink .slideshow {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  _margin-right: 2px;
  background: url(../img/main.png) -1757px -60px no-repeat;
  vertical-align: middle;
  background-position: -1757px -77px;
}

.detailModule .detailBody table.mainContainer {
  position: relative;
  width: 530px;
  margin: 13px auto 15px;
}

.detailModule .detailBody table.mainContainer td {
  padding: 0;
  border: none;
  border: 1px solid #d6d8da;
}

.detailModule .detailBody table.mainContainer .center {
  height: 150px;
  text-align: center;
}

.detailModule .detailBody table.mainContainer .icon48 {
  margin: auto;
}

.detailModule .detailBody .tableContainer {
  width: 530px;
  margin: 0 auto;
  text-align: left;
}

.detailModule .detailBody table {
  width: 100%;
  margin-bottom: 5px;
}

.detailModule .detailBody th, .detailModule .detailBody td {
  padding: 5px 8px;
  *padding: 4px 8px;
  border: 1px solid #d6d8da;
}

.detailModule .detailBody th, .detailModule .detailBody strong {
  font-weight: 700;
}

.detailModule .detailBody .bgColor, .detailModule .detailBody .leftContainer th, .detailModule .detailBody .wideContainer th {
  background-color: #f5f7f7;
}

.detailModule .detailBody .leftContainer {
  float: left;
  width: 326px;
}

.detailModule .detailBody .rightContainer {
  float: right;
  width: 200px;
}

.detailModule .detailBody .title, .detailModule .detailBody .description {
  font-size: 116.7%;
}

.detailModule .detailBody .title {
  border-bottom: none;
  padding-bottom: 0;
  text-align: left;
}

.detailModule .detailBody .titleText, .detailModule .detailBody .descriptionText {
  display: inline-block;
  float: left;
  overflow: auto;
  width: 285px;
  padding: 4px;
  word-wrap: break-word;
  line-height: 1.2em;
}

.detailModule .detailBody .titleForm {
  display: block;
  margin-top: 3px;
  font-weight: normal;
}

.detailModule .detailBody .titleForm input {
  width: 400px;
  margin-right: 3px;
  padding: 2px 3px;
}

.detailModule .detailBody .title a.editButton {
  float: right;
  overflow: hidden;
  width: 66px;
  height: 25px;
  margin: 1px -4px 0 0;
  background: url(../img/main.png) -1672px 0 no-repeat;
  text-indent: -9999px;
}

.detailModule .detailBody .title a.editButton:hover {
  background-position: -1672px -25px;
}

.detailModule .detailBody .description {
  border-top: none;
  padding-top: 0;
}

.detailModule .detailBody .descriptionText {
  width: 504px;
}

.detailModule .detailBody .descriptionText strong {
  display: block;
  margin-top: 5px;
  margin-bottom: -3px;
  font-weight: 700;
}

.detailModule .detailBody .descriptionForm {
  display: block;
  margin-bottom: 3px;
}

.detailModule .detailBody .descriptionForm textarea {
  width: 400px;
  height: 5em;
  margin-right: 2px;
  padding: 3px;
  border: 1px solid #a8b9c9;
  vertical-align: bottom;
  *vertical-align: baseline;
}

.detailModule .detailBody .descriptionForm p.editButton {
  display: inline;
}

.detailModule .detailBody .title a.printOrderButton {
  float: right;
  overflow: hidden;
  width: 136px;
  height: 25px;
  margin: 1px -4px 0 0;
  background: url(../img/main.png) -247px -71px no-repeat;
  text-indent: -9999px;
}

.detailModule .detailBody .title a.printOrderButton:hover {
  background-position: -247px -96px;
}

.detailModule .detailBody .errorMessage {
  margin-bottom: 5px;
}

.detailModule .detailBody .leftContainer th, .detailModule .detailBody .wideContainer th {
  width: 125px;
  white-space: nowrap;
}

.detailModule .detailBody .wideContainer td {
  width: 100%;
}

.detailModule .detailBody .wideContainer td .fileText, .detailModule .detailBody .wideContainer td .fileDescription {
  width: 360px;
  display: inline-block;
  word-wrap: break-word;
}

.detailModule .detailBody .wideContainer td .fileText {
  font-weight: 700;
}

.detailModule .detailBody .wideContainer .editButton, .detailModule .detailBody .wideContainer .selectButton {
  float: right;
  overflow: hidden;
  width: 66px;
  height: 25px;
  margin: 1px -4px 0 0;
  background: url(../img/main.png) -1606px 0 no-repeat;
  text-indent: -9999px;
}

.detailModule .detailBody .wideContainer .editButton {
  background-position: -1606px 0;
}

.detailModule .detailBody .wideContainer .editButton:hover {
  background-position: -1606px -25px;
}

.detailModule .detailBody .wideContainer .selectButton {
  background-position: -1540px 0;
}

.detailModule .detailBody .wideContainer .selectButton:hover {
  background-position: -1540px -25px;
}

.detailModule .detailBody .wideContainer .titleForm, .detailModule .detailBody .wideContainer .descriptionForm {
  width: 360px;
  display: inline-block;
  margin-top: 1px;
}

.detailModule .detailBody .wideContainer .titleForm .editButton, .detailModule .detailBody .wideContainer .descriptionForm .editButton {
  background: url(../img/main.png) -1540px 0 no-repeat;
}

.detailModule .detailBody .wideContainer .inputText, .detailModule .detailBody .wideContainer .textarea {
  width: 350px;
}

.detailModule .detailBody .leftContainer .user {
  display: inline-block;
  overflow: auto;
  width: 140px;
  *width: 136px;
  word-wrap: break-word;
}

.detailModule .detailBody td.select .favorite16 {
  background-position: -112px -64px;
}

.detailModule .detailBody td .favorite16 {
  background-position: -112px -80px;
}

.detailModule .detailBody td.select .acl16 {
  background-position: -112px -144px;
}

.detailModule .detailBody td.select .aclInherit16 {
  background-position: -112px -208px;
}

.detailModule .detailBody td .acl16, .detailModule .detailBody td .aclInherit16 {
  background-position: -112px -160px;
}

.detailModule .detailBody td.tag .tagContainer {
  display: block;
  float: left;
  width: 125px;
  overflow: auto;
  word-wrap: break-word;
}

.detailModule .detailBody td.tag strong {
  float: left;
}

.detailModule .detailBody td.tag .tag {
  margin-right: 5px;
  line-height: 1.5em;
}

.detailModule .detailBody td.tag .linkText {
  display: block;
  text-align: right;
}

.detailModule .detailBody .original {
  display: inline-block;
  float: right;
  margin-bottom: 5px;
}

.detailModule .detailBody .share .shareStatus {
  float: left;
}

.detailModule .detailBody .share .editLink {
  float: right;
  white-space: nowrap;
}

.detailModule .detailBody .share .editLink .icon16 {
  margin-right: 2px;
}

.detailModule .detailBody .share .upgrade {
  margin-top: 10px;
}

.detailModule .detailBody .share .upgrade .image {
  display: block;
  float: left;
  width: 245px;
  height: 120px;
  margin-right: 10px;
  background: url(../img/aclPanel.png) -245px -41px no-repeat;
}

.detailModule .detailBody .share .upgrade .text a {
  display: block;
  margin-top: 1em;
}

.detailModule .detailBody .shareDetail {
  margin-top: -6px;
  border: 1px solid #d6d8da;
}

.detailModule .detailBody .shareDetail td.remove {
  border-left: none;
  border-right: none;
}

.detailModule .detailBody th.user {
  text-align: left;
}

.detailModule .detailBody .shareDetail .select {
  background-color: #ddd;
  color: #888888;
}

.detailModule .detailBody .shareDetail .select select {
  background-color: #c9c9c9;
  color: #888888;
}

.detailModule .detailBody span.user {
  display: inline-block;
  overflow: auto;
  width: 489px;
  *width: 483px;
  word-wrap: break-word;
}

.detailModule .detailBody .noImage span.user {
  color: #bbbbbb;
}

.detailModule .detailBody .edit td.user {
  border-right: none;
}

.detailModule .detailBody .edit span.user {
  width: 443px;
}

.detailModule .detailBody .permission {
  margin-left: 5px;
  color: #ec6941;
  font-weight: 700;
}

.detailModule .detailBody .waiting {
  color: #bbbbbb;
}

.detailModule .detailBody .status {
  margin-left: 5px;
  color: #f96116;
}

.detailModule .detailBody .disable .status {
  color: #999999;
}

.detailModule .detailBody .remove .checkBox {
  float: none;
  margin: 0 auto;
}

.detailModule .detailBody .editUser .removeContainer {
  margin-left: 15px;
}

.detailModule .detailBody .moduleButton {
  width: 530px;
  margin: 5px auto 0;
  text-align: right;
}

.detailModule .detailBody .moduleButton button.cancel {
  width: 94px;
  height: 27px;
  background: url(../img/button.png) -210px 0 no-repeat;
}

.detailModule .detailBody .moduleButton button.submit {
  width: 94px;
  height: 27px;
  background: url(../img/button.png) -1760px 0 no-repeat;
}

.searchModule {
  width: 300px;
  margin-bottom: 10px;
}

.searchModule .mainContainer {
  padding: 8px 2px 8px 7px;
  background-color: #fff;
  border: 1px solid #a9b7c8;
}

.searchModule .mainContainer .formSearch {
  float: left;
  margin: 0 5px 0 0;
  _margin: 0 3px 0 0;
  position: relative;
}

.searchModule .mainContainer .formSearch .placeholder {
  position: absolute;
  top: 3px;
  left: 22px;
  *top: 2px;
  *left: 21px;
  color: #aeb2b7;
}

.searchModule .mainContainer input.default {
  color: #aeb2b7;
}

.searchModule .mainContainer .option {
  padding-top: 2px;
}

.searchModule .mainContainer .option .linkText {
  float: left;
  line-height: 1.46em;
  *line-height: 1.4em;
}

.searchModule .mainContainer .option .plus, .searchModule .mainContainer .option .minus {
  display: inline-block;
  margin: 2px 0 0 1px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}

.searchModule .mainContainer .option .plus {
  background: url(../img/main.png) -1817px 0 no-repeat;
}

.searchModule .mainContainer .option .minus {
  background: url(../img/main.png) -1817px -26px no-repeat;
}

.searchModule .optionContainer {
  padding: 10px 3px 12px 10px;
  background-color: #fbfadc;
  border-bottom: 1px solid #a9b7c8;
  border-left: 1px solid #a9b7c8;
  border-right: 1px solid #a9b7c8;
}

.searchModule .optionContainer .scope, .searchModule .optionContainer .period {
  margin-bottom: 10px;
}

.searchModule .optionContainer .date {
  margin-bottom: 8px;
}

.searchModule .optionContainer .upload, .searchModule .optionContainer .file {
  margin-bottom: 12px;
}

.searchModule .optionContainer .date .selectContainer {
  display: inline-block;
}

.searchModule .optionContainer .radio {
  margin-right: 2px;
  _margin-right: -1px;
}

.searchModule .optionContainer .period .list {
  float: left;
  margin-right: 5px;
  white-space: nowrap;
  font-size: 90%;
}

.searchModule .optionContainer .leftContainer {
  float: left;
  display: block;
  width: 70px;
  font-size: 90%;
}

.searchModule .optionContainer .rightContainer {
  float: left;
  display: block;
  width: 212px;
}

.searchModule .optionContainer .rightContainer select {
  margin-bottom: 5px;
  vertical-align: middle;
}

.searchModule .optionContainer .upload .selectMenu, .searchModule .optionContainer .file .selectMenu {
  display: block;
}

.searchModule .optionContainer .upload .description, .searchModule .optionContainer .file .description {
  margin-top: 2px;
  color: #999999;
}

.searchModule .optionContainer .upload .selectMenu select, .searchModule .optionContainer .file .selectMenu select {
  width: 250px;
}

.searchModule a.optionButton {
  float: right;
  overflow: hidden;
  width: 100px;
  height: 26px;
  margin-right: 7px;
  background: url(../img/main.png) -1113px 0 no-repeat;
  text-indent: -9999px;
}

.searchModule a.optionButton:hover {
  background-position: -1113px -26px;
}

.detailModule .detailBody .description {
  border-top: none;
  padding-top: 0;
}

.searchModule .tab {
  overflow: hidden;
  width: 300px;
  height: 14px;
  text-indent: -9999px;
  cursor: pointer;
}

.searchModule .open {
  background: url(../img/main.png) -812px 0 no-repeat;
}

.searchModule .close {
  background: url(../img/main.png) -812px -14px no-repeat;
}

.tagModule {
  width: 298px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #c8d3dd;
}

.tagModule .mainContainer {
  padding: 13px 8px 6px 15px;
}

.tagModule .tagList .tag a {
  display: inline-block;
  margin-bottom: 7px;
  margin-right: 7px;
  line-height: 1em;
}

.guideModule {
  width: 298px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #c8d3dd;
}

.guideModule .mainContainer {
  padding: 7px 10px 4px 10px;
}

.guideModule .guideList li {
  margin-bottom: 3px;
}

.guideModule .genericTitle {
  background: none repeat scroll 0 0 transparent;
  border-bottom: none;
}

.infoModule {
  width: 298px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #c8d3dd;
}

.infoModule .mainContainer {
  padding: 7px 10px 4px 10px;
}

.infoModule .infoList dl {
  margin-bottom: 3px;
}

.infoModule .infoList dt {
  font-weight: 700;
}

.infoModule .infoList dd {
  overflow: auto;
  word-wrap: break-word;
}

.uploadButtonModule {
  width: 300px;
  margin-bottom: 10px;
}

.uploadButtonModule a.uploadButton {
  float: right;
  overflow: hidden;
  width: 300px;
  height: 34px;
  background: url(../img/main.png) -996px -72px no-repeat;
  text-indent: -9999px;
}

.uploadButtonModule a.uploadButton:hover {
  background-position: -1296px -72px;
}

.accountModule {
  width: 298px;
  background-color: #f4f4f4;
  border: 1px solid #c8d3dd;
  margin-bottom: 10px;
}

.accountModule .mainContainer {
  position: relative;
  padding: 3px;
}

.accountModule .userImage {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: white;
}

.accountModule .userContainer {
  padding: 5px 45px 5px 80px;
  background-color: #eef5f7;
}

.accountModule .userContainer .user {
  display: block;
  overflow: auto;
  word-wrap: break-word;
  font-size: 116.7%;
  font-weight: 700;
  line-height: 1.2em;
}

.accountModule .userContainer .linkText {
  position: absolute;
  top: 8px;
  right: 6px;
}

.accountModule .description {
  padding: 5px 3px 5px 80px;
  background-color: white;
}

.accountModule .description strong {
  color: #eb740b;
  font-size: 116.7%;
  font-weight: 700;
}

.accountModule .description .linkText {
  display: block;
  text-align: right;
}

.accountModule .usage {
  padding: 0 3px 0 3px;
}

.accountModule .usage .planChange {
  display: block;
  float: right;
  text-align: right;
  width: 60px;
}

.accountModule .usage .meter {
  position: relative;
  width: 284px;
  height: 23px;
  margin: 3px 0 0 auto;
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #b5ca1e;
  font-size: 0;
}

.accountModule .usage .alert1 {
  border: 1px solid #fade32;
}

.accountModule .usage .alert2 {
  border: 1px solid #f08417;
}

.accountModule .usage .alert {
  border: 1px solid #ca1e1e;
  color: white;
}

.accountModule .usage .meter .percent {
  display: block;
  height: 23px;
  background: url(../img/bg.png) 0 -580px repeat-x;
}

.accountModule .usage .alert .percent {
  background: url(../img/bg.png) 0 -640px repeat-x;
}

.accountModule .usage .alert1 .percent {
  background-position: 0 -690px;
}

.accountModule .usage .alert2 .percent {
  background-position: 0 -665px;
}

.accountModule .usage .meter .percentText {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 284px;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
}

.accountModule .usage .meter .percentText .nowPlan {
  font-weight: 700;
  color: #eb740b;
}

.accountModule .usage .alert2 .percentText .nowPlan {
  color: #fff;
}

.accountModule .usage .linkText {
  display: block;
  margin-top: 2px;
  text-align: right;
}

.configModule {
  width: 900px;
  margin: 0 auto;
}

.configModule .statusNotice .noticeClose {
  _right: 25px;
}

.configModule .mainContainer {
  margin-bottom: 10px;
  padding: 15px;
  background-color: #e8f1f9;
}

.configModule h1.title {
  margin-bottom: 10px;
  font-weight: 700;
}

.configModule table {
  width: 100%;
  background-color: #fff;
  font-size: 116.7%;
}

.configModule .linkContainer {
  text-align: center;
  margin-bottom: 10px;
  font-size: 116.7%;
}

.configModule .accountContainer th {
  width: 11em;
  padding: 10px;
  background-color: #f5f7f7;
  border: 1px solid #d6d8da;
  text-align: center;
  font-weight: 700;
  white-space: nowrap;
}

.configModule .accountContainer th .linkText {
  display: block;
  font-weight: normal;
}

.configModule .accountContainer th .helpText {
  display: block;
  margin-top: 3px;
  font-weight: normal;
}

.configModule .accountContainer th .helpText .help16 {
  background: url(https://s.yimg.jp/images/icon/f/bsc/1.0.0/help16.png) no-repeat;
  margin-right: 3px;
}

.configModule .accountContainer td {
  padding: 10px;
  border: 1px solid #d6d8da;
}

.configModule .accountContainer .selectImage {
  float: left;
}

.configModule .accountContainer .selectImageInfo {
  margin-top: 10px;
}

.configModule .accountContainer .deviceList li {
  margin-bottom: 3px;
}

.configModule .accountContainer .deviceList .icon16 {
  position: static;
}

.configModule .accountContainer td.plan .planName {
  margin-bottom: 7px;
  font-weight: 700;
  color: #eb740b;
}

.configModule .accountContainer td.plan .meter {
  display: block;
  overflow: hidden;
  width: 570px;
  height: 26px;
  padding: 1px;
  border: 1px solid #d6d8da;
  font-size: 0;
}

.configModule .accountContainer td.plan .alert {
  border: 1px solid #c63444;
  color: white;
}

.configModule .accountContainer td.plan .meter .percent {
  float: left;
  display: block;
  height: 26px;
}

.configModule .accountContainer td.plan .meter .file {
  background-color: #61accf;
}

.configModule .accountContainer td.plan .meter .version {
  background-color: #ebcc5f;
}

.configModule .accountContainer td.plan .meter .trash {
  background-color: #d1d7da;
}

.configModule .accountContainer td.plan .meter .space {
  background-color: #eaf5ff;
  height: 26px;
}

.configModule .accountContainer td.plan .alert .space {
  background: #c63444;
}

.configModule .accountContainer td.plan .meter .percentText {
  display: block;
  float: left;
  width: 572px;
  margin-top: -27px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.configModule .accountContainer td.plan .meter .loading {
  color: #999;
  _padding-top: 7px;
}

.configModule .accountContainer td.plan .meter .loading .icon16 {
  position: static;
}

.configModule .accountContainer td.plan ul {
  margin-top: 8px;
  height: 20px;
}

.configModule .accountContainer td.plan li {
  float: left;
  margin-right: 7px;
  line-height: 14px;
}

.configModule .accountContainer td.plan .detail {
  font-size: 14px;
  line-height: 16px;
}

.configModule .accountContainer td.plan .color {
  float: left;
  overflow: hidden;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  _margin-right: 0;
  margin-bottom: 3px;
}

.configModule .accountContainer td.plan .color span {
  display: block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
}

.configModule .accountContainer td.plan .deleteButton {
  margin-top: 10px;
}

.configModule .accountContainer td.plan .deleteButton a {
  float: left;
  overflow: hidden;
  width: 180px;
  height: 21px;
  margin-right: 5px;
  background: url(../img/main.png) -75px -50px no-repeat;
  text-indent: -9999px;
}

.configModule .accountContainer td.version a.button {
  float: left;
  overflow: hidden;
  width: 180px;
  height: 21px;
  margin-right: 5px;
  background: url(../img/main.png) -75px -50px no-repeat;
  text-indent: -9999px;
}

.configModule .accountContainer td.plan .deleteButton a.trash {
  width: 120px;
  background-position: -255px -50px;
}

.configModule .accountContainer td.version {
  padding: 0;
}

.configModule .accountContainer td.version .leftContainer, .configModule .accountContainer td.version .rightContainer {
  float: left;
  width: 50%;
}

.configModule .accountContainer td.version .leftContainer {
  *margin-right: -1px;
}

.configModule .accountContainer td.version .leftContainer dl {
  border: none;
}

.configModule .accountContainer td.version dl {
  padding: 15px 15px 10px 15px;
  background-color: #ddd;
  border-left: 1px solid #d6d8da;
  color: #888;
  min-height: 4.5em;
  _height: 4.5em;
}

.configModule .accountContainer td.version dt {
  margin-bottom: 5px;
  font-weight: 700;
}

.configModule .accountContainer td.version dl.select {
  background-color: #fffadc;
  color: #363636;
}

.configModule .accountContainer td.version a.button {
  width: 154px;
  margin-top: 7px;
  background-position: -383px -71px;
}

.configModule .accountContainer td.version .leftContainer a.button {
  background-position: -383px -50px;
}

.configModule .accountContainer td.version .status {
  display: inline-block;
  margin-top: 7px;
  padding: 1px 3px;
  background-color: #fdeaae;
  border: 1px solid #f5ac31;
  font-weight: 700;
  color: #eb740b;
}

.configModule .deviceContainer table {
  border: 1px solid #d6d8da;
}

.configModule .deviceContainer table .icon16 {
  position: static;
}

.configModule .deviceContainer th {
  padding: 6px 0 6px 20px;
  background: url(../img/bg.png) 0 0 repeat-x;
  color: #4e5c6f;
  font-weight: 700;
  text-align: left;
}

.configModule .deviceContainer td {
  padding: 13px 0 13px 20px;
  border-top: 1px solid #d6d8da;
}

.configModule .deviceContainer th.device {
  width: 360px;
}

.configModule .deviceContainer th.date {
  width: 11em;
}

.configModule .deviceContainer th.handling {
  width: auto;
}

.configModule .deviceContainer td.device {
  width: 360px;
  overflow: auto;
  word-wrap: break-word;
  line-height: 1.2em;
}

.configModule .deviceContainer td.device .errorMessage {
  margin-bottom: 3px;
}

.configModule .deviceContainer .moduleButton {
  width: 400px;
}

.configModule .deviceContainer .renameButton a, .configModule .deviceContainer .cancelButton a {
  float: left;
  overflow: hidden;
  width: 91px;
  height: 25px;
  margin-right: 8px;
  background: url(../img/main.png) -812px -50px no-repeat;
  text-indent: -9999px;
}

.configModule .deviceContainer .disable .renameButton, .configModule .deviceContainer .disable .cancelButton {
  float: left;
  overflow: hidden;
  width: 91px;
  height: 25px;
  margin-right: 8px;
  background: url(../img/main.png) -812px -50px no-repeat;
  text-indent: -9999px;
}

.configModule .deviceContainer .cancelButton a {
  background: url(../img/main.png) -904px -50px no-repeat;
}

.configModule .deviceContainer .disable .renameButton {
  background: url(../img/main.png) -812px -76px no-repeat;
}

.configModule .deviceContainer .disable .cancelButton {
  background: url(../img/main.png) -904px -76px no-repeat;
}

.configModule .deviceContainer div.rename input {
  width: 160px;
}

.configModule .deviceContainer td .icon16 {
  float: left;
  margin-top: 0.15em;
}

.configModule .planContainer .description {
  font-size: 116.7%;
}

.configModule .planContainer .clearFix .description {
  float: left;
  width: 560px;
  margin-bottom: 15px;
  padding: 3px 5px 3px 0;
}

.configModule .planContainer .description .linkText {
  float: right;
}

.configModule .planContainer .meterContainer {
  float: right;
  width: 270px;
  _width: 275px;
  padding: 10px 12px;
  margin-bottom: 15px;
  background-color: #f4f8fc;
}

.configModule .planContainer .meterContainer strong {
  float: left;
  line-height: 19px;
}

.configModule .planContainer .meter {
  position: relative;
  overflow: hidden;
  width: 207px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #b5ca1e;
  font-size: 0;
}

.configModule .planContainer .meter .percent {
  display: block;
  height: 17px;
  background: url(../img/bg.png) 0 -605px repeat-x;
}

.configModule .planContainer .meter .percentText {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 209px;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
}

.configModule .planContainer .walletNotice {
  margin-bottom: 15px;
}

.configModule .planContainer .noticeYellow .noticeContainer {
  padding: 10px;
}

.configModule .planContainer .walletNotice .noticeDescription dt {
  margin-bottom: 3px;
  font-size: 116.7%;
  font-weight: 700;
}

.configModule .planContainer .walletNotice .noticeDescription dd {
  padding-left: 21px;
}

.configModule .planContainer .moduleButton {
  width: 400px;
  margin: 5px auto 0;
  text-align: right;
}

.configModule .planContainer .moduleButton button.cancel {
  width: 187px;
  height: 37px;
  margin-right: 26px;
  background: url(../img/button.png) -2703px 0 no-repeat;
}

.configModule .planContainer .cancelContainer .moduleButton a.cancel {
  width: 187px;
  height: 37px;
  margin-right: 26px;
  background: url(../img/button.png) -2703px 0 no-repeat;
}

.configModule .planChangeDownContainer .tableButton .moduleButton a.cancel {
  width: 187px;
  height: 37px;
  margin-right: 26px;
  background: url(../img/button.png) -2703px 0 no-repeat;
}

.configModule .planContainer .moduleButton button.submit, .configModule .planContainer .cancelContainer .moduleButton a.submit {
  width: 187px;
  height: 37px;
  background: url(../img/button.png) -2895px 0 no-repeat;
}

.configModule .planChangeDownContainer .tableButton .moduleButton a.submit {
  width: 187px;
  height: 37px;
  background: url(../img/button.png) -2895px 0 no-repeat;
}

.configModule .planContainer .cancelContainer .moduleButton a {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}

.configModule .planContainer .planChangeDownContainer {
  padding: 15px 20px 10px;
  margin-top: 15px;
  background-color: white;
}

.configModule .planContainer .planChangeDownContainer .check {
  margin-top: 0;
}

.configModule .planContainer .planChangeDownContainer .buttonAttention {
  margin-bottom: 20px;
  font-size: 19px;
  font-weight: 700;
  color: red;
  line-height: 1.2;
  text-align: center;
}

.configModule .planContainer .planChangeDownContainer .noticeModule {
  clear: both;
  width: 100%;
  margin: 0 auto;
  background: white;
}

.configModule .planContainer .planChangeDownContainer .noticeModule .elNoIcon {
  background: none;
}

.configModule .planContainer .planChangeDownContainer .noticeModule h2 {
  margin-bottom: 0;
}

.configModule .planContainer .planChangeDownContainer .noticeModule dl {
  padding: 10px 20px 15px;
  border: 1px solid #d6d8da;
  border-top: none;
}

.configModule .planContainer .planChangeDownContainer .noticeModule dl dt {
  padding-left: 7px;
  margin: 10px 0 5px;
  border-left: 5px solid #cacaca;
  font-size: 116.4%;
  font-weight: 700;
}

.configModule .planContainer .planChangeDownContainer .noticeModule dl dt.dtFirst {
  margin-top: 0;
}

.configModule .planContainer .planChangeDownContainer .noticeModule dl dd {
  padding-left: 8px;
  margin-left: 8px;
  font-size: 116.4%;
  line-height: 1.2;
  background: url(../img/dot.png) no-repeat;
  background-position: 0 8px;
}

.configModule .planContainer .planChangeDownContainer .tableButton {
  border: none;
}

.configModule .planContainer .planChangeDownContainer .moduleButton a {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}

.configModule .accountContainer h2 {
  margin-top: 15px;
  padding: 6px 15px;
  background: url(../img/bg.png) 0 0 repeat-x;
  border-top: 1px solid #d6d8da;
  border-left: 1px solid #d6d8da;
  border-right: 1px solid #d6d8da;
  color: #4e5c6f;
  font-size: 116.7%;
  font-weight: 700;
}

.configModule .planContainer h2 {
  margin-top: 15px;
  padding: 6px 15px;
  background: url(../img/bg.png) 0 0 repeat-x;
  border-top: 1px solid #d6d8da;
  border-left: 1px solid #d6d8da;
  border-right: 1px solid #d6d8da;
  color: #4e5c6f;
  font-size: 116.7%;
  font-weight: 700;
}

.configModule .planContainer .attention dt {
  margin-top: 15px;
  padding: 6px 15px;
  background: url(../img/bg.png) 0 0 repeat-x;
  border-top: 1px solid #d6d8da;
  border-left: 1px solid #d6d8da;
  border-right: 1px solid #d6d8da;
  color: #4e5c6f;
  font-size: 116.7%;
  font-weight: 700;
}

.configModule .planContainer .attention dd {
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid #d6d8da;
}

.configModule .planContainer .attention li {
  margin: 3px 0;
}

.configModule .planContainer table.check {
  margin-top: 15px;
}

.configModule .planContainer table.check th {
  width: 11em;
  padding: 15px;
  background-color: #f5f7f7;
  border: 1px solid #d6d8da;
  color: #4e5c6f;
  font-weight: 700;
  white-space: nowrap;
}

.configModule .planContainer table.check tr.indent th {
  text-indent: 1.2em;
}

.configModule .planContainer table.check tr.del th, .configModule .planContainer table.check tr.del td {
  color: #999999;
}

.configModule .planContainer table.check td {
  width: auto;
  padding: 15px;
  border: 1px solid #d6d8da;
  text-align: left;
}

.configModule .planContainer table.check .yid {
  color: #eb740b;
  font-weight: 700;
}

.configModule .planContainer table.check img {
  margin-right: 3px;
  vertical-align: middle;
}

.configModule .planContainer table.check strong {
  color: #ff3000;
  font-weight: 700;
}

.configModule .planContainer .tableButton {
  padding: 15px 15px 20px 15px;
  border-bottom: 1px solid #d6d8da;
  border-left: 1px solid #d6d8da;
  border-right: 1px solid #d6d8da;
  background-color: #fff;
  text-align: center;
}

.configModule .planContainer .cancelContainer {
  padding: 20px;
  background-color: white;
}

.configModule .planContainer .cancelContainer .message {
  display: block;
  width: 791px;
  height: 39px;
  margin: 10px 0 0 10px;
  background: url(../img/configModule.png) 0 0 no-repeat;
  text-indent: -9999px;
}

.configModule .planContainer .cancelContainer .messageList li {
  display: inline;
  float: left;
  width: 258px;
  height: 231px;
  margin: 30px 9px;
  background: url(../img/configModule.png) 0 -39px no-repeat;
  text-indent: -9999px;
}

.configModule .planContainer .cancelContainer .messageList li.acl {
  background-position: -258px -39px;
}

.configModule .planContainer .cancelContainer .messageList li.share {
  background-position: -516px -39px;
}

.configModule .planContainer .cancelContainer .attention {
  margin-bottom: 20px;
}

.configModule .planContainer .cancelContainer .buttonAttention {
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  color: red;
}

.configModule .planContainer .cancelContainer .moduleButton a.submit {
  background-position: -5324px 0;
}

.configModule .planContainer .cancelContainer .cancelDone {
  margin: 40px 0;
  text-align: center;
}

.configModule .marginWide {
  margin: 40px 0;
}

.configModule .planSelectContainer .planModule {
  margin: 0 0 15px;
}

.configModule .planSelectContainer table {
  font-size: 100%;
}

.configModule .planSelectContainer .getStartModule p.description {
  text-align: center;
}

.configModule .planSelectContainer .moduleButton {
  width: 400px;
  margin: 7px auto;
  text-align: right;
}

.configModule .planSelectContainer .aboutServiceModule {
  margin-bottom: 15px;
}

.configModule .planSelectContainer .noticeModule {
  margin-bottom: 0;
}

.shareModule {
  width: 744px;
  margin: 0 auto 5px;
  padding: 3px;
  background-color: #a5c2c9;
}

.shareModule .moduleContainer {
  background-color: #fff;
  border: 1px solid #a9b7c8;
}

.shareModule .title {
  padding: 15px;
  background: url(../img/bg.png) 0 -200px repeat-x;
  border-bottom: 1px solid #c9d4de;
  text-align: center;
  font-size: 116.7%;
  word-wrap: break-word;
}

.shareModule .public {
  padding: 7px 15px;
}

.shareModule .public .publicText {
  display: block;
}

.shareModule .title strong {
  font-weight: 700;
}

.shareModule span.icon32 {
  position: relative;
}

.shareModule img.folderImg {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid #777777;
}

.shareModule .mainContainer {
  padding: 10px 30px 25px 30px;
  color: #363636;
  font-size: 116.7%;
}

.shareModule .mainContainer .loginInfo {
  margin-bottom: 15px;
}

.shareModule .mainContainer .loginInfo .yid {
  font-weight: 700;
}

.shareModule .mainContainer .center {
  margin-top: 12px;
  text-align: center;
}

.shareModule .mainContainer .attention {
  margin: 20px 0 5px 0;
  color: #f00;
  text-align: center;
}

.shareModule .mainContainer .shareAttention {
  width: 25em;
  margin: 10px auto 0;
  padding: 10px 15px;
  border: 1px solid #ffb5b5;
}

.shareModule .mainContainer .shareAttention dt {
  font-weight: 700;
}

.shareModule .buttonContainer {
  margin-top: 20px;
  text-align: center;
}

.shareModule .buttonContainer .checkBox {
  display: inline-block;
  float: none;
  margin-right: 7px;
  vertical-align: middle;
}

.shareModule .buttonContainer .moduleButton {
  width: 187px;
  margin: 12px auto 0;
  text-align: right;
}

.shareModule .buttonContainer .moduleButton button.submit {
  width: 187px;
  height: 36px;
  background: url(../img/button.png) -3087px 0 no-repeat;
}

.shareModule .buttonContainer .errorMessage {
  margin-bottom: 5px;
}

.updateNotice {
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #c8d3dd;
}

.updateNotice .noticeContainer {
  padding: 3px 10px;
}

.updateNotice .noticeContainer .clearFix {
  float: right;
  width: 200px;
}

.updateNotice .noticeDescription {
  float: left;
  padding: 3px 0;
}

* html .updateNotice .noticeDescription .fn16 {
  background-position: -135px -222px;
}

.updateNotice .noticeDescription a {
  margin-left: 15px;
}

.updateNotice .text {
  float: left;
  width: 90px;
  margin-right: 3px;
  line-height: 22px;
  text-align: right;
}

.updateNotice .meter {
  position: relative;
  float: left;
  overflow: hidden;
  width: 56px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #b5ca1e;
  font-size: 0;
}

.updateNotice .alert {
  border: 1px solid #ca1e1e;
  color: white;
}

.updateNotice .meter .percent {
  display: block;
  height: 20px;
  background: url(../img/bg.png) 0 -581px repeat-x;
}

.updateNotice .alert .percent {
  background: url(../img/bg.png) 0 -641px repeat-x;
}

.updateNotice .meter .percentText {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.updateNotice a.upgradeButton {
  float: right;
  overflow: hidden;
  width: 45px;
  height: 22px;
  margin-left: 4px;
  background: url(../img/main.png) -1672px -50px no-repeat;
  text-indent: -9999px;
}

.upgradeButtonModule {
  height: 79px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #a9b7c8;
}

.upgradeButtonModule .mainContainer {
  position: relative;
  height: 55px;
  background: url(../img/upgradeButtonModule.png) 0 0 no-repeat;
}

.upgradeButtonModule a.upgradeButton {
  position: absolute;
  top: 26px;
  left: 36px;
  overflow: hidden;
  width: 226px;
  height: 46px;
  background: url(../img/upgradeButtonModule.png) 0 -55px no-repeat;
  text-indent: -9999px;
}

.upgradeButtonModule a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: 0.8;
}

.migrationNotice {
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #c8d3dd;
}

.migrationNotice .noticeContainer {
  padding: 6px 10px;
}

.pickupModule {
  text-align: center;
  margin-bottom: 10px;
}

.pickupModule__main {
  position: relative;
  width: 630px;
  margin: 0 auto;
}

.pickupModule__link {
  position: absolute;
  top: 48px;
  display: block;
  border-radius: 10px;
  background-color: #fff;
  -ms-filter: "alpha( opacity=$opacity-value )";
  filter: alpha(opacity=0);
  opacity: 0;
}

.pickupModule__link:hover {
  -ms-filter: "alpha( opacity=$opacity-value )";
  filter: alpha(opacity=0.2);
  opacity: 0.2;
}

.pickupModule__link--ios {
  left: 190px;
  width: 180px;
  height: 54px;
}

.pickupModule__link--android {
  left: 462px;
  width: 155px;
  height: 56px;
}

.maintenanceNotice {
  width: 80%;
  margin: 0 auto 10px;
  background-color: #fff;
  border: #abb9c9 1px solid;
  font-weight: 700;
}

.maintenanceNotice .mainContainer {
  padding: 8px;
}

.guestModule {
  position: relative;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #a9b7c8;
  padding: 77px 6px 8px;
}

.guestModule .mainBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background: url(../img/guestModule.png) 0 0 no-repeat;
}

.guestModule a.myboxButton {
  position: absolute;
  top: 10px;
  left: 19px;
  display: block;
  overflow: hidden;
  width: 260px;
  height: 56px;
  background: url(../img/guestModule.png) 0 -55px no-repeat;
  text-indent: -9999px;
}

.guestModule a.startButton {
  position: absolute;
  top: 10px;
  left: 19px;
  display: block;
  overflow: hidden;
  width: 260px;
  height: 56px;
  background: url(../img/guestModule.png) 0 -55px no-repeat;
  text-indent: -9999px;
  background-position: 0 -111px;
}

.guestModule a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: 0.8;
}

.guestModule .login {
  display: block;
  margin-bottom: 7px;
}

.guestModule ul {
  margin-bottom: 8px;
}

.guestModule li {
  float: left;
  width: 92px;
  height: 122px;
  background: url(../img/guestModule.png) 0 -167px no-repeat;
  text-indent: -9999px;
}

.guestModule .list02 {
  background-position: -97px -167px;
  margin: 0 5px;
}

.guestModule .list03 {
  background-position: -194px -167px;
}

.printGuideModule {
  text-align: center;
  margin-bottom: 10px;
}

.printGuideModule img {
  vertical-align: bottom;
}

.mainErrorModule .mainContainer {
  margin: 100px 0;
  text-align: center;
  font-weight: 700;
}

.mainErrorModule .mainContainer h1 {
  font-weight: 700;
  margin-bottom: 40px;
}

.mainErrorModule .mainContainer p {
  font-weight: normal;
}

.mainErrorModule .linkContainer {
  text-align: center;
  font-size: 116.7%;
}

.appGuideModule {
  margin-bottom: 10px;
  background-color: #f4f4f4;
  border: 1px solid #c8d3dd;
}

.appGuideModule .mainContainer {
  padding: 8px 10px 10px;
  text-align: center;
}

.appGuideModule .title {
  float: left;
  overflow: hidden;
  width: 101px;
  height: 12px;
  background: url(../img/main.png) -1214px 0 no-repeat;
  text-indent: -9999px;
}

.appGuideModule .support {
  float: right;
}

.appGuideModule a.installButton {
  display: block;
  overflow: hidden;
  width: 220px;
  height: 33px;
  margin: 5px auto 0;
  background: url(../img/main.png) -1214px -12px no-repeat;
  text-indent: -9999px;
}

.appGuideModule a.installButton:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: 0.8;
}

.statusNotice {
  margin-bottom: 10px;
}

.statusNotice .message {
  display: block;
  overflow: auto;
  word-wrap: break-word;
  _margin-left: 5px;
}

.loadingModule {
  width: 520px;
  margin: 230px auto 250px;
  background: #f2f6f7;
  border: 1px solid #a9b7c8;
}

.loadingModule .mainContainer {
  padding: 45px 0;
  text-align: center;
  color: #4e5c6f;
  font-size: 116.7%;
  font-weight: 700;
}

.formLinkModule {
  margin-bottom: 10px;
}

.formLinkModule a {
  float: right;
  overflow: hidden;
  width: 168px;
  height: 22px;
  background: url(../img/main.png) -1214px -46px no-repeat;
  text-indent: -9999px;
}

.pluginModule {
  padding: .5em;
  background: #eee;
  border: 3px double #ddd;
  min-height: 16px;
}

.pluginModule img {
  width: 150px;
  height: 33px;
}

.pluginModule .installButton {
  float: right;
}

.pluginModule .installButton img {
  margin-left: 0.5em;
}

.quotaNotice {
  margin-bottom: 10px;
}

.resizePanel .mainContainer {
  padding-bottom: 23px;
}

.resizePanel .mainContainer .attention .helpText a {
  display: inline-block;
  background: url(https://s.yimg.jp/images/icon/f/bsc/1.0.0/help16.png) no-repeat;
  margin-top: 10px;
  padding-left: 20px;
}

.resizePanel .uploadBody .description {
  position: relative;
  height: 100%;
  padding: 0;
}

.resizePanel .uploadBody .description p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 510px;
  margin: -35px 0 0 -255px;
}

.resizePanel .resizeHandle {
  position: absolute;
  bottom: 0;
  right: 0;
  _bottom: 1px;
  _right: 3px;
  width: 12px;
  height: 12px;
  padding: 1px;
  background: url(../img/main.png) -1470px 0 no-repeat;
  text-indent: -9999px;
  cursor: se-resize;
}

.resizePanel .resizeHandle img {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  filter: alpha(opacity=1);
  -moz-opacity: 0;
  opacity: 0;
  cursor: se-resize;
}

.insideLinkModule, .outsideLinkModule {
  width: 298px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #c8d3dd;
}

.insideLinkModule .mainContainer {
  padding: 7px 10px 10px 10px;
}

.outsideLinkModule .mainContainer {
  padding: 7px 10px;
}

.insideLinkModule .title {
  padding-bottom: 7px;
}

.outsideLinkModule .title {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px dotted #cccccc;
}

.outsideLinkModule .grayText {
  color: #999999;
}

.outsideLinkModule .linkList li {
  float: left;
  width: 50%;
}

.outsideLinkModule .linkList li .icon16, .outsideLinkModule .linkList li a {
  float: left;
  margin-top: 0;
}

.insideLinkModule .migrationLink {
  display: block;
  padding: 3px;
  border: 1px solid #c8d3dd;
  text-align: center;
}

.insideLinkModule .migrationLink a {
  padding-right: 3px;
}

.javascriptNotice, .noSupportNotice {
  width: 45em;
  margin: 0 auto 10px;
  padding: 10px 0;
  background-color: #FAF6D3;
  border: #CCC 1px dotted;
  text-align: center;
}

.javascriptModule, .noSupportModule {
  text-align: center;
}

.javascriptModule h1, .noSupportModule h1 {
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.javascriptModule p {
  margin-bottom: 15px;
  font-size: 116.7%;
}

.javascriptModule .mainContainer {
  height: 230px;
  background: url(../img/javascriptModule.png) 0 -200px repeat-x;
  margin-bottom: 30px;
}

.noSupportModule .mainContainer {
  height: 230px;
  background: url(../img/javascriptModule.png) 0 -200px repeat-x;
  margin-bottom: 30px;
}

.javascriptModule .illustration, .noSupportModule .illustration {
  display: inline-block;
  *display: block;
  width: 170px;
  height: 200px;
  margin-top: 15px;
  background: url(../img/javascriptModule.png) 0 0 no-repeat;
  text-indent: -9999px;
}

.infoMain {
  border: 1px solid #C8D3DD;
  margin-bottom: 13px;
}

.infoMain .mainContainer {
  padding: 0 10px 7px;
}

.infoMain .bgLatestInfo {
  background: url(../img/bgInfoMain.png) 0 0 repeat-x;
}

.infoMain .mainContainer .infoList dt {
  color: #4E5C6F;
  font-size: 116.7%;
  font-weight: 700;
  border-bottom: 1px dotted #212224;
  margin-bottom: 10px;
  padding: 12px 4px 7px;
}

.infoMain .mainContainer .infoList dd {
  font-size: 116.7%;
  margin-bottom: 10px;
  padding: 0 4px;
  overflow: auto;
  word-wrap: break-word;
}

.infoMain .mainContainer .infoList dt span {
  display: block;
  line-height: 1.3em;
  overflow: auto;
  word-wrap: break-word;
}

.infoPagination {
  text-align: right;
  font-size: 116.7%;
}

.infoPagination span {
  display: inline-block;
  margin: 0 4px;
}

.infoPagination .noLink {
  color: #999999;
}

input, select {
  border: 1px solid #99aabd;
}

.error input, .error textarea {
  border: 1px solid #f00;
  background: #f9c2c2;
}

.treeView .folder {
  background: url(../img/icon.png) no-repeat;
}

.f16 {
  background-position: -135px -160px;
}

.treeView li .f16 {
  background-position: -133px -190px;
}

.treeView li.plus .f16, .treeView li.lastPlus .f16 {
  background-position: -133px -158px;
}

.fa16 {
  background-position: -135px -224px;
}

.treeView li .fa16 {
  background-position: -133px -254px;
}

.treeView li.plus .fa16, .treeView li.lastPlus .fa16 {
  background-position: -133px -222px;
}

.fs16 {
  background-position: -135px -288px;
}

.treeView li .fs16 {
  background-position: -133px -318px;
}

.treeView li.plus .fs16, .treeView li.lastPlus .fs16 {
  background-position: -133px -286px;
}

.fsa16 {
  background-position: -135px -352px;
}

.treeView li .fsa16 {
  background-position: -133px -382px;
}

.treeView li.plus .fsa16, .treeView li.lastPlus .fsa16 {
  background-position: -133px -350px;
}

.fPhoto16 {
  background-position: -135px -416px;
}

.treeView li .fPhoto16 {
  background-position: -133px -446px;
}

.treeView li.plus .fPhoto16, .treeView li.lastPlus .fPhoto16 {
  background-position: -133px -414px;
}

.fPhotoa16 {
  background-position: -135px -480px;
}

.treeView li .fPhotoa16 {
  background-position: -133px -510px;
}

.treeView li.plus .fPhotoa16, .treeView li.lastPlus .fPhotoa16 {
  background-position: -133px -478px;
}

.fMail16 {
  background-position: -135px -544px;
}

.treeView li .fMail16 {
  background-position: -133px -574px;
}

.treeView li.plus .fMail16, .treeView li.lastPlus .fMail16 {
  background-position: -133px -542px;
}

.fMaila16 {
  background-position: -135px -608px;
}

.treeView li .fMaila16 {
  background-position: -133px -638px;
}

.treeView li.plus .fMaila16, .treeView li.lastPlus .fMaila16 {
  background-position: -133px -606px;
}

.fd16 {
  background-position: -135px -672px;
}

.treeView li .fd16 {
  background-position: -133px -702px;
}

.treeView li.plus .fd16, .treeView li.lastPlus .fd16 {
  background-position: -133px -670px;
}

.fda16 {
  background-position: -135px -736px;
}

.treeView li .fda16 {
  background-position: -133px -766px;
}

.treeView li.plus .fda16, .treeView li.lastPlus .fda16 {
  background-position: -133px -734px;
}

.fp16 {
  background-position: -135px -800px;
}

.treeView li .fp16 {
  background-position: -133px -830px;
}

.treeView li.plus .fp16, .treeView li.lastPlus .fp16 {
  background-position: -133px -798px;
}

.fpa16 {
  background-position: -135px -864px;
}

.treeView li .fpa16 {
  background-position: -133px -894px;
}

.treeView li.plus .fpa16, .treeView li.lastPlus .fpa16 {
  background-position: -133px -862px;
}

.fBriefcase16 {
  background-position: -135px -928px;
}

.treeView li .fBriefcase16 {
  background-position: -133px -958px;
}

.treeView li.plus .fBriefcase16, .treeView li.lastPlus .fBriefcase16 {
  background-position: -133px -926px;
}

.fBriefcasea16 {
  background-position: -135px -992px;
}

.treeView li .fBriefcasea16 {
  background-position: -133px -1022px;
}

.treeView li.plus .fBriefcasea16, .treeView li.lastPlus .fBriefcasea16 {
  background-position: -133px -990px;
}

.fShared16 {
  background-position: -135px -1056px;
}

.treeView li .fShared16 {
  background-position: -133px -1086px;
}

.treeView li.plus .fShared16, .treeView li.lastPlus .fShared16 {
  background-position: -133px -1054px;
}

.zip16 {
  background-position: -64px -64px;
}

.binary16 {
  background-position: -64px -80px;
}

.picture16 {
  background-position: -64px -96px;
}

.movie16 {
  background-position: -64px -112px;
}

.sound16 {
  background-position: -64px -128px;
}

.txt16 {
  background-position: -64px -144px;
}

.doc16 {
  background-position: -64px -160px;
}

.xls16 {
  background-position: -64px -176px;
}

.ppt16 {
  background-position: -64px -192px;
}

.pdf16 {
  background-position: -64px -208px;
}

.search16 {
  background-position: -112px 0;
}

.upload16 {
  background-position: -112px -16px;
}

.download16 {
  background-position: -112px -32px;
}

.create16 {
  background-position: -112px -48px;
}

.favorite16 {
  background-position: -112px -64px;
}

.gray .favorite16 {
  background-position: -112px -80px;
}

.move16 {
  background-position: -112px -128px;
}

.acl16 {
  background-position: -112px -144px;
}

.aclInherit16 {
  background-position: -112px -208px;
}

.gray .acl16 {
  background-position: -112px -192px;
}

.description16 {
  background-position: -112px -240px;
}

.rename16 {
  background-position: -112px -256px;
}

.return16 {
  background-position: -112px -272px;
}

.reload16 {
  background-position: -112px -288px;
}

.mail16 {
  background-position: -112px -304px;
}

.parent16 {
  background-position: -112px -320px;
}

.t16 {
  background-position: -112px -336px;
}

.to16 {
  background-position: -112px -352px;
}

.printOrderGray16 {
  background-position: -112px -672px;
}

.printOrder16 {
  background-position: -112px -688px;
}

.android_app16 {
  width: 64px;
  background-position: 0 -672px;
}

.pc_app16 {
  width: 64px;
  background-position: 0 -688px;
}

.mac_app16 {
  width: 64px;
  background-position: 0 -704px;
}

.iphone_app16 {
  width: 64px;
  background-position: 0 -720px;
}

.ipad_app16 {
  width: 64px;
  background-position: 0 -736px;
}

.mobile_sbm_app16 {
  background: none;
}

.report16 {
  background-position: -112px -400px;
}

.flickr16 {
  background-position: -112px -432px;
}

.guide16 {
  background-position: -112px -448px;
  margin-top: 0;
  float: left;
}

.news16 {
  background-position: -112px -464px;
}

.menu16 {
  background-position: -112px -480px;
  cursor: pointer;
}

.add16 {
  background-position: -112px -496px;
}

.original16 {
  background-position: -112px -512px;
}

.delete16 {
  background-position: -112px -528px;
}

.flag16 {
  background-position: -112px -544px;
}

.backup16 {
  background-position: -112px -560px;
}

.noimg16 {
  background-position: -112px -576px;
}

.remove16 {
  background-position: -112px -592px;
}

.share16 {
  background-position: -112px -608px;
}

.twitter16 {
  background-position: -112px -624px;
}

.facebook16 {
  background-position: -112px -640px;
}

.box16 {
  background: url(https://s.yimg.jp/images/sicons/box16.gif) 0 0 no-repeat;
}

.update16 {
  background: url(../img/update16.gif) no-repeat;
}

.update8 {
  background-position: -96px 0px;
}

.check8 {
  background-position: -96px -16px;
}

.download8 {
  background-position: -96px -32px;
}

.error8 {
  background-position: -96px -48px;
}

.check16 {
  background-position: -96px -80px;
}

.error16 {
  background-position: -96px -96px;
}

.errorinfo16 {
  background-position: -96px -112px;
}

.alert16 {
  background-position: -96px -128px;
}

.info16 {
  background-position: -96px -144px;
}

.f32 {
  background-position: 0 0;
}

.fa32 {
  background-position: 0 -32px;
}

.fai32 {
  background-position: 0 -64px;
}

.fs32 {
  background-position: 0 -96px;
}

.fsa32 {
  background-position: 0 -128px;
}

.fsai32 {
  background-position: 0 -160px;
}

.fMail32 {
  background-position: 0 -192px;
}

.fMaila32 {
  background-position: 0 -224px;
}

.fMailai32 {
  background-position: 0 -256px;
}

.fPhoto32 {
  background-position: 0 -288px;
}

.fPhotoa32 {
  background-position: 0 -320px;
}

.fPhotoai32 {
  background-position: 0 -352px;
}

.fd32 {
  background-position: 0 -384px;
}

.fda32 {
  background-position: 0 -416px;
}

.fdai32 {
  background-position: 0 -448px;
}

.fp32 {
  background-position: 0 -480px;
}

.fpa32 {
  background-position: 0 -512px;
}

.fpai32 {
  background-position: 0 -544px;
}

.fBriefcase32 {
  background-position: 0 -576px;
}

.fBriefcasea32 {
  background-position: 0 -608px;
}

.fBriefcaseai32 {
  background-position: 0 -640px;
}

.fb32 {
  background-position: -32px -96px;
}

.fShared32 {
  background-position: -32px -128px;
}

.box32 {
  background-image: url(https://s.yimg.jp/c/icon/s/bsc/2.0/box56.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}

.zip32 {
  background-position: -32px -192px;
}

.binary32 {
  background-position: -32px -224px;
}

.picture32 {
  background-position: -32px -256px;
}

.movie32 {
  background-position: -32px -288px;
}

.sound32 {
  background-position: -32px -320px;
}

.txt32 {
  background-position: -32px -352px;
}

.doc32 {
  background-position: -32px -384px;
}

.xls32 {
  background-position: -32px -416px;
}

.ppt32 {
  background-position: -32px -448px;
}

.pdf32 {
  background-position: -32px -480px;
}

.fy32 {
  background-position: -32px -512px;
}

.backup32 {
  background-position: -32px -544px;
}

.search32 {
  background-position: -32px 0;
}

.favorite32 {
  background-position: -32px -32px;
}

.t32 {
  background-position: -32px -64px;
}

.f48 {
  background-position: 0 0;
}

.fMail48 {
  background-position: 0 -48px;
}

.fPhoto48 {
  background-position: 0 -96px;
}

.fs48 {
  background-position: 0 -144px;
}

.fd48 {
  background-position: 0 -193px;
}

.fp48 {
  background-position: 0 -240px;
}

.zip48 {
  background-position: 0 -288px;
}

.binary48 {
  background-position: 0 -336px;
}

.picture48 {
  background-position: 0 -384px;
}

.movie48 {
  background-position: 0 -432px;
}

.sound48 {
  background-position: 0 -480px;
}

.txt48 {
  background-position: 0 -528px;
}

.doc48 {
  background-position: 0 -576px;
}

.xls48 {
  background-position: 0 -624px;
}

.ppt48 {
  background-position: 0 -672px;
}

.pdf48 {
  background-position: 0 -720px;
}

.other48 {
  background-position: 0 -768px;
}

.backup48 {
  background-position: 0 -864px;
}

.fe48 {
  background-position: 0 -912px;
}

.fBriefcase48 {
  background-position: 0 -960px;
}

.fShared48 {
  background-position: 0 -1008px;
}

.mainFileList table.normalList span.icon16, .mainFileList table.versionList span.icon16, .mainFileList table.event span.icon16, .mainFileList table.detailList span.icon16, .mainFileList table.removeList span.icon16 {
  margin: 0;
}

.mainFileList table a span.icon16 {
  *display: block;
}

.mainFileList div.thumbnail a span.icon16 {
  *display: block;
  *margin: 0;
}

.mainFileList a:link, .mainFileList a:visited {
  outline: none;
}

.mainFileList div.folderInfo {
  position: relative;
}

.mainFileList div.folderInfo div.mainInfo {
  width: 100%;
  float: left;
  margin-right: -15em;
}

.mainFileList div.folderInfo div.mainInfo h1 {
  width: 100%;
  margin: 5px 0 7px 0;
  _width: 99%;
}

.mainFileList div.folderInfo div.mainInfo h1 p.name {
  margin-right: 14em;
}

.mainFileList div.folderInfo div.subInfo {
  position: absolute;
  right: 10px;
  bottom: 8px;
  text-align: right;
}

.mainFileList div.folderInfo div.subInfo .usageInfo .alert {
  color: #f30;
  font-weight: 700;
}

.mainFileList div.folderInfo div.subInfo .usageInfo .alert em {
  font-weight: 700;
}

.mainFileList div.folderInfo div.subInfo .shareInfo em {
  font-weight: 700;
}

.mainFileList h1.title {
  position: relative;
  width: 99%;
  float: left;
  line-height: 35px;
  min-height: 35px;
  font-weight: 700;
  margin: 5px 0 7px 0;
  padding: 0 0 0 8px;
}

.mainFileList h1.title p.name {
  overflow: auto;
  word-wrap: break-word;
  text-indent: 0;
  margin-right: 10px;
  margin-left: 40px;
  margin-left: 40px;
  text-indent: 0;
}

x:-moz-any-link {
  margin-left: 40px;
  text-indent: 0;
}

.mainFileList h1.title p.name {
  margin-left: 0;
  text-indent: 40px;
}

x:-moz-broken, x:last-of-type {
  margin-left: 0;
  text-indent: 40px;
}

.mainFileList h1.title p.name, x:x {
  overflow: auto;
  word-wrap: break-word;
  text-indent: 0;
  margin-right: 10px;
  margin-left: 40px;
}

.mainFileList h1 span.icon32, .mainFileList h1 img.userTopImg {
  margin-right: -30px;
  float: left;
}

.mainFileList .breadcrumbs {
  margin-bottom: 2px;
  overflow: auto;
}

.detailModule .breadcrumbs {
  margin-bottom: 2px;
  overflow: auto;
}

.mainFileList .breadcrumbs li, .detailModule .breadcrumbs li {
  display: inline;
  margin-right: .3em;
  *margin-right: 0;
  line-height: 1.7em;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}

.mainFileList .breadcrumbs .icon16, .detailModule .breadcrumbs .icon16 {
  *position: static;
  margin-right: 2px;
}

.mainFileList .breadcrumbs .ellipsis .ellipsisText, .detailModule .breadcrumbs .ellipsis .ellipsisText {
  text-decoration: none;
}

.mainFileList .breadcrumbs strong, .detailModule .breadcrumbs strong {
  font-weight: 700;
}

.mainFileList ul.tools, .mainFileList ul.removeTools {
  clear: both;
  height: 25px;
  padding: 6px 8px;
  background: #efefef url(../img/bg.png) repeat-x 0 -530px;
  border: 1px solid #d6d8da;
  border-bottom: none;
}

.mainFileList ul.tools li, .mainFileList ul.removeTools li {
  float: left;
  display: block;
  text-indent: -9999px;
}

.mainFileList ul.tools li.list, .mainFileList ul.tools li.thumbnail, .mainFileList ul.tools li.slideshow, .mainFileList ul.tools li.remove {
  margin-left: 0;
}

.mainFileList ul.removeTools li.return, .mainFileList ul.removeTools li.delete {
  margin-left: 0;
}

.mainFileList ul.tools li.acl, .mainFileList ul.tools li.remove span.removeOnlyIcon {
  margin-left: 20px;
}

.mainFileList ul.tools li.removeOnly span.removeOnlyIcon {
  margin-left: 0;
}

.mainFileList ul.tools li.create, .mainFileList ul.tools li.upload, .mainFileList ul.tools li.download {
  margin-left: 10px;
}

.mainFileList ul.tools li span.downloadIcon {
  width: 105px;
  background-position: -707px -50px;
}

.mainFileList ul.tools li.hover span.downloadIcon {
  background-position: -707px -75px;
}

.mainFileList ul.removeTools li.empty {
  margin-left: 10px;
}

.mainFileList ul.tools li.update, .mainFileList ul.removeTools li.update {
  float: right;
}

.mainFileList ul.tools li span, .mainFileList ul.removeTools li span {
  display: block;
  height: 25px;
  overflow: hidden;
  background: url(../img/main.png) no-repeat;
  cursor: pointer;
}

.mainFileList ul.tools li span.listIcon, .mainFileList ul.tools li span.thumbnailIcon {
  width: 24px;
}

.mainFileList ul.tools li span.slideshowIcon {
  width: 25px;
}

.mainFileList ul.tools li.select a, .mainFileList ul.tools li.select span {
  cursor: default;
}

.mainFileList ul.tools li span.listIcon {
  background-position: 0 0;
}

.mainFileList ul.tools li.hover span.listIcon {
  background-position: 0 -25px;
}

.mainFileList ul.tools li.select span.listIcon {
  background-position: 0 -50px;
}

.mainFileList ul.tools li span.thumbnailIcon {
  background-position: -25px 0;
}

.mainFileList ul.tools li.hover span.thumbnailIcon {
  background-position: -25px -25px;
}

.mainFileList ul.tools li.select span.thumbnailIcon {
  background-position: -25px -50px;
}

.mainFileList ul.tools li span.slideshowIcon {
  background-position: -50px 0;
}

.mainFileList ul.tools li.hover span.slideshowIcon {
  background-position: -50px -25px;
}

.mainFileList ul.tools li.select span.slideshowIcon {
  background-position: -50px -50px;
}

.mainFileList ul.tools li span.aclIcon {
  width: 63px;
  background-position: -75px 0;
}

.mainFileList ul.tools li.hover span.aclIcon {
  background-position: -75px -25px;
}

.mainFileList ul.tools li span.shareIcon {
  width: 63px;
  background-position: -138px 0;
}

.mainFileList ul.tools li.hover span.shareIcon {
  background-position: -138px -25px;
}

.mainFileList ul.tools li span.removeIcon {
  width: 59px;
  background-position: -201px 0;
}

.mainFileList ul.tools li.hover span.removeIcon {
  background-position: -201px -25px;
}

.mainFileList ul.tools li span.removeOnlyIcon {
  width: 66px;
  background-position: -746px 0;
}

.mainFileList ul.tools li.hover span.removeOnlyIcon {
  background-position: -746px -25px;
}

.mainFileList ul.tools li span.createIcon {
  width: 104px;
  background-position: -260px 0;
}

.mainFileList ul.tools li.hover span.createIcon {
  background-position: -260px -25px;
}

.mainFileList ul.tools li span.uploadIcon {
  width: 104px;
  background-position: -364px 0;
}

.mainFileList ul.tools li.hover span.uploadIcon {
  background-position: -364px -25px;
}

.mainFileList ul.tools li span.updateIcon {
  width: 65px;
  background-position: -641px -50px;
}

.mainFileList ul.removeTools li span.updateIcon {
  width: 65px;
  background-position: -641px -50px;
}

.mainFileList ul.tools li.hover span.updateIcon {
  background-position: -641px -75px;
}

.mainFileList ul.removeTools li.hover span.updateIcon {
  background-position: -641px -75px;
}

.mainFileList ul.removeTools li span.returnIcon {
  background-position: -469px 0;
  width: 86px;
}

.mainFileList ul.removeTools li.disable span.returnIcon {
  background-position: -75px -71px;
  width: 86px;
  cursor: default;
}

.mainFileList ul.removeTools li.hover span.returnIcon {
  background-position: -469px -25px;
}

.mainFileList ul.removeTools li span.deleteIcon {
  background-position: -555px 0;
  width: 59px;
}

.mainFileList ul.removeTools li.hover span.deleteIcon {
  background-position: -555px -25px;
}

.mainFileList ul.removeTools li span.emptyIcon {
  background-position: -615px 0;
  width: 130px;
}

.mainFileList ul.removeTools li.hover span.emptyIcon {
  background-position: -615px -25px;
}

.mainFileList table.normalList, .mainFileList table.versionList, .mainFileList table.removeList, .mainFileList table.event, .mainFileList table.detailList {
  margin: 0 0 5px 0;
}

.mainFileList table.normalList, .mainFileList table.versionList {
  padding-bottom: 100px;
}

.mainFileList table.normalList, .mainFileList table.versionList, .mainFileList table.removeList, .mainFileList table.event, .mainFileList table.detailList {
  clear: both;
  width: 100%;
  table-layout: fixed;
}

.mainFileList table.normalList th, .mainFileList table.normalList td {
  vertical-align: middle;
}

.mainFileList table.versionList th, .mainFileList table.versionList td {
  vertical-align: middle;
}

.mainFileList table.removeList th, .mainFileList table.removeList td {
  vertical-align: middle;
}

.mainFileList table.event th, .mainFileList table.event td {
  vertical-align: middle;
}

.mainFileList table.normalList .dateText, .mainFileList table.removeList .dateText, .mainFileList table.event .dateText {
  font-size: 89%;
  white-space: nowrap;
}

.mainFileList table.normalList td, .mainFileList table.versionList td, .mainFileList table.removeList td {
  background: #fff;
  *border-top: 1px solid #d6d8da;
}

.mainFileList table.normalList tr.subject th, .mainFileList table.versionList tr.subject th, .mainFileList table.removeList tr.subject th {
  background: #efefef url(../img/bg.png) repeat-x 0 -530px;
  border-top: 1px solid #d6d8da;
}

.mainFileList table.normalList tr.subject th.leftSpacer, .mainFileList table.versionList tr.subject th.leftSpacer, .mainFileList table.removeList tr.subject th.leftSpacer {
  border-left: 1px solid #d6d8da;
}

.mainFileList table.normalList tr.subject th.rightSpacer, .mainFileList table.versionList tr.subject th.rightSpacer, .mainFileList table.removeList tr.subject th.rightSpacer {
  border-right: 1px solid #d6d8da;
}

.mainFileList table.normalList tr, .mainFileList table.removeList tr, .mainFileList table.versionList tr {
  border-bottom: 1px solid #d6d8da;
  *border-bottom: none;
}

.mainFileList table.normalList tr.hover, .mainFileList table.removeList tr.hover, .mainFileList table.versionList tr.hover {
  border-bottom: 1px solid #a9b7c8;
  *border: none;
}

.mainFileList table.normalList tr.select, .mainFileList table.removeList tr.select, .mainFileList table.versionList tr.select {
  border-bottom: 1px solid #f5ac31;
  *border: none;
}

.mainFileList table th.check, .mainFileList table td.check {
  border-left: 1px solid #d6d8da;
  text-align: left;
}

.mainFileList table tr.hover td.check {
  border-left: 1px solid #a9b7c8;
}

.mainFileList table tr.select td.check {
  border-left: 1px solid #f5ac31;
}

.mainFileList table th.leftSpacer, .mainFileList table td.leftSpacer {
  border-left: 1px solid #d6d8da;
  width: 15px;
}

.mainFileList table tr.hover td.leftSpacer {
  border-left: 1px solid #a9b7c8;
}

.mainFileList table tr.select td.leftSpacer {
  border-left: 1px solid #f5ac31;
}

.mainFileList table th.rightSpacer, .mainFileList table td.rightSpacer {
  border-right: 1px solid #d6d8da;
  width: 5px;
}

.mainFileList table tr.hover td.rightSpacer {
  border-right: 1px solid #a9b7c8;
}

.mainFileList table tr.select td.rightSpacer {
  border-right: 1px solid #f5ac31;
}

.mainFileList table.normalList tr.bottomLine, .mainFileList table.removeList tr.bottomLine, .mainFileList table.versionList tr.bottomLine {
  border: none;
}

.mainFileList table.normalList tr.bottomLine td, .mainFileList table.removeList tr.bottomLine td, .mainFileList table.versionList tr.bottomLine td {
  display: none;
  *display: block;
  *height: 0;
  *font-size: 0;
  *overflow: hidden;
  *border-top: 1px solid #d6d8da;
}

.mainFileList table.normalList tr.hover td, .mainFileList table.versionList tr.hover td, .mainFileList table.removeList tr.hover td {
  background: #f2f6f7;
  border-top: 1px solid #a9b7c8;
  *border-bottom: 1px solid #a9b7c8;
}

.mainFileList table.normalList tr.select td, .mainFileList table.removeList tr.select td {
  background: #fdeaae;
  border-top: 1px solid #f5ac31;
  *border-bottom: 1px solid #f5ac31;
}

.mainFileList table.normalList tr.select td.name a, .mainFileList table.removeList tr.select td.name a {
  font-weight: 700;
  text-decoration: underline;
}

.mainFileList table tr.navigationTop td {
  font-size: 116.7%;
}

.mainFileList table tr.hover td {
  _border-right: none;
}

.mainFileList table tr.navigationTop td.space {
  border-left: 1px solid #d6d8da;
  border-right: none;
}

.mainFileList table tr.navigationTop.hover td.space {
  border-left: 1px solid #a9b7c8;
  border-right: none;
}

.mainFileList table tr.hover td.space {
  _border-left: 1px solid #a9b7c8;
  _border-right: none;
}

.mainFileList table tr.noMatch {
  border-color: #d6d8da !important;
}

.mainFileList table tr.noMatch td {
  font-size: 116.7%;
  height: 50px;
  text-align: center;
  border-color: #d6d8da !important;
  background: white !important;
}

.mainFileList table.normalList th, .mainFileList table.versionList th, .mainFileList table.removeList th {
  height: 2.05em;
  font-weight: 700;
  font-size: 116.7%;
  color: #444444;
}

.mainFileList table.normalList th a {
  white-space: nowrap;
}

.mainFileList table.normalList td.size, .mainFileList table.normalList td.date {
  white-space: nowrap;
}

.mainFileList table.removelList th a {
  white-space: nowrap;
}

.mainFileList table.normalList td, .mainFileList table.versionList td, .mainFileList table.removeList td {
  height: 2.05em;
  line-height: 2.05em;
  padding: 0;
  cursor: default;
}

.mainFileList table .icon a, .mainFileList table .acl a, .mainFileList table .favorite a {
  text-decoration: none;
}

.mainFileList table.normalList th.check, .mainFileList table.normalList td.check {
  text-align: center;
  width: 34px;
}

.mainFileList table.normalList th.check span {
  float: none;
  margin: 0 0 0 3px;
  *margin: 0;
}

.mainFileList table.normalList td.check span {
  float: none;
  margin: 0 0 0 8px;
  *margin: 0;
}

.mainFileList table.normalList th.icon {
  width: 24px;
}

.mainFileList table.normalList th.name {
  text-align: left;
  padding: 0 7px 0 0;
}

.mainFileList table.normalList th.name span, .mainFileList table.normalList th.name p {
  margin-left: -24px;
  *margin-left: 0;
  line-height: 30px;
}

.mainFileList table.normalList td.name {
  font-size: 116.7%;
  text-align: left;
  padding: 0 7px 0 0;
}

.mainFileList table.normalList td.name pre {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  _width: 98%;
}

.mainFileList table.normalList th.menu {
  text-align: left;
  width: 22px;
}

.mainFileList table.normalList th.size {
  text-align: left;
  padding: 0 .34em 0 0;
  width: 4.1em;
  *width: 5em;
}

.mainFileList table.normalList td.size {
  padding: 0;
  text-align: left;
  padding-left: 0.34em;
}

.mainFileList table.normalList th.user {
  text-align: center;
  padding: 0 .31em 0 0;
  width: 6em;
  *width: 7em;
}

.mainFileList table.normalList th.date {
  text-align: left;
  padding: 0 .34em 0 0;
  width: 8em;
  *width: 8.5em;
}

.mainFileList table.normalList td.user {
  text-align: center;
}

.mainFileList table.normalList td.date {
  text-align: left;
  padding: 0 0.34em 0 0.2em;
}

.mainFileList table.normalList th.acl, .mainFileList table.normalList td.acl {
  text-align: center;
  padding: 0;
  width: 30px;
}

.mainFileList table.normalList th.favorite, .mainFileList table.normalList td.favorite {
  text-align: center;
  padding: 0 4px 0 0;
  width: 28px;
}

.mainFileList table.versionList tr.noVersion td {
  border-top: 1px solid #d6d8da;
  text-align: center;
  font-size: 116.7%;
}

.mainFileList table.versionList th.date {
  padding-left: 1%;
  text-align: left;
}

.mainFileList table.versionList td.date {
  padding-left: 1%;
  text-align: left;
  font-size: 116.7%;
  width: 48%;
}

.mainFileList table.versionList th.version {
  text-align: left;
  width: 11.4%;
}

.mainFileList table.versionList td.version {
  padding-left: 4px;
}

.mainFileList table.versionList th.user, .mainFileList table.versionList td.user {
  text-align: center;
  width: 15%;
}

.mainFileList table.versionList th.size {
  text-align: left;
  width: 10%;
}

.mainFileList table.versionList td.size {
  text-align: left;
  padding-left: 4px;
}

.mainFileList table.versionList th.process {
  text-align: center;
  width: 26%;
}

.mainFileList table.versionList td.process {
  text-align: center;
  letter-spacing: 0.03em;
}

.mainFileList table.versionList td.process span.disable {
  color: #cccccc;
}

.mainFileList table.removeList th.check, .mainFileList table.removeList td.check {
  text-align: center;
  width: 34px;
}

.mainFileList table.removeList th.check span {
  float: none;
  margin: 0 0 0 3px;
  *margin: 0;
}

.mainFileList table.removeList td.check span {
  float: none;
  margin: 0 0 0 8px;
  *margin: 0;
}

.mainFileList table.removeList th.icon {
  width: 24px;
}

.mainFileList table.removeList th.name {
  font-size: 116.7%;
  text-align: left;
  padding: 0;
}

.mainFileList table.removeList th.name span {
  margin-left: -24px;
  *margin-left: 0;
  line-height: 30px;
}

.mainFileList table.removeList td.name {
  font-size: 116.7%;
  text-align: left;
  padding-right: 8px;
}

.mainFileList table.removeList td.name pre {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  _width: 98%;
}

.mainFileList table.removeList th.menu {
  text-align: left;
  width: 22px;
}

.mainFileList table.removeList th.version {
  text-align: center;
  padding-right: 4px;
  width: 5.5em;
}

.mainFileList table.removeList td.version {
  text-align: center;
  padding-right: 4px;
  width: 5.5em;
}

.mainFileList table.removeList th.orgFolder, .mainFileList table.removeList td.orgFolder {
  text-align: left;
  padding: 0 5px 0 0;
  width: 21%;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
}

.mainFileList table.removeList th.size {
  text-align: left;
  padding: 0;
  width: 5em;
}

.mainFileList table.removeList td.size {
  padding-left: 4px;
  text-align: left;
}

.mainFileList table.removeList th.date {
  text-align: left;
  padding: 0 .34em 0 .2em;
  width: 8em;
  *width: 8.5em;
}

.mainFileList table.removeList td.date {
  text-align: left;
  padding: 0 0.34em 0 0.2em;
}

.rename .renameInput, .newFolder .newFolderInput {
  float: left;
}

.rename .renameInput input, .newFolder .newFolderInput input {
  width: 6.8em;
  margin-right: 2px;
  padding: 1px;
  margin-top: 0.1em;
}

.rename__userName .renameInput input {
  width: 31em;
  box-sizing: border-box;
}

.rename__note {
  font-size: .8em;
}

.mainFileList table.normalList td.name .rename {
  position: relative;
}

.mainFileList table.normalList td.name .rename p.renameButton {
  position: absolute;
  width: 8.5em;
  left: 7.2em;
  _left: auto;
}

.mainFileList table.normalList th span.checkBox {
  width: 25px;
  height: 30px;
  background-position: -1757px 0;
}

.mainFileList div.thumbnailList div.sortMenu span.checkBox, .mainFileList table.removeList th span.checkBox {
  width: 25px;
  height: 30px;
  background-position: -1757px 0;
}

.mainFileList div.thumbnailList div.sortMenu {
  position: relative;
}

.mainFileList div.thumbnailList div.sortMenu dd.check span.checkBox {
  position: absolute;
  top: 1px;
  left: 5px;
  *float: none;
}

.mainFileList div.thumbnailList div.thumbnail dl span.checkBox {
  margin-right: 5px;
}

.mainFileList table.normalList tr.select th span.checkBox, .mainFileList table.removeList tr.select th span.checkBox {
  background-position: -1757px -30px;
}

.mainFileList div.thumbnailList div.sortMenu dl.select span.checkBox {
  background-position: -1757px -30px;
}

th.name span.listup, th.orgFolder span.listup, th.size span.listup, th.date span.listup, th.version span.listup {
  background: url(../img/icon.png) no-repeat -134px -95px;
  padding-left: 18px;
  _padding-left: 16px;
  cursor: pointer;
}

li.name span.listup, li.version span.listup, li.size span.listup {
  background: url(../img/icon.png) no-repeat -134px -95px;
  padding-left: 18px;
  _padding-left: 16px;
  cursor: pointer;
}

th.name span.listup {
  padding-left: 20px;
}

.sortMenu span.listup {
  background: url(../img/icon.png) no-repeat -134px -95px;
  padding-left: 17px;
  cursor: pointer;
}

th.name span.listdown, th.orgFolder span.listdown, th.size span.listdown, th.date span.listdown, th.version span.listdown {
  background: url(../img/icon.png) no-repeat -134px -127px;
  padding-left: 18px;
  _padding-left: 16px;
  cursor: pointer;
}

li.name span.listdown, li.version span.listdown, li.size span.listdown {
  background: url(../img/icon.png) no-repeat -134px -127px;
  padding-left: 18px;
  _padding-left: 16px;
  cursor: pointer;
}

th.name span.listdown {
  padding-left: 20px;
}

.sortMenu span.listdown {
  background: url(../img/icon.png) no-repeat -134px -127px;
  padding-left: 17px;
  cursor: pointer;
}

.mainFileList table.normalList span.name {
  text-indent: 0;
  background: none;
}

.mainFileList table.normalList span.parent16 {
  display: block;
  float: left;
  margin: 7px 6px 0 0;
  _margin: 7px 3px 0 0;
}

.mainFileList table.removeList span.parent16 {
  display: block;
  float: left;
  margin: 7px 6px 0 0;
  _margin: 7px 3px 0 0;
}

.mainFileList div.thumbnailList div.listBack span.parent16, .mainFileList div.slideshowModule div.listBack span.parent16 {
  display: block;
  float: left;
  margin: 7px 6px 0 0;
  _margin: 7px 3px 0 0;
}

.mainFileList div.eventList table.event span.parent16, .mainFileList div.eventList table.detailList span.parent16 {
  margin: 0 2px 0 0;
}

.mainFileList table.normalList td.user span, .mainFileList table.versionList td.user span {
  margin: 0 auto;
}

.mainFileList table.normalList span.acl16 {
  background-position: -112px -192px;
}

.mainFileList table.normalList .menuPanel span.acl16 {
  background-position: -112px -144px;
}

.mainFileList table.normalList span.select span.acl16, .mainFileList table.normalList th.acl span.acl16 {
  background-position: -112px -176px;
}

.mainFileList table.normalList span.select span.aclInherit16, .mainFileList table.normalList th.acl span.aclInherit16 {
  background-position: -112px -208px;
}

.mainFileList div.thumbnailList span.acl16 {
  background-position: -112px -192px;
  _float: left;
}

.mainFileList div.thumbnailList .menuPanel span.acl16 {
  background-position: -112px -144px;
}

.mainFileList div.thumbnailList span.select span.acl16 {
  background-position: -112px -176px;
}

.mainFileList div.thumbnailList span.select span.aclInherit16 {
  background-position: -112px -208px;
}

.mainFileList table.normalList th.acl .listup span.acl16 {
  width: 26px;
  height: 16px;
  margin: 0 auto;
  background-position: -64px -32px;
}

.mainFileList table.normalList th.acl .listdown span.acl16 {
  width: 26px;
  height: 16px;
  margin: 0 auto;
  background-position: -64px -48px;
}

.mainFileList table.normalList span.favorite16 {
  background-position: -112px -80px;
}

.mainFileList table.normalList span.select span.favorite16 {
  background-position: -112px -64px;
}

.mainFileList table.normalList th.favorite span.favorite16 {
  background-position: -112px -64px;
}

.mainFileList div.thumbnailList span.favorite16 {
  background-position: -112px -112px;
  _float: left;
}

.mainFileList div.thumbnailList span.select span.favorite16 {
  background-position: -112px -96px;
}

.mainFileList table.normalList th.favorite .listup span.favorite16 {
  width: 26px;
  height: 16px;
  margin: 0 auto;
  background-position: -64px 0;
}

.mainFileList table.normalList th.favorite .listdown span.favorite16 {
  width: 26px;
  height: 16px;
  margin: 0 auto;
  background-position: -64px -16px;
}

.renameButton, .newFolderButton {
  padding-top: 0.1em;
}

.renameButton button, .editButton button, .addButton button, .newFolderButton button {
  font-size: 12px;
  padding: 0;
  height: 20px;
  line-height: 18px;
  cursor: pointer;
}

.renameButton button.submit, .editButton button.submit, .addButton button.submit, .newFolderButton button.submit {
  border: 1px solid #5b9400;
  background: #8ec634 url(../img/bg.png) repeat-x 0 -300px;
  width: 3em;
  margin-right: 2px;
}

.renameButton button.submit:hover, .editButton button.submit:hover, .addButton button.submit:hover, .newFolderButton button.submit:hover {
  background-position: 0 -330px;
}

.renameButton button.submit:active, .editButton button.submit:active, .addButton button.submit:active, .newFolderButton button.submit:active {
  background-position: 0 -360px;
}

.renameButton button.cancel, .editButton button.cancel, .newFolderButton button.cancel {
  border: 1px solid #bdbcbd;
  background: #eceded url(../img/bg.png) repeat-x 0 -390px;
  width: 6em;
}

.renameButton button.cancel:hover, .editButton button.cancel:hover, .newFolderButton button.cancel:hover {
  background-position: 0 -420px;
}

.renameButton button.cancel:active, .editButton button.cancel:active, .newFolderButton button.cancel:active {
  background-position: 0 -450px;
}

.mainFileList div.listFooter {
  clear: both;
}

.mainFileList div.listFooter div.listNumberChanger {
  line-height: 1.5em;
  float: left;
  line-height: 21px;
  white-space: nowrap;
}

.mainFileList div.listFooter div.listNumberChanger .selectButton {
  float: left;
  position: relative;
  margin-right: 10px;
}

.mainFileList div.listFooter div.listNumberChanger .selectButton select {
  border: 1px solid #a8b9c8;
}

.mainFileList div.listFooter div.pagination {
  clear: right;
  float: right;
  margin-bottom: 20px;
}

.mainFileList div.listFooter div.pagination ul li {
  float: left;
  text-align: center;
}

.mainFileList div.listFooter div.pagination ul li a {
  border: solid 1px #DDD;
  margin-right: 2px;
  _margin-right: 1px;
  background: white;
}

.mainFileList div.listFooter div.pagination ul li.navigator {
  line-height: 1.7em;
  margin-right: 5px;
  _margin-right: 2px;
}

.mainFileList div.listFooter div.pagination ul li.previous, .mainFileList div.listFooter div.pagination ul li.next {
  color: #999999;
}

.mainFileList div.listFooter div.pagination ul li.previous span.off {
  width: 3em;
  border: solid 1px #bdbcbd;
  background: #fff;
  display: block;
  padding-left: .1em;
  line-height: 1.4em;
  margin-right: 2px;
  _margin-right: 1px;
}

.mainFileList div.listFooter div.pagination ul li.next span.off {
  width: 3em;
  border: solid 1px #bdbcbd;
  background: #fff;
  display: block;
  padding-left: .1em;
  line-height: 1.4em;
}

.mainFileList div.listFooter div.pagination ul li.previous a {
  width: 3em;
}

.mainFileList div.listFooter div.pagination ul li.next a {
  width: 3em;
  margin-right: 0;
}

.mainFileList div.listFooter div.pagination ul li.active {
  border: solid 1px #bdbcbd;
  background: #e1e3e3;
  font-weight: 700;
  display: block;
  float: left;
  margin-right: 2px;
  _margin-right: 1px;
  width: 1.3em;
  padding-left: .1em;
  line-height: 1.4em;
  text-align: center;
}

.mainFileList div.listFooter div.pagination ul a:link, .mainFileList div.listFooter div.pagination ul a:visited {
  color: #0063e3;
  display: block;
  float: left;
  white-space: nowrap;
  text-decoration: none;
  width: 1.3em;
  padding-left: .1em;
  line-height: 1.4em;
}

.mainFileList div.listFooter div.pagination ul a:hover {
  border: solid 1px #a9b7c8;
  background: #f2f6f7;
}

.mainFileList div.listFooter .suggest {
  clear: both;
  background: #fff;
  border: 1px solid #c8d3dd;
  padding: 10px 15px;
  margin: 0 100px 10px;
  min-width: 450px;
}

.mainFileList div.listFooter .suggest p {
  color: #f30;
  font-size: 116.7%;
  line-height: 1.3;
}

.mainFileList div.thumbnailList {
  clear: both;
  background: #fff;
  border-right: 1px solid #d6d8da;
  border-left: 1px solid #d6d8da;
  border-bottom: 1px solid #d6d8da;
  margin-bottom: 5px;
}

.mainFileList div.thumbnailList div.sortMenu {
  background: #efefef url(../img/bg.png) repeat-x 0 -530px;
  border-top: 1px solid #d6d8da;
  border-bottom: 1px solid #d6d8da;
  text-align: right;
  height: 2.05em;
  min-height: 30px;
  line-height: 2.05em;
  font-size: 116.7%;
  padding: 1px 0;
}

.mainFileList div.thumbnailList div.sortMenu dl {
  float: right;
  margin-left: 30px;
  margin-right: 5px;
  _margin-right: 0;
}

.mainFileList div.thumbnailList div.sortMenu dl dt {
  margin-right: 3px;
  float: left;
  font-weight: 700;
  height: 2.05em;
  line-height: 2.05em;
}

.mainFileList div.thumbnailList div.sortMenu dl dd {
  float: left;
  margin-right: 3px;
  height: 2.05em;
  line-height: 2.05em;
}

.mainFileList div.thumbnailList div.sortMenu dl dd span.listdown a, .mainFileList div.thumbnailList div.sortMenu dl dd span.listup a {
  font-weight: 700;
  text-decoration: underline;
}

.mainFileList div.thumbnailList div.sortMenu dl dd.check {
  float: left;
  margin-right: 3px;
}

.mainFileList div.thumbnailList div.listBack {
  border-bottom: 1px solid #d6d8da;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  font-size: 116.7%;
}

.mainFileList div.thumbnailList div.listBack a {
  display: inline-block;
}

.mainFileList div.thumbnailList div.listBack a .icon16 {
  *text-indent: 0;
}

.mainFileList div.thumbnailList div.thumbnail {
  clear: both;
  padding: 0;
  margin: 4px;
}

.mainFileList div.thumbnailList div.thumbnail dl {
  position: relative;
  float: left;
  width: 154px;
  height: 170px;
  border: 1px solid #fff;
  margin-left: -1px;
  margin-top: -1px;
}

.mainFileList div.thumbnailList div.thumbnail dl dt {
  display: table-cell;
  height: 115px;
  *height: 120px;
  width: 154px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  padding-top: 10px;
}

.mainFileList div.thumbnailList div.thumbnail dl dt a {
  cursor: pointer;
}

.mainFileList div.thumbnailList div.thumbnail dl dt .icon48 {
  *margin-top: 31px;
}

.mainFileList div.thumbnailList div.thumbnail dl dd.name {
  position: absolute;
  top: 140px;
  left: 8px;
  width: 140px;
  overflow: hidden;
}

.mainFileList div.thumbnailList div.thumbnail dl dd.name pre {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  _width: 100px;
  _height: 25px;
  margin-left: 15px;
  margin-right: 3px;
}

.mainFileList div.thumbnailList div.thumbnail dl dd.acl, .mainFileList div.thumbnailList div.thumbnail dl dd.favorite {
  position: absolute;
  top: 108px;
}

.mainFileList div.thumbnailList div.thumbnail dl dd.acl {
  right: 36px;
  *right: 40px;
}

.mainFileList div.thumbnailList div.thumbnail dl dd.favorite {
  right: 18px;
  *right: 22px;
}

.mainFileList div.thumbnailList div.thumbnail dl dd.menu span.menu16 {
  position: absolute;
  top: 8px;
  right: 8px;
}

.mainFileList div.thumbnailList div.thumbnail dl dd.acl a, .mainFileList div.thumbnailList div.thumbnail dl dd.favorite a, .mainFileList div.thumbnailList div.thumbnail dl dd.menu a {
  text-decoration: none;
}

.mainFileList div.thumbnailList div.thumbnail dl.rename {
  z-index: 1;
  position: relative;
}

.mainFileList div.thumbnailList div.thumbnail dl.rename dt {
  padding: 1px 0;
  margin: 1px 0;
}

.mainFileList div.thumbnailList div.thumbnail dl.rename dd.name {
  position: absolute;
  top: 122px;
  left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mainFileList div.thumbnailList div.thumbnail dl.rename dd.name .checkBox {
  margin-top: 2px;
}

.mainFileList div.thumbnailList div.thumbnail dl.rename dd.acl, .mainFileList div.thumbnailList div.thumbnail dl.rename dd.favorite {
  top: 100px;
}

.mainFileList div.thumbnailList dl.rename dd.name p.renameInput {
  margin: 0;
}

.mainFileList div.thumbnailList dl.rename dd.name p.renameInput input {
  width: 100px;
  margin-top: 2px;
  padding: 2px;
}

.mainFileList div.thumbnailList dl.rename dd.name p.renameButton {
  float: left;
  clear: both;
  width: 128px;
  margin-top: 1px;
  text-align: right;
  padding-top: 0;
}

.mainFileList div.thumbnailList div.thumbnail dl.select {
  background: #fdeaae;
  border: 1px solid #f5ac31;
  z-index: 2;
}

.mainFileList div.thumbnailList div.thumbnail dl.hover {
  background: #f2f6f7;
  border: 1px solid #a9b7c8;
  z-index: 3;
}

.mainFileList div.thumbnailList div.thumbnail dl.select {
  border: 1px solid #f6ac45;
  background: #fdeebe;
}

.mainFileList div.thumbnailList div.thumbnail dl.select dd.name a {
  font-weight: 700;
  text-decoration: underline;
}

.mainFileList div.thumbnailList div.thumbnail div.noMatch {
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 116.7%;
}

.mainFileList div.slideshowModule {
  clear: both;
  background: #fff;
  border-right: 1px solid #d6d8da;
  border-left: 1px solid #d6d8da;
}

.mainFileList div.slideshowModule div.listBack {
  border-top: 1px solid #d6d8da;
  border-bottom: 1px solid #d6d8da;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  font-size: 116.7%;
}

.mainFileList div.slideshowModule div.listBack a {
  display: inline-block;
}

.mainFileList div.slideshowModule div.listBack a .icon16 {
  *text-indent: 0;
}

.mainFileList div.slideshowModule div.slideshowView {
  background: #000;
  width: 100%;
  height: 544px;
}

.mainFileList div.slideshowModule div.slideshowView table.notice {
  width: 100%;
  height: 100%;
}

.mainFileList div.slideshowModule div.slideshowView table.notice td {
  text-align: center;
  color: white;
}

.slideshowView {
  background: #000;
  width: 100%;
}

.installGuideImg {
  padding: 30px 0;
}

.installGuideImg .image {
  display: block;
  width: 416px;
  height: 413px;
  margin: 0 auto;
  background: url(../img/installGuide.jpg) 0 0 no-repeat;
  text-indent: -9999px;
}

.installGuide {
  padding-bottom: 20px;
  max-width: 870px;
  margin: 0 auto;
}

#slideshowContent table.notice {
  height: 544px;
  width: 100%;
  text-align: center;
  color: white;
}

#slideshowViewPlace .installGuide {
  width: 870px;
}

.installGuide a {
  text-decoration: underline;
}

.installGuide div.yjstdPlug, .installGuide div.pluginModule {
  margin: 0 20px;
  *border: 3px solid #ddd;
  text-align: center;
}

.mainFileList div.slideshowFooter {
  background: #000;
  border-right: 1px solid #d6d8da;
  border-left: 1px solid #d6d8da;
  border-bottom: 1px solid #d6d8da;
  color: #aaaaac;
  height: 30px;
  line-height: 30px;
  padding: 5px 0;
}

.mainFileList div.slideshowFooter p {
  float: right;
  margin-right: 10px;
}

.mainFileList div.slideshowFooter p a {
  color: #4490dc;
}

.mainFileList div.slideshowFooter p .icon16 {
  background: url(../img/main.png) -1757px -77px no-repeat;
  margin: 0 5px 0 2px;
}

.mainFileList div.slideshowFooter p input {
  margin: 0 5px 0 3px;
  padding: 1px;
  line-height: 1.5em;
  width: 210px;
  height: 1.2em;
}

.mainFileList div.installFooter {
  font-size: 0;
  border-bottom: 1px solid #d6d8da;
}

.mainFileList div.eventList {
  clear: both;
  width: 100%;
  margin-bottom: 5px;
}

.mainFileList div.eventList table.event {
  background: #fff;
  clear: both;
  width: 100%;
  border-left: 1px solid #d6d8da;
  border-right: 1px solid #d6d8da;
  border-bottom: 1px solid #d6d8da;
  table-layout: fixed;
  margin-top: 5px;
}

.mainFileList div.eventList table.event th {
  border-top: 1px solid #d6d8da;
  background: #efefef url(../img/bg.png) repeat-x 0 -530px;
  font-weight: 700;
  font-size: 116.7%;
  line-height: 30px;
}

.mainFileList div.eventList table.event td {
  padding-top: 7px;
  padding-bottom: 7px;
  border-top: 1px solid #d6d8da;
}

.mainFileList div.eventList table.event th.name, .mainFileList div.eventList table.event td.name {
  padding-right: 10px;
  padding-left: 15px;
  text-align: left;
}

.mainFileList div.eventList table.event tr.thumbnail td {
  padding: 0 10px;
  border-top: none;
  line-height: 1px;
}

.mainFileList div.eventList table.event tr.thumbnail td div {
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid #d6d8da;
  float: left;
}

.mainFileList div.eventList table.event tr.thumbnail td div a {
  float: left;
  margin: 0 3px 0 0;
}

.mainFileList div.eventList table.event th.eventFolder, .mainFileList div.eventList table.event td.eventFolder {
  width: 19%;
  padding-right: 10px;
  text-align: left;
  _position: relative;
}

.mainFileList div.eventList table.event th.date, .mainFileList div.eventList table.event td.date {
  width: 8.2em;
  *width: 9em;
  text-align: left;
}

.mainFileList div.eventList table.detail td.date {
  width: 9.6em;
  *width: 9em;
}

.mainFileList div.eventList table.event th.name p {
  margin-left: -17px;
  *margin-left: 0;
}

.mainFileList div.eventList table.event td.name p {
  overflow: auto;
  word-wrap: break-word;
}

.mainFileList div.eventList table.event td.name span.user {
  margin-right: 3px;
}

.mainFileList div.eventList table.event td.name span.user em {
  font-weight: 700;
}

.mainFileList div.eventList table.event td.name p a {
  overflow: auto;
  word-wrap: break-word;
}

.mainFileList div.eventList table.event td.name span.icon16 {
  margin: -2px 2px 0 0;
  _margin: 0 2px 0 0;
}

.mainFileList div.eventList table.event td.eventFolder p {
  overflow: hidden;
  word-wrap: break-word;
  position: relative;
  _position: inherit;
  text-indent: 18px;
}

.mainFileList div.eventList table.event td.eventFolder p span.icon16 {
  position: absolute;
  top: 0;
  _top: 7px;
  left: 0;
}

.mainFileList div.eventList table.detailList {
  background: #fff;
  clear: both;
  width: 100%;
  border-left: 1px solid #d6d8da;
  border-right: 1px solid #d6d8da;
  table-layout: fixed;
  margin-top: 5px;
}

.mainFileList div.eventList table.detailList th {
  border-top: 1px solid #d6d8da;
  border-bottom: 1px solid #d6d8da;
  background: #efefef url(../img/bg.png) repeat-x 0 -530px;
  font-weight: 700;
  font-size: 116.7%;
  line-height: 30px;
}

.mainFileList div.eventList table.detailList td {
  border-bottom: 1px solid #d6d8da;
  line-height: 30px;
}

.mainFileList div.eventList table.detailList th.icon {
  width: 35px;
  text-align: center;
}

.mainFileList div.eventList table.detailList td.icon {
  width: 35px;
  text-align: center;
}

.mainFileList div.eventList table.detailList td.icon span {
  margin-left: 15px;
  _margin-left: 8px;
}

.mainFileList div.eventList table.detailList th.name, .mainFileList div.eventList table.detailList td.name {
  padding-right: 20px;
  font-size: 116.7%;
  text-align: left;
}

.mainFileList div.eventList table.detailList th.version {
  width: 6.5em;
  padding-right: 5px;
  text-align: left;
}

.mainFileList div.eventList table.detailList td.version {
  width: 6.5em;
  padding-right: 5px;
  text-align: left;
  padding-left: 5px;
}

.mainFileList div.eventList table.detailList th.size {
  width: 5em;
  padding-right: 10px;
  text-align: left;
}

.mainFileList div.eventList table.detailList td.size {
  width: 5em;
  padding-right: 10px;
  text-align: left;
  padding-left: 5px;
}

.mainFileList div.eventList table.detailList th.name span {
  margin-left: -22px;
  *margin-left: 0;
}

.mainFileList div.eventList table.detailList td.name pre {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.largeModule {
  margin: 10px;
}

.largeModule h1.title {
  background: #f5f7f7;
  border: 1px solid #d6d8da;
  padding: 5px 8px;
}

.largeModule h1.title p.name {
  font-weight: 700;
  line-height: 1.5em;
  overflow: auto;
  word-wrap: break-word;
  display: inline;
}

.largeModule div.menu ul {
  margin: 10px 0 0 10px;
}

.largeModule div.menu ul li {
  font-size: 116.7%;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}

.largeModule div.largeSizeImage {
  margin-top: 10px;
  text-align: center;
}

.formModule {
  width: 944px;
  margin: 0 auto 15px;
  padding: 3px;
  background-color: #a5c2c9;
}

.formModule .moduleContainer {
  background-color: #fff;
  border: 1px solid #a9b7c8;
}

.formModule .genericTitle {
  padding-left: 10px;
  line-height: 1.5em;
}

.formModule div.mainContainer {
  padding: 10px 20px;
  font-size: 116.7%;
  line-height: 1.3em;
}

.formModule div.mainContainer p {
  clear: both;
  margin: 0 8px 15px;
}

.formModule div.mainContainer h3 {
  clear: both;
  border: 1px solid #d6d8da;
  background: #f5f7f7;
  padding: 5px 10px;
  font-weight: 700;
  color: #4e5c6f;
  margin: 10px 0;
}

.formModule div.mainContainer ul.notes {
  clear: both;
  margin-bottom: 25px;
}

.formModule div.mainContainer ul.notes li {
  margin-left: 25px;
  list-style: disc;
}

.formModule div.mainContainer table {
  clear: both;
  border-top: 1px solid #c2c1c2;
  border-left: 1px solid #c2c1c2;
  margin: 0 auto 15px;
}

.formModule div.mainContainer table th, .formModule div.mainContainer table td {
  border-right: 1px solid #c2c1c2;
  border-bottom: 1px solid #c2c1c2;
}

.formModule div.mainContainer table th {
  background: #e1e3e3;
  font-weight: 700;
  color: #4e5c6f;
  text-align: center;
  width: 125px;
}

.formModule div.mainContainer table td {
  width: 675px;
  padding: 10px 25px;
}

.formModule div.mainContainer table td ul li {
  line-height: 1.7em;
}

.formModule div.mainContainer table td ul li span.radio {
  margin-right: 5px;
  margin-top: 0.25em;
}

.formModule div.mainContainer table td p {
  line-height: 1.8em;
  margin: 0;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  width: 675px;
}

.formModule div.mainContainer table td p span.notice {
  font-weight: 700;
  color: red;
}

.formModule div.mainContainer table td.error textarea {
  width: 574px;
  height: 94px;
  margin: 3px 0 10px;
  padding: 3px;
}

.formModule div.mainContainer table td span.example {
  display: block;
  margin: 0;
  color: #8a9696;
}

.formModule div.mainContainer table td span.example em {
  font-weight: 700;
}

.formModule div.mainContainer span.thanks {
  margin-left: 8px;
}

.formModule div.mainContainer .moduleButton {
  margin: 0 25px 15px 0;
  text-align: right;
}

.formModule div.mainContainer .moduleButton a:hover {
  text-decoration: none;
}

.formModule div.mainContainer .moduleButton button {
  width: 100px;
  height: 32px;
  background: url(../img/button.png) no-repeat;
}

.formModule div.mainContainer .reportButton button {
  width: 100px;
  height: 32px;
  background: url(../img/button.png) no-repeat;
}

.formModule div.mainContainer .moduleButton button.cancel {
  background-position: 0 0;
}

.formModule div.mainContainer .moduleButton button.submit {
  background-position: -2388px 0;
}

.formModule div.mainContainer .reportButton .moduleButton button.cancel {
  background-position: -2493px 0;
}

.formModule div.mainContainer .reportButton .moduleButton button.submit {
  background-position: -2598px 0;
}

div.propertyLinkBottom {
  text-align: center;
  margin: 0 auto 15px;
}

div.propertyLinkBottom p {
  font-size: 116.7%;
}

div.menuPanel {
  position: absolute;
  width: 13.5em;
  z-index: 3;
}

.mainFileList dd.menu div.menuPanel, .mainFileList table td.menu div.menuPanel {
  position: absolute;
  width: 13.5em;
  z-index: 3;
}

div.menuPanel ul li {
  text-align: left;
  height: 1.95em;
  line-height: 1.95em;
  border-bottom: 1px solid #a9b7c8;
  background: #fff;
  position: relative;
}

.mainFileList dd.menu div.menuPanel ul li, .mainFileList table td.menu div.menuPanel ul li {
  text-align: left;
  height: 1.95em;
  line-height: 1.95em;
  border-bottom: 1px solid #a9b7c8;
  background: #fff;
  position: relative;
}

div.menuPanel ul li.hover {
  background: #f2f6f7;
}

.mainFileList dd.menu div.menuPanel ul li.hover, .mainFileList table td.menu div.menuPanel ul li.hover {
  background: #f2f6f7;
}

div.menuPanel ul li.hover a {
  text-decoration: underline;
}

.mainFileList dd.menu div.menuPanel ul li.hover a, .mainFileList table td.menu div.menuPanel ul li.hover a {
  text-decoration: underline;
}

div.menuPanel ul li span {
  margin: -3px 6px 0 6px;
}

.mainFileList dd.menu div.menuPanel ul li span, .mainFileList table td.menu div.menuPanel ul li span {
  margin: -3px 6px 0 6px;
}

* html div.menuPanel ul li {
  line-height: 1.6;
  height: 1.6;
}

* html .mainFileList dd.menu div.menuPanel ul li, * html .mainFileList table td.menu div.menuPanel ul li {
  line-height: 1.6;
  height: 1.6;
}

* html div.menuPanel ul li span {
  margin: 4px 6px 0 6px;
  float: left;
}

* html .mainFileList dd.menu div.menuPanel ul li span, * html .mainFileList table td.menu div.menuPanel ul li span {
  margin: 4px 6px 0 6px;
  float: left;
}

* html div.menuPanel ul li a {
  margin-top: 1px;
  display: block;
  float: left;
}

* html .mainFileList dd.menu div.menuPanel ul li a, * html .mainFileList table td.menu div.menuPanel ul li a {
  margin-top: 1px;
  display: block;
  float: left;
}

div.menuPanel ul li.open a, div.menuPanel ul li.detail a {
  padding-left: 8px;
}

.mainFileList dd.menu div.menuPanel ul li.open a, .mainFileList dd.menu div.menuPanel ul li.detail a {
  padding-left: 8px;
}

.mainFileList table td.menu div.menuPanel ul li.open a, .mainFileList table td.menu div.menuPanel ul li.detail a {
  padding-left: 8px;
}

.dialogPanel {
  width: 291px;
}

.dialogPanelWide {
  width: 342px;
}

.dialogPanel .genericTitle {
  font-size: 108%;
}

.dialogPanel .mainContainer {
  padding: 10px;
}

.dialogPanel .mainContainer p {
  clear: both;
  font-size: 108%;
  line-height: 1.3em;
  text-align: center;
  margin: 15px 0 15px;
  word-wrap: break-word;
}

.dialogPanel .mainContainer p.notes {
  font-size: 100%;
}

.dialogPanel .mainContainer dl {
  clear: both;
  font-size: 116.7%;
}

.dialogPanel .mainContainer dl dt {
  overflow: auto;
  word-wrap: break-word;
  text-align: center;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.2em;
}

.dialogPanel .mainContainer dl dt.scrollContainer {
  overflow-y: scroll;
  height: 5em;
  padding: 1px;
  border: 1px solid #a8b9c9;
}

.dialogPanel .mainContainer dl dd {
  clear: both;
  line-height: 1.3em;
  text-align: center;
}

.dialogPanel .mainContainer dl dd.thumbnail {
  margin-bottom: 8px;
  width: 68px;
  height: 68px;
  margin: 0 auto 8px;
}

.dialogPanel .mainContainer ul {
  margin-bottom: 15px;
}

.dialogPanel .mainContainer .panelButton {
  margin: 0 auto;
  text-align: center;
  width: auto;
  *width: 196px;
  *text-align: inherit;
}

.dialogPanel .mainContainer p em {
  font-weight: 700;
}

.dialogPanel .mainContainer .close {
  *width: 66px;
  *text-align: inherit;
}

.dialogPanel .mainContainer .patern1 {
  *width: 173px;
  *text-align: inherit;
}

.dialogPanel .mainContainer .patern2 {
  *width: 210px;
  *text-align: inherit;
}

.dialogPanel .mainContainer .patern3 {
  *width: 245px;
  *text-align: inherit;
}

.dialogPanel .mainContainer .patern4 {
  *width: 100px;
  *text-align: inherit;
}

.dialogPanel .mainContainer .patern5 {
  *width: 112px;
  *text-align: inherit;
}

.dialogPanel .mainContainer .patern6 {
  *width: 300px;
  *text-align: inherit;
}

.dialogPanel .mainContainer button {
  background: url(../img/button.png) no-repeat;
}

.dialogPanel .mainContainer .panelButton button.cancel {
  width: 94px;
  height: 27px;
  background-position: -210px 0;
}

.dialogPanel .mainContainer .deviceButton .panelButton button.submit {
  width: 94px;
  height: 27px;
  background-position: -1859px 0;
}

.dialogPanel .mainContainer .removeButton .panelButton button.submit {
  width: 94px;
  height: 27px;
  background-position: -1760px 0;
}

.dialogPanel .mainContainer .stopShareButton .panelButton button.submit {
  width: 104px;
  height: 27px;
  background-position: -2170px 0;
}

.dialogPanel .mainContainer .aclButton .panelButton button.submit {
  width: 104px;
  height: 27px;
  background-position: -2279px 0;
}

.dialogPanel .mainContainer .exitShareButton .panelButton button.submit {
  width: 103px;
  height: 27px;
  background-position: -3279px 0;
}

.dialogPanel .mainContainer .editPlanButton .panelButton button.submit {
  width: 94px;
  height: 27px;
  background-position: -4975px 0;
}

.dialogPanel .mainContainer .editPlanButton .panelButton button.cancel {
  width: 94px;
  height: 27px;
  background-position: -4876px 0;
}

.dialogPanel .mainContainer .editPlanCloseButton .panelButton button.submit {
  width: 66px;
  height: 27px;
  background-position: -1689px 0;
}

.dialogPanel .genericTitle .titleText .errorinfo16 {
  margin-right: 4px;
}

.dialogPanel .mainContainer .fullButton .panelButton button.submit {
  width: 99px;
  height: 27px;
  background-position: -5074px 0;
}

.dialogPanel .mainContainer .fullButton .panelButton button.cancel {
  width: 66px;
  height: 27px;
  background-position: -1689px 0;
}

.dialogPanel .mainContainer .editPlanShareButton .panelButton button.submit {
  width: 99px;
  height: 27px;
  background-position: -5074px 0;
}

.dialogPanel .mainContainer .editPlanShareButton .panelButton button.cancel {
  width: 94px;
  height: 27px;
  background-position: -210px 0;
}

.dialogPanel .mainContainer .loginAgainButton .panelButton button.submit {
  width: 100px;
  height: 27px;
  background-position: -3586px 0;
}

.dialogPanel .mainContainer .breakUploadButton .panelButton button.submit {
  width: 94px;
  height: 27px;
  background-position: -5178px 0;
}

.dialogPanel .mainContainer .shareErrorButton .panelButton button.submit {
  width: 112px;
  height: 27px;
  background-position: -898px 0;
}

.dialogPanel .mainContainer .unCooperationButton .panelButton button.submit {
  width: 94px;
  height: 27px;
  background-position: -4975px 0;
}

.dialogPanel .mainContainer .unCooperationButton .panelButton button.cancel {
  width: 94px;
  height: 27px;
  background-position: -4876px 0;
}

.dialogPanel .mainContainer .downloadButton .panelButton button.submit {
  width: 111px;
  height: 27px;
  background-position: -6940px 0;
}
.dialogPanel .mainContainer .closeButton .panelButton button.cancel {
  width: 67px;
  height: 27px;
  background-position: -1689px 0;
}

.dialogPanel .mainContainer .downloadButton .panelButton button.cancel {
    width: 94px;
    height: 27px;
    background-position: -210px 0;
}
.dialogPanel .mainContainer ul li{
  margin-bottom: 8px;
}
.dialogPanel .mainContainer dl.alert,
.dialogPanel .mainContainer dl.alert dt,
.dialogPanel .mainContainer dl.alert dd,
.dialogPanel .mainContainer dl.alert .no_alert{
  color: #f3092a;
  text-align: left;
  font-size: 0.8rem;
}
.dialogPanel .mainContainer dl.alert dd.annotation{
  font-size: 0.8rem;
  color: #4e5c6f;
  margin: 4px 0 0;
}
.dialogPanel .mainContainer .left{
  text-align: left;
}
.dialogPanel .mainContainer .subtxt{
  font-size: 0.8rem;
  line-height: 1rem;
  margin: 4px 0 8px 0;
  display: block;
  text-align: left;
}
.dialogPanel .mainContainer dl.alert{
  margin: 8px 0 16px;
}
.dialogPanel .mainContainer p{
  margin: 8px 0;
}
.dialogPanel .mainContainer dl.alert .no_alert{
  color: #4e5c6f;
}
.dialogPanel .mainContainer dl.alert dt{
  margin-bottom: 6px;
}
.dialogPanel .mainContainer p.hideDialog {
  font-size: 100%;
  margin: 10px 0 0;
}

.dialogPanel .mainContainer .checkBox {
  display: inline-block;
  float: none;
  margin-right: 7px;
  vertical-align: middle;
}

.imageSelectPanel {
  width: 529px;
}

.imageSelectPanel .panelContainer {
  _position: static !important;
}

.imageSelectPanel .genericTitle {
  _position: relative;
}

.imageSelectPanel .mainContainer {
  padding: 10px;
}

.imageSelectPanel .mainContainer dl {
  clear: both;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.imageSelectPanel .mainContainer dl dt {
  margin-bottom: 10px;
}

.imageSelectPanel .mainContainer dl dt a {
  padding-left: 3px;
  font-size: 116.7%;
  color: #4e5c6f;
  text-decoration: none;
}

.imageSelectPanel .mainContainer dl dt.disabled a {
  color: #a1a2a3;
}

.imageSelectPanel .mainContainer dl dd {
  margin-left: 20px;
}

.imageSelectPanel .mainContainer dl dd div.selectImage {
  width: 64px;
  height: 64px;
  _width: 66px;
  _height: 66px;
  padding: 1px;
  border: 1px solid #d0d0d0;
  float: left;
}

.imageSelectPanel .mainContainer dl dd div.none {
  background: #838587;
  color: #e9ebee;
}

.imageSelectPanel .mainContainer dl dd div.none p {
  width: 58px;
  margin: 17px auto 0;
  text-align: center;
  letter-spacing: -1px;
}

.imageSelectPanel .mainContainer dl.selectIcon dd div.imageList {
  float: left;
  width: 390px;
  margin: 0 0 5px 10px;
  border: 1px solid #d0d0d0;
  overflow: auto;
  height: 180px;
}

.imageSelectPanel .mainContainer dl.selectIcon dd div.imageList ul {
  padding: 5px 0 0 10px;
}

.imageSelectPanel .mainContainer dl.selectIcon dd div.imageList ul li {
  float: left;
  padding: 0 8px 5px 0;
}

.imageSelectPanel .mainContainer dl.selectIcon dd div.imageList ul li img {
  width: 64px;
  height: 64px;
}

.imageSelectPanel .mainContainer dl dd div.description {
  float: left;
  margin: 0 0 0 10px;
}

.imageSelectPanel .mainContainer dl dd div.description p {
  clear: both;
  line-height: 1.6em;
}

.imageSelectPanel .mainContainer dl dd div.description input {
  width: 20em;
  height: 1.4em;
  margin-right: 2px;
  margin-top: 4px;
  float: left;
  line-height: 1.4em;
  padding-top: 0.1em;
}

.imageSelectPanel .mainContainer dl dd div.description button {
  margin-top: 2px;
  height: 1.8em;
  line-height: 1.4em;
}

.imageSelectPanel .mainContainer dl dd div.description p {
  clear: both;
  text-align: left;
}

.imageSelectPanel .mainContainer dl dd div.description button.myReference {
  margin-top: 0;
  background: url(../img/button.png) no-repeat -898px 0;
  border: medium none;
  cursor: pointer;
  width: 164px;
  height: 27px;
}

.imageSelectPanel .mainContainer dl.reference dt {
  float: left;
}

.imageSelectPanel .mainContainer dl.reference dt select {
  width: 300px;
  margin: 3px 0 0 4px;
  padding-left: 20px;
}

.imageSelectPanel .mainContainer dl.reference dd {
  margin: 0;
  clear: both;
  float: left;
}

.imageSelectPanel .mainContainer dl.reference dd.icon {
  clear: none;
  margin: 4px 0 0 8px;
}

.imageSelectPanel .mainContainer dl.reference dd.icon span {
  margin-top: -6px;
  margin-left: 5px;
  _display: block;
  _margin-top: 0;
  _margin-left: 3px;
}

.imageSelectPanel .mainContainer dl.reference dd div.imageList {
  float: left;
  width: 500px;
  border: 1px solid #d0d0d0;
  overflow: auto;
  height: 270px;
}

.imageSelectPanel .mainContainer dl.reference dd div.imageList ul {
  padding: 5px 0 0 5px;
}

.imageSelectPanel .mainContainer dl.reference dd div.imageList ul li {
  float: left;
  padding: 0 8px 5px 0;
  margin: 10px 15px 10px 10px;
}

.imageSelectPanel .mainContainer dl.reference dd div.imageList ul li div.image {
  width: 80px;
  height: 80px;
  border: 1px solid #d0d0d0;
}

.imageSelectPanel .mainContainer dl.reference dd div.imageList ul li div.name {
  text-align: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 84px;
}

.imageSelectPanel .mainContainer dl.reference dd div.imageList ul li img {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}

.imageSelectPanel .mainContainer .panelButton {
  clear: both;
}

.imageSelectPanel .mainContainer .panelButton button {
  background: url(../img/button.png) no-repeat;
}

.imageSelectPanel .mainContainer .panelButton button.submit {
  background-position: -793px 0;
}

.imageSelectPanel .mainContainer .panelButton button.open {
  background-position: -1067px 0;
}

.imageSelectPanel .mainContainer .panelButton button.cancel {
  background-position: no-repeat 0 0;
}

.uploadPanel .description {
  word-break: break-all;
  word-wrap: break-word;
}

.uploadPanel .description strong {
  font-weight: 700;
}

.uploadPanel .newFolder {
  margin: 5px 0 15px 0;
}

.uploadPanel .panelButton .newFolder {
  margin: 0;
}

.uploadPanel .newFolder .newFolderInput {
  _position: relative;
}

.uploadPanel .newFolder .newFolderInput input {
  width: 23em;
}

.uploadPanel .panelButton span.newFolder {
  border-right: 1px solid #ccc;
  display: inline-block;
  height: 27px;
  margin-right: 8px;
}

.uploadPanel .panelButton button.edit {
  width: 138px;
  height: 27px;
  background: url(../img/button.png) -6160px 0 no-repeat;
  margin-right: 8px;
}

.movePanel .changeFolder {
  text-align: left;
}

.movePanel .changeFolder button.change {
  display: block;
  background: url(../img/button.png) -6303px 0 no-repeat;
  width: 114px;
  height: 27px;
}

.uploadPanel .uploadBody .name, .movePanel .moveBody .name {
  _height: 1.3em;
}

#sb_rel_tgtEMG, #sb_rel_tgtEMG2, #sb_rel_tgtEMG3 {
  margin: 0 auto !important;
  height: 110px !important;
}

#tgtEMG, #tgtEMG2, #tgtEMG3 {
  width: 101% !important;
  height: 105px !important;
}

.extraInfoModule {
  text-align: center;
  margin-bottom: 10px;
}

.extraInfoModule img {
  vertical-align: bottom;
}

.guestInfoModule img {
  vertical-align: bottom;
}

.tmpl100per_2.tmpl100per_2_guestview #main-wrapper {
  float: left;
  margin-left: 0;
  margin-right: -310px;
}

.tmpl100per_2.tmpl100per_2_guestview #main {
  margin-left: 0;
  margin-right: 310px;
}

.tmpl100per_2.tmpl100per_2_guestview #sub {
  float: right;
}

.guestInfoModule {
  text-align: left;
  margin-bottom: 10px;
}

.guestInfoModule img {
  vertical-align: bottom;
}

.guestInfoModule span.prTitle {
  text-align: center;
  display: block;
}

.guestInfoModule .mainContainerBorder {
  border: 1px solid #C8D3DD;
  padding: 7px 10px;
}

.guestInfoModule .mainContainer div {
  text-align: center;
}

#fbComments .fb_iframe_widget {
  width: 100% !important;
}

#fbComments .fb_iframe_widget span {
  width: 100% !important;
}

#fbComments .fb_iframe_widget span iframe {
  width: 100% !important;
}

.detailModule .detailBody .mainContainer td.center {
  position: relative;
}

.detailModule .detailBody .mainContainer .center .detailprevLink, .detailModule .detailBody .mainContainer .center .detailnextLink {
  position: absolute;
}

.detailModule .detailBody .mainContainer .center .detailprevLink {
  left: 0;
}

.detailModule .detailBody .mainContainer .center .detailnextLink {
  right: 0;
}

.detailModule .detailBody .mainContainer .center .detailnextLink img {
  right: 0;
}

.detailModule .detailBody .mainContainer .center a {
  top: 40%;
  display: block;
  filter: Alpha(opacity=0);
  opacity: 0;
}

.detailModule .detailBody .mainContainer .center a img {
  border: none;
}

.detailModule .detailBody .mainContainer .center a:hover {
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
}

#fbLike span {
  width: 95px !important;
}

.jsSlideShow {
  position: relative;
}

.jsSlideShow .slideShwFld h1.title {
  text-indent: -9999px;
}

.jsSlideShow .slideShwImgBx {
  height: 530px;
  *clear: both;
  background-color: #000;
  text-align: center;
}

.jsSlideShow .picBox span {
  color: #cccccc;
}

.jsSlideShow .slideShwImgBx {
  position: relative;
}

.aboutSlideShw {
  background-color: #FFF;
  border: 1px solid #C8D3DD;
  padding: 10px;
  *padding: 45px 10px 10px 10px;
  _padding: 10px 10px 10px 10px;
}

.aboutSlideShw .leftChar .slideShowQuestion {
  display: block;
  float: left;
  background: url(../img/main.png) no-repeat -1778px -77px;
  width: 6px;
  height: 16px;
  padding: 0 0 0 20px;
}

.aboutSlideShw .leftChar a {
  padding-bottom: 3px;
}

.aboutSlideShw .mainContainer {
  margin-top: 35px;
  *padding-top: 0;
  _margin-top: 10px;
}

.aboutSlideShw .leftChar {
  float: left;
  width: 300px;
}

.aboutSlideShw .rightChar {
  margin: 0 10px 0 auto;
  width: 200px;
}

.aboutSlideShw .rightChar span {
  padding-left: 5px;
}

.aboutSlideShw .rightChar input {
  margin-right: 10px;
}

.jsSlideShow .slideShwInfo {
  z-index: 1;
  color: #FFF;
  text-align: left;
  background-color: #111;
  border-top: #222 1px solid;
  padding-bottom: 10px;
  *padding-bottom: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  opacity: 0.75;
}

.jsSlideShow .infoCloseBtn {
  margin: 5px 5px 0 0;
  cursor: pointer;
  float: right;
  background: url(../img/csssplite.png) -114px -68px;
  width: 13px;
  height: 13px;
}

.jsFullScreenSlideShow .fsDetailInfo .infoCloseBtn {
  margin: 5px 5px 0 0;
  cursor: pointer;
  float: right;
  background: url(../img/csssplite.png) -114px -68px;
  width: 13px;
  height: 13px;
}

.jsSlideShow .slideShwInfo p {
  margin: 10px 5px 5px 10px;
  word-wrap: break-word;
  padding-left: 10px;
}

.slideShwInfo dl {
  padding-left: 10px;
}

.jsSlideShow .slideShwInfo dl {
  float: left;
  margin: 3px 0 0 10px;
}

.jsSlideShow .slideShwInfo dt {
  float: left;
  zoom: 1;
}

.slideShwInfo dd {
  float: left;
  zoom: 1;
}

.jsSlideShow .slideShwInfo .slideDownload {
  display: block;
  float: left;
  margin: 3px 0 0 10px;
  padding: 0 0 0 15px;
}

.jsSlideShow .slideShwInfo .slideDownload span {
  padding: 0 5px;
}

.jsSlideShow .slideShwInfo span {
  text-decoration: underline;
  color: #FFF;
  cursor: pointer;
  cursor: hand;
}

.jsSlideShow .infoBdrLft {
  border-left: 1px solid #FFF;
  padding-left: 15px;
}

.jsFullScreenSlideShow {
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}

.jsFullScreenSlideShow .fsHeader {
  background-color: #000;
  border-bottom: #333333 1px solid;
}

.jsFullScreenSlideShow .fsHeader li img {
  padding: 10px 0 5px 10px;
  float: left;
  *padding: 15px 0 0 10px;
  float: left;
}

.jsFullScreenSlideShow .fsAllFile {
  float: left;
  margin-left: 30px;
  width: 130px;
  height: 15px;
  background: url(../img/arrow.png) no-repeat 3px 13px;
  *background: url(../img/arrow.png) no-repeat 3px 3px;
  padding: 10px 0 5px 22px;
  *padding: 0 0 10px 22px;
}

.jsFullScreenSlideShow .jsFullScreen {
  background-color: #000;
  width: 100%;
}

.jsFullScreenSlideShow .fsAllFile a {
  text-decoration: none;
  color: #eeeeee !important;
}

.jsFullScreenSlideShow .fsHeader li span {
  float: right;
  width: 100px;
  margin: 15px 10px 5px auto;
  *margin: 0 10px 5px auto;
  color: #eeeeee;
}

.jsFullScreenSlideShow .fsDetailInfo {
  width: 300px;
  overflow: auto;
  color: #fff;
  float: left;
  background-color: #111111;
}

.jsFullScreenSlideShow .fsDetailInfo h1 {
  padding: 30px 0 0 16px;
}

.jsFullScreenSlideShow .ffsDetailInfo h1 .f16 {
  padding: 0;
  background-position: -135px -157px;
}

.jsFullScreenSlideShow .fsDetailInfo h1 span {
  float: left;
}

.jsFullScreenSlideShow .fsDetailInfo h1 p {
  *margin-top: -17px;
}

.jsFullScreenSlideShow .fsDetailInfo h2 {
  margin: 20px 15px 0;
  font-size: 100%;
  font-weight: 900;
}

.jsFullScreenSlideShow .fsDetailInfo h1 span {
  padding: 1px 1px 1px 5px;
}

.jsFullScreenSlideShow .fsPsRelease {
  position: static;
}

.fsExplan {
  margin: 20px 15px 10px 15px;
}

.jsFullScreenSlideShow .fsPhotoInfo {
  margin: 10px 15px;
  color: #111111;
}

.jsFullScreenSlideShow .fsPhotoInfo dl {
  overflow: hidden;
  _overflow: avisible;
}

.fsPhotoInfo dt, .fsPhotoInfo dd {
  float: left;
  border-top: #222 1px solid;
  padding: 3px 0 3px 0;
  padding-bottom: 60px;
  margin-bottom: -60px;
}

.jsFullScreenSlideShow .fsPhotoInfo dt {
  background-color: #CCC;
  width: 90px;
  font-weight: 900;
  text-align: right;
  padding-right: 5px;
}

.jsFullScreenSlideShow .fsPhotoInfo dd {
  background-color: #eee;
  width: 152px;
  border-left: #222 1px solid;
  text-align: left;
  padding-left: 5px;
}

.jsFullScreenSlideShow .fsDetailInfo ul {
  width: 253px;
  margin: 10px 20px 0 15px;
  background-color: #eee;
  color: #111;
  vertical-align: middle;
}

.jsFullScreenSlideShow .fsDetailInfo li {
  border-bottom: 1px solid #222;
  padding-top: 5px;
  *padding: 5px 0 5px 0;
}

.jsFullScreenSlideShow .fsDetailInfo li a {
  color: #0066cc;
}

.jsFullScreenSlideShow .fsDetailInfo li img {
  background-image: url(../img/icon.png);
  background-repeat: no-repeat;
  margin: 0 0 8px 5px;
  *margin: 0 0 4px 5px;
  vertical-align: middle;
}

.jsFullScreenSlideShow .fsDetailInfo li span {
  padding-left: 5px;
}

.jsFullScreenSlideShow .fsFavorite {
  background-position: -112px -80px;
  height: 16px;
  width: 17px;
  margin: 1px 0 8px 5px;
}

.jsFullScreenSlideShow .fsFavoriteNow {
  background-position: -112px -64px;
  height: 16px;
  width: 17px;
  margin: 1px 0 8px 5px;
}

.jsFullScreenSlideShow .fsOpen {
  background-position: -112px -160px;
  height: 16px;
  width: 16px;
  margin: 1px 0 8px 5px;
}

.aboutSlideShw .fsOpen {
  background-position: -112px -160px;
  height: 16px;
  width: 16px;
  margin: 1px 0 8px 5px;
}

.jsFullScreenSlideShow .fsOpenNow, .jsSlideShow .fsOpenNow, .aboutSlideShw .fsOpenNow {
  background-position: -112px -176px;
  height: 16px;
  width: 16px;
  margin: 1px 0 8px 5px;
}

.jsFullScreenSlideShow .fsDownLoad {
  width: 130px;
  clear: both;
  background: url(../img/csssplite.png) no-repeat 0 -109px;
  margin: 15px;
}

.jsFullScreenSlideShow .fsDownloadBox {
  background-color: #111111;
}

.jsFullScreenSlideShow .underDownload {
  display: block;
  margin-left: 15px;
}

.jsFullScreenSlideShow .fsImageBox {
  float: right;
  *clear: both;
}

.jsFullScreenSlideShow .mainPhoto {
  border-left: #222 1px solid;
  display: table-cell;
  text-align: center;
  layout-grid-line: 100%;
  vertical-align: middle;
}

.jsFullScreenSlideShow .fsImageBox .mainPhoto img {
  vertical-align: middle;
}

.jsFullScreenSlideShow .fsImageBox .mainPhoto span {
  color: #cccccc;
}

.jsFullScreenSlideShow .fsClose {
  display: none;
}

.jsFullScreenSlideShow .fsDetailClose {
  display: none;
  width: 0;
}

.jsFullScreenSlideShow .navSlide {
  overflow: hidden;
  position: relative;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: url(../img/slideBg.png) repeat-x;
  min-width: 340px;
}

.jsSlideShow .navSlide {
  overflow: hidden;
  position: relative;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: url(../img/slideBg.png) repeat-x;
  min-width: 340px;
}

.jsFullScreenSlideShow ul {
  list-style-type: none;
}

.jsFullScreenSlideShow .replay {
  cursor: pointer;
  cursor: hand;
}

.jsSlideShow .replay, .jsFullScreenSlideShow .stop, .jsSlideShow .stop, .jsFullScreenSlideShow .rew, .jsSlideShow .rew, .jsFullScreenSlideShow .ff, .jsSlideShow .ff, .jsFullScreenSlideShow .slideInfo, .jsSlideShow .slideInfo, .jsFullScreenSlideShow .slideConfig, .jsSlideShow .slideConfig, .jsFullScreenSlideShow .slideInfoOn, .jsSlideShow .slideInfoOn, .jsFullScreenSlideShow .slideConfigOn, .jsSlideShow .slideConfigOn, .jsFullScreenSlideShow .elBack, .jsSlideShow .elBack, .jsFullScreenSlideShow .elNext, .jsSlideShow .elNext {
  cursor: pointer;
  cursor: hand;
}

.jsFullScreenSlideShow a, .jsSlideShow a {
  overflow: hidden;
  outline: none;
}

.jsFullScreenSlideShow .ptsMove, .jsSlideShow .ptsMove {
  position: absolute;
  top: 12px;
  left: 14px;
  width: 120px;
  height: 27px;
  margin: 0;
  padding: 0;
}

.jsFullScreenSlideShow .rew, .jsSlideShow .rew, .jsFullScreenSlideShow .ff, .jsSlideShow .ff, .jsFullScreenSlideShow .replay, .jsSlideShow .replay, .jsFullScreenSlideShow .stop, .jsSlideShow .stop {
  float: left;
}

.jsFullScreenSlideShow .rew, .jsSlideShow .rew {
  margin-left: 11px;
  background: url(../img/csssplite.png) no-repeat -55px -29px;
}

.jsFullScreenSlideShow .rew, .jsSlideShow .rew, .jsFullScreenSlideShow .ff, .jsSlideShow .ff {
  width: 34px;
  height: 27px;
}

.jsFullScreenSlideShow .ff, .jsSlideShow .ff {
  background: url(../img/csssplite.png) no-repeat -55px -58px;
}

.jsFullScreenSlideShow .replay, .jsSlideShow .replay {
  width: 37px;
  height: 27px;
  background: url(../img/csssplite.png) no-repeat -55px 0;
}

.jsFullScreenSlideShow .stop, .jsSlideShow .stop {
  width: 37px;
  height: 27px;
  background: url(../img/csssplite.png) no-repeat -148px 0;
}

.jsFullScreenSlideShow .ptsSet, .jsSlideShow .ptsSet, .jsFullScreenSlideShow .slideInfo, .jsSlideShow .slideInfo, .jsFullScreenSlideShow .slideConfig, .jsSlideShow .slideConfig, .jsFullScreenSlideShow .slideInfoOn, .jsSlideShow .slideInfoOn, .jsFullScreenSlideShow .slideConfigOn, .jsSlideShow .slideConfigOn {
  float: left;
}

.jsFullScreenSlideShow .ptsSet, .jsSlideShow .ptsSet {
  position: absolute;
  left: 150px;
  top: 4px;
  width: 61px;
  height: 39px;
  padding: 0;
  margin: 0;
}

.jsFullScreenSlideShow .slideInfo, .jsSlideShow .slideInfo {
  width: 22px;
  height: 38px;
  background: url(../img/csssplite.png) no-repeat 0 0;
}

.jsFullScreenSlideShow .slideInfoOn, .jsSlideShow .slideInfoOn {
  width: 22px;
  height: 38px;
  background: url(../img/csssplite.png) no-repeat 0 -42px;
}

.jsFullScreenSlideShow .slideConfig, .jsSlideShow .slideConfig {
  width: 25px;
  height: 39px;
  margin-left: 14px;
  background: url(../img/csssplite.png) no-repeat -25px 0;
}

.jsFullScreenSlideShow .slideConfigOn, .jsSlideShow .slideConfigOn {
  width: 25px;
  height: 39px;
  margin-left: 14px;
  background: url(../img/csssplite.png) no-repeat -25px -41px;
}

.jsFullScreenSlideShow .slideConfig, .jsSlideShow .slideConfig {
  position: relative;
}

.jsFullScreenSlideShow .configBtn, .jsSlideShow .configBtn {
  width: 25px;
  height: 39px;
  position: absolute;
  left: 0;
  top: 0;
}

.jsFullScreenSlideShow .ptsThm, .jsSlideShow .ptsThm {
  position: absolute;
  left: 249px;
  overflow: hidden;
  width: 100%;
  height: 50px;
}

.jsFullScreenSlideShow .ptsThm ul, .jsSlideShow .ptsThm ul {
  overflow: hidden;
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
}

.jsFullScreenSlideShow .elBack, .jsSlideShow .elBack {
  position: absolute;
  left: 230px;
  top: 4px;
  width: 13px;
  height: 40px;
  margin-right: 5px;
  background: url(../img/csssplite.png) no-repeat -130px 0;
}

.jsFullScreenSlideShow .elNext, .jsSlideShow .elNext {
  position: absolute;
  top: 4px;
  right: 50px;
  width: 13px;
  height: 40px;
  background: url(../img/csssplite.png) no-repeat -130px -42px;
}

.jsFullScreenSlideShow .elBackOff, .jsSlideShow .elBackOff {
  position: absolute;
  left: 230px;
  top: 4px;
  width: 13px;
  height: 40px;
  margin-right: 5px;
  background: url(../img/csssplite.png) no-repeat -187px 0;
}

.jsFullScreenSlideShow .elNextOff, .jsSlideShow .elNextOff {
  position: absolute;
  top: 4px;
  right: 50px;
  width: 13px;
  height: 40px;
  background: url(../img/csssplite.png) no-repeat -187px -42px;
}

.jsFullScreenSlideShow .elThm, .jsSlideShow .elThm {
  float: left;
  background: #555;
  width: 40px;
  height: 40px;
  margin-right: 2px;
}

.jsFullScreenSlideShow .elThm a, .jsSlideShow .elThm a {
  display: block;
  width: 36px;
  height: 36px;
  margin: 2px 0 0 2px;
}

.jsFullScreenSlideShow .getThm, .jsSlideShow .getThm {
  background: #ebebeb;
}

.jsFullScreenSlideShow .elThm img, .jsSlideShow .elThm img {
  display: block;
  width: 36px;
  height: 36px;
  border-style: none;
}

.jsFullScreenSlideShow .wrapRight, .jsSlideShow .wrapRight {
  position: absolute;
  width: 68px;
  height: 50px;
  right: 0;
  background: url(../img/slideBg.png) repeat-x;
}

.jsFullScreenSlideShow .ptsFul, .jsSlideShow .ptsFul {
  width: 32px;
  position: absolute;
  right: 9px;
  top: 10px;
}

.jsFullScreenSlideShow .ptsFul a, .jsSlideShow .ptsFul a {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../img/csssplite.png) no-repeat -95px -34px;
}

.jsFullScreenSlideShow .wrapRight .btnBase a {
  background-position: -95px -34px;
}

.jsSlideShow .wrapRight .btnToful a {
  background-position: -95px 0;
}

.jsFullScreen {
  position: relative;
}

#wrapper .jsSlideShow .popup {
  position: absolute;
  bottom: 50px;
  left: 94px;
  text-indent: 0;
  z-index: 2;
  font-size: 0.9em;
}

.jsFullScreen .popup {
  position: absolute;
  bottom: 0;
  left: 94px;
  text-indent: 0;
  z-index: 2;
  text-align: left;
}

.jsFullScreen .ptsTop {
  width: 210px;
  height: 3px;
  background: url(../img/csssplite.png) no-repeat 0 -102px;
  font-size: 0;
}

.jsSlideShow .ptsTop {
  width: 210px;
  height: 3px;
  background: url(../img/csssplite.png) no-repeat 0 -102px;
  font-size: 0;
}

.jsFullScreen .ptsMid, .jsSlideShow .ptsMid {
  width: 208px;
  background: #222;
  border-left: solid 1px #a6d0e7;
  border-right: solid 1px #a6d0e7;
}

.jsFullScreen .popup .ptsMid p, .jsSlideShow .ptsMid p {
  margin: 0;
  padding: 5px 0 0 13px;
}

.jsFullScreen .popup .ptsMid ul {
  margin: 0;
  padding: 7px 0 0 22px;
  zoom: 1;
}

.jsSlideShow .ptsMid ul {
  margin: 0;
  padding: 7px 0 0 22px;
  zoom: 1;
}

.jsSlideShow .ptsMid li {
  margin-bottom: 5px;
  height: 16px;
}

.jsFullScreen .popup .ptsMid li {
  margin: 0;
  padding: 4px 0 4px 0;
  _width: 150px;
  _padding-left: 0;
}

.jsFullScreen .popup .ptsMid input {
  margin-right: 8px;
  vertical-align: -3px;
  height: 16px;
  border: 0;
}

.jsSlideShow .ptsMid input {
  margin-right: 8px;
  vertical-align: -3px;
  height: 16px;
  border: 0;
}

.jsFullScreen .popup .ptsMid span, .jsSlideShow .ptsMid span {
  margin-right: 5px;
}

.jsFullScreen .popup .ptsMid .popTop, .jsSlideShow .ptsMid .popTop {
  padding-top: 10px;
}

.jsFullScreen .popup .ptsMid .popBtm, .jsSlideShow .ptsMid .popBtm {
  padding-bottom: 10px;
}

.jsFullScreen .popup .ptsMid p {
  color: #a6d0e7;
}

.jsSlideShow .ptsMid li, .jsSlideShow .ptsMid p {
  color: #a6d0e7;
}

.ptsMid li {
  color: #a6d0e7;
}

.jsFullScreen .ptsBtm, .jsSlideShow .ptsBtm {
  width: 210px;
  height: 14px;
  font-size: 0;
  background: url(../img/csssplite.png) no-repeat 0 -86px;
}

.jsFullScreen .popupCloseBtn, .jsSlideShow .popupCloseBtn {
  margin: 5px 5px 0 0;
  cursor: pointer;
  float: right;
  background: url(../img/csssplite.png) -114px -68px;
  width: 13px;
  height: 13px;
}

.jsFullScreen .ptsMid .radio, .jsSlideShow .ptsMid .radio {
  background: url(../img/csssplite.png) -148px -29px no-repeat;
}

.jsFullScreen .ptsMid .select .radio, .jsSlideShow .ptsMid .select .radio {
  background: url(../img/csssplite.png) -148px -49px no-repeat;
}

.pimServiceLinkModule {
  font-size: small;
}

.pimServiceLinkModule ul {
  font-size: small;
  margin: 10px 0 5px 0;
}

.pimServiceLinkModule ul li {
  float: right;
}

.pimServiceLinkModule ul li a {
  color: #0000EB;
  text-decoration: underline;
}

.pimServiceLinkModule ul .myService {
  font-weight: bold;
  color: #333333;
}

.fullParent {
  position: relative;
  z-index: 2;
  zoom: 1;
}

.mainFileList .jp-video table.normalList {
  font-size: 80%;
  margin-bottom: 0;
  color: #333333;
}

.mainFileList .jp-video table.normalList .name {
  *width: 100%;
}

.mainFileList .jp-video-full table.normalList {
  display: none;
}

.mainFileList .jp-video table.normalList th.name span {
  margin-left: 0;
}

.mainFileList table.normalList tr.play, .mainFileList table.removeList tr.play, .mainFileList table.versionList tr.play, .mainFileList table.normalList tr.pause, .mainFileList table.removeList tr.pause, .mainFileList table.versionList tr.pause {
  border-bottom: 1px solid #ff8282;
}

.mainFileList tr.play td, .mainFileList tr.pause td {
  border-top: 1px solid #ff8282;
  background-color: #ffe5e5;
}

.mainFileList tr.play td.check, .mainFileList tr.pause td.check {
  border-left: 1px solid #ff8282;
}

.mainFileList tr.play td.rightSpacer, .mainFileList tr.pause td.rightSpacer {
  border-right: 1px solid #ff8282;
}

.mainFileList tr.play .name a {
  padding-right: 25px;
  background: url(../img/playing.gif) no-repeat right center;
}

.mainFileList ul.tools li span.streamingIcon {
  width: 25px;
  margin-left: -1px;
  background-position: 0 -75px;
}

.mainFileList ul.tools li.hover span.streamingIcon {
  background-position: -25px -75px;
}

.mainFileList ul.tools li.select span.streamingIcon {
  background-position: -50px -75px;
}

.mainFileList div.streamingHd div.listBack {
  height: 30px;
  _height: 25px;
  border-top: 1px solid #d6d8da;
  border-bottom: 1px solid #d6d8da;
  line-height: 30px;
  _padding-top: 5px;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 116.7%;
  background-color: white;
}

.mainFileList div.streamingHd div.listBack span {
  text-indent: 0;
}

.mainFileList div.listFooter .num {
  float: right;
  width: 6em;
  text-align: right;
}

.accountModule .userContainer .user {
  min-height: 18px;
  _height: 18px;
}

.jp-video, .jp-audio {
  font-size: 1.25em;
  line-height: 1.6;
  color: #fff;
  background-color: #000;
  position: relative;
  margin: 0 auto;
  zoom: 1;
}

.jp-video-270p {
  width: 480px;
}

.jp-video-360p {
  width: 640px;
}

.jp-type-single, .jp-type-playlist, .jp-gui {
  position: relative;
  zoom: 1;
}

.jp-video-full {
  width: 480px;
  height: 270px;
  position: static !important;
  position: relative;
  z-index: 999;
}

.jp-video-full .jp-jplayer {
  top: 0;
  left: 0;
  position: fixed !important;
  position: relative;
  overflow: hidden;
  z-index: 1000;
  text-align: center;
}

.jp-video-full .jp-jplayer img {
  position: relative;
  top: 50%;
  width: auto !important;
  height: auto !important;
  margin-top: -140px;
}

.jp-video-full .jp-gui {
  position: fixed !important;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.jp-video-full .jp-interface {
  position: absolute !important;
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.jp-full-header {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  font-size: 81%;
  z-index: 1001;
}

.jp-video-full .jp-full-header {
  display: block;
}

.jp-logo {
  float: left;
}

.jp-logo a {
  display: block;
  width: 125px;
  height: 22ox;
  margin: 10px;
  background: url(../img/whiteLogo.png) no-repeat left bottom;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.jp-back {
  float: left;
}

.jp-back a:link, .jp-back a:visited {
  color: #fff;
  float: left;
  margin-left: 30px;
  width: 130px;
  height: 15px;
  background: url(https://s.yimg.jp/images/box/pc/web/core/1.0.15/img/arrow.png) no-repeat 3px 13px;
  padding: 10px 0 5px 22px;
}

.jp-copy {
  float: right;
  padding: 10px;
}

.jp-interface {
  position: relative;
  width: 100%;
  background: black url(../img/slideBg.png) repeat-x left top;
}

.jp-controls-holder {
  clear: both;
  height: 50px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.jp-video-full .jp-controls-holder {
  padding-bottom: 5px;
}

.jp-interface .jp-controls {
  float: left;
  display: inline;
  _width: 130px;
  background: 0 0 no-repeat;
  list-style-type: none;
  padding: 1px 0 2px 1px;
  overflow: hidden;
  font-size: 75%;
}

.jp-interface ul.jp-option {
  float: right;
  width: 305px;
}

.jp-interface ul.jp-controls li {
  display: inline;
  float: left;
  position: relative;
}

.jp-interface ul.jp-controls a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
}

.jp-play {
  width: 37px;
  height: 27px;
  margin: 10px 0 0 10px;
  background: url(../img/csssplite.png) no-repeat -55px 0;
}

.jp-pause {
  width: 37px;
  height: 27px;
  margin: 10px 0 0 10px;
  background: url(../img/csssplite.png) no-repeat -148px 0;
}

.jp-previous {
  width: 34px;
  height: 27px;
  margin: 10px 0 0 10px;
  background: url(../img/csssplite.png) no-repeat -55px -29px;
}

.jp-next {
  width: 34px;
  height: 27px;
  margin-top: 10px;
  background: url(../img/csssplite.png) no-repeat -55px -58px;
}

.jp-title {
  display: block !important;
  position: absolute;
  top: 11px;
  left: 138px;
  right: 360px;
  height: 27px;
  background: url(../img/streaming_title.png) repeat-x 0 -60px;
}

.jp-title ul {
  height: 27px;
  background: url(../img/streaming_title.png) no-repeat right -30px;
}

.jp-title li {
  height: 27px;
  padding: 0 10px;
  background: url(../img/streaming_title.png) no-repeat left 0;
  line-height: 27px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  *zoom: 1;
}

.jp-repeat {
  width: 21px;
  height: 18px;
  margin-top: 14px;
  background: url(../img/csssplite.png) no-repeat -160px -109px;
}

.jp-repeat-off {
  width: 21px;
  height: 18px;
  margin-top: 14px;
  background: url(../img/csssplite.png) no-repeat -160px -129px;
}

.jp-shuffle {
  width: 21px;
  height: 18px;
  margin: 14px 10px 0 5px;
  background: url(../img/csssplite.png) no-repeat -133px -109px;
}

.jp-shuffle-off {
  width: 21px;
  height: 18px;
  margin: 14px 10px 0 5px;
  background: url(../img/csssplite.png) no-repeat -133px -129px;
}

.jp-toggles {
  float: right;
  list-style-type: none;
  padding: 0 10px;
  margin: 8px auto 0;
  width: 32px;
  background: url(../img/csssplite.png) no-repeat -209px -109px;
  z-index: 20;
  overflow: hidden;
}

.jp-audio .jp-toggles {
  display: none;
}

ul.jp-toggles li {
  display: block;
  float: right;
}

ul.jp-toggles li a {
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  line-height: 100%;
}

.jp-full-screen {
  background: url(../img/csssplite.png) no-repeat -95px 0;
}

.jp-restore-screen {
  background: url(../img/csssplite.png) no-repeat -95px -34px;
}

.jp-seeking-bg {
  background: url(../img/streaming_bar.png) repeat-x 0 0;
}

.jp-progress {
  border-top: 1px solid #180a1f;
  border-bottom: 1px solid #554560;
  height: 5px;
  margin: 0;
  overflow: hidden;
}

.jp-seek-bar {
  background: white url(../img/streaming_bar.png) 0 -10px repeat-x;
  width: 0;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

.jp-play-bar {
  background: #51a0e2 url(../img/streaming_bar.png) 0 0 repeat-x;
  width: 0;
  height: 100%;
  overflow: hidden;
}

.jp-volume {
  position: relative;
  margin-top: 6px;
  height: 32px;
  background: url(../img/csssplite.png) -209px -109px no-repeat;
}

div.jp-interface ul.jp-option li {
  float: right;
}

.jp-interface ul.jp-controls a.jp-mute, .jp-interface ul.jp-controls a.jp-unmute {
  display: inline;
  float: left;
  height: 14px;
  width: 8px;
  margin: 10px 0 0 10px;
  background: url(../img/csssplite.png) -185px -125px no-repeat;
}

.jp-interface ul.jp-controls a.jp-volume-max {
  display: inline;
  float: left;
  height: 14px;
  width: 16px;
  margin: 10px 10px 0 0;
  background: url(../img/csssplite.png) -185px -109px no-repeat;
}

.jp-volume-bar {
  display: inline;
  float: left;
  width: 80px;
  height: 5px;
  margin: 15px 5px 5px;
  background: white url(../img/streaming_bar.png) 0 -10px repeat-x;
  overflow: hidden;
}

.jp-volume-bar:hover {
  cursor: pointer;
}

.jp-volume-bar-value {
  background: #51a0e2 url(../img/streaming_bar.png) 0 0 repeat-x;
  height: 5px;
}

.jp-current-time, .jp-duration {
  display: inline;
  float: left;
  width: 35px;
  margin-top: 15px;
}

.jp-current-time {
  padding: 0 5px 0 10px;
  text-align: right;
}

.jp-time-sec {
  float: left;
  margin-top: 15px;
}

.jp-duration, .jp-video-full .jp-duration {
  padding: 0 12px 0 5px;
}

.ptsMove {
  position: absolute;
  top: 0;
  left: 0;
}

.jp-video .jp-video-play {
  width: 100%;
  cursor: pointer;
  background-color: transparent;
}

.jp-video-270p .jp-video-play {
  height: 270px;
}

.jp-video-360p .jp-video-play {
  height: 360px;
}

.jp-video-full .jp-video-play {
  height: 100%;
  z-index: 1000;
}

a.jp-video-play-icon {
  position: relative;
  display: block;
  width: 112px;
  height: 100px;
  margin-left: -56px;
  margin-top: -50px;
  left: 50%;
  top: 50%;
  background: 0 0 no-repeat;
  text-indent: -9999px;
}

.jp-video-play:hover a.jp-video-play-icon {
  background: 0 -100px no-repeat;
}

.jp-jplayer {
  width: 0;
  height: 0;
  margin: 0 auto;
  border: none;
  background-color: black;
}

.jp-jplayer audio {
  width: 0;
  height: 0;
  margin: 0 auto;
  border: none;
}

.jp-playlist {
  display: none;
}

.jp-no-solution, .jp-error {
  position: absolute;
  left: 50%;
  top: 50%;
  _top: 130px;
  padding: 5px;
  font-size: .8em;
  color: white;
}

.jp-no-solution {
  display: none;
  width: 390px;
  margin-top: -38px;
  margin-left: -202px;
  text-align: center;
}

.jp-no-solution span {
  font-size: 1em;
  display: block;
  font-weight: bold;
}

.jp-playlist-visible .jp-playlist {
  display: block;
}

.jp-playlist ul {
  background-color: #fff;
  border-right: 1px solid #D6D8DA;
  border-bottom: 1px solid #D6D8DA;
  border-left: 1px solid #d6d8da;
}

.jp-playlist li {
  padding-left: 10px;
  border-top: 1px solid #d6d8da;
}

.jp-playlist li div {
  padding-left: 20px;
  background: url(../img/icon_video.png) no-repeat 0 5px;
}

.jp-playlist li div.audio {
  background: url(../img/icon_audio.png) no-repeat 0 5px;
}

li.jp-playlist-current {
  background-color: #ffe5e5;
}

.playing a.jp-playlist-current {
  padding-right: 25px;
  background: url(../img/playing.gif) no-repeat right center;
}

.noticeTopModule {
  padding: 0 40px;
  margin-top: 10px;
  text-align: left;
}

.noticeTopModule__error {
  clear: both;
  margin: 0 auto 10px;
  border: 5px solid #f4a9bd;
  padding: 7px 10px;
  background: #fbf7f8;
}

.noticeTopModule__error p {
  position: relative;
  color: #f3092a;
  font-weight: 700;
}

.noticeTopModule__attention {
  clear: both;
  margin: 0 auto 10px;
  border: 5px solid #fdd66b;
  padding: 7px 10px;
  background: #f9fbe0;
}

.noticeTopModule__attention p,
.noticeTopModule__attention p a {
  position: relative;
  color: #f3092a;
  font-weight: 700;
}

.noticeTopModule__info {
  clear: both;
  margin: 0 auto 10px;
  border: 5px solid #d3e3f5;
  padding: 7px 10px;
  background: #f7fbfb;
}

.noticeTopModule__info p {
  position: relative;
}

.noticeTopModule__banner {
  margin: 0 auto 10px;
}

.noticeTopModule__banner p {
  margin: 0 auto 10px;
  text-align: center;
}

.noticeTopModule__image {
  margin-right: 5px;
}