@charset "utf-8";
/* CSS Document */
#footer_bg {
	width: 100%;
	min-width: 980px;
	position: absolute;
	left: 0;
	top: 933px;
	height: 761px;
	background: url(../img/common/bg/bgFt2.jpg) center 553px;
}
#foot_bg2 {
	height: 553px;
	width: 100%;
	min-width: 980px;
	background: url(../img/common/bg/bgFt1.jpg) center top repeat-x;
}
footer {
	padding: 35px 0 40px;
	position: relative;
	left: -100px
}
#main_img {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 0 0 0 -140px;
}
#on_layer {
	width: 980px;
	position: absolute;
	top: 0;
}
h1 {
	position: absolute;
	top: 10px;
	left: 20px;
}
#catch {
	position: absolute;
	top: 45px;
	left: 660px;
	right: 0;
}

#st_button {
	position: absolute;
	top: 130px;
	left: 860px;
	right: 0;
}

#top_nav {
	width: 242px;
//	height: 403px;
	height: 440px;
	background: url(../img/top/nav/frameBottom.png) left bottom no-repeat;
	position: absolute;
	top: 228px;
	left: 0;
}
#top_nav li {
	position: absolute;
}
#top_nav li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#top_nav li img {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.2s linear;
}
#top_nav .hover_off {
	opacity: 1;
	filter: alpha(opacity=100);
}
#top_nav .hover_on {
	opacity: 0;
	filter: alpha(opacity=0);
}
#top_nav a:hover .hover_off {
	opacity: 0;
	filter: alpha(opacity=0);
}
#top_nav a:hover .hover_on {
	opacity: 1;
	filter: alpha(opacity=100);
}
#nav1 {
	top: 49px;
	left: 0;
}
#nav2 {
	top: 49px;
	left: 117px;
}
#nav3 {
	top: 109px;
	left: 9px;
}
#nav4 {
	top: 173px;
	left: 16px;
}
#nav5 {
	top: 238px;
	left: 4px;
}
#nav6 {
	top: 238px;
	left: 131px;
}
#nav7 {
	top: 301px;
	left: 13px;
}
#nav8 {
	top: 301px;
	left: 131px;
}

#nav9 {
	top: 360px;
	left 200px;
}

#nav10 {
	top: 360px;
	left: 120px;
}

#news_area {
	width: 974px;
	margin: 7px auto 0;
	position:absolute;
	top: 1235px;
}
#news {
	width: 348px;
	height: 306px;
	background: url(../img/top/bgNews.png);
	position: relative;
	float: left;
}
#news h2 {
	position: absolute;
	top: -231px;
	left: 25px;
	-webkit-animation: baloon 5s infinite ease-in-out;
}
@-webkit-keyframes baloon {
	0% {
		-webkit-transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(-20px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}
#news_in {
	width: 294px;
	height: 208px;
	margin: 74px 0 0 29px;
	overflow-y: scroll;
}
#news li {
	padding: 14px 0 11px;
	background: url(../img/top/line.png) center bottom repeat-x;
	margin: 0 10px 0 0;
}
.news_d {
	background: url(../img/top/bullet.png) 2px 1px no-repeat;
	padding: 0 0 0 10px;
	font-size: 10px;
	line-height: 1;
}
.news_t {
	margin: 4px 0 0;
	font-size: 12px;
	line-height: 1.5;
}
.news_t a {
	color: #FF5AB7;
	text-decoration: none;
}
#news_btn {
	position: absolute;
	top: 4px;
	right: 12px;
}
#news_btn img {
	transition: opacity 0.2s linear;
}
#news_btn img:hover {
	opacity: 0.7;
}
#tw {
	width: 348px;
	height: 306px;
	background: url(../img/top/bgtwitter.png);
	position: relative;
	float: left;
}
#tw_in {
	margin: 74px 0 0 31px;
}
#tw_btn {
	position: absolute;
	top: 4px;
	right: 12px;
}
#tw_btn img {
	transition: opacity 0.2s linear;
}
#tw_btn img:hover {
	opacity: 0.7;
}
#pickup {
	width: 278px;
	height: 306px;
	background: url(../img/top/bgPickup.png);
	float: left;
	position: relative;
}
#pickup h2 {
	position: absolute;
	top: -227px;
	left: 97px;
	-webkit-animation: baloon2 5s infinite ease-in-out;
}

#pickup ul {
	width: 230px;
	margin: 0 auto;
	padding-top: 75px;
}

#pickup ul li{
	margin: 0 0 6px 0;
}
@-webkit-keyframes baloon2 {
	0% {-webkit-transform: translateY(-20px)}
	50% {-webkit-transform: translateY(0)}
	100% {-webkit-transform: translateY(-20px)}
}

#pickup a img {
	transition: opacity 0.2s linear;
}
#pickup a img:hover {
	opacity: 0.7;
}
.after_load {
	opacity: 0;
	filter: alpha(opacity=0);
}

#douga{
	width: 420px;
	position: relative;
	top: 40px;
	left: 650px;
}