@charset "utf-8";

/* grid */

/*------------------------------*/
/*layout*/
/*------------------------------*/
html{
	width:100%;
	height:100%;
	}
body{
	width:100%;
	height:100%;
	background: #fff;
	}
#gallery-index #all{
	position:relative;
	display:block;
	left:0;
	margin:0;
	padding:0;
	}
#gallery-index #wrap{
	visibility: hidden;
	position:relative;
	display:block;
	left:0;
	margin:0;
	padding:0;
	}
#gallery-index #wrap .season-left,
#gallery-index #wrap .season-right{
	display: none;
	}
/*------------------------------*/
/*header*/
/*------------------------------*/
#gallery-index #header{
	position: relative;
	top:4px;
	display:block;
	width:auto;
	text-align: center;
	background: url(../../cmn/img/bg.gif) repeat-x 0px 4px;
	}
#gallery-index #header #header-inner{
	position: relative;
	width: 940px;
	margin: 0 auto;
	}

/*------------------------------*/
/*#contents*/
/*------------------------------*/
#gallery-index #contents{
	position:relative;
	width:100%;
	height:1%;
	left:0;
	zoom: 1;
	background: #fff;
	}
#gallery-index #grid{
	position:absolute;
	width:auto;
	left: 0;
	text-align: left;
	zoom: 1;
	}
#gallery-index #grid .item{
	position:absolute;
	width: 210px;
	zoom: 1;
	}

/*------------------------------*/
/*title*/
/*------------------------------*/
#gallery-index .title{
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 15px;
	}
#gallery-index .title .f-left{
	display: inline;
	width: 222px;
	}
#gallery-index .title .f-right{
	display: inline;
	width: 630px;
	margin-right: 30px;
	}

/*------------------------------*/
/*#footer*/
/*------------------------------*/
#gallery-index #footer{
	position:absolute;
	width: 100%;
	left:0;
	}
#gallery-index #footer #banner{
	position: relative;
	width: 100%;
	}
	
/*------------------------------*/
/*.event-box*/
/*------------------------------*/
#gallery-index .event-box{
	width: 210px;
	text-align: center;
	background:url(../../cmn/img/bg_06.gif) repeat-y top left;
	}
#gallery-index .event-box .event-header{
	background: #009246 url(../../cmn/img/bg_07.gif) no-repeat top left;
	color: #FFF;
	font-size: 1.2em;
	padding: 5px 0;
	}
#gallery-index .event-box .event-content{
	background:url(../../cmn/img/bg_09.gif) no-repeat bottom left;
	padding: 15px 0 20px;
	}
#gallery-index .event-box .event-footer{
	background:url(../../cmn/img/bg_08.gif) no-repeat bottom left;
	padding-bottom: 5px;
	}
#gallery-index .event-box .event-footer .inner{
	background: #ECECEC;
	margin: 0 1px;
	padding: 10px 0;
	}
#gallery-index .event-box .event-footer .inner h3{
	font-size: 1.2em;
	text-align: left;
	margin: 0 20px;
	}
	
#gallery-index .no-image{
	background: #F3F8EA;
	vertical-align: cetner;
	margin: 0 20px;
	}
#gallery-index .no-image img{
	width: 170px;
	}
	
.thum-image{
	display: block;
	width: 170px;
	height: 120px;
	overflow: hidden;
	vertical-align: middle;
	margin: 0 20px;
}