@charset "utf-8";

/* summary ------------------
Sidebar
-------------------------- */

#Sidebar {
margin:0;
}

/* SidebarTitle01 ----------------- */
#Sidebar .SidebarTitle01 {
margin:0 0 15px 0;
}
#Sidebar .SidebarTitle01 h1,
#Sidebar .SidebarTitle01 h2,
#Sidebar .SidebarTitle01 h3 {
margin:0;
}

/* SidebarTitle02 ----------------- */
#Sidebar .SidebarTitle02 {
margin:0;
}
#Sidebar .SidebarTitle02 h1,
#Sidebar .SidebarTitle02 h2,
#Sidebar .SidebarTitle02 h3 {
margin:0;
}


/* VoiceList ----------------- */
#Sidebar .VoiceList {
margin:0;
}
#Sidebar .VoiceList .voice {
margin:0 0 15px 0;
border-bottom:1px dotted #AFAFAF;
}
#Sidebar .VoiceList .voice .profile {
margin:0 0 10px 0;
}
	#Sidebar .VoiceList .voice .profile:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #Sidebar .VoiceList .voice .profile {
	display: inline-block;
	}
	*+html #Sidebar .VoiceList .voice .profile {
	display: inline-block;
	}
#Sidebar .VoiceList .voice .profile .photo {
float:left;
width:70px;
}
#Sidebar .VoiceList .voice .profile .name {
margin:0 0 2px 0;
font-size:2.6em;
line-height:1;
}
#Sidebar .VoiceList .voice .profile .name a {
color:#4D4D4D;
}
#Sidebar .VoiceList .voice .profile .timestamp {
font-size:1.2em;
line-height:1;
color:#B3B3B3;
}
#Sidebar .VoiceList .voice ul.NewsList {
margin:0 0 15px 0;
}
#Sidebar .VoiceList .voice ul.NewsList li {
margin:0 0 5px 0;
padding:0 0 0 8px;
background:url(images/liststyle_001.gif) left 0.7em no-repeat;
font-size:1.4em;
line-height:1.5;
}



/* QuestionSection */

/*
#Sidebar #QuestionSection {
margin:0 0 15px 0;
}
#Sidebar #QuestionSection .question {
padding:10px 10px 0 10px;
background:url(images/bg_question_001.gif) 255px center no-repeat;
border:1px solid #C5C5C5;
}
#Sidebar #QuestionSection .question h2 {
margin:0 0 10px 0;
}
*/

#Sidebar #QuestionSection {
margin:0 0 15px 0;
}
#Sidebar #QuestionSection .question {
padding:10px 10px 0 10px;
background:url(images/bg_question_001.gif) 255px 10px no-repeat;
border:1px solid #C5C5C5;
}
#Sidebar #QuestionSection .question h2 {
margin:0 0 10px 0;
}
#Sidebar #QuestionSection .question ul.NewsList {
margin:0 0 10px 0;
}
#Sidebar #QuestionSection .question ul.NewsList li {
margin:0 0 15px 0;
}
	#Sidebar #QuestionSection .question ul.NewsList li:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #Sidebar #QuestionSection .question ul.NewsList li {
	display: inline-block;
	}
	*+html #Sidebar #QuestionSection .question ul.NewsList li {
	display: inline-block;
	}
#Sidebar #QuestionSection .question ul.NewsList li .photo {
float:left;
width:60px;
}
#Sidebar #QuestionSection .question ul.NewsList li .title {
display:block;
margin:0 0 5px 0;
padding:0 0 0 78px;
background:url(images/liststyle_001.gif) 70px 0.7em no-repeat;
font-size:1.4em;
line-height:1.5;
}
#Sidebar #QuestionSection .question ul.NewsList .title span {
font-size:12px;
line-height:1.5;
}
#Sidebar #QuestionSection .question ul.NewsList li .title a {
display:block;
}


/* PickUpNewsSection */
#Sidebar #PickUpNewsSection {
margin:0 0 15px 0;
}
#Sidebar #PickUpNewsSection .PickUpNews {
border:1px solid #C5C5C5;
}
#Sidebar #PickUpNewsSection .PickUpNews h2 {
margin:0;
}
#Sidebar #PickUpNewsSection .PickUpNews ul.NewsList {
margin:14px;
}
#Sidebar #PickUpNewsSection .PickUpNews ul.NewsList li.topics {
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px dotted #AFAFAF;
font-size:1.4em;
line-height:1.5;
}
	#Sidebar #PickUpNewsSection .PickUpNews ul.NewsList li.topics:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #Sidebar #PickUpNewsSection .PickUpNews ul.NewsList li.topics {
	display: inline-block;
	}
	*+html #Sidebar #PickUpNewsSection .PickUpNews ul.NewsList li.topics {
	display: inline-block;
	}
