body { background-image: url("img/back.gif"); }
#container { margin: 20px 50px; }
#result { margin-top: 30px; }
div.pager { text-align: right; }
#result-list { margin: 15px 0px; border-collapse: collapse; font-size: 10pt; }
#result-list th { padding: 6px; text-align: center; vertical-align: middle; background-color: #ffff99; border: 1px solid #000000; font-weight: normal; white-space: nowrap; }
#result-list td { padding: 6px; background-color: #ffffff; border: 1px solid #000000; }
#footer { padding: 5px; border-top: 1px solid #000000; font-size: 75%; }

/* ボタン */
div.btn_g { margin: 10px 200px; }
input.btn { padding: 5px; width: 100px; font-weight: bold; }

/* 利用上の注意 */
#tyui-list { margin: 15px 0px; border-collapse: collapse; font-size: 10pt; width: 800px; }
#tyui-list th { font-weight: bold; }
#tyui-list td { padding: 6px; background: none; border: none; }
#tyui-list td span { font-weight: bold; }

/* メイン画像 */
#container .detailImageArea { text-arign: center; padding: 10px; border:solid 1px #cccccc; background:#ffffff; width: 720px; margin: 0 30px; }
#container .detailImageArea .detailImageContent { text-align: center; border-width: 0px; border-style: solid; border-color: #333333; padding: 1px; }
#container .detailImageArea .detailImageContent img { text-align: center; height: 260px; }
#container .detailImageArea .detailImageContent a { text-decoration: none; }
#container .detailImageArea .detailImageContent a img { border:solid 4px #ffffff; }
#container .detailImageArea .detailImageContent a:hover img { border:solid 4px #b14141; }

/*リスト画像*/
#resultImageListSection{ width:800px; margin-bottom: 14px; overflow: hidden; border: none; margin:25px 0; }
#resultImageListArea{ width: 1590px; /* overflow: scroll; */ }
#resultImageListSection dl{ float: left; text-align: center; margin:0 0 0 25px; width:115px; }
#resultImageListSection dl:first-child{ margin-left:0; }
#resultImageListSection dl dt{ text-align: left; overflow: hidden; font-size:86%; line-height:1.6em; font-weight:bold; }
#resultImageListSection dl dt.img img { max-width:107px; max-height:100px; }
#resultImageListSection dl dt a { text-decoration: none; }
#resultImageListSection dl dt a img { border:solid 4px #ffffff; max-width: 150px; }
#resultImageListSection dl dt a:hover img { border:solid 4px #b14141; }

/*一覧の画像あり表示*/
#result-list th.gazo { width: 80px; }
#result-list div.gazo { padding: 1px 0px; border-radius: 5px; background-color: #c40026; color: #ffffff; text-align: center; }
#result-list div.gazo:hover { background-color: #ff0000; }
#result-list a.gazo { text-decoration: none; }