@charset "utf-8";
@import"base.css";

/* --- Top CSS --- */


#main h2{
	margin: 10px 0 0 0;
	padding: 0;
	width: 780px;
	height: 27px;
	background: url(../image/gallery/h2-title-gallery.gif) no-repeat left top;
	text-indent: -9999px;
}


#main p{ margin: 10px auto 0 auto; text-align: center; text-size: 10px;}

#gallery {
    line-height: 0;
    font-size: 0;
    z-index: 10;
    border: 5px solid #fff;
    margin: 5px;
	background-color: #fff;
	padding: 5px;
}
#gallery a:hover {
    background-position: left -25px;
}
#gallery img, 
#gallery embed, 
#gallery object, 
#gallery div {
    width:100%; height:100%;
}

#gallery-img{
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}

#gallery-img .photo-area{
	clear: both;
	display: block;
	margin: 10px auto 15px auto;
	padding: 5px 0;
	height: 110px;
	text-align: center;
}

.photo-area .arer-inner{
	margin: 0 auto;
}

.photo-area a{
	display: block;
	float: left;
	margin: 0 10px;
	padding: 9px;
	border: 1px solid #ccc;
}

a.l-m40{ margin-left: 40px;}
* html a.l-m40{ margin-left: 20px;}
a.l-m50{ margin-left: 53px;}
* html a.l-m50{ margin-left: 26px;}
a.l-m60{ margin-left: 66px;}
* html a.l-m60{ margin-left: 33px;}
/* start: clearfix---------------------------- */
#gallery-img:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
*:first-child+html #gallery-img{ min-height:1px; }
#gallery-img { display:inline-table; }
/* Hides from Mac IE \*/
* html #gallery-img { height:1px; }
#gallery-img { display:block; }
/* end: clearfix------------------------------ */