@charset "utf-8";

body {
 background-color: #F8F8FF;
 padding: 0;
 margin: 0;
 width: 600px
}

div.pagebody {
 width: 600px;
 margin: 10px auto;
 background-color: #F8F8FF;
 color: #666666;
 font-size: 28px;
 font-family: "メイリオ", Meiryo, "MS Pゴシック", Osaka, sans-serif;
}

header {
 background-color: #fff;
 text-align: center;
 width: 700px;
 margin: 0;
}

article {
 width: 650px;
}

article p {
 font-size: 28px;
}

ul.a-nav {
 list-style-type: none;
 padding: 0;
 margin-bottom: 30px;
}

ul.a-nav li {
 width: 49%;
 font-size: 28px;
 margin: 0;
 line-height: 200%;
 display: inline-block;
 text-align: center;
}

ul.top-nav {
 list-style-type: none;
 padding: 0;
 margin-bottom: 30px;
}

ul.top-nav li {
 width: 49%;
 font-size: 28px;
 margin: 0;
 line-height: 200%;
 display: inline-block;
 text-align: center;
}

aside {
 width: 700px;
 margin: 0;
}

a {text-decoration: none;}

h1 {
 font-size: 40px;
 margin-top: 50px;
 margin-bottom: 50px;
 padding: 0;
 text-align: center;
}

h2 {
 font-size: 40px;
 margin-top: 50px;
 margin-bottom: 50px;
 padding: 0;
 text-align: center;
}

h3 {
 font-size: 16px;
 padding: 0;
}

#profile-picture { width: 50%;}

img.logo {
 width: 150px;
 height: 150px;
}

div.breadcrumb {
 display: inline-block;
 font-size: 20px;
 margin-left: 30px;
 margin-bottom: 10px;
}

aside ul {
 margin-left: 30px;
 margin-bottom: 10px;
 padding-left: 5px;
 list-style-type:none;
}

footer {
 text-align: center;
 clear: both;
}

address {
 font-style: normal;
 font-size: 90%;
}

div.sample-h {
 color: #ffffff;
 border: solid 1px #0066cc;
 font-weight: bold;
 background-color: #0066cc;
 width: 250px;
 text-align: center;
}

div.sample-h p {
 font-size: 28px;
}

div.sample-h p {margin: 0px;}

div.sample-a {
 font-size: 10px;
 padding: 10px;
 font-family: sans-serif;
}

div.sample-a p , div.sample-a pre , div.sample-a blockquote {
 margin: 0 0 10px 0;
 font-size: 20px;
}

p.code-h { margin: 0;}

div.article-nav {margin-bottom: 30px;}

div.article-nav ul {
 list-style-type:none;
 margin: 0;
 padding: 0;
 line-height:1.4;
}

div.article-nav ul li {
 padding-left: 20px;
 background-image:url(../img/ico-m.gif);
 background-repeat:no-repeat;
 font-size: 90%;
}

pre.html {
 white-space: pre-wrap;
 word-wrap: break-word;
 background-color: #ccffff;
 padding: 10px;
 line-height: 150%;
 margin: 0 0 30px 0;
}

pre.css {
 white-space: pre-wrap;
 word-wrap: break-word;
 background-color: #ffffcc;
 padding: 10px;
 line-height: 150%;
 margin: 0 0 30px 0;
}

pre.html code { font-size: 18px;}
pre.css code { font-size: 18px;}