@charset "utf-8"; 

@import "common.css";

/* ============================================================ header */
#header .top-flash {
	height: 130px;
}


/* ==================================================== main */

#wrapper #main .main-area {
	padding-right: 5px;
	margin-top: 8px;
	color: #646464;
}
#wrapper #main .main-area ol {
	list-style: none;
}
#wrapper #main .main-area h2#title-gallery  {
	margin: 20px 0 0;
}


/* 検索ボックス */

.search-area {
	width: auto;
	text-align: left;
}
.search-area .search-box fieldset {
	padding: 12px 10px 12px 20px;
	border: none;
}
.search-area .search-box dl {
	clear: both;
	width: 100%;
}
.search-area .search-box dl dt {
	line-height: 20px;
}
.search-area .search-box dl dt img {
	vertical-align: middle;
}
.search-area .search-box dl dd select {
	width: 190px;
}
.search-area .search-box .search-box-set1 {
	background: url(../images/tools_step2_ga_bdr.gif) no-repeat left bottom;
}
.search-area .search-box .search-box-set1 .search-box-left {
	float: left;
	width: 319px;
}
.search-area .search-box .search-box-set1 .search-box-left dt,
.search-area .search-box .search-box-set1 .search-box-left dd {
	float: left;
	padding-bottom: 10px;
}
.search-area .search-box .search-box-set1 .search-box-left dt {
	width: 108px;
}
.search-area .search-box .search-box-set1 .search-box-left dd {
	width: 190px;
}
.search-area .search-box .search-box-set1 .search-box-right {
	float: left;
	width: 183px;
}
.search-area .search-box .search-box-set1 .search-box-right dt,
.search-area .search-box .search-box-set1 .search-box-right dd {
	float: none;
	width: auto;
}
.search-area .search-box .search-box-set1 .search-box-right dd {
	padding: 9px 0 9px 22px;
}
.search-area .search-box .search-box-set1 .search-box-right dd input {
	margin: 0 -2px;
}
.search-area .search-box .search-box-set2 {
	border-bottom: 1px solid #e66400;
}
.search-area .search-box .search-box-set2 dl dt {
	float: left;
	width: 108px;
}
.search-area .search-box .search-box-set2 dl dd {
	float: left;
	width: 384px;
}
.search-area .search-box .search-box-set2 dl dd input {
	vertical-align: middle;
}
.search-area .search-box dl dd input#template-number {
	width: 190px;
	margin-right: 13px;
}


/* 検索結果表示域 */

.search-area .search-result {
	position: relative;
	text-align: center;
}
.search-area .search-result p.search-count {
	padding-right: 5px;
	text-align: right;
	line-height: 22px;
}
.search-area .search-result .search-result-navi {
	position: relative;
	height: 22px;
	padding: 20px 0;
}
.search-area .search-result .search-result-navi ul {
	padding: 6px 0 3px;
	position: absolute;
	right: 115px;
	top: 18px;
}
.search-area .search-result .search-result-navi ul li {
	margin: 0 2px;
	color: #e66400;
	display: inline;
}
.search-area .search-result .search-result-navi ul li a {
	padding: 6px 0 3px;
	color: #404040;
	text-decoration: underline;
}
.search-area .search-result .search-result-navi ul li a:hover {
	color: #808080;
}
.search-area .search-result .search-result-navi ul .search-back {
	padding-left: 23px;
	background: url(../images/tools_btn_ga_back.gif) no-repeat left center;
}
.search-area .search-result .search-result-navi ul .search-next {
	padding-right: 23px;
	background: url(../images/tools_btn_ga_next.gif) no-repeat right center;
}
.search-area .search-result .search-result-navi ul .search-back,
.search-area .search-result .search-result-navi ul .search-next {
	color: #868687;
}
.search-area .search-result .search-result-navi ul .search-back:hover,
.search-area .search-result .search-result-navi ul .search-next:hover {
	color: #cacacc;
}


/* ***** ***** ***** ***** ***** ***** ***** thumbnail */
.search-area .search-result #thumbnaillist {
	position: relative;
	height: 438px;
}
.search-area .search-result #thumbnaillist ul {
	position: absolute;
	left: 0;
	top: -12px;
	width: 540px;
}
.search-area .search-result #thumbnaillist ul li {
	float: left;
	height: 100px;
	width: 170px;
	margin-top: 12px;
	margin-right: 9px;
}
.search-area .search-result #thumbnaillist .thumbnail {
	height: 84px;
	width: 84px;
	border: #999999 solid 1px;
	vertical-align: middle;
	text-align: center;
	background-color: #eeeeee;
}
.search-area .search-result #thumbnaillist .thumbnail img {
	border: #cccccc solid 1px;
}
.search-area .search-result #thumbnaillist .thumbnail a:hover img {
	border: #ff6600 solid 1px;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


/* TESTTYPE (jquery + thickbox) */
.thumbnail-big {
	height: 302px;
	width: 302px;
	border: #999999 solid 1px;
	vertical-align: middle;
	text-align: center;
	background-color: #eeeeee;
}
.thumbnail-big img {
	border: #cccccc solid 1px;
}
.thumbnail-preview {
	width: 100%;
	text-align: center;
}
.thumbnailbox {
	margin: 0 auto;
}