@import "/common/css/styles-main.css";

#head{
float:right;
width:730px;
padding:20px 30px 0px 20px;
}

#title{
padding:10px 10px 0px 18px;
margin-bottom:5px;
}

#welcome{
padding:0px 10px 0px 10px;
margin-bottom: 15px;
}


#content div#head{
width: 680px;
float: none;
margin: 0px;
margin-left:20px;
margin-bottom:-30px;
padding:0px 0px 0px 0px; 
}


#content div#main{
float:left;
width:530px;
line-height:1.5em;
}

#content div#featured_content{
width: 530px;
height:200px;
float: left;
margin: 0px;
line-height:1.5em;
padding:0px 0px 0px 0px; ;
}


#content div#featured_content_2.salesforce{
width: 530px;
height:200px;
float: left;
margin: 0px;
padding:0px 0px 10px 0px; 
}


#content div#top_downloads{
width: 200px;
height:180px;
float: right;
margin-right: 40px;
padding:0px 0px 10px 0px; 
background:url(http://blogs.salesforce.com/jp/img408_shadow.gif) bottom left no-repeat;
}

#content div#top_downloads ol{
line-height:1.3em;
font-size:9pt;
}

div#top_downloads ol ul li{
line-height:1.3em;
}

#content div#event{
width: 530px;
float: left;
line-height:1.5em;
padding:0px 0px 0px 0px; ;
}

#content div#news{
width: 530px;
float: left;
line-height:1.5em;
padding:0px 0px 0px 0px; ;
}

div#news ol{
margin: 1em;
padding: 1em;
}

#content div#side_banner{
width: 200px;
float: right;
margin-top: 20px;
padding:0px 0px 0px 0px; 
}


/*
#content .entry2{
margin: 0px;
padding:0px 0px 0px 0px;
clear: none;
}*/


#content .entry2 h2 a:hover{color: #FF1100;}


/*---------------------------------------------------------------------------------------*/



#sidebar div.module ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
}

#sidebar .module li{
display: block;
width: 100%;
}

#sidebar .module li a{
color: #000;
display: block;
width: 158px;
voice-family: "\"}\""; 
voice-family:inherit;
width:auto;
clear: both;
line-height: 12px;
padding:3px 12px 3px 13px;
margin-left: 2px;
margin-right: 2px;
}

#sidebar .module li a:hover{
background: #fff;
color: #FF1100;
}

#sidebar .module li.divider{
border-top: 1px solid #ccc;
margin-top: 10px;
margi-bottom: 10px;
}



#sidebar .categories li.selected a{
font-size: 16px;
line-height: 18px;
font-weight: bold;padding: 10px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #99908C;
background: #FFF;
width: 154px;
margin-left: 1px;
}

/*---------------------------------------------------------------------------------------*/

#sidebar #socialbar{
background:#EEEEEE;
padding-left:20px;
}

#sidebar #socialbar .sfTwitter{
    background:url( http://success.salesforce.co.jp/images/icon_social_twitter.gif) no-repeat 0 1px;
	color:#9F9793;
	display:block;
	float:left;
	font-size:12px;
	height:auto;
	padding-left:20px;
line-height:1.6;
margin:0;
}

#sidebar #socialbar .sfYoutube{
    background:url( http://success.salesforce.co.jp/images/icon_social_youtube.gif ) no-repeat 0 1px;
	color:#9F9793;
	display:block;
	float:left;
	font-size:12px;
	height:auto;
	padding-left:20px;
line-height:1.6;
margin:0;
}

#sidebar #socialbar .sfFacebook{
    background:url(http://success.salesforce.co.jp/images/icon_social_facebook.gif)  no-repeat 0 1px;
	color:#9F9793;
	display:block;
	float:left;
	font-size:12px;
	height:auto;
	padding-left:20px;
line-height:1.6;
margin:0;
}

#content #main #osusume{
width:510px;
background:url(http://success.salesforce.co.jp/images/osusume_bg.gif)   no-repeat left top;
padding:10px 10px 20px 10px;
}

#content #main #osusume ul{
width:480px;
padding:3px 0;
margin:0;
}

#content #main #osusume ul li{
float:left;
text-align:left;
list-style-type:none;
margin:0px;
padding:0px;
line-height:1.2;
}


#content #main #osusume ul li.new{
width:30px;
font-weight:bold;
font-size:10px;
}

#content #main #osusume ul li.title{
width:150px;
background:url(http://success.salesforce.co.jp/images/img_bullet.gif) no-repeat 2px 2px;
text-indent:13px;
font-weight:bold;
}

#content #main #osusume ul li.textlink{
width:300px;
}

*html #content #main #osusume ul li.textlink{
width:280px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#content #main #event{
width:500px;
background:url(http://success.salesforce.co.jp/images/osusume_bg.gif)   no-repeat left top;
padding:15px 15px 20px 10px;
}

#content #main #event p{
padding-bottom:0;
margin:0;
padding-right:15px;
}

#content #main #event ul{
padding-top:5px;
padding-bottom:10px;
margin:0;
}



.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}