@charset "UTF-8";

/* -----------------------------------------------
FileName: gallery.css
----------------------------------------------- */


/* #gallery ギャラリー */

#gallery {
	clear:both;
	width:960px;
	margin:30px auto 30px auto;
}

#gallery .area {
    display: none;
}

#gallery .tabs li {
	float:left;
	margin:0 0px 0 2px ;
	width:130px;
	height:38px;
	cursor:pointer;
}

#gallery .tabs a {
	position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden; 
}


#gallery li.tab1 {
	background:url(../../gallery/images/tab1.gif) 0 0 no-repeat;
}

#gallery li.tab2 {
	background:url(../../gallery/images/tab2.gif) 0 0 no-repeat;
}

#gallery li.tab3 {
	background:url(../../gallery/images/tab3.gif) 0 0 no-repeat;
}

#gallery li.tab4 {
	background:url(../../gallery/images/tab4.gif) 0 0 no-repeat;
}

#gallery .tabs_content {
	width:960px;
}

#gallery .tabs_content #rank1 {
	background:url(../../gallery/images/tab_bg1.png) 0 0 no-repeat;
	height:715px;
	padding:50px 0 0 45px;
	position:relative;
}

#gallery .tabs_content #rank2 {
	background:url(../../gallery/images/tab_bg2.png) 0 0 no-repeat;
	height:715px;
	padding:50px 0 0 45px;
	position:relative;
}

#gallery .tabs_content #rank3 {
	background:url(../../gallery/images/tab_bg3.png) 0 0 no-repeat;
	height:715px;
	padding:50px 0 0 45px;
	position:relative;
}

#gallery .tabs_content #rank4 {
	background:url(../../gallery/images/tab_bg4.png) 0 0 no-repeat;
	height:715px;
	padding:50px 0 0 45px;
	position:relative;
}

#gallery .tabs_content ul.photo li {
	width:150px;
	height:200px;
	padding:7px;
	background:#fff;
	-moz-box-shadow : #bbb 0px 2px 3px;
    -webkit-box-shadow : #bbb 0px 2px 3px;
    box-shadow : #bbb 0px 2px 3px;
	behavior: url(common/PIE-1.0.0/PIE.htc);
	float:left;
	margin:0 10px 10px 0;
}

#gallery #slider-prev1 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/prev1.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	left:25px;
	z-index:100;
	cursor:pointer;
}

#gallery #slider-next1 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/next1.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	right:25px;
	z-index:100;
	cursor:pointer;
}

#gallery #slider-prev2 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/prev2.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	left:25px;
	z-index:100;
	cursor:pointer;
}

#gallery #slider-next2 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/next2.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	right:25px;
	z-index:100;
	cursor:pointer;
}

#gallery #slider-prev3 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/prev3.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	left:25px;
	z-index:100;
	cursor:pointer;
}

#gallery #slider-next3 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/next3.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	right:25px;
	z-index:100;
	cursor:pointer;
}

#gallery #slider-prev4 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/prev4.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	left:25px;
	z-index:100;
	cursor:pointer;
}

#gallery #slider-next4 a {
	width:42px;
	height:42px;
	background:url(../../gallery/images/next4.png) 0 0 no-repeat;
	position:absolute;
	top:365px;
	right:25px;
	z-index:100;
	cursor:pointer;
}