@charset "utf-8";

/*---------------------------
## reset and default set
---------------------------*/

body,h1,h2,div,p,a,img,form,input,ul,li,button{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
}

body {
	background:#8ae1eb url(../img/bg.gif);
	color:#333;
	overflow-y:scroll;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 62.5%; /* IE */
}

html>/**/body {
	font-size: 10px; /* Except IE */
}

::-moz-selection {	/*it's fan*/
	background:#666;
	color:#fff;
}
::selection {
	background:#666;
	color:#fff;
}

input,a{
 outline: none;
}

a:link {
	color: #0284e0;
}
a:visited {
  color: #8410e6;
}
a:active,a:hover {
	text-decoration: none;
}

hr {
	display:none;
}


/*---------------------------
## styles set
---------------------------*/

h1 {
	width:354px;
	height:99px;
	margin:15px auto;
	text-indent:-9999px;
	background:url(../img/logo.png) center center no-repeat;
}

h2 {
	display:none;
}

.bm {
	width:377px;
	height:13px;
	margin:0 auto;
	text-align:right;
}


/* #scan form */

#scan {
	width:382px;
	height:102px;
	padding:3px;
	margin:0 auto;
	background:url(../img/form.png) center center no-repeat;
	position:relative;
	text-indent:-9999px;
}


#scan input#uid{
	width:195px;
	height:20px;
	position:absolute;
	bottom:14px;
	left:45px;
	color:#666;
	font-size:1.6em;
	font-weight:bold;
}

#scan input#btn{
	width:88px;
	height:30px;
	position:absolute;
	bottom:9px;
	right:36px;
	text-indent:-9999px;
	background:url(../img/btnScan.png) top left no-repeat;
}

#scan input#btn:hover{
	background:url(../img/btnScan.png) bottom left no-repeat;

}

/* #report frame */

#stdout{
	margin:20px auto;
	margin-bottom:40px;
	width:730px;
	min-height:350px;
}

.chart,#loading {
	width:700px;
	height:350px;
	margin-bottom:5px;
	padding:25px 15px;
	position:relative;
	background:url(../img/bgChart.png) center center no-repeat;
	text-align:center;
	line-height:160px;
}

#loading img{
	width:48px;
	height:48px;
	padding:5px;
	position:absolute;
	top:186px;
	left:336px;
	background:url(../img/bgIcon.png) top left no-repeat;
}

.icon{
	width:48px;
	height:48px;
	padding:5px;
	position:absolute;
	top:186px;
	left:336px;
	background:url(../img/bgIcon.png) top left no-repeat;
}
.icon img{
	width:48px;
	height:48px;
}
.icon:hover{
	background:url(../img/bgIcon.png) bottom left no-repeat;
}

/* #report tweet */

.plink{
	width:250px;
	height:72px;
	margin-right:5px;
	margin-left:auto;
	position:relative;
	text-indent:-9999px;
	background:url(../img/bgPost.png) center center no-repeat;
}

.plink input.plink_input{
	width:150px;
	height:18px;
	position:absolute;
	bottom:10px;
	left:15px;
	color:#666;
}

.plink input.bt{
	width:60px;
	height:26px;
	position:absolute;
	bottom:6px;
	right:8px;
	text-indent:-9999px;
	background:url(../img/btnPost.png) top left no-repeat;
}
.plink input.bt:hover{
	background:url(../img/btnPost.png) bottom left no-repeat;
}

/* #keywords serach */

.kwlist{
	width:450px;
	min-height:40px;
	margin-top:-72px;
	margin-left:5px;
	padding-bottom:5px;
	background:transparent url(../img/serachFoot.png) bottom left no-repeat;
}

.kwlist .kwlist-title{
	width:450px;
	height:35px;
	text-indent:-9999px;
	background:transparent url(../img/serachHead.png) top left no-repeat;
}
.kwlist ul{
	padding:5px 10px;
	background:#fff;
}
.kwlist ul li{
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	margin:0 .5em;
	font-size:1.2em;
	line-height:1.8em;
	list-style-type:none;
	/zoom:1;
}

.kwlist a:link {
	color: #0284e0;
}
.kwlist a:visited {
	color: #8410e6;
}
.kwlist a:active,
.kwlist a:hover {
	background: #0284e0;
	color:#fff;
	text-decoration: none;
}

/* #footer */

p{
	width:720px;
	margin:0 auto;
	font-size:1.1em;
}

#footer {
	width:720px;
	margin:0 auto;
	padding:5px 0;
	color:#333;
	text-align:right;
}

#footer p{
	width:auto;
	margin-right:130px;
	margin-bottom:-17px;
}

#footer a{
	margin-right:10px;
}