#visual {
	border:1px solid #ddd;
}

.autographies {
	width:580px;
	margin:auto;
	text-align:center;
}

.autographies td {
	border:1px solid #999;
	background-color:#ddd;
	padding:0;
}


div.imagebox {
   border: 1px solid #999; /* 1.枠線 */
   background-color: #fdfdfd;  /* 2.背景色 */
   width: 130px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 4px; /* 周囲の余白 */
}

p.photo {
	height: 110px; /* 横幅 */   
}

p.photo img {
	border:0;
}

p.photo, p.caption {
	text-align: center; /* 3.中央寄せ */
	margin: 4px;        /* 4.余白・間隔 */
}

p.caption {
	font-size: 9pt;  /* 5.文字サイズ */
	color: darkblue; /* 6.文字色 */
	text-align:center;
}

.paging {
	clear:both;
	width:95%;
	margin:auto;
	text-align:right;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}

.rightPaging {
	text-align:left;
}

.paging a {
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
}

.disabled {
	display:inline;
}

/* フローティングメッセージのスタイル （ここで表示されるスタイルを指定）*/
.spanstyle {
	position:absolute;
	visibility:hidden;
	color:#fff;            /* フォント色               */
	border:1px solid #ddd;    /* 枠線の太さ、色、形状     */
	padding:5px;
	background-color:#fff; /* 背景色                   */
	z-index:100;
/* センタリングはネスケで表示位置が大幅にずれるので使用しないで下さい */
}
/* フローティングメッセージの影のスタイル （コメントが有る部分以外はspanstyleに合わせる）*/
.syadowstyle {
	position:absolute;
	visibility:hidden;
	color:gray;              /* フォント色 （背景色に合わせる */
	border:1px gray solid;   /* 枠線の太さ、色、形状     */
	padding:5px;
	background-color:gray;   /* 背景色                   */
	z-index:90;
/* z-indexはspanstyleより必ず小さく */
}