@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; }
a{text-decoration:underline; color : #1494bb}
a:hover{text-decoration:none}
img{border:none}
body{background:#f5f4f5; font-family:Arial, Helvetica, sans-serif; font-size:13px;line-height:14px; color:#000}
.con{width:980px; margin:0 auto}
.header{height:148px; background:url(../images/bg_01.jpg) no-repeat top left; clear:both; }
.box1{height:301px; background:url(../images/bg_02.jpg) no-repeat top left; clear:both;}
.box1l{height:301px; background:url(../images/bg_02-leer.jpg) no-repeat top left; clear:both;}
.box2{height:117px; background:url(../images/bg_03.jpg) no-repeat top left; clear:both;}
.box3{height:300px; background:url(../images/bg_04.jpg) no-repeat top left; clear:both;}
.box4{clear:both}
.box4 .rank{height:241px; background:url(../images/bg_06.jpg) no-repeat top left; clear:both; padding-top:3px}
.box4top{height:41px; background:url(../images/bg_05.jpg) no-repeat top left}
.box4space{height:15px; background:url(../images/bg_07.jpg) no-repeat top left}
.box4btm{height:20px; background:url(../images/bg_09.jpg) no-repeat top left}
.box5{height:302px; background:url(../images/bg_10.jpg) no-repeat top left; clear:both;}

.header .logo{float:left; width:287px; padding:15px 0 0 35px; height:89px}
.header .headercenter{font-size:14px; line-height:22px; color:#fff; text-align:center; float:left; width:220px; padding:30px 0 0 80px}
.header .headerright{float:right; width:200px;;padding:35px 30px 0 0}

.navi{clear:both; padding-left:20px; font-size:14px; line-height:36px; position:relative;z-index:100;}
.navi ul{list-style:none;}
.navi li {float:left;position:relative; width:130px; text-align:center;  background:url(../images/navispan.gif) no-repeat right top}
.navi ul ul {visibility:hidden;position:absolute;left:0;top:36px;}
.navi table {position:absolute; top:0; left:0;}
.navi ul li:hover ul,  .navi ul a:hover ul{visibility:visible;}
.navi a{display:block; color:#fff; text-decoration:none; font-weight:bold}
.navi a:hover{background:url(../images/navihover.gif);}
.navi ul ul{}
.navi ul ul li {clear:both;text-align:center;font-size:14px;  line-height:16px; border-top:1px solid #fff}
.navi ul ul li a{display:block; background:#fcc726; padding:10px 0;font-weight:normal; }
.navi ul ul li a:hover{background:#e1ab05;}


.box1left{width:590px; padding:55px 0 0 35px; float:left}
.box1left h1{font-size:14px; color:#1494bb; padding-bottom:14px; line-height:14px}
.box1left p{padding-bottom:14px; line-height:16px}
.box1left a{color:#1494bb}
.box1right{width:265px; padding:55px 40px 0 0 ; float:right}
.box1right h1{font-size:14px; color:#ed8700; padding-bottom:14px; line-height:14px}
.box1right p{line-height:14px}
.box1right h2{font-size:12px; font-weight:bold; background:url(../images/swoosh.gif) no-repeat right top; line-height:14px; padding-top:18px; width:170px}
.box1right h2 span{color:#ed8700;}

.box2 h1{font-size:14px; color:#fff; padding:22px 0 16px 40px}
.box2 p{font-size:13px; color:#c80a0b; line-height:18px; font-weight:bold; padding-left:40px}
.box2 a{font-size:13px; color:#c80a0b; line-height:18px; font-weight:bold}     

.box3 h1{font-size:14px; color:#fff; padding:22px 0 8px 40px}
.box4 h1{font-size:14px; color:#fff; padding:22px 0 0 40px}
.ranknumber{width:70px; padding:0 0 0 40px; float:left}
.ranknumber h2{text-align:center; color:#fff; height:40px; font-size:22px; line-height:40px; padding:25px 0 10px 0}
.ranknumber h3{text-align:center; color:#fff; height:40px; font-size:36px; line-height:40px; padding:28px 0 7px 0}
.rankscreenshot{width:208px; float:left; padding-top:45px}
.rankinfo{width:324px; float:left; padding-top:20px; text-align:center}
.rankinfo .ranklogo{padding-bottom:10px}
.rankinfo .star{width:50%; float:left; height:60px; line-height:24px;}
.rankinfo h2{clear:both; font-size:14px; padding:10px 0}
.rankright{width:280px; float:right; padding:40px 30px 0 0; line-height:16px}
.rankright p{padding-bottom:10px}
.rankrightbanner{width:310px; float:right; padding-right:22px}

.box5 .rss{position:absolute; margin:116px 0 0 640px}
.box5 .newsletter{position:absolute; margin:226px 0 0 583px}
.box5 h1{font-size:14px; color:#fff; padding:22px 0 20px 40px}
.box5 p{width:625px; height:40px; padding-left:50px}
.newslettertable{width:500px; padding-left:70px; padding-top : 10px}
.box5 h5{line-height:16px; color:#878787; font-style:italic;font-size:12px; font-weight:normal; width:500px; }
.box5 h4{line-height:16px; color:#000; font-style:normal;font-size:12px; font-weight:normal}
.box5 h4 a{color:#000}
.box5 h6{border-bottom:1px dashed #000; height:8px; margin-bottom:8px}

.footer{text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:11px; height:60px; padding-top:20px}
.footer a{text-decoration:none; color:#000}
.footer a:hover{text-decoration:underline}

.box6{clear:both}
.box6top{height:41px; background:url(../images/bg_05.jpg) no-repeat top left}
.box6space{height:15px; background:url(../images/bg_12.jpg) no-repeat top left}
.box6btm{background:url(../images/bg_11.jpg) repeat top left; padding : 10px 40px 10px 40px; font-size : 16px; line-height : 20px}
.box6space2{height:15px; background:url(../images/bg_13.jpg) no-repeat top left}