@charset "utf-8";
*{
	margin:0;
	padding:0;
}
html{
	width: 100% ;
	height: 100%;
	/*background-color:#fbf9f6;*/
}

/* -------------画像関連-------------- */

img {
	border: 0px; 
	line-height:0px;
	font-size:0px;
	vertical-align:top;
	vertical-align:bottom;
}


/* ///////////////////////////////////////////////////////////////// */
.floatLeft{ float:left; }
.floatRight{ float:right; }

.center{text-align: center; }
.textLeft{ text-align: left; }
.textRight{ text-align: right; }
.clear{
	clear:both;
	line-height:0;
	height:0;
	font-size:0;
}






#collectionWrap{
	width:100%;
	height:auto;
	overflow: hidden;
	padding-top:80px;
	margin: 0;
	padding: 80px 0 30px 0;
/*	background: url(../images/collection/wrap_bg.jpg)  50% no-repeat;
	background-attachment: fixed;
	background-position: bottom center;
	background-size:cover;*/
}

#collectionWrap #backbraound{
	width:980px;
	height:auto;
	margin:0 auto;
	background:url(../images/collection/bg.png);
}
#collectionWrap #firstCollection_Container{
	width:900px;
	background:url(../images/collection/bg_top.jpg) no-repeat top;
	padding-top:85px;
	padding-bottom:90px;
	padding-left:40px;
	padding-right:40px;
	position:relative;
}

#collectionWrap .rightBox{
	width:750px;
	float:right;
}
#thumb001,#thumb002,#thumb003,#thumb004,#thumb005,#thumb006,#thumb007,#thumb008,#thumb009,#thumb010,#thumb011,#thumb012,#thumb013,#thumb014,#thumb015,#thumb016,#thumb017,#thumb018{
	overflow: hidden;
}
#thumb001{
	width:150px;
	height:270px;
	float:right;
	padding-top:90px;
}
#thumb002{
	width:150px;
	height:270px;
	float:right;
}
#thumb003{
	width:150px;
	height:270px;
	float:right;
}
#thumb004{
	width:300px;
	height:90px;
	float:right;
}
#thumb005{
	width:300px;
	height:90px;
}
#thumb006{
	width:450px;
	height:270px;
}
#thumb007{
	width:150px;
	height:270px;
	float:right;
	padding-top:90px;
}
#thumb008{
	width:600px;
	height:270px;
	float:right;
}
#thumb009{
	width:150px;
	height:180px;
	padding-top:90px;
}
#thumb010{
	width:300px;
	height:270px;
	float:right;
}
#thumb011{
	width:150px;
	height:270px;
	float:right;
}
#thumb012{
	width:150px;
	height:270px;
	padding-top:90px;
}
#thumb013{
	width:300px;
	height:180px;
}
#thumb014{
	width:150px;
	height:270px;
	padding-top:90px;
}
#thumb015{
	width:300px;
	height:180px;
	float:right;
	margin-top:-180px;
}
#thumb016{
	width:150px;
	height:360px;
	float:right;
	padding-top:90px;
}
#thumb017{
	width:450px;
	height:180px;
	float:left;
}
#thumb018{
	width:150px;
	height:270px;
	float:right;
	margin-top:-90px;
}

#thumb_chic{
	width:300px;
	height:270px;
}

#thumb_chic001{
	width:750px;
	height:140px;
}



/* ////////////////////////////// flip ///////////////////////////////// */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

		}

			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}



		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 300px;
			height: 90px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;

		    transition: 0.6s;
		    transform-style: preserve-3d;

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: lightgreen;
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}


			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */







/* ////////////////////////////// fancybox ///////////////////////////////// */
/*	@font-face {
        font-family: "PT Sans Itl";
        src: url('../fonts/pts56f/996673584-PTS56F.eot');
        src: url('../fonts/pts56f/996673584-PTS56F.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pts56f/996673584-PTS56F.svg#PT Sans Caption') format('svg'),
        url('../fonts/pts56f/996673584-PTS56F.woff') format('woff'),
        url('../fonts/pts56f/996673584-PTS56F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
	@font-face {
        font-family: "PT Sans";
        src: url('../fonts/ptc55f/846984864-PTC55F.eot');
        src: url('../fonts/ptc55f/846984864-PTC55F.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ptc55f/846984864-PTC55F.svg#PT Sans Caption') format('svg'),
        url('../fonts/ptc55f/846984864-PTC55F.woff') format('woff'),
        url('../fonts/ptc55f/846984864-PTC55F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
	@font-face {
        font-family: "PT Sans ItlB";
        src: url('../fonts/pts76f/429718018-PTS76F.eot');
        src: url('../fonts/pts76f/429718018-PTS76F.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pts76f/429718018-PTS76F.svg#PT Sans Caption') format('svg'),
        url('../fonts/pts76f/429718018-PTS76F.woff') format('woff'),
        url('../fonts/pts76f/429718018-PTS76F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }*/


#fancyWrap_tate,
#fancyWrap_yoko{
	padding:5px;
	text-align:center;
	width:970px;
}
.txt_tate,
.txt_yoko,
.txt_tate_w{
	font-family: "PT Sans";
	font-size:12px;
	padding-top:10px;
	text-align:left;
	line-height:16px;
}
.txt_tate{
	margin-left:235px;
}
.txt_tate_w{
	margin-left:235px;
	color:#FFFFFF;
}
.txt_yoko{
	margin-left:35px;
}


#buyBtn_tate,
#buyBtn_yoko{
	width:60px;
	height:60px;
	position:fixed;
}
#buyBtn_tate{
	bottom:20px;
	right:220px;
}
#buyBtn_yoko{
	bottom:100px;
	right:20px;
}
#prevBtn,
#nextBtn{
	width:20px;
	height:80px;
	position:fixed;
	top:38%;
}
#prevBtn{
	left:8px;
}
#nextBtn{
	right:8px;
}

.collectionHeader{
	position:fixed;
	width:100%;
	height:60px;
	top:0;
	padding-top:20px;
	background-color:#FFFFFF;
}