@charset "Shift_JIS";

/* twitter main column ----------------- */

#centercolumn #twitterArea {
background:#A1D4ED;
border:1px solid #8FC1DA;
padding:4px;
}
#centercolumn #twitterArea .title {
background:none;
border:none;
margin:0;
padding:0;
}
	#centercolumn #twitterArea .title:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #centercolumn #twitterArea .title {
	display: inline-block;
	}

	*+html #centercolumn #twitterArea .title {
	display: inline-block;
	}


#centercolumn #twitterArea .title h4 {
float:left;
width:94px;
height:21px;
margin:0 0 5px 0;
padding:0;
background:none;
border:none;
}
#centercolumn #twitterArea .title h4 a {
padding-left:0;
background: none;
}

#centercolumn #twitterArea .title .twitterNavi {
float:right;
margin:0 0 0 0;
}
	#centercolumn #twitterArea .title .twitterNavi:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #centercolumn #twitterArea .title .twitterNavi {
	display: inline-block;
	}

	*+html #centercolumn #twitterArea .title .twitterNavi {
	display: inline-block;
	}
#centercolumn #twitterArea .title .twitterNavi .naviDef {
float:left;
width:100px;
height:18px;
margin:0 0 0 3px;
padding:5px 3px 3px 3px;
background:#8FC1DA;
text-align:center;
font-size:12px;
border-bottom:3px solid #A1D4ED;
}
#centercolumn #twitterArea .title .twitterNavi .naviAc {
float:left;
width:100px;
height:18px;
margin:0 0 0 3px;
padding:5px 3px 3px 3px;
background:#FFF;
text-align:center;
font-size:12px;
border-bottom:3px solid #FFF;
}
#centercolumn #twitterArea .title .twitterNavi a {
display:block;
color:#FFF;
}

#centercolumn #twitterArea .timeline {
background:#FFF;
padding:10px 5px 5px 5px;
}
#centercolumn #twitterArea .timeline ul {
margin:0;
padding:0;
}
#centercolumn #twitterArea .timeline ul li {
width:500px;
margin:0 0 10px 0;
padding:0 0 10px 0;
background: url(images/twitter/line_dot.gif) bottom repeat-x;
line-height:20px;
}
	#centercolumn #twitterArea .timeline ul li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #centercolumn #twitterArea .timeline ul li {
	display: inline-block;
	}

	*+html #centercolumn #twitterArea .timeline ul li {
	display: inline-block;
	}

#centercolumn #twitterArea .timeline ul li p.icon {
float:left;
width:48px;
margin:0;
padding:0;
}
#centercolumn #twitterArea .timeline ul li p.text {
float:right;
width:446px;
margin:0;
padding:0;
font-size:12px;
}

#centercolumn #twitterArea .timeline .moreTwitter a {
display:block;
width:500px;
height:29px;
padding:7px 0 0 0;
background: url(images/twitter/more_001.gif) top left no-repeat;
text-align:center;
font-size:16px;
font-weight:bold;
}
#centercolumn #twitterArea .timeline .moreTwitter a:hover {
background: url(images/twitter/more_001ac.gif) top left no-repeat;
text-decoration:none;
}



/* twitter right column ----------------- */

#rightcolumn #twitterArea {
background:#A1D4ED;
border:1px solid #8FC1DA;
padding:4px;
}
#rightcolumn #twitterArea .title {
background:none;
border:none;
margin:0;
padding:0;
}
	#rightcolumn #twitterArea .title:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #rightcolumn #twitterArea .title {
	display: inline-block;
	}

	*+html #rightcolumn #twitterArea .title {
	display: inline-block;
	}


#rightcolumn #twitterArea .title h4 {
float:left;
width:94px;
height:21px;
margin:0 0 5px 0;
padding:0;
background:none;
border:none;
}

#rightcolumn #twitterArea .title h4 a {
padding-left:0;
background: none;
}

#rightcolumn #twitterArea .title .twitterNavi {
float:right;
margin:0 0 0 0;
}
	#rightcolumn #twitterArea .title .twitterNavi:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #rightcolumn #twitterArea .title .twitterNavi {
	display: inline-block;
	}

	*+html #rightcolumn #twitterArea .title .twitterNavi {
	display: inline-block;
	}
#rightcolumn #twitterArea .title .twitterNavi .naviDef {
float:left;
width:85px;
height:18px;
margin:0 0 0 3px;
padding:5px 3px 3px 3px;
background:#8FC1DA;
text-align:center;
font-size:12px;
border-bottom:3px solid #A1D4ED;
}
#rightcolumn #twitterArea .title .twitterNavi .naviAc {
float:left;
width:85px;
height:18px;
margin:0 0 0 3px;
padding:5px 3px 3px 3px;
background:#FFF;
text-align:center;
font-size:12px;
border-bottom:3px solid #FFF;
}
#rightcolumn #twitterArea .title .twitterNavi a {
display:block;
color:#FFF;
}


#rightcolumn #twitterArea .timeline {
background:#FFF;
padding:10px 5px 5px 5px;
}
#rightcolumn #twitterArea .timeline ul {
margin:0;
padding:0;
}
#rightcolumn #twitterArea .timeline ul li {
overflow:hidden;
width:280px;
height:100%;
margin:0 0 5px 0;
padding:0;
background: url(images/twitter/line_dot.gif) bottom repeat-x;
line-height:19px;
}
	#rightcolumn #twitterArea .timeline ul li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #rightcolumn #twitterArea .timeline ul li {
	display: inline-block;
	}

	*+html #rightcolumn #twitterArea .timeline ul li {
	display: inline-block;
	}

#rightcolumn #twitterArea .timeline ul li p.icon {
float:left;
width:48px;
margin:0;
padding:0;
}
#rightcolumn #twitterArea .timeline ul li p.text {
float:right;
width:226px;
margin:0;
padding:0;
font-size:12px;
}

#rightcolumn #twitterArea .timeline .more {
	background: none;
	text-align:right;
	padding-top:5px;
	padding-right:3px;
	font-size: 75%;
}