/*
 * 20110217.02
 */

/* common */

.clearfix {
	/zoom : 1;
}
.clearfix:after{
	content : ''; display : block; clear : both; height:0;
}


/* Animation */
div#flashContent ul#indexEfectImages {
	width: 5000px; /* default (JS change.) */
	display:block;
	position:relative;
}
div#flashContent ,
div#flashContent ul#indexEfectImages li {
	height: 297px;
	width: 846px;
}
div#flashContent {
	height: 297px;
	margin: 0 auto 10px !important;
	overflow: hidden;
	position: relative;
}
div#flashContent ul#indexEfectImages li {
	display:block;
	float: left;
	overflow: hidden;
	position: relative;
	background:#FFFFFF;
}
div#flashContent ul#indexEfectImages li span.main {
	display: block;
	height: 297px;
	width: 485px;
	left:0;
	position: absolute;
}
div#flashContent ul#indexEfectImages li span.main img {
	display:none;
}
div#flashContent ul#indexEfectImages li.button {
	background-position: 510px 0;
	background-repeat: no-repeat;
}
div#flashContent ul#indexEfectImages li.button span.main img {
	position:absolute;
	top:0;
	left:0;
}
div#flashContent ul#indexEfectImages li.button span.main a {
	display:block;
	height:100%;
	width:100%;
	outline:0;
}
div#flashContent ul#indexEfectImages li.button span.thumb {
	height: 59px;
	left: 510px;
	position: absolute;
	top: 190px;
	width: 330px;
}
div#flashContent ul#indexEfectImages li.button span.thumb a {
	display: block;
	float: left;
	height: 100%;
	margin-right: 8px;
	width: 70px;
	background-position: center center;
	background-repeat: no-repeat;
}
div#flashContent ul#indexEfectImages li.button span.thumb a:hover ,
div#flashContent ul#indexEfectImages li.button span.thumb a.pointer {
	background-color:#006CBF;
	opacity:0.6;
	filter: alpha(opacity=60);	
}
div#flashContent ul#indexEfectImages li.center_pos {

}
div#flashContent ul#indexEfectImages li span.filter {
	/*background:url(../../consumer/images/filter.gif);*/
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
}div#flashContent ul#indexEfectImages li.center_pos span {

}

/* 20111028追加 ここから */
div#flashContent ul#indexEfectImages li.bnrSearch {
	position: relative;
	background: url(/shared/images/bnr_search.jpg) no-repeat;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-main {
	width: 256px;
	height: 223px;
	position: absolute;
	left: 52px;
	top: 38px;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other {
	width: 381px;
	height: 86px;
	position: absolute;
	left: 441px;
	top: 172px;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other p {
	width: 124px;
	height: 86px;
	padding-right: 3px;
	float: left
}

div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-main a {
	width: 256px;
	height: 223px;
	display: block;
	background: url(/shared/images/bnr_search_btn01.jpg) no-repeat;
	text-indent: -9999px;
	outline: none;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-main a:hover {
	background: url(/shared/images/bnr_search_btn01_on.jpg) no-repeat;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other a {
	width: 124px;
	height: 86px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other .bnrSearch-btn2 a {
	background: url(/shared/images/bnr_search_btn02.jpg) no-repeat;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other .bnrSearch-btn3 a {
	background: url(/shared/images/bnr_search_btn03.jpg) no-repeat;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other .bnrSearch-btn4 a {
	background: url(/shared/images/bnr_search_btn04.jpg) no-repeat;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other .bnrSearch-btn2 a:hover {
	background: url(/shared/images/bnr_search_btn02_on.jpg) no-repeat;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other .bnrSearch-btn3 a:hover {
	background: url(/shared/images/bnr_search_btn03_on.jpg) no-repeat;
}
div#flashContent ul#indexEfectImages li.bnrSearch .bnrSearch-btn-other .bnrSearch-btn4 a:hover {
	background: url(/shared/images/bnr_search_btn04_on.jpg) no-repeat;
}

/* 20111028追加 ここまで */


#indexImagesBox {
	position: relative;
}
#filter_box {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
	left:0;		
}
#filter_box .left {
	left:0;
}
#filter_box .center {
	width:846px;
}
#filter_box .right {
	right: 0;
}
#filter_box .left ,
#filter_box .right {
	top:0;
	position: absolute;
	height: 297px !important;
	background:url(../../consumer/images/filter.gif);
}

#flashShadow {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 9999;
	width: 100%;
}
#flashShadow img {
	width:3000px;
	height: 3px;
	left: 0;
	position: absolute;
	width: 9999px !important;
	display: block;
	zoom:1;
}
#flashShadow img.shadow_top {

}
#flashShadow img.shadow_bottom {
	top: 294px;
}


