/********************************** playページ **********************************/

#play_area{
	width:920px;
	height:670px;
}

#play_area #player_area{
	width:640px;
	height:670px;
	float:left;
}

#play_area #memo_area{
	width:235px;
	height:670px;
	background:#e6e6e6;
	float:left;
}

#play_area #memo_area ul li{
	float:left;
	width:120px;
	padding:10px;
	text-align:center;
	cursor:pointer;
	position:relative;
	font-size:70%;
}

#play_area #memo_area ul li.on{
	background:#e6e6e6;
}
#play_area #memo_area ul li.on:hover{
	behavior: url(PIE.htc);
}
#play_area #memo_area ul li.on:hover:after{
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #e6e6e6;
	position:absolute;
	top:37px;
	left:64px;
}
#play_area #memo_area ul li.on:hover:after,  x:-moz-any-link {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 14px solid #e6e6e6;
}

#play_area #memo_area ul li.off{
	background:#929292;
}
#play_area #memo_area ul li.off:hover{
	behavior: url(PIE.htc);
}
#play_area #memo_area ul li.off:hover:after{
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #929292;
	position:absolute;
	top:37px;
	left:64px;
}
#play_area #memo_area ul li.off:hover:after,  x:-moz-any-link {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top:14px solid #929292;
}

#play_area #memo_area #memo_input_area{
	width:215px;
	padding:0px 10px 10px;
}

#play_area #memo_area #review_input_area{
	width:260px;
	padding:10px;
	display:none;
}

#play_area #memo_area form textarea#mymemo_text{
	width:195px;
	height:486px;
	padding:10px;
	border:1px solid #555555;
	margin-bottom:10px;
	resize: both;
}

#play_area #memo_area form input#name_text{
	width:238px;
	height:28px;
	border: 1px solid #555555;
	padding:10px;
	margin-bottom:10px;
}

#play_area #memo_area form textarea#review_text{
	width:238px;
	height:480px;
	padding:10px;
	border:1px solid #555555;
	resize:none;
	margin-bottom:10px;
}

#play_area #memo_area form input#submit{
	background:#74c14a;
	border: 1px solid #84d15a;
	margin:0 auto;
	letter-spacing:10px;
	padding:10px;
	color:#ffffff;
	font-size:70%;
	width:100%;
	text-decoration:none;
	cursor:pointer;
	border-radius: 10px;
}

#play_area #memo_area form input#submit:hover{
	background:#64b13a;
}

#modalbox {
  width: 300px;
  margin: 0 0 0 -150px;
  padding: 5px;
  font-size: 1.2rem;
  background: #cccccc;
  border: 1px solid #ffffff;
  display: none;
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 10000;
}

.modalboxIn {
  padding: 15px;
  text-align: center;
  background: #fff;
}

#modalbox span {
  font-size: 1.6rem;
}

/* 戻るボタン */
#play_area a.modal{
	position:absolute;
	top:-32px;
	right:1px;
	padding:5px;
	background:#555555;
	color:#ffffff;
	border:1px solid #666666;
	text-decoration:none;
	font-size:70%;
}

#play_area a.modal:hover{
	background:#333333;
}


/* 再生終了時のポップアップバナー */
#reviewmodalbox {
  width: 300px;
  margin: 0 0 0 -150px;
  padding: 5px;
  font-size: 1.2rem;
  background: #cccccc;
  border: 1px solid #ffffff;
  display: none;
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 1000;
}
#reviewmodalbox a{
  color: blue;
}

#reviewmodalbox p{
  color: blue;
}

.reviewmodalboxIn {
  padding: 15px;
  text-align: center;
  background: #fff;
  cursor:pointer;
}


#reviewmodalbox span {
  font-size: 1.6rem;
}

/* レビュー表示 */
#review_area .answer {
	margin-bottom:  10px;
}
#review_area .answer td {
   padding: 0 10px ;
}
#review_area .answer tr td ul li {
	float: left;
	margin: 10px 20px 10px;
}
#review_area .answer tr td .comment {
	margin: 0 10px 10px;
}
#review_area .answer tr td .attention {
   color: rgb(127,127,127);
   width: 939px
}

#review_area .answer input
,#main .answer select
,#main .answer textarea{
   border:solid 1px#555555;
   padding: 5px;
}
#review_area .answer .contribution_btn {
   cursor: pointer;
   padding: 0.5em 2em;
   text-decoration: none;
   border-radius: 4px;
   color: #ffffff;
   background-color:rgb(64,64,64);
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
   font-size:120%;
}
#review_area .tag{
   padding: 2px 10px;
   border-radius: 5px;
   margin: 5px;
   color:#ffffff;
   font-size: 80%;
}
#review_area .blue{
   background-color: rgb(55,96,146);
}
#review_area .grey{
   background-color: rgb(127,127,127);
}
.answer .contribution_btn {
   cursor: pointer;
   padding: 0.5em 2em;
   text-decoration: none;
   border-radius: 4px;
   color: #ffffff;
   background-color:rgb(64,64,64);
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
   font-size:120%;
}

#review_area .answer .answer_kinmubunrui {
    margin-top: 5px;
}
#review_area .answer .answer_age {
    margin-top: 5px;
 }