@charset "utf-8";
table#container-in {
  width: 958px;
  border: 1px solid #AAA;
  overflow: hidden;
}
td#containerLeft {
  width: 787px;
  padding: 10px;
  border-right: 1px solid #AAA;
  overflow: hidden;
}
td#containerRight {
  width: 150px;
  background: #F5F5F5;
  overflow: hidden;
}
div#mediaMain {
  width: 480px;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}
div.mcimage a#photoIma {
  display: block;
  border: 1px solid #FFF;
}
div.mcimage a#photoIma:hover {
  border: 1px solid #F60;
}
div.mcimage div.mediaVideo {
  width: 480px;
  height: 270px;
  overflow: hidden;
}
div.mcimage div.mediaAudio {
  width: 320px;
  height: 240px;
  padding: 0 80px;
  background: #000;
  overflow: hidden;
}
ul#mcLinks {
  list-style-type: none;
  width: 470px;
  margin: 12px 0px 0px 0px;
  padding: 8px 0px 0px 8px;
  background: #F3F3F3;
  border: 1px solid #AAA;
  overflow: hidden;
}
ul#mcLinks li {
  width: 132px;
  padding-left: 18px;
  padding-bottom: 8px;
  background: url(/images/ja/bullet/arw_gray_box.gif) left 3px no-repeat;
  float: left;
}
ul#mcLinks li a {
  font-weight: bold;
}
div#mediaInfo {
  width: 285px;
  padding-bottom: 20px;
  float: right;
  overflow: hidden;
}
div#profile {
  width: 285px;
  padding-top: 2px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #AAA;
  overflow: hidden;
}
div#profile a.ima {
  display: block;
  margin-right: 7px;
  float: left;
}
div#profile div.status {
  padding-top: 5px;
}
div#mediaInfo dl {
  width: 285px;
  padding: 7px 0px;
  border-bottom: 1px dotted #AAA;
  float: left;
  overflow: hidden;
}
div#mediaInfo dl.w50 {
  width: 142px;
}
div#mediaInfo dl.w100 {
  width: 285px;
}
div#mediaInfo dl dt {
  width: 65px;
  font-weight: bold;
  float: left;
  overflow: hidden;
}
div#mediaInfo dl dt.longTitle {
  width: 110px;
}
div#mediaInfo dl dd {
  float: left;
  overflow: hidden;
}
div#mediaInfo dl.w50 dd {
  width: 77px;
}
div#mediaInfo dl.w100 dd {
  width: 220px;
}
div#mediaInfo dl.w100 dd.longTitle {
  width: 175px;
}
div#mediaInfo dl input {
  width: 216px;
  border: 1px solid #AAA;
  padding: 1px;
  background: #FFF;
}
div#mediaInfo div#bookmark {
  padding-top: 8px;
  text-align: right;
  overflow: hidden;
  clear: both;
}
div.adsWidth728 {
  margin-top: 20px;
}
td#containerLeft h2 {
  background: #F8F8F8 url(/images/ja/common_image/common.png) 0px -276px repeat-x;
  border: solid 1px #AAA;
  line-height: 28px;
  height: 28px;
  padding: 0 10px;
  margin-bottom: 15px;
  color: #333;
  font-size: 100%;
  overflow: hidden;
}
#ratingElement {
  width: 787px;
  overflow: hidden;
  margin-bottom: 35px;
}
#ratingElement form {
  width: 787px;
  background: url(/images/ja/media/mediaRating.gif) left top no-repeat;
  overflow: hidden;
}
#ratingElement form ul {
  list-style-type: none;
  padding-left: 83px;
  padding-top: 33px;
  overflow: hidden;
}
#ratingElement form ul li {
  width: 45px;
  float: left;
}
#ratingElement form p {
  padding: 20px 0 10px 85px;
}
#ratingElement p.end {
  line-height: 2.5;
  border: 1px solid #F60;
  background: #FFE;
  color: #F60;
  font-weight: bold;
  text-align: center;
}
#commentForm {
  width: 787px;
  overflow: hidden;
  padding-bottom: 15px;
}
#commentForm form {
  padding-left: 70px;
}
#commentForm form textarea {
  width: 570px;
  border: 1px solid #AAA;
  margin-right: 5px;
  background: #FFF;
}
#commentForm form input {
  font-size: 100%;
  padding: 0px 7px;
}
.commentBox {
  width: 787px;
  padding: 12px 0px;
  border-top: 1px dotted #AAA;
  overflow: hidden;
}
.commentBox a.profIma {
  display: block;
  padding-left: 10px;
  float: left;
}
.commentBox a.profIma img {
  width: 80px;
  height: 60px;
}
.commentBox .commentBoxRight {
  width: 670px;
  padding-right: 10px;
  float: right;
}
.commentBox .commentBoxRight strong {
  display: block;
  padding-bottom: 7px;
}
.commentBox .commentBoxRight strong span {
  display: block;
  font-weight: normal;
  color: #666;
  float: right;
}
.commentBox .commentBoxRight strong a {
  font-weight: normal;
}
.commentBox .commentBoxRight strong div {
  display: inline;
}
.commentBox .commentBoxRight p.delete {
  text-align: right;
  padding-top: 10px;
}
#commentForm p.nocomment {
  line-height: 2.5;
  border: 1px solid #F60;
  background: #FFE;
  color: #F60;
  font-weight: bold;
  text-align: center;
}
.commentBox p.nocomment {
  text-align: center;
}
/*right*/
td#containerRight h2 {
  width: 150px;
  background: #D4E6FC;
  line-height: 1.5;
  padding: 4px 0px 6px 0px;
  color: #249;
  font-size: 100%;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #AAA;
}
td#containerRight h2 a {
  color: #249;
}
td#containerRight h2 a:hover {
  color: #F30;
  text-decoration: none;
}
td#containerRight div.cssScrollbarMedia {
  width: 150px;
  height: 496px;
  padding-bottom: 10px;
  overflow: hidden;
  overflow-y: scroll;
}
td#containerRight .cssScrollbarThumbs {
  width: 110px;
  padding: 10px 0px 0px 12px;
  line-height: 1.4;
  font-size: 85%;
  overflow: hidden;
}
.cssScrollbarThumbs a {
  font-size: 100%;
  width: 120px;
  height: auto;
}
.mcViewAll {
  padding-top: 20px;
  text-align: center;
}
/* pager */
.pager {
  width: 773px;
}