@charset "utf-8";
/*reset*/
/*******************************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,a,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,#links,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
q:before,q:after { content: '';}
object,embed { vertical-align: top;}
article,#links,dialog,figure,footer,header,hgroup,menu,nav,section { display: block; }
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img,abbr,acronym,fieldset { border: 0;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
input, select, button { vertical-align: middle;}
button { cursor:pointer;}
a:link { color: #06F; text-decoration: underline;}
a:visited { color: #06F; text-decoration:none;}
a:hover { color: #F14D20; text-decoration: underline;}
a:active { color: #06F; text-decoration:none;}
body {
	background: #F5F5F5;
	text-align: center;
	font-size: 81.25%;
	font-family: 'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	color: #333;
}
div#container { width: 728px; margin: 0 auto; padding: 20px 0; text-align: left;}
h1 { margin-bottom: 10px; font-size: 182%;}
h2 { clear: both; margin-bottom: 10px; font-size: 138.5%;}
h3 { clear: both; margin: 0 0 5px; padding: 0 10px; background: #00AEBB; font-weight: bold; font-size: 108%; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
h4 { clear: both; margin: 0 0 5px; font-size: 108%; color: #00AEBB;}
p { padding-bottom: 20px;}
strong { font-size: 116%; font-weight: bold;}

header{ position: relative; width: 728px; height: 220px; background: url(anatomy.jpg) right top no-repeat;}
header p { width: 500px;}
.bookmark li { float: left; margin-right: 8px; list-style: none;}
.tw{ width: 96px; height: 21px; overflow: hidden;}
.fb{ width: 102px;}
.mixi{ width: 92px;}
.bookmark iframe, .bookmark p { float: left;}
.bookmark iframe, .bookmark img { vertical-align: top;}

#btn { margin-bottom: 10px; padding: 0 5px; background: #F5F5F5;}
#btn p { padding-bottom: 10px;}
#results { margin-bottom: 20px; padding: 10px; background: #F5F5F5; border: solid 1px #00AEBB; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#results td { padding: 0 5px 15px; vertical-align: top;}
#btn ul { margin: 0 0 20px 15px;}
#btn ul li { padding-bottom: 5px; list-style: disc;}

.prof { position: relative; padding: 20px;}
.prof p { float: left;}
.prof p img { border: #FFF solid 3px;}
.prof dl { float: right; width: 510px; padding: 10px 0; font-size: 116%; filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}
.prof dt { font-size: 138.5%; font-weight: bold; padding: 2px 10px;}
.prof dd { padding: 2px 10px;}
.prof div { position: absolute; top: 180px; left: 25px;}

th { width: 200px;}
th, td { padding: 2px 10px!important; border-bottom: #ebebeb solid 1px; font-size: 85%; word-break: break-all;}
td img { width: 48px; height: 48px;}

.stream-item:first-child{border-top:1px solid transparent!important;margin-top:-1px;}
.stream-item{position:relative;border-bottom:1px solid #ebebeb;min-height:60px;clear:both;display:block;outline:none;}
.tweet{padding:10px 20px;font-size:15px;position:relative;zoom:1;}
.tweet a:hover{text-decoration:underline;}
.tweet-image{float:left;height:48px;overflow:hidden;width:48px;margin-top:3px;}
.tweet-image img{width:48px;height:48px;}
.tweet-content{margin-left:58px;min-height:48px;}
.tweet-row{display:block;position:relative;line-height:15px;}
.tweet-full-name{color:#999;font-size:12px;}
.tweet-screen-name{font-weight:bold;color:#333!important;}
.tweet-timestamp{color:#999!important;font-size:11px;}
.tweet-text{padding:0;font-family:Arial,"Helvetica Neue",sans-serif;line-height:19px;word-wrap:break-word;color:#444;}

.inline-list { margin: 0;}
.inline-list li { float: left; width: 98px; height: 45px; overflow: hidden; border: #ebebeb solid 1px; list-style: none; font-size: 85%;}
.inline-list li img, .inline-list li div { float: left;}
.inline-list li img { width: 24px; height: 24px;}
.inline-list li p { clear: both;}

.red { color: #F00;}
.green { color: #090;}

.ad { margin-bottom: 20px;}
.amazon { background: #FFF; border: #CCC solid 1px; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#box {
	margin-bottom: 20px;
	padding: 20px 20px 0;
	background: #00AEBB;
	color: #FFF;
	 -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
#box a { color: #FFF!important;}
.notice { font-size: 138.5%; color: #F00;}

/*clear*/
.sec { display: inline-block; margin-bottom: 30px;}
.sec:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html .sec { height: 1%;}
.sec { display:block;}
/*End hide from IE-mac*/


#tools { position: fixed; top: 0; left: 0; z-index: 1000;}