@charset "utf-8";
/*========================================================================

File name : top.css
Site name : TOYOTA MOTOR SPORTS
Copyright : TOYOTA MOTOR CORPORATION, All Rights Reserved.
 Creation date: 2012.06.07
Last updated :

--------------------------LIST--------------------------

*** 00: basic ***
*** 01: subnav ***
*** 02: main ***
*** 03: sponsor banner ***
*** 04: lemans ***
*** 05: sponcer ***

----------------------------------------------

========================================================================*/
/*----------------------------------------------------
00:basic
----------------------------------------------------*/
#top {
background: url(../img/bg_body.gif) #ffffff repeat-x left top;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
}
.second {
background: url(../img/bg_body.gif) #ffffff repeat-x left -700px !important;
}

#top #mainimg {
width: 100%;
height: 700px;
margin: 0 auto;
cursor: pointer;
}

#top #container {
width: 1000px;
}

#top header {
padding: 20px 0;
overflow: hidden;
/zoom: 1;
}
#top header h1 {
float: left;
}
#top header p#btn_newsrelease {
float: right;
}

#top p.pagetop {
clear: both;
margin: 20px 0;
padding-left: 50px;
}

#top footer {
clear: both;
width: 1000px;
}
#top footer p#copyright {
text-align: right;
font-size: 11px;
}


/*----------------------------------------------------
01:subnav
----------------------------------------------------*/
#side {
float: left;
width: 205px;
padding-left: 10px;
}
#side h2 {
margin-bottom: 1px;
}

#side nav ul#sub_nav li {
border-bottom: 1px solid #cfcfcf;
font-size: 20px;
font-weight: bold;
}
#side nav ul#sub_nav li a {
display: block;
padding: 15px 30px 15px 10px;
width: 165px;
background: url(../../img/bg_sub_nav.gif) no-repeat 180px center;
}
#side nav ul#sub_nav li a span.date {
font-size: 12px;
font-weight: normal;
}
/* hover */
#side nav ul#sub_nav li a:hover {
color: #d2161e;
background: url(../../img/bg_sub_nav_on.gif) no-repeat 180px center;
}
#side nav ul#sub_nav li a:hover span.date {
font-size: 12px;
}
/* current */
#side nav ul#sub_nav li.on {
background: url(../../img/bg_sub_nav_on.gif) no-repeat 180px center;
color: #d2161e;
padding: 15px 30px 15px 10px;
width: 165px;
}
#side nav ul#sub_nav li.on span.date {
font-size: 12px;
}

#side nav p#cover {
margin: 20px 0;
}

#side nav ul#bnrlist {
}
#side nav ul#bnrlist li {
margin-bottom: 10px;
}

/*----------------------------------------------------
02:main
----------------------------------------------------*/
#contents {
width: 740px;
float: right;
margin-bottom: 40px;
}
#contents p#date {
color: #333333;
font-size: 11px;
}
#contents h3 {
color: #254262;
font-size: 40px;
padding: 15px 0;
font-family: museo-1,museo-2,sans-serif;
}
#contents p#lead {
color: #333333;
font-size: 24px;
margin-bottom:20px;
}
#contents h4 {
color: #8b8b8b;
font-size: 25px;
font-family: museo-1,museo-2,sans-serif;
margin-bottom: 15px;
}

#contents .sns {
padding-bottom: 15px;
}

#contents .sns:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
    visibility:hidden;
    }

   #contents .sns{display: inline-block;} 

    /* Hides from IE Mac */
    * html #contents .sns {height: 1%;}
       #contents .sns{display:block;}
    /* End Hack */ 

#contents .sns h4{
float:left;
color: #254262;
font-size: 12px;

margin-bottom: 0!important;
}
#contents .sns ul{
display: table;
/display:inline;
/zoom: 1;
float: left;
/float: none;
margin-top: -2px;
}
#contents .sns ul li{
display:inline-block;
/display:inline;
/zoom: 1;
vertical-align: middle;
padding-left: 5px;
}
#contents .sns ul li#twitterTweet{
padding-left: 15px;
padding-top: 1px;
}
#contents .sns ul li#twitterTweet iframe{
width:90px!important;
}

#contents .sns ul li#faceBookShare {
}

#contents .sns ul li#googlePlus {
padding-left: 10px;
}

/*----------------------------------------------------
03:sponsor banner
----------------------------------------------------*/
#sponsor {
background-color: #d8d8d8;
width: 1000px;
height: 64px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
#sponsor a#prev {
background: url(../img/sponsor_prev.gif) no-repeat center center;
display: block;
width: 50px;
height: 65px;
position: absolute;
top: 0;
left: 0;
}
#sponsor a#next {
background: url(../img/sponsor_next.gif) no-repeat center center;
display: block;
width: 50px;
height: 65px;
position: absolute;
top: 0;
right: 0;
}
#sponsor a#prev:hover,
#sponsor a#next:hover {
text-decoration: none;
}

#sponsor .sponsorList {
margin: 7px 40px 0 53px;
}
#sponsor .sponsorList ul li {
float:left;
}


/*----------------------------------------------------
04:index.html
----------------------------------------------------*/
#photos {
background: url(/archive/ms/en/wec/saopaulo/img/line.gif) repeat-x left top;
padding: 20px 10px 0;
}
#photos ul li {
float: left;
padding: 0 10px 15px;
}

.player{
    margin:0 auto;
    width:640px;
    margin-bottom:30px;
    }
.player h5{
    font-size: 24px;
    color: #254262;
    font-family: museo-1,museo-2,sans-serif;
    margin-bottom:10px;
    }
.player p{
    font-size: 26px;
    margin--top:10px;
    }


/*----------------------------------------------------
05:sponcer.html
----------------------------------------------------*/
#sponsors {
background: url(../../img/line.gif) repeat-x left top;
padding: 20px 10px 0;
}
.sponsors {
border-bottom: 1px solid #dcdcdc;
padding: 15px 0;
overflow: hidden;
min-height:165px;
_height:165px;
font-size: 11px;
}
.sponsors h4 {
font-size: 20px!important;
font-weight: bold;
margin-bottom: 10px;
color: #333333!important;
font-family: Verdana, Geneva, sans-serif!important;
display: inline;
margin-bottom: 0!important;
}
.sponsors span.hp {
background: url(../../img/bg_hp.gif) no-repeat 10px center;
padding-left: 25px;
font-size: 12px;
}
.sponsors .sponsorTxt {
margin-top: 20px;
overflow: hidden;
}
.sponsors .sponsorTxt .sponsorImg {
float: right;
width: 170px;
height: 100px;
border: 1px solid #e1e1e1;
margin-left: 10px;
text-align: center;
}
.sponsors .sponsorTxt p {
font-size: 24px;
line-height: 1.35;
width: 530px;
}