div#flashContent div#imagesNavigation {
	margin: 0 auto 0 -30px;
	position: relative;
	width: 910px;
	z-index: 101;
}
div#flashContent div#imagesNavigation a {
	display: block;
	position: absolute;
	top: 130px;
	outline:none;
	z-index:9999;
	zoom:1;
}

div#imagesNavigation a.on img.off ,
div#imagesNavigation a img.on ,
div#imagesNavigation a:hover img.off {
	display:none;
}
div#imagesNavigation a.on img.on ,
div#imagesNavigation a:hover img.on {
	display:block;
}

div#flashContent div#imagesNavigation a.prev {
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 43px;
	height: 43px;
}
div#flashContent div#imagesNavigation a.next {
	right: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 43px;
	height: 43px;
}
div#flashContent div#imagesNavigation a.prev {
	background-image:url(../../consumer/images/btn-left_off.png);
}div#flashContent div#imagesNavigation a.prev:hover {
	background-image:url(../../consumer/images/btn-left_on.png);
}
div#flashContent div#imagesNavigation a.next {
	background-image:url(../../consumer/images/btn-right_off.png);
}div#flashContent div#imagesNavigation a.next:hover {
	background-image:url(../../consumer/images/btn-right_on.png);
}




/* search */
#search_mainBox {
	background:url(../../search/images/bg_top.gif) no-repeat;
	position:relative;
	height: 250px;
}

#search_mainBox_left {
	bottom: -1px;
	height: 250px;
	position: relative;
	width: 714px;
}
#search_mainBox_left ul#search_images ,
ul#dummy_ul {
	position:absolute;
	top:0;
	display:block;
	height:319px;
	zoom:1;
}#search_mainBox_left ul#search_images {
	z-index:10;
	/*background:url(../../search/images/image_loading.gif) no-repeat #FFFFFF;*/
}
#search_mainBox_left ul#search_images li img{
	height:250px;
	width:712px;
}
ul#dummy_ul {
	z-index:3;
	top:0px;
}
span.white {
	display:block;
	height:318px;
	position:absolute;
	top:0;
	left:0;
	width:475px;
	background: #FFFFFF;
}


ul#dummy_ul li {
	position:absolute;
	display:block;
	top:0;
	left:0;
	height: 318px;
	width: 475px;
}
ul#dummy_ul li a {
}

#search_mainBox_left ul#search_images li {
	position:absolute;
	display:block;
	top:0;
	left:0;
	height: 250px;
	width: 714px;
	overflow:hidden;
	background:url(/search/images/image_loading.gif) no-repeat #FFFFFF;
}
#search_mainBox_left ul#search_images li a{
	display:block;
}
div#search_images_box {
	position:static;
}



ul#search_images_button {
	bottom: 10px;
	margin-left: 0;
	position: absolute;
	left:610px;
	display:inline;
	text-align:left;
	height:13px;
	z-index: 100;
}
ul#search_images_button li {
	float: right;
	display:inline;
	height: 13px;
	margin-right: 5px;
	position: relative;
	text-indent: -9999px;
	width: 13px;
}
ul#search_images_button li.on {

}
ul#search_images_button li a {
	zoom:1;
	display:block;
	height:13px;
	width:13px;
	outline:none;

}ul#search_images_button li.on a {

}

ul#search_images_button li {

}ul#search_images_button li img {
	display: none;
}
ul#search_images_button li img.off ,
ul#search_images_button li a:hover img.on , 
ul#search_images_button li.on img.on {
	display:block;
}
ul#search_images_button li a:hover img.off , 
ul#search_images_button li.on img.off {
	display:none;
}

#ul_copy {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 0;
}


/* alpha */
* html ul#search_images_button li img ,
* html #imagesNavigation img {
	behavior: expression(
		this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
		this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "blank.gif" : this.src,
		this.style.behavior = "none"
	);
}
* html #flashShadow img {
	behavior: expression(
		this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='" + this.src + "')" : this.style.filter,
		this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "blank.gif" : this.src,
		this.style.behavior = "none"
	);
}


/* print */
@media print {
	#flashContent {
		display:none;
	}
}