body {
background-color:#EBE9E1;
margin:0px;
padding:0px;
text-align:center;
}
#outer {
background-color:#ffffff;
margin:0px auto 0px auto;
width:814px;
font-size:13px;
line-height:150%;
border: solid 1px #D1D1D1;
text-align:left;
padding:0px;
color:#222222;
}
#header {
padding:20px 0px 0px 0px;
text-align:left;
height:90px;
}
.description {
padding-left:37px;
color:#333333;
line-height:140%;
}
#main {
width:550px;
float:left;
}
.content {
padding:0px 10px 10px 30px;
margin-bottom:4px;
text-align:left;
font-size:13px;
line-height:150%;
}
#right {
width:240px;
padding:14px 0px 0px 0px;
color:#004C25;
font-size:13px;
float:left;
text-align:left;
}
.title {
font-size:13px;
padding:5px 0px 4px 35px;
margin:0px 0px 0px 0px;
font-weight:bold;
color:#ffffff;
text-align: left;
background-color:#004C25;
border: 1px solid #f2f2f2;
}
.side {
line-height:180%;
font-size:13px;
padding:6px 0px 10px 14px;
margin:0px 00px 0px 0px;
background-color:#DBE6DE;
font-weight:bold;
color: #777777;
border-right: 1px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
}
.side a{
color:#003366;
text-decoration : none;
}
.side a:hover{
text-decoration:underline;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
list-style:disc;
}
.side ul {
margin: 0 0 0 0;
padding: 0;
}
.side li {
margin: 0 0 0 20px;
list-style:disc;
padding: 0 0 0 0px;
}
P {
margin:1em 0 1em 0;
line-height:150%;
}
img{
border:0px;
}
hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #cccccc;
height: 1px;
}
a{
font-weight:normal;
color: #003366;
}
h1 {
font-size:16px;
text-align:left;
color: #003333;
padding:24px 0px 0px 37px;
margin:0px;
font-family: メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
h1 a{
font-weight:bold;
color:#003333;
text-decoration:none;
font-family: メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
h1 a:hover{
text-decoration:underline;
}
h2 {
font-size:16px;
margin:0px 0px 0px 0px;
padding:14px 0px 9px 4px;
color:#000000;
border-bottom:1px solid #999999;
}
h3 {
font-size:16px;
color: #000000;
padding:5px 0px 3px 15px;
margin-right: 20px;
}
h4 {
font-size:16px;
color: #000000;
padding-left: 15px;
}
#footer {
padding-top:10px;
color:#666666;
font-size:12px;
height:100px;
clear:left;
text-align:center;
}
blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}
@media screen and (max-device-width: 480px) {
#outer {width:100%;}
#header {width:100%;clear:both;}
#main {width:100%;clear:both;}
.content {clear:both;font-size:120%;padding:0px 10px 0px 10px;}
#right {width:100%;clear:both;}
#footer {width:100%;clear:both;}
img {zoom:80%;}
}