@charset "utf-8";
/*サムネール部分*/
#previews { background-color: #535958; padding: 10px 10px 20px; margin-bottom: 5px; width: 180px; float: left; margin-right: 10px; }
#controls { text-align: center; margin: 0 auto 10px; padding: 0; display: none; }
#transport { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel { display: none; }
#transport a { text-decoration: none; font-size: 11px; font-weight: bold; margin: 0 1px 0 0; padding: 4px 8px; width: auto; -moz-user-select: none; -khtml-user-select: none; }
#transport a:link { color: #ebe8e3; text-decoration: none; }
#transport a:visited { color: #ebe8e3; text-decoration: none; }
#transport a:hover { color: #cc9292; text-decoration: none; }
#transport a:focus { color: #accc92; text-decoration: none; -moz-user-select: none; -khtml-user-select: none; }
/*画像*/
#picture { display: none; }
#mainImageOutline { margin: 0 auto; padding: 0; padding: 7px; overflow: hidden; width: 0; height: 0; border: solid 1px #ccc; }
#thumbnails {
	clear: both;
	margin: 10px;
}
#thumbnails div {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 24px;
	height: 24px;
	position: absolute;
	border: solid 1px #ebe8e3;
}
#picture { width: 470px; float: left; padding: 0; }
#picture img {  }
/*サムネールセレクト時*/
.selectedThumbnail { border-color: #accc92; border-style: solid !important; border-width: 3px !important; }

.inFocus { border-color: #accc92; border-style: solid !important; border-width: 1px !important; }
/*ここから２段組*/
#eventtitle {
	color: #4e7c72;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
	margin: 0;
	padding: 0 10px 10px 5px;
}
.eventtitle2 {
	color: #4e7c72;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: right;
	margin: 0;
	padding: 0 10 0 5;
}
.eventtitle2 a:link {
	font-weight: normal;
	color: #accc92;
	font-size: 11px;
}
.eventtitle2 a:visited { color: #accc92; }
.eventtitle2 a:hover { color: #cc9292; }
.eventtitle2 a:focus { color: #accc92; }
.maincontent_right2 { width:200px; float:right; margin-top: 0; margin-right: 0; padding-top: 0; padding-right: 0; display: inline; }
.maincontent_left2 { width: auto; height:100% ; margin-right: 200px; margin-left: 80px; padding-top: 30px; padding-right: 0; padding-left: 10px; }
.pagetop2 { color: #4e7c72; font-size: 11px; text-align: right; padding-top: 20px; padding-right: 210px; padding-bottom: 30px; }
#controls ul { margin: 0; padding: 0; }
#controls ul li { margin: 0 0 2px; padding: 2px 8px; }
#controls ul ul { margin: 0; padding: 0; }
#controls ul ul li { display: inline; margin: 0 0 2px; padding: 0 8px 3px; }