/*==============================
read css for basic browser
==============================*/


*{
  margin:0;
  padding:0;
  zoom:1;
}

body,section,header,footer {
  margin:0;
  padding:0;
  outline:none;

}
html{
  height:100%;
}
html>body{
  overflow-y:scroll;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
}
ul,ol,dl{
  list-style:none;
}
li{
  display:list-item;
  zoom:normal;
}

caption{
  text-align:left;
}
img,a img{
  vertical-align:bottom;
  border:none;
  background:transparent;
}
object,embed{
  vertical-align:top;
}
em,address,dfn{
  font-style:normal;
}
hr{
  height:0px;
  margin:7px 0;
  border:none;
  border-top:1px solid #000;
}

*:first-child+html hr{/* for IE7 */
  margin:0;
}
fieldset{
  border:none;
}
input,textarea{
  font-size:1em;
}

a {
	color:#666;
	transition:all 0.3s linear; 
	text-decoration:none;
}

a:hover {
	text-decoration:underline;

}

a img{
	opacity:1;
	filter: alpha(opacity=100);
	transition:all 0.2s linear; 
}


*{background-image:url(1px-transparent.gif);}

/*ページを中央に置く　ie6以前対策

body{
 text-align:center;
}

と入れる。
これだけだとテキストが中央によってしまうので、

container または wrapper に

text-align:left;と入れる。*/