* {
  font-family:Meiryo,"Hiragino Kaku Gothic Pro W3", Osaka, "MSP Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
body {
  font-size:14px;
  background-color:#ffffff;
  margin:0;
  overflow:hidden;
}
form {
  margin:0;
}
a {
  color:#0070C0;
  text-decoration:underline;
}
.player_pane {
  display:inline-block;
  position:relative;
  width:480px;
  height:460px;
  vertical-align:top;
  border:1px solid #999999;
  background-color:#f2f2f2;
}
.player {
  display:block;
  width:480px;
  height:160px;
}
.info {
  display:inline-block;
  height:460px;
  width:265px;
  padding:0px;
  margin:5px 3px;
  position:relative;
  vertical-align:top;
}

.message_info {
  margin-top:5px;
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
}

.show_identification {
  display:inline-table;
  width:115px;
  height:30px;
  padding:3px 3px;
  border:solid 1px #515151;
  margin:0;
  color: #515151;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

.download_button {
  display:inline-block;
  width:120px;
  height:25px;
  line-height:25px;
  padding:5px 10px;
  background-color:#ccecff;
  border:solid 1px #69f;
  margin-top:5px;
  margin-left:5px;
  cursor:pointer;
  padding:5px;
}
.download_button.disabled {
  background-color:#d9d9d9;
  border:solid 1px #7F7F7F;
  color:#7f7f7f;
  cursor:default;
}
.reload_user_button {
  display:block;
  width:200px;
  padding:2px 5px;
  background-color:#3366cc;
  border:solid 1px #7F7F7F;
  color:white;
  cursor:pointer;
}
.add_my_library {
  display:block;
  width:200px;
  height:25px;
  padding:5px;
  background-color:#ccecff;
  border:solid 1px #6699ff;
  margin-top:5px;
  cursor:pointer;
}
.add_my_library.disabled{
  background-color:#d9d9d9;
  border:solid 1px #7f7f7f;
  color:#7f7f7f;
  cursor:default;
}
.show_link_url {
  display:block;
  position:absolute;
  bottom:5px;
  right:10px;
  width:120px;
  height:25px;
  line-height:25px;
  padding:5px 10px;
  border:solid 1px #515151;
  margin:0px 5px;
  color:#515151;
  text-align:center;
  font-size: 14px;
  cursor: pointer;
}

.urlDialog {
}
.identDialog {
}

.myLibraryDialog {
  position:absolute;
  border:solid 2px #274e7d;
  font-size:14px;
}

.show_mylibrary_button {
  border:solid 2px #274e7d;
  display:inline-block;
  height:20px;
  line-height:20px;
  padding:5px 20px;
  background-color:#4f81bd;
  color:white;
  font-weight:bold;
  cursor:pointer;
}

.close_mylibrary_dialog_button {
  border:solid 2px #274e7d;
  display:inline-block;
  height:20px;
  line-height:20px;
  padding:5px 20px;
  background-color:#bfbfbf;
  color:#274e7d;
  font-weight:bold;
  cursor:pointer;
}

.fullscreen_button {
  border:1px solid #006699;
  color:#006666;
}
.reload_button {
  border:1px solid #003399;
  color:#003399;
}
.fullscreen_button, .reload_button, .close_button {
  display:block;
  height:20px;
  width:16px;
  line-height:20px;
  margin:0 5px;
  padding:4px 9px;
  position:absolute;
  top:5px;
  right:5px;
  cursor:pointer;
  z-index:1000;
}
.fullscreen_button img, .reload_button img {
  vertical-align:top;
  margin:0 5px;
}
.close_button {
  border:1px solid #ff0000;
  color:#ff0000;
}

.login_dialog_close_button {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor:pointer;
}

.info_buttons {
  display:none;
}

.showLoginDialog, .close_url_dialog, .close_identification {
  cursor:pointer;
}

.ellipsis {
  width:100%;
  display:block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
}

.footer {
  border-top:solid 1px #a6a6a6;
  padding-top:5px;
  padding-right:10px;
  font-size:14px;
  text-align:right;
}

.image_size_box {
  display:block;
  float:right;
}
@media ( max-width :600px) {
  body {
    overflow-y:auto;
  }
  .buttons {
    display:none;
  }
  .info_buttons {
    display:block;
  }
  .info {
    display:block;
    width:auto;
  }
  .player_pane {
    display:inline-block;
  }

  .show_identification {
    display:inline-table;
    vertical-align:middle;
  }

  .ident_button {
    display:none;
  }

  .message_info {
    height:auto;
    overflow:visible;
  }

  #download_dialog {
    top:20px !important;
  }
  #loginDialog {
    top:100px !important;
  }
  #urlDialog {
    top:100px !important;
  }
  #identDialog {
    top:100px !important;
  }

}

