@import URL("common/css/reset.css");
@import URL("common/css/base.css");

#wrapper {
	background:url(images/top_main_bg.png) no-repeat top center!important;
}
#keyTop {
	width: 1000px;
	margin-bottom: 2em;
	background-image: url(images/key_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 auto 20px;
	padding-bottom:30px;
}

#keyTop img {
	height:440px;
	width:1000px;
  overflow:hidden;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
  transition-duration: 0.5s;
}
.big img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.small img:hover {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}


#mainArea #contentsBlock {
	width: 750px!important;
}
#contentsInfo {
	overflow:hidden;
	margin:0 0 5em 0;
}
#contentsInfo dl {
	width:240px;
	float:left;
	margin-right:15px;
}
#contentsInfo dl dt {
	padding:3px;
	border:#ebe5d9 solid 1px;
	margin-bottom:1.5em;
	background:#FFF;
}
#contentsInfo dl dd {
}
#contentsInfo dl dd span {
	font-size:1.6em;
	display:block;
	margin-bottom:3px;
	background:url(common/images/icon_l.gif) left center no-repeat;
	padding-left:20px;
}
#contentsInfo dl {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
#contentsInfo dl a {
	text-decoration:none;
}
#contentsInfo dl.bl-hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
	text-decoration:underline;
}

section#news {
}
section#news h2 {
	background:url(images/news_titlebar.png) no-repeat!important;
	height:48px!important;
	font-size:1.7em!important;
	font-weight:bold!important;
	padding:10px 0 0 40px!important;
	margin-bottom:1em!important;
	color:#4e3426!important;
}
section#news dl {
	font-size:1.4em;
	overflow:hidden;
	background:url(common/images/border01.gif) center bottom no-repeat;
	padding:0 0 22px 5px;
	margin-bottom:15px;
}
section#news dl dt {
	float:left;
	margin-right:30px;
	widht:80px;
	color:#669933;
}
section#news dl dd {
	width:auto;
	float:left;
	background:url(common/images/icon_news.gif) no-repeat left center;
	padding-left:15px;
}
section#news p.newList {
	margin-top:-10px;
	text-align:right;
}
section#news p.newList a {
	padding-left:20px;
	background:url(common/images/icon_s.gif) no-repeat left center;
	width:auto;
}


#facebook {
	width:218px;
	overflow:hidden;
	background:#f0ebe1;
	border:#e5decf solid 1px;
	padding:4px;
	margin-bottom:2em;
}
#facebook h2 {
	padding:3px 0 5px 0;
}
#facebook .inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background:#FFF;
	width:100%;
	overflow:hidden;
}
#facebook .inner iframe {
    border: none!important;
    width: 220px !important;
    height: 430px !important;
    position: relative;
    top: -1px;
    left: -1px; }