/* flaver.css */



html>body {
  width:auto;
  padding-left:230px;
}



p#player {
  height:290px;
}


span.info-logo {
  display:block;
  font-size:11px;
  color:#999;
}



p.fast-menu {
  position:relative!important;
  width:100%!important;
  height:85px!important;
  margin-bottom:15px!important;
}
p.fast-menu a {
  width:255px;
  height:85px;
}
/*\*/
p.fast-menu a {
  overflow:hidden;
}
/**/
p.fast-menu a img {
}
p.fast-menu a.download {
  float:left;
  margin-right:-100%;
}
p.fast-menu a.tag-form {
  float:right;
}



#flaver3-menu {
  padding:0!important;
  background:url(/img/format/null.gif) no-repeat left top!important;
}
html>body #flaver3-menu {
  position:fixed;
  z-index:99;
  top:70px;
  width:225px!important;
  margin-left:-240px;
}
html>body #flaver3-menu h2.title {
  width:225px;
  margin:0!important;
  padding:10px 0!important;
  background:url(/img/format/bg-side-menu.png) no-repeat left top!important;
}
html>body #flaver3-menu h2.title a {
  display:block!important;
  width:169px;
  height:30px;
  margin:0 0 0 10px;
  line-height:30px!important;
  color:#fff!important;
  background:url(/img/format/bg_sub_menu.gif) no-repeat left top!important;
}
html>body #flaver3-menu h2.title a img.new {
  margin-right:-100%;
}
#flaver3-menu ol {
  padding:0 0 0 40px;
}
html>body #flaver3-menu ol {
  width:225px;
  margin:0;
  padding:0 0 15px 40px;
  background:url(/img/format/bg-side-menu.png) no-repeat left bottom;
}
html>body #flaver3-menu ol li {
  margin-right:50px;
}
html>body #flaver3-menu ol li em {
  color:#999;
}
html>body #flaver3-menu ol li em a {
}
#flaver3-menu .book {
  float:right;
  margin-top:5px;
  width:130px;
}



/* object space */
.object {
  padding:10px 0;
  text-align:center;
  background:#e0f0ff;
  border-left:solid 1px #789;
  border-top:solid 1px #789;
  border-right:solid 1px #cde;
  border-bottom:solid 1px #cde;
}
.object strong {
  display:block;
  margin-bottom:5px;
  font-size:15px;
  color:#369;
}
.object br {
  display:none;
}
.object object {
  vertical-align:middle;
  outline:none;
}



table.name-space {
  position:relative;
  z-index:1;
  width:auto!important;
  margin-right:-230px!important;
}
table.name-space tr.line td {
  background:#f9f9f9!important;
}
table.name-space tr.new td {
  background:#ffc!important;
}



table.tag-form {
}
table.tag-form td {
  line-height:19px!important;
}
table.tag-form td input {
  font-family:Osaka,'MS Gothic',monospace;
}
table.tag-form td input.text {
  width:400px;
}
table.tag-form td input.color {
  width:65px;
}
table.tag-form td a.view-switch {
  float:right;
}
table.tag-form td div.color-form {
  width:250px;
  height:110px;
  margin-top:1px!important;
}
table.tag-form td object {
  width:250px;
  height:110px;
  margin:0;
}
table.tag-form td div.init-list {
}
table.tag-form td div.init-list div {
  line-height:20px!important;
}
table.tag-form td div.init-list div a {
  float:left;
  width:110px;
  margin-right:5px;
  text-align:right;
}
table.tag-form td div.init-list div input {
  vertical-align:middle;
}
table.tag-form td div.init-list div label {
  margin-right:10px;
  padding-left:5px;
  vertical-align:middle;
}



p.submit {
  position:relative;
  text-align:center;
}
p.submit .reset {
  position:absolute;
  right:0;
}

p.source {
}
p.source textarea {
  width:496px;
  height:100px;
  line-height:16px;
  font-size:13px;
}



#mainColumn div p.info {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:dashed 1px #69c;
}



dl.faq {
}
dl.faq dt {
}
dl.faq dt img {
  margin:0 0 3px 0;
}
dl.faq dd {
  margin:0 0 20px 20px;
}



.margin-bottom {
  margin-bottom:30px!important;
}



pre .element {
  color:#800080;
}
pre .propaty {
  color:#0033ff;
}
pre .comment {
  color:#008000;
}



ul.line,
ol.line {
}
ul.line li,
ol.line li {
  margin-bottom:10px;
}



a.spec {
  display:inline-block;
}
a.spec {
  display:block;
  padding:2px 0 2px 4px;
  background:#def;
  border:solid 1px #9cf;
}
/*\*/
a.spec {
  overflow:hidden;
}
/**/
a.spec:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body a.spec {
  display:inline-block;
}
a.spec em {
  float:left;
  margin:2px 5px 2px 0;
  padding:0 4px;
  white-space:nowrap;
  color:#fff!important;
  background:#69f;
}
a.spec:hover {
  background:#fcc;
  border:solid 1px #f99;
}
a.spec:hover em {
  color:#ff6!important;
  background:#f66;
}



p#demo {
  width:500px;
  margin-right:-100%;
  padding:5px;
  line-height:0;
  border:solid 1px #999;
  background:#ccc;
}
/*\*/
p#demo {
  overflow:hidden;
}
/**/
html>body p#demo {
  width:488px;
}
p#demo object {
}



p.date {
  text-align:right;
}



div#EncodeForm {
}
div#EncodeForm form {
  position:relative;
  width:100%;
}
div#EncodeForm form p.form {
  margin:0 -10px 5px 0;
  white-space:nowrap;
}
div#EncodeForm form input#string {
  width:334px;
}
div#EncodeForm form textarea {
  width:99%;
  height:45px;
  line-height:16px;
  font-size:13px;
}



h2#thankyou-title {
  display:none;
}
div#thankyou-message {
  display:none;
}

h2 a span.count {
  margin-left:10px;
  font-size:13px;
  font-weight:normal;
  font-family:Osaka,'MS Gothic',monospace;
  color:#69c;
}



#mainColumn .license-free {
}
#mainColumn .license-free ul {
  margin-bottom:30px;
  line-height:1.2;
}
#mainColumn .license-free ul li {
  margin-bottom:5px;
}