.ui-button.delete_button {
  color: #ffffff;
  font-weight: normal;
  background-color: #7f7f7f;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  margin: 5px;
  background-position: 40px center;
  background-repeat: no-repeat;
  background-image: url("../images2/mylibrary/trash_can.png");
  width: 75px;
  text-align: left;
}

.ui-button.delete_button.english {
  background-position: 54px center;
}

.ui-button.delete_button.ui-button-text-only .ui-button-text, .ui-button.classify_button.ui-button-text-only .ui-button-text {
  padding: 0.3em 0.2em;
}
.ui-button.classify_button {
  color: #ffffff;
  font-weight: normal;
  background-color: #37446D;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  background-position: 95% center;
  background-repeat: no-repeat;
  background-image: url("../images2/mylibrary/folder.png");
  text-align: left;
  padding-right:35px;
}

.relate_link {
  margin-top:0;
  padding-left:40px;
  display:none;
}
.relate_link_panel {
  display:block;
  margin-top:5px;
  cursor:pointer;
}

.mylibrary_memo_panel {
  cursor:pointer;
}
.mylibrary_memo_panel.opened {
  display:inline-block;
  word-wrap: break-word;
}
.mylibrary_memo {
  margin-top:0;
  padding:5px;
  background-color:#999999;
  display:none;
  word-wrap: break-word;
}
.mylibrary_memo.opened {
  display:block;
  word-wrap: break-word;
}

.arrow_open {
  margin-left:5px;
  display:inline;
  vertical-align:middle;
}
.arrow_close {
  margin-left:5px;
  display:none;
  vertical-align:middle;
}
.opened .arrow_open {
  display:none;
}
.opened .arrow_close {
  display:inline;
}
.memoButton {
  padding:1px 5px;
  vertical-align:middle;
  background-color:#999999;
  display: inline-block;
  border-radius:3px;
  cursor:pointer;
}
.memoButton.memo_exists {
  background-color:#333399;
}

/* �_�E�����[�h�\�� */

.down-title-text {
  display:block;
  text-align:center;
  font-size:20px;
  font-weight:bold;
  margin:10px;
}

.down-body {
  display:block;
  font-size:14px;
  text-align:left;
  margin:20px 25px;
}

.down-attention {
  display:block;
  color:red;
}

.down-text1 {
  display:block;
  margin:20px 0px;
}

.down-text2 {
  display:block;
  margin:20px 1em;
  text-indent:-1em;
}

.qustionary {
  width:95%;
  heiht:auto;
  background-color:#f0fff0;
  border: solid #cde3f4 1px;
  padding: 10px;
}

.purposeCell {
  vertical-align:top;
}

.purposeText {
  color:#4F4F4F;
  font-size:14px;
  width:30%;
  display:inline-block;
}

.questionary-input-text {
  color:#4F4F4F;
  font-size:14px;
}

.questionary-example {
  color:#778899;
  font-size:14px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"MSP Gothic","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size: 14px;
}

.agree_button, .disagree_button {
  color:#ffffff;
  font-weight:normal;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  width:180px;
  height:30px;
  margin-left:3px;
  cursor:pointer;
  border:0;
  font-size:14px;
}

.agree_button {
  background-color:#007DD6;
}
.agree_button.disabled {
  background-color:#999999;
  cursor:default;
}

.disagree_button {
  background-color:#000033;
}

.centering-div {
  width:100%;
  float:left;
  text-align:center;
}

.centering-ul {
  margin:auto;
  overflow: hidden;
  list-style: none;
}

