@charset "UTF-8";
/* CSS Document */

#wrapper {
	width: 770px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	background-color:#FFFFFF;
    }
	
#wrapper-inner {
    float:left;
	width: 770px;
	padding-bottom:20px;
    }
	
.header-logo {
    width: 770px;
	height: 128px;
	float: left;
	padding-top:15px;
	padding-bottom:15px;
	}
	
.logo {
    float:left;
    height:128px;
	width:170px;
	padding-left: 300px;
	}
	
.logo a {
    float:left;
    width: 170px;
	height: 128px;
	background:url(../img/indoor_logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
	}
	
.logo a:hover {
    width: 170px;
	height: 128px;
	background:url(../img/indoor_logo.jpg) no-repeat 0 -128px;
	text-indent: -9999px;
	}
	
.header-fla {
    width:768px;
	height:235px;
	float:left;
	border:1px solid #999;
	}
	
ul.header-navi {
	width:770px;
	height:47px;
	float:left;
	padding-top:10px;
	margin-bottom: 30px;
	}
	
.header-navi li {
    float:left;
	height:47px;
	}
	
ul.header-navi li a {
    float:left;
	height:47px;
	text-indent:-9999px;
	}
	
ul.header-navi li a:hover {
    background-position:0 -47px;
	}
	
li.navi-home a {
    width:96px;
	background:url(../img/navi-home.jpg) no-repeat 0 0;
	}
	
li.navi-shopping a {
    width:96px;
	background:url(../img/navi-shopping.jpg) no-repeat 0 0;
	}
	
li.navi-blog a {
    width:96px;
	background:url(../img/navi-blog.jpg) no-repeat 0 0;
	}
	
li.navi-myspace a {
    width:96px;
	background:url(../img/navi-myspace.jpg) no-repeat 0 0;
	}
	
li.navi-shop a {
    width:96px;
	background:url(../img/navi-shop.jpg) no-repeat 0 0;
	}
	
li.navi-class a {
    width:96px;
	background:url(../img/navi-class.jpg) no-repeat 0 0;
	}
	
li.navi-link a {
    width:96px;
	background:url(../img/navi-link.jpg) no-repeat 0 0;
	}
	
li.navi-recruit a {
    width:98px;
	background:url(../img/navi-recruit.jpg) no-repeat 0 0;
	}

.content-main {
    width:770px;
	float:left;
	padding-top:30px;
	}
	
.content-sub {
    width:770px;
	float:left;
	padding-top:30px;
	}

.top-topics {
	width:416px;
	float:left;
	padding-right:10px;
	padding-top: 10px;
	}
	
.picframe {
    float:left;
    border:1px solid #999;
	padding:1px;
	}
	
.top-news {
    width:335px;
	float:left;
	}
	
.news-inner {
	height:150px;
	overflow:auto;
	border:1px solid #999;
	padding:10px;
	margin-bottom: 10px;
	}
	
.top-movie {
    float:left;
	width:780px;
	}
	
.movie_bn {
    border-bottom:1px dotted #999;
	padding-bottom:10px;
	padding-top:10px;
	width:770px;
	float:left;
	}
	
.movie_bnBtn {
    float:right;
	}
	
.movie-box {
    width:250px;
    float:left;
	margin-right:10px;
	}
	
.movie-text {
    width:250px;
	loat:left;
	margin-top:10px;
	}
	
.top-music {
    float:left;
	width:780px;
	}
	
.music-inner {
    width:770px;
	float:left;
	border-top:1px dotted #999;
	padding-top:10px;
	}
	
.music-info {
    width:124px;
	float:left;
	padding-right:10px;
	padding-bottom:5px;
	}
	
.music-info img {
    margin-bottom:5px;
	}
	
.music-list {
    width:636px;
	float:left;
	padding-bottom:10px;
	}
	
.music-list ul {
    width:636px;
	float:left;
	list-style:none outside;
	}
	
.music-list ul li {
	padding-top:10px;
	float:left;
	padding-right:10px;
	display:block;
	width:202px;
	}
	
.list-left {
    float:left;
	width:40px;
	padding-right:3px;
	}
	
.list-right {
    padding-left:43px;
	}
	
.footer {
    width:770px;
	float:left;
	height:100px;
	background:url(../img/footer.jpg) no-repeat 0 0;
	}
	
p.footertxt {
    float:right;
	padding:22px;
	}
	
	
	#gold_banner {
	padding: 0px;
	height: 169px;
	width: 768px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#banner {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 169px;
	width: 384px;
}

#in_banner2 {
 margin: 0px;
 padding: 0px;
 float: left;
 height: 330px;
 width: 768px;
}
 
#2 {
 margin: 0px;
 padding: 0px;
 width: 768px;
 height: 330px;
}

#banner_1 {
	padding: 0px;
	height: 330px;
	width: 768px;
	margin: 0px;
}

#in_banner1 {
 margin: 0px;
 padding: 0px;
 float: left;
 height: 330px;
 width: 78px;
}

#1 {
 margin: 0px;
 padding: 0px;
 width: 78px;
 height: 330px;
}
.top-topics_2 {

	width:768px;
	float:left;
	padding-right:10px;
	padding-top: 10px;
}

