@charset "UTF-8"; /* 文字コード宣言 */
@namespace "http://www.w3.org/1999/xhtml";
/*@import url("lib/style/blueSky/base.css");*/

html {
	padding: 0;
	margin: 0;
	/*background-image: url("/public/images/twittag_bg.gif");*/
	background-color: #F0F0F0;
	height: 100%;
}

body {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	min-height: 100%;
	border: solid 2px #FFFFFF;
	border-width: 0 2px;
	color: #FFFFFF;
	background-color: #888888;
	-moz-border-image: url("/public/images/border_m5_b2_40x40_white.png") 10 7 10 7 / 0 10px 0 10px;
	/* -moz-border-image [ <image> [ <number> | <percentage> ]{1,4} [/ <border-width>{1,4}]? ] && [ stretch | repeat | round ]{0,2} */
	-moz-background-clip: padding;
	background-image: url("/public/images/twittag_bg.gif");
}
div#header {
	border-bottom: solid 3px #000000;
	padding: 0 3px;
	color: #FFFFFF;
}
div#footer {
	border-top: solid 3px #000000;
	padding: 3px;
	color: #FFFFFF;
	text-align: right;
	font-size: 75%;
}
div#header a,
div#footer a {
	color: #EEEEFF;
}
div#main {
	padding: 0 12px 20px;
	color: #333330;
	background-color: #FFFFFF;
}

h1, h2 {
	padding-top: 20px;
	margin: 0;
}

ul.user_list {
	/*
	-moz-column-count:4;
	-moz-column-gap:35px;
	-moz-column-rule:1px solid #6D94B4;
	-moz-column-width:140px;
	*/
	margin: 0; padding: 0;
	padding-left: 20px;
	list-style: none;
	position: relative;
	z-index: 0;
}
ul.user_list:after {
	content: "";
	display: block;
	clear: left;
}


ul.user_list li {
	/*border: solid 1px #999999;
	-moz-border-radius: 3px;*/
	margin: 3px 5px; padding: 3px;
	width: 52px; height: 52px;
	/*min-width: 60px;*/
	float: left;
	text-align: center;
	position: relative;
	font-size: 90%;
}
ul.user_list a.profile_image {
	position: absolute;
	display: block;
	width: 52px; height: 52px;
	outline:none;

}
ul.user_list a.profile_image img {
	position: absolute;
	z-index: -100;
	display: block;
	width: 48px; height: 48px;
	border: 2px #0044CC solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.user_list a.profile_image:hover img,
ul.user_list a.profile_image:focus img {
	opacity: 0.7;
}
ul.user_list div.screen_name {
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	box-pack: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	
	position: relative;
	width: 252px; height: 100%;
	top: 0px; left: -100px;
	z-index: -1;
}
ul.user_list div.screen_name span {
	display: none;
	background-color: #FFFFFF;
	border: solid 1px #333333;
	padding: 1px 5px;
	background-color: rgba(15,15,15,0.6);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFFFFF;
	font-weight: bold;
}

ul.user_list a:hover+div.screen_name span,
ul.user_list a:focus+div.screen_name span,
ul.user_list a:hover+div.screen_name span {
	display: block;
}



ul {
	margin: 0; padding: 0;
	list-style: none;
}
span.tag_value {
	/*
	background:#000; margin-left:10px; display:inline; border:1px solid #000;
	display:block; line-height: 36px; color:#fff; font-family:arial, sans-serif; font-size:14px; font-weight:bold; float:left; text-decoration:none; padding:0 13px 0 14px;
	text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(48%, rgba(255, 255, 255, 0.5)), color-stop(50%,  rgba(255, 255, 255, 0)));
	background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	*/
}
span.tag_value+* {
	clear: left;
}

ul.tag_user_list li {
}
ul.tag_user_list li li {
	border: none;
}

h3 {
	border-bottom: 2px #999999 solid;
}