@charset "utf-8";
/* reset */
html, body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre, 
address,ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
margin: 0;
padding: 0;
line-height: 1.0;
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo, 
sans-serif;
}
ul, ol {
list-style: none; }
a {
text-decoration: none; }
img {
border: 0;
vertical-align: bottom;
}
footer,header,nav{
  display: block;}

/*layout*/
body{
background: #fff;}
#container{
width:320px;
margin: 0 auto;
overflow: hidden;}
.content,.content3{
float: left;
width: 320px;}
.content h1{
padding: 10px;}
.content li,.content3 li{
float:left;
padding: 10px;}
.content li.right,.content3 li.right{
float: right;}

a#bottom{
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
width: 60px;
height: 60px;
display: block;}
a#bottom:hover{
opacity: 0.6;}

@media screen and (min-width:640px){ 
#container{width:640px;} 
.content3{
width: 640px;}
}
@media screen and (min-width:960px){ 
#container{width:960px;} 
.content3{
width: 320px;}}