﻿@charset "utf-8";

/* ------ container ------ */
#container {
	position: relative;
	z-index: 2;
}
/* tithaircatalog */
#tithaircatalog {
	width: 90%;
	margin: 0 auto;
}
#tithaircatalog img{
	width: 100%;
}
@media screen and (max-width: 639px) {
	#titProducts {
		width: 94%;
	}
}

/* ------ galleryArea ------ */
#galleryArea {
	position: relative;
	z-index: 1;
    margin: 0 auto;
    width: 90%;
}
@media screen and (max-width: 639px) {
	#galleryArea {
		width: 100%;
	}
}
#gallery {
    margin: 0 auto;
    overflow: hidden;
}
 
#gallery li {
    width: 300px;
    padding: 5px;
}
@media screen and (max-width: 639px) {
	#gallery li {
		margin: 0 auto;
	}
}
#gallery li img {
    max-width: 100%;
    height: auto;
	border-radius: 2px; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
#gallery li img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

/* bg01 */
#bg01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
@media screen and (max-width: 639px) {
	#bg01 {
		top: 60px;
	}
}
#bg01 img{
	width: 100%;
}