.centering-li {
  float:left;
}

.download_form {
  width:100%;
  max-width:750px;
  max-height:750px;
  overflow:auto;
}

.questionary_footer {
  margin:10px 25px;
  font-size:14px;
}

.login_button, .append_user_button {
  border:solid 1px #999999;
  width:170px;
  display:inline-block;
  padding:5px 10px;
  margin:10px;
}
.login_button {
  font-weight:bold;
  font-size:18px;
  color:#003399;
}
.append_user_button {
  font-weight:bold;
  font-size:18px;
  color:#ffffff;
  background-color:#3366CC;
}

.player_controls {
  display:block;
  height:28px;
  padding:3px 10px;
}
.video_controls {
  display:none;
}
.image_controls {
  display:none;
}

.enlarge_image_button, .rotate_image_button {
  border:1px solid #006666;
  color:#006666;
  display:inline-block;
  height:25px;
  line-height:25px;
  margin:5px 5px;
  padding:5px 10px;
  cursor:pointer;
}
.enlarge_image_button img, .rotate_image_button img {
  vertical-align:top;
}

body.fromMyLib {
  background-color:#e4e4e4;
}

body.fromMyLib .timeline_thumbnail.highlight {
  border-color:#00ffff;
  background-color:#e4e4e4;
}

body.fromMyLib .timeline_thumbnail {
  background-color:#000000;
}

body.fromMyLib .timeline_thumbnail.highlight .timeline_comment {
  color:#000000;
}

body.fromMyLib .timeline_comment {
  color:#ffffff;
}

.myLibraryDialog .ui-widget-header {
  background: #D9D9D9;
  color: #000000;
  padding:10px;
}

.ui-widget-header {
  background: #D9D9D9;
  color: #000000;
  text-shadow: none;
}

.ui-dialog {
	border: none;
}

.myLibraryDialog.ui-dialog .ui-dialog-content {
  background:#f2f2f2;
  padding:10px;
}

#classificationDialog .ui-tree {
  height:120px;
  width:calc(100% - 20px);
  overflow:auto;
}
#classificationDialog .ui-tree .ui-treenode+.ui-treenode {
  border-top:1px solid #999999;
}

#classificationDialog .ui-tree .ui-tree-container {
  padding:0;
  border:1px solid #999999;
}

#classificationDialog .ui-tree .ui-treenode-children {
  padding:0px;
  border-top:1px solid #999999;
}

#classificationDialog .ui-tree .ui-treenode-children:empty {
  padding:0px;
  border-top:none;
}

#classificationDialog .ui-tree .ui-treenode-children>li>.ui-treenode-content{
  padding-left:16px;
}

.ui-button.dialogButtonSave, .ui-button.dialogButtonCancel, .ui-button.dialogButtonDelete, .ui-button.dialogButtonDeleteCancel {
  background-image:none;
  background-repeat: no-repeat, no-repeat;
  border: none;
  box-shadow:none;
  color: #FFFFFF;
  display:inline-block;
  font-weight: normal;
  margin:10px;
  text-shadow:none;
  width: 80px;
}

.ui-button.dialogButtonSave {
  background-color: #0066CC;
}

.ui-button.dialogButtonCancel {
  background-color:#000033;
}

.ui-button.dialogButtonDelete {
  background-color: #990000;
}

.ui-button.dialogButtonDeleteCancel {
  background-color: #000033;
}

.ui-button.delete_confirm_button {
  color: #ffffff;
  font-weight: normal;
  background-color: #0066cc;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  width: 75px;
  height: 30px;
  border: none;
  margin-left: 3px;
}

.ui-button-text-only .ui-button-text {
    padding: 0.3em 0.2em;
}

.close_download_alert, .download_cancel {
  cursor:pointer;
}

.downloadDisableDialog.ui-dialog.ui-widget .ui-widget-content {
  font-size: 14px;
  font-family:Meiryo,"Hiragino Kaku Gothic Pro W3", Osaka, "MSP Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.downloadDisableDialog.ui-dialog .ui-widget-content {
  padding:10px;
  font-family:Meiryo,"Hiragino Kaku Gothic Pro W3", Osaka, "MSP Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color:#262626;
}