/*--------------------------------------------
*
	movie

*--------------------------------------------*/




#video-area {
	margin:auto;
	display:inline-block;
	text-align:left;
	}

#vieo-buttom button {
	margin:auto 4px auto 0;
	padding:4px 6px;;
	display:inline-block;
	font-size:100%;
	width:auto;
	}

@-moz-document url-prefix() {
	#vieo-buttom button {
	padding:4px 2px;
	}
}


@media screen and (min-width: 0px) and (max-width: 736px) { 	#video-container { position: relative;width: 100% !important;height: 0 !important;padding-bottom: 56.25%; } }


#mokuji-area {
	width:310px;
	margin-left:10px;
	text-align:left;
	vertical-align:top;
	display:inline-block;
}




@media screen and (min-width: 0px) and (max-width: 736px) { 	#mokuji-area { width:auto;display:block;  } }

#mokuji_container {
	width:100%;
	
	}
	
#mokuji_container select {
	width:100%;
	height:426px;
	border: 1px none #CCC;
	background-color: #f8f8f8;
	padding:5px;
	}
	
#jimaku_container {
	margin-top:15px;
	width:640px;
	}

@media screen and (min-width: 0px) and (max-width: 736px) { 	#jimaku_container { width:100%; } }

#jimaku_container textarea {
	width:630px;
	padding:5px;
	background-color:#f8f8f8;
	border: 0px solid #999;
	}

@media screen and (min-width: 0px) and (max-width: 736px) { 	#jimaku_container textarea { width:100%; } }


input#ctBody_Ori_btnReturn { width:6em; margin-top:1em;}

@media screen and (min-width: 0px) and (max-width: 736px) { 	#video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} }