@charset "utf-8";
@import url("ini.css");

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

* {font-size:100%;}

body {
	font-size:90%;
	color: #677;
	/*background:url('../img/bg.gif') #94E4E8;*/
	background: #94E4E8;
	
}
th,td {margin:0;padding:0;border-color:#EEE;}

a {text-decoration: none;color:#076893;}
a:link {}
a:visited {}
a:hover {color:#C30;text-decoration: none;}
a:active {color:#F00;}


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



/*
#BBEEF0
#B3ECEF
#ABEAED
#94E4E8
*/

/*
#96DDE8
8DCCE8
8AD7E8
*/


#wrapper {
	width: 520px;/*420px*//*480*/
	width: 580px;
	border: 2px #94E4E8 solid;
	border-color:#7CC5EF;
	border-color:#8AD7E8;
	position: relative;
	margin: 2em auto;
	background: #FFF url('../img/bg_ad.gif') repeat-x;/***/
	/*background: #FFF url('../img/gradation-4.png') repeat-x;*/
}





#inner {margin: 1em 1.5em 1em 1.5em;}

/*----------------------------------------------------------------*/
#header {/*background:#FF0;*/margin-bottom:1em;height:42px;}

#header h1, #header h1 a {width: 148px;height:42px;}
#header h1 {float:left;margin-right:1em;}
#header h1 a {
	display:block;
	/*background:#FF0;*/
	background:url('../img/twitter_logo_sr03.gif');
}
#header #header_side {float:left;width:350px;height:42px;line-height:1;

font-size:90%;
}

#header #header_side #copy,
#header #header_side #tw_info {height:21px;line-height:21px;}
#header #header_side #copy {text-align:right;}
#header #header_side #tw_info {text-align:right;display:none;}
#header #header_side #tw_info #api_remain_user {margin-right:0.5em;}

#header #per_time,
#header #header_side #tw_info #api_remain_user,
#header #statter_point {font-weight:bold;}

/*#header h1 a img {width: 148px;height:42px;}*/
/*----------------------------------------------------------------*/

#footer {
	clear:both;
	color:#789;
	font-size:80%;
	height:3em;
	line-height:1.5;
	text-align:center;
	/*background: #FF0;*/
	margin:1em 0;
}

#footer__ {zoom:1;}
#footer__ {content:".";display: block;height:0px;clear:both;visibility:hidden;}

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

#prof_img {float:left;}
#prof_dtl {float:left;}

#prof_img {margin: 0 1em 1em 0;width: 96px;height: 96px;}
#prof_img img {width: 96px;height: 96px;border:1px #DDD solid;}

#prof_dtl {width:400px;margin-bottom:0.5em;}
#prof_dtl li {margin: 0;padding: 0;margin-bottom:0.5em;}
#prof_dtl #prof_name {font-size:180%;line-height:1em;margin-bottom:0.2em;font-weight:bold;font-family: "Lucida Grande", sans-serif;}

#prof_dtl #prof_name #freq {font-size:50%;margin-left:0.5em;color:#CCC;}


#prof_dtl #prof_description {font-size:80%;}
#prof_dtl #prof_sw {}
#prof_dtl #prof_sw a {float:right;}
#prof_dtl #recent_tag {color: orange;font-size:90%;	color:#B87;font-weight:bold;}

#prof_dtl #tagz {width:400px;}
#prof_dtl #tagz span.tags {}/*display:block;float:left;*//*white-space: nowrap;*/
#prof_dtl #tagz li.tags {display:inline;color:#9AB;}
#prof_dtl #tagz span.tags_w {cursor: pointer;}
#prof_dtl #tagz span.tags_c {margin-right: 0.5em;font-size:80%;}


#prof_img,
#frm,
#prof_msg,
#prof_dtl,
#prof_dtl li {border: 0px #F00 solid;}
/*----------------------------------------------------------------*/
#req {/*width:420px;*/}


/*+++++++++++*/

/*#req */#frm {clear:both;}
/*#req */#frm input#id {display:block;float:left;margin-right:0.5em;width:240px;height:1.2em;font-size:150%;color:#AAA;font-weight:bold;}
/*#req */#frm a.cssbtn {margin-top:0.5em;}

#res #frm {margin:1em auto;width:360px;}

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

#res {width:100%;margin-bottom:1em;clear:both;}

#res table {width:100%;margin-bottom:1em;}

#res #prof {}




#res #prof #post_text span{font-size:90%;line-height:1.5;margin-right:1em;/*white-space: nowrap;*/}

#res #prof #post_text span.odd {background:#FFD;}
#res #prof #post_text span.eve {background:#FDF;}

#res #prof #post_text span.t1 {background:#FFD;}
#res #prof #post_text span.t2 {background:#FDF;}
#res #prof #post_text span.t3 {background:#DFF;}


#res #prof,
#res #result {clear:both;margin:0em 0;}
#res #result tr.odd {background:#F0F0F0;}/*実際は2行目*/
#res #result tr.eve {background:#F7F8F6;}/**/


#res #prof th, #res #prof td {border-bottom:1px #DDD solid;}



