/* for SPLY for record1
----------------------------------------------- */

a img {border:none;}

.gallery_area{
	padding:0 20px;
}

.pickup {
	width:605px;
	clear:both;
	poition:relative;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	margin:0;
	padding:0;
	background:trancepearent;
}

html>/**/body .pickup {
	margin:0 0 0 0;
}



.pickup .photo {
	width:400px;
	height:400px;
	float:right;
	margin:0;
	padding:0;
}


.pickup-hokuou {
	clear:both;
	poition:relative;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	margin:0;
	padding:0;
	background:trancepearent;
}

.pickup-hokuou .photo {
	width:400px;
	height:400px;
	float:right;
	margin:0;
	padding:0;
}




#picture {
	width: 400px;
	height:400px;
	margin:0;
	padding:0;
	background-image: url('../images/common/bg_gallery_main.jpg') ;
	background-position: center center ;
	background-repeat: no-repeat ;
	vertical-align:middle;
}

#mainImageOutline {
	margin:auto;
	padding:5px;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
}



#mainImage {
	margin:auto;
	padding:auto;
}

#picture img {
	border: none;
}

.comment{
	width: 540px;
	margin:0;
	padding:3px;
	background: trancepearent;
}

#comment {
	width: 540px;
	text-align:center;
	font-size:12px;
	line-height:1.5;
}

#previews {
	vertical-align:top;
	width: 205px;
	float:left;
	background: trancepearent;
}

#previews-hokuou {
	vertical-align:top;
	float:left;
	background: trancepearent;
}

#thumbnails {
	width:140px;
	margin: 0;
	vertical-align:top;
	background:trancepearent;
}

#thumbnails div {
	position: relative;
	width: 58px;
	height: 58px;
	float: left;
	margin:0 12px 7px 0;
	padding: 0px;
	display:inline;
	cursor:pointer;
}

#thumbnails img {
	width: 54px;
	height: 54px;
	position: absolute;
	border: solid 3px #D7D5CB;
}



.selectedThumbnail {
	border: solid 3px #3F3528 !important;
}

.inFocus {
	border: solid 3px #A4D700 !important;
}

/* 
img.inFocus  {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
 */

/* Gallery and Playback Controls
----------------------------------------------- */
#controls {
	width:132px;
	margin:10px 0 20px 0;
}

.pausebtn {
	display:block;
}

.pausebtn a {
	width:132px;
	height:23px;
	display:block;
	padding:7px 0 0 0;
}

.pnbtn a {
	width:66px;
	display:block;
}

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
	background:#fff;
}
#transport li {
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	text-align: center;
}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin: 0 0px 0 0;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport .pausebtn  a:link {
	background: url('../images/common/bg_play.jpg') no-repeat;
	color: #330;
}
#transport .pausebtn a:visited {
	background: url('../images/common/bg_play.jpg') no-repeat;
	color: #330;
}
#transport .pausebtn a:hover {
	background: url('../images/common/bg_play_on.jpg') no-repeat;
	color: #AAAA92;
}

#transport .pnbtn a:link,
#transport .pnbtn a:visited,
#transport .pnbtn a:hover {
	font-size:10px;
	font-weight:normal;
	color: #fff;
	height:20px;
	padding:2px 0 0 0;
}


#transport .pnbtn a:link,
#transport .pnbtn a:visited {
	background: url('../images/common/bg_next.jpg') repeat-x;
	background-position:right;
}

#transport .pnbtn a:hover {
	background: url('../images/common/bg_next_on.jpg') repeat-x;
	background-position:right;
}



#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;
}

/* pageing
----------------------------------------------- */

.nav { background: #eee; border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; text-align:right;}
.nav a { padding: 0 5px; }
.nav a.highlight { color: #000; font-weight: bold; }

#longText {
	margin:0 0 20px 0;
}