@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/*RESET OVER*/
body{
	margin: 0px;
	padding: 0px;
	position: relative;
}

#container{
	width:1000px;
	margin:auto;
}

#header a,#footer a{
	width:100%;
	height:100%;
	text-indent:-9999px; 
    font-size:0;
	display:block;
}

#header{
	width:100%;
	height: 75px;
	background: #000;
	position:fixed;
	z-index: 9999; 
}

#header a#logo{
	width: 156px;
	height: 75px;
	background: url(../img/sony_logo.png) no-repeat;
	float: left;
}


#header ul{
	width: 560px;
	height:75px;
	float:right;
}
#header ul li{float:left;}
#header a{height:75px;}
#header a.nav1{width:140px; background:url(../img/nav1.jpg) no-repeat top;}
#header a.nav2{width:140px; background:url(../img/nav2.jpg) no-repeat top;}
#header a.nav3{width:140px; background:url(../img/nav3.jpg) no-repeat top;}
#header a.nav4{width:140px; background:url(../img/nav4.jpg) no-repeat top;}
#header a.nav1:hover,#header a.nav2:hover,#header a.nav3:hover,#header a.nav4:hover,#header a.selected{background-position:bottom;}

#footer{width:100%; height: 30px; background: #000; position:fixed; z-index: 9999; bottom:0px;}

#footer #fL{width:350px; height:30px; background:url(../img/footer_l.png) no-repeat; position:relative; float:left;}
#footer #fL a.share{width:50px; height:15px; position:absolute; top:8px; left:293px; background:url(../img/share_btn.png) no-repeat top;}
#footer #fL a.share:hover{background-position:bottom;}

#footer #fR{width:200px; height:30px; position:relative; float:right;}
#footer #fR a.fans{width:150px; height:16px; position:absolute; top:7px; left:25px; background:url(../img/fans_btn.png) no-repeat top;}
#footer #fR a.fans:hover{background-position:bottom;}


#main{
	width:100%; position:relative;
}

.fee1{ width:100%; height:3500px; position:relative; top:75px;}
.f_area{ width:1000px;  position:absolute; left:50%; margin-left:-500px;}
.t_img1{ width:400px; height:400px; position:absolute; top:50px; left:100px;}
.t_img2{ width:310px; height:440px; position:absolute; top:30px; left:430px;}
.t_img3{ width:310px; height:240px; position:absolute; top:230px; left:700px;}
.t_link{ width:831px; height:50px; position:absolute; top:500px; left:105px;}
.t_link li{ float:left;}
.t_l1{ width:210px; height:50px; background:url(../img/trfee_btn_01.jpg) no-repeat; display:block;}
.t_l2{ width:207px; height:50px; background:url(../img/trfee_btn_02.jpg) no-repeat; display:block;}
.t_l3{ width:207px; height:50px; background:url(../img/trfee_btn_03.jpg) no-repeat; display:block;}
.t_l4{ width:207px; height:50px; background:url(../img/trfee_btn_04.jpg) no-repeat; display:block;}
.t_l1:hover,.t_l2:hover,.t_l3:hover,.t_l4:hover{ background-position:0 -50px;}

.t_i1{ width:600px; height:100px; position:absolute; top:620px; left:105px;}
.t_i5{ width:800px; height:40px; position:absolute; top:1220px; left:105px;}
.t_i2{ width:600px; height:30px; position:absolute; top:1340px; left:105px;}
.t_i3{ width:800px; height:100px; position:absolute; top:2000px; left:105px;}
.t_i4{ width:600px; height:30px; position:absolute; top:2750px; left:105px;}

p,.w2{font-size: 12px; font-family:Verdana, Geneva, sans-serif; padding:3px;}
.w1{ color:#FFF; font-weight:bold;}
.box1{ width:900px; height:500px; position:absolute; top:700px; left:105px;}
.box2{ width:900px; height:500px; position:absolute; top:1360px; left:105px;}
.box3{ width:900px; height:500px; position:absolute; top:2085px; left:105px;}
.box4{ width:900px; height:500px; position:absolute; top:2760px; left:105px;}
.topbtn{ width:90px; height:90px; background:url(../img/topbtn.png) no-repeat; display:block; position:fixed; top:750px; left:1500px;}
.topbtn:hover{ opacity:0.5;}
.icon{ width:52px; height:52px;float:right;}