#res #tw_point_v {clear:both;font-size:250%;height:1em;line-height:1em;color:#FFD33F;font-weight:bold;text-align:center;margin:0.2em 0;}
#res #tw_point_v .unit {font-size:50%;margin-left:0.1em;}
#res #tw_point_v #diff_str {font-size:50%;color:#CCC;margin-left:0.5em;}

#res #tw_point_v #ranking {/*font-size:50%;*/}
#res #tw_point_v #ranking #total {font-size:50%;color:#CCC;margin-right:0.5em;}


#res table th,#res table td {border-color:#FFF;border-width: 0 0 3px 0;height:24px;line-height:24px;}/*開発用*/
#res table th {text-align:right;}

#res th {
	width:20%;/*25*/
	color:#668;
	/*color:#9AA;*/
	/*color:#689;*/
	/*color:#B87;*/
	padding-right:0.5em;
	font-size:90%;
	/*font-weight:bold;*/
}



#res td.n em,
#res td.top em {font-weight:bold;}
#res td.n {width:50%;padding-left:0.5em;/*text-align:right;*//*background:#E8E6E6;*//**//*vertical-align: bottom;*/}
#res td.n em {color:#69C;}

#res td.top {width:30%;}/*25*/
#res td.top a {}
#res td.top a img {width:24px;height:24px;}
#res td span.hs {display:none;}

#res td span.unit {}

#res ul#linkz {font-size:85%;height:2em;line-height:2em;margin: 0.5em 0;padding: 0;clear:both; text-align:center;}
#res ul#linkz li {display:inline;margin-right:0.2em;/*width:40%;display:block;*/}
#res ul#linkz li a.on {background:#FFFFCC;}


.unit {color:#006600;font-size:85%;margin-left:0.2em;}
#statter_point,
#res td em.no1 {color:#FF6633;}


#res #strg {display:none;}
#res #strg #textz {display:none !important;}

#res #tl_friend ul {text-align:center;height:24px;}
#res #tl_friend ul li {list-style: none;display:inline;margin: 0 2px 2px 0;}
#res #tl_friend ul li a img {width:24px;height:24px;}
/*
#link_self {float:left;}
#link_back {float:right;text-align:right;}
*/

/*
#link_back {zoom:1;}
#link_back {content:".";display: block;height:0px;clear:both;visibility:hidden;}
*/

img.load_mini {margin-right:0.5em;}


/*----------------------------------------------------------------*/
#about {}
#about h1 {font-size: 120%;margin-bottom:0.5em;text-align:right;border-bottom:1px #CCC solid;}
#about h2 {font-size: 150%;color:#CCC;}
#about ul {margin: 1em 0 2em 1em;list-style-type: square;}/*list-style-position: inside; */
#about ul li {margin-bottom:1em;line-height:1.3;}

#about em {color:red;}

#about #icon {width:256px;height:256px;float:right;}

.uso {text-decoration:line-through;}
/*----------------------------------------------------------------*/


#warn_box {}
#warn_box h2 {font-size: 100%;color:#F60;text-align:center;}
#warn_box ul {font-size:90%;margin: 1em 1em 1em 1em;}/*list-style-type: square;*/
#warn_box ul li {margin-bottom:0.5em;}
#warn_box ul li p {margin-left:1em;}
#warn_box em {color:red;}

.delete_sw {color:#E66;}
.delete_ok {color:#009900;font-size:85%;}
/*----------------------------------------------------------------*/
#ranking table th,
#ranking table td {padding:1px 0.5em;border-width:1px 0;white-space: nowrap;}
#ranking table td em {font-weight:bold;}
#ranking table th {text-align:center;}
#ranking table td {}
#ranking table td.n {text-align:right;}

#ranking table tr.odd {/*background:#F0F0F0;*/}
#ranking table tr.eve {background:#F7F8F6;}
#ranking table tr#you {background:#FFD;} 
#ranking table tr#tgt {background:#FDF;} 
#ranking table td img {width:24px;height:24px;}

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

a.cssbtn span {/*white-space: nowrap;*/}


a.cssbtn {
	background: transparent url('../img/btn_a.gif') no-repeat scroll top right;
	color: #555;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px;
	text-decoration: none;
	
}

a.cssbtn {
	cursor: pointer;
}

a.cssbtn span {
	background: transparent url('../img/btn_d.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.cssbtn:hover {
	color: #FF6B08;
	color: #FF6600;
	/*background-position: bottom right;*/
}

a.cssbtn:hover span {
	/*background-position: bottom left;*/
	/*padding: 6px 0 4px 18px;*/
}

a.cssbtn:active {
	background-position: bottom right;
	color: #333;
	outline: none;
}

a.cssbtn:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px;
}

#frm{zoom:1;}
#frm:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}

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

#tooltip {
	font-size:70%;
	position: absolute;
	z-index: 3000;
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
	padding: 4px;
	opacity: 0.9;
	width:200px;
}
#tooltip h3, #tooltip div { margin: 0; }
/*----------------------------------------------------------------*/
#test {background:yellow;}
img {
	/*display:none;*/
}

td, th {/*border: 1px #F00 solid !important;*/}

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