@charset "UTF-8";

body
{
	padding: 20px;
	color: #DDD;
	background: #111;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,"メイリオ", "ＭＳ ゴシック", sans-serif;
}
h1,h2
{
	margin: 0 0 10px;
}
#wrapper
{
	width: 960px;
	margin: 10px auto;
}

#twitter
{
	float: left;
	width: 685px;
	margin: 0 0 20px;
}
#twitter h2
{
	color: #9AE4E8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#twitter dl
{
	border-top: 1px solid #333;
}
#twitter dl dt
{
	float: left;
	padding: 0.5em 0;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#twitter dl dd
{
	padding: 0.5em 0;
	padding-left: 12em;
	border-bottom: 1px solid #333;
}
#twitter dl dd img
{
	margin-left: 0.5em;
	vertical-align: text-top;
}

#flickr
{
	float: right;
	width: 255px;
}
#FLICKR_GATE ul li
{
	float: left;
	margin: 0 10px 10px 0;
	text-align:center;
}

#selector
{
	width: 95%;
	margin: 0 0 10px;
}
#selector th
{
	width: 4em;
	padding-right: 0.5em;
	color: #0063DC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#selector th .r
{
	color: #FF0084;
}
#selector .trigger
{
	padding: 3px;
	border: 1px solid #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #000 url(../img/triangle_reverse.gif) no-repeat 95% 45%;
	cursor: pointer;
}
#selector .layer
{
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #FFF;
	color: #333;
	font-size: 116%;
	line-height: 150%;
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
}
#selector .layer li
{
	margin-bottom: 1px;
	padding: 0 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	cursor: pointer;
}
#selector .layer .out
{
	background: #FFF;
	color: #333;
}
#selector .layer .over
{
	background: #EEE;
	color: #0063DC;
}
#selector .layer .selected
{
	background: #0063DC;
	color: #FFF;
}

#lastfm
{
	clear: left;
	width: 685px;
}
#lastfm h2
{
	color: #D01F3C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#lastfm dl
{
	width: 685px;
	border-top: 1px solid #333;
}
#lastfm dl dt
{
	float: left;
	padding: 0.5em 0;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#lastfm dl dd
{
	padding: 0.5em 0;
	padding-left: 12em;
	border-bottom: 1px solid #333;
}