/* ブログの作り方 */

body {
margin:0px;
padding:0px;
text-align:center;
background-color:#56A0C6;

}
.blog ul li {
list-style:disc;
}
.blog ul {
padding-left:20px;
}
p {
margin:1em 0 1em 0;
}
.logo {
clear:left;
padding:10px 0px 10px 0px;
text-align:center;
}

.breadcrumb {
text-align:left;
font-size:90%;
line-height:120%;
padding:10px 0px 0px 45px;
}
.breadcrumb a{
font-size:12px;
font-weight:normal;
color: #003366;
text-decoration:underline;
}
#container{
background-image: url(
http://bing-seo.jp/image/gold.JPG);
background-repeat: repeat-x;
background-color:#fcfcfc;
border-left:2px solid #888888;
border-right:2px solid #888888;
margin:0px auto 0px auto;
width:780px;
padding:20px 0px 0px 0px;
}
img {
border:0px;
}
a{
font-weight:bold;
color:#003366;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1 {
font-size:14px;
color:#164784;
padding:15px 5px 5px 10px;
font-weight:bold;
}
h1 a{
text-decoration:none;
}
h2 {
font-size:14px;
color: #8C0000;
padding-left: 5px;
}
h2 a{
font-size:14px;
padding-left: 0px;
}
h3 {
font-size:13px;
color: #333333;
padding-left: 5px;
}
h3 a{
text-decoration: underline;
}

.search {
text-align:left;
padding:10px 0px 10px 13px;
}

#content {
text-align:left;
float:left;
width:520px;
}
#content a{
text-decoration: underline;
}
.blog {
margin-top:0px 0px 20px 0px;
padding:5px 5px 10px 30px;
line-height:140%;
font-size:13px;
color:#333333;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
list-style:none; }
.right {
padding:10px 0px 10px 20px;
}
#content ol li {
list-style:decimal; 
}

#links {
font-size:77%;
color:#676767;
padding:77px 0px 0px 0px;
font-weight:normal;
width:250px;
float:left;
margin: 0px;
text-align:left;
} 

.sidetitle {
background-color:#EFF4F6;
font-size:13px;
padding:5px 0px 4px 15px;
margin:0px 20px 0px 5px;
font-weight:bold;
border-bottom: 1px solid #6B90DA;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
color: #333333;
text-align: left;
}
.side {
background-color:#F3F3F3;
text-align: left;
line-height:1.8em;
padding:5px 8px 5px 8px;
margin:0px 20px 0px 5px;
border:1px solid  #cccccc;
}
.side a{
font-size:12px;
line-height:170%;
font-weight:normal;
color:#003366;
}
.side a:hover{
font-size:12px;
line-height:170%;
font-weight:normal;
color:#256ba7;
text-decoration:underline;
}

.side input{
border:1px solid #7E9DB9;
background-color:#ffffff;
color:#333333;
}
#footer {
background-color:#ffffff;
padding:0px 0px 0px 0px;
height:70px;
clear:left;
}
.pagetop {
font-size:12px;
text-align:right;
padding:0px 50px 0px 0px;
}
.copyright {
padding-top: 0px;
padding-left: 35px;
margin-right: 20px;
font-size: 11px;
color: #666;
text-align: center;
float:left;
}
.copyright ul a{
color: #666;
text-decoration: underline;
font-weight:normal;
}
.copyright ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.copyright ul li {
margin: 0px;
padding-left: 4px;
padding-right: 4px;
display: inline;
border-left: 1px solid #9A9A9A;
}

#links form {
margin: 0px;
}
.arch {
text-align: left;
padding:10px 0px 0px 17px;
font-size:10px;
font-family:Verdana;
}
.over {
text-align: left;
line-height:1.8em;
padding:0px 8px 0px 23px;
margin-bottom:0px;
font-size:10px;
overflow:auto;
height:93px;
}
.over a{
font-weight:normal;
font-size:12px;
border-bottom: 1px dotted #CCCCCC;
color: #003366;
}
hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #cccccc;
height: 1px;
}