#Sidebar #PickUpNewsSection .PickUpNews ul.NewsList li.topics span.icon {
display:block;
float:left;
width:70px;
height:14px;
margin:3px 5px 0 0;
padding:3px 0 0 0;
background:#134268;
font-size:11px;
line-height:1;
color:#FFF;
text-align:center;
}
#Sidebar #PickUpNewsSection .PickUpNews ul.NewsList li.news {
margin:0 0 5px 0;
padding:0 0 5px 8px;
background:url(images/liststyle_001.gif) left 0.7em no-repeat;
border-bottom:1px dotted #AFAFAF;
font-size:1.4em;
line-height:1.5;
}

#Sidebar #PickUpNewsSection .PickUpNews ul.PhotoList {
margin:0 14px 14px 14px;
}
	#Sidebar #PickUpNewsSection .PickUpNews ul.PhotoList:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #Sidebar #PickUpNewsSection .PickUpNews ul.PhotoList {
	display: inline-block;
	}
	*+html #Sidebar #PickUpNewsSection .PickUpNews ul.PhotoList {
	display: inline-block;
	}
#Sidebar #PickUpNewsSection .PickUpNews ul.PhotoList li {
float:left;
width:80px;
margin:0 5px;
}
#Sidebar #PickUpNewsSection .PickUpNews ul.PhotoList li a {
display:block;
width:80px;
height:80px;
background:#EBEBEB;
text-align:center;
}



/* RankingSection */
#Sidebar #SidebarRankingSection {
margin:0 0 15px 0;
}
#Sidebar #SidebarRankingSection .Ranking {
border:1px solid #C5C5C5;
}
#Sidebar #SidebarRankingSection .Ranking h2 {
position:relative;
margin:0;
}
#Sidebar #SidebarRankingSection .Ranking h2 a.more {
position:absolute;
top:0px;
right:10px;
}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation {
height:26px;
margin:14px;
border-bottom:1px solid #CBCBCB;
}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation {
margin:0;
}
	#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation {
	display: inline-block;
	}
	*+html #Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation {
	display: inline-block;
	}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li {
float:left;
width:84px;
padding:0;
}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li a {
cursor:pointer;
height:26px;
display:block;
}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.TopicsTab {margin:0 0 0 5px;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.TopicsTab.deactive {background:url(images/ranking_navigation_001.gif) no-repeat left top;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.TopicsTab.active {background:url(images/ranking_navigation_001_active.gif) no-repeat left top;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.VoiceTab {margin:0 0 0 3px;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.VoiceTab.deactive {background:url(images/ranking_navigation_002.gif) no-repeat left top;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.VoiceTab.active {background:url(images/ranking_navigation_002_active.gif) no-repeat left top;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.NewsTab {margin:0 0 0 3px;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.NewsTab.deactive {background:url(images/ranking_navigation_003.gif) no-repeat left top;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li.NewsTab.active {background:url(images/ranking_navigation_003_active.gif) no-repeat left top;}
#Sidebar #SidebarRankingSection .Ranking .RankingNavigation ul.navigation li a span.text {
position: absolute;
top: -99999px;
left: -99999px;
overflow: hidden;
font-size: 0;
height: 0;
width: 0;
}

#Sidebar #SidebarRankingSection .Ranking ul.NewsList {
margin:0 14px 14px 14px;
}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li {
margin:0 0 5px 0;
padding:0 0 5px 40px;
border-bottom:1px dotted #AFAFAF;
font-size:1.4em;
line-height:1.5;
}
	#Sidebar #SidebarRankingSection .Ranking ul.NewsList li:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #Sidebar #SidebarRankingSection .Ranking ul.NewsList li {
	display: inline-block;
	}
	*+html #Sidebar #SidebarRankingSection .Ranking ul.NewsList li {
	display: inline-block;
	}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li span.icon {
display:block;
float:left;
width:70px;
height:14px;
margin:3px 5px 0 0;
padding:3px 0 0 0;
background:#134268;
font-size:11px;
line-height:1;
color:#FFF;
text-align:center;
}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank01 span.icon {
margin:4px 5px 0 0;
}


#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank01 {background:url(images/ranking_sidebar_001.gif) left center no-repeat;font-size:1.6em;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank02 {background:url(images/ranking_sidebar_002.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank03 {background:url(images/ranking_sidebar_003.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank04 {background:url(images/ranking_sidebar_004.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank05 {background:url(images/ranking_sidebar_005.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank06 {background:url(images/ranking_sidebar_006.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank07 {background:url(images/ranking_sidebar_007.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank08 {background:url(images/ranking_sidebar_008.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank09 {background:url(images/ranking_sidebar_009.gif) left center no-repeat;}
#Sidebar #SidebarRankingSection .Ranking ul.NewsList li.rank10 {background:url(images/ranking_sidebar_010.gif) left center no-repeat;}


/* SidebarMailmagazineSection */
#Sidebar #SidebarMailmagazineSection {
margin:0 0 15px 0;
}
#Sidebar #SidebarMailmagazineSection .banner {
margin:0;
}
