@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 { margin: 0 0 5px; border-bottom: dotted 1px #CCC; font-weight: bold; font-size: 108%;}
p { padding-bottom: 20px;}
strong { font-size: 116%; font-weight: bold;}
header{ position: relative; width: 728px; height: 220px; background: url(twiall.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;}

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


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