body {
margin:0px;
padding:0px;
text-align:center;
}
#outer {
font-size:13px;
line-height:150%;
text-align:left;
}
#header {
text-align:left;
background-color:#214555;
border-top:4px solid #000;
}
#head-inner {
margin:0px auto 0px auto;
padding:10px 0px 0px 0px;
width:658px;
background-color:#214555;
padding:25px;
}
.description {
padding-left:10px;
line-height:140%;
color:#ffffff;
}
#contents {
margin:0 auto;
padding:30px 0 0 0;
width:658px;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
list-style:disc; 
}

p {
font-family: "Hiragino Kaku Gothic Pro","Meiryo","MS Pgothic";
margin:1em 0;
line-height:150%;
font-size: 16px;
color:#222;
}
img{
border:0px;
}
hr {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #ccc;
height: 1px;
}
a{
font-weight:normal;
}
h1 {
font-size:24px;
font-weight:bold;
text-align:left;
padding:30px 0px 0px 10px;
margin:0px;
color:#F3E9D2;
}
h1 a{
font-weight:bold;
color: #8c0000;
text-decoration:underline;
}
h2 {
font-size:20px;
margin:0;
padding:4px 0 7px 0;
border-bottom:1px solid #999;
}
.green {
color:#008800;
font-weight:bold;
}
#side {
margin:0 auto;
padding:0 0 20px 0;
line-height:150%;
width:658px;
font-size:16px;
}
#side ul {
margin: 0;
}
#side li {
list-style:none;
margin: 0;
}
.sidebar-title {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 15px;
  color: #444;
  font-weight:bold;
  background-color:#e1e6ed;
  padding:12px;
  border-radius:4px;
}
#footer {
font-size:14px;
height:100px;
clear:left;
text-align:center;
}
blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}

@media screen and (max-device-width: 480px) {
#outer {font-size:120%;width:100%;}
#header {width:100%;}
#head-inner {width:96%;padding:25px 5px 25px 5px;}
#contents {width:96%;padding:0px 5px 0px 5px;}
#side {width:100%;}
#side ul{padding:0 10px;}
#contents {font-size:100%;}
#footer {height:190px;width:100%;font-size:94%;}
.description {padding-left:0px;}
h2 {padding:10px 0px 4px 0px;font-size:100%;}
}