@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: 197%; 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(hoshiimono.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: 10px; background: #F5F5F5; border: #CCC solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#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 ol li { list-style: none;}
.user { float: right; width: 240px;}
.rank { float: left; width: 440px;}
.rank li { clear: both; margin-bottom: 5px; border-bottom: #CCC dotted 1px; border-right: solid 1px #00AEBB;}
.no { float: left; width: 60px; margin-right: 5px; text-align: center; background: #00AEBB; color: #FFF; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.word span { font-size: 167%;}
.rank p { padding: 0 10px 10px 66px;}
.rank p a { text-decoration: none;}

.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;}