body {
  margin: 0 auto;
  padding: 0px;
  background-color: #f8f8f8;
  font-family: YuGothic, 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  font-size:14px;
  line-height:170%;
  position:relative;
}

a img { border:0px; margin:2px;}

h1, h2, h3 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
hr {
  height:3px;
  color:#88c;
  background-color:#88c;
  border:1px;
}
.foldmenu {
  text-decoration:underline;
  cursor:pointer;
}
.menuitem {
  margin:0;
  padding:0 0 0 32px;
  background-color: #ddf;
  background: linear-gradient(to bottom, #ddf, #cce);
  background: -moz-linear-gradient(top, #ddf, #cce);
  color:#448;
  font-size:small;
}
.menutext {
  color:#448;
  text-decoration:none;
}
.menutext:hover {  color:#a52; text-decoration:underline;}
.ifdic {
  width:100%;
  border:0px;
  overflow:hidden;
}
#container {
  position:relative;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  width: 820px;
  background-color:#fff;

  background-image:url(/images/util/top5.png);
  background-repeat:no-repeat;

}
#logo2 {
  float:left;
  border:0px;
  margin:10px 5px 5px 15px;
}
#banner {
  float:left;
  margin:10px 20px 10px 10px;
}

#logo {
  float:left;
  border:0px;
  margin:5px;
}
#logo img {
  border:0px;
}
#bigbanner {
  float:right;
  margin:10px;
}
#adtop {
  float:right;
  margin: 5px 5px 5px 5px;
  width:500px;
  border:0px;
  text-align: center;
}
#adsquare {
  float:right;
  margin:10px;
}
#header {
  font-size:x-small;
  color:#000080;
}
#language {
  font-size: small;
  color: #4040c0;
  padding:6px;
}
#language img {border:0px;}

#main {
  width: 800px;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px;
  background-color: #ffffff;
  color: #222222;
}

#contents blockquote {
  color:#444466;
  background-color:#f0f0d0;
  overflow:scroll;
}
#contents ul { }
#contents li { }
#main h1 {
  color: #448;
  font-size: medium;
  text-align: left;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px;
  background-color: #ddf;
  background: linear-gradient(to bottom, #ddf, #cce);
  background: -moz-linear-gradient(top, #ddf, #cce);
  border: 1px solid #88c;
  border-radius: 2px;
}
#main h1 a {
  color:#448;
}
#main h2 {
  color: #448;
  font-size: medium;
  text-align: left;
  font-weight: bold;
  margin: 5px 0px;
  padding: 5px;
  background-color: #ddf;
  background: linear-gradient(to bottom, #ddf, #cce);
  background: -moz-linear-gradient(top, #ddf, #cce);
  border: 1px solid #88c;
  border-radius: 2px;
}
#main h2 a {
  color:#448;
  text-decoration:none;
}
#main h2 a:hover {
  color:#a52;
  text-decoration:underline;
}
#main h3 {
  color: #448;
  font-size: medium;
  text-align: left;
  font-weight: bold;
  margin: 5px 0px;
  padding: 2px 4px;
  border-radius: 2px;
  background:#c0c8ff;
  background: linear-gradient(to bottom, #c0c8ff, #b0b8f8);
  background: -moz-linear-gradient(top, #c0c8ff, #b0b8f8);
}
#main h3 a {
  color:#448;
  text-decoration:none;
}
#main h3 a:hover {
  color:#a52;
  text-decoration:underline;
}
#main h4 {
  color: #448;
  font-size: medium;
  text-align: left;
  font-weight: bold;
  margin: 5px 0px;
  padding: 2px 4px;
  border-radius: 2px;
  background:#e8e8ff;
}
#main table,td,th {
  border:1px solid #88c;
}
#main td {
  padding:4px;
}
#main a:link {  color: #448;}
#main a:visited { color:#448;}
#main a:hover {  color:#a52; text-decoration:underline;}

.bbstext {
  background-color:#f0f0c0;
  padding:10px;
  margin:0;
}
.bbstext p {
  padding:0;
  margin:0;
}
.bbsposted {
  background-color:#dc9;
  padding:0px 0px 0px 10px;
  margin:0px 0px 10px 0px;
}
#main p.posted {
  color: #999999;
  font-size: x-small;
  border-top: 1px solid #88c;
  text-align: left;
  margin-bottom: 25px;
  padding: 3px;
}
#main .comment {
  color: #999999;
  font-size: small;
  border-top: 1px solid #a0a0f0;
  text-align: left;
  margin-bottom: 25px;
  padding: 3px;
}
#main .rightad {
  float:right;
  margin:10px;
}
#main .dic a {
  text-decoration:none;border-bottom:1px dotted;
}
#main .aditem {
  border: 0px;
  padding: 3px 0px;
}
#main .aditem table a p {
  border:0px;
  text-decoration:underline;
}
#main .aditem a {
  border:0px;
  text-decoration:underline;
}

#main .aditem table {
  border: 0px;
}
#main .aditem table td {
  border:0px;
}

#main .ext {
  clear:left;
  margin:20px 10px 0px 0px;
}
#main .ext a {
  text-decoration:underline;border-bottom:none;
}
#main .ref {
  clear:left;
  margin:20px 10px 0px 0px;
}
#side2 {
  float:right;
  margin:8px;
}
#side {
  background:#c0c8ff;
  background: linear-gradient(to right, #c0c8ff, #b0b8f8);
  background: -moz-linear-gradient(left, #c0c8ff, #b0b8f8);
  float: left;
  width: 160px;
  _width: 172px;
  margin: 0px 10px 5px 10px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #89d;
  font-size: small;
  font-weight: normal;
  line-height: 150%;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.4); 
}
#side a {
  color:#226;
}
#side h2 {
  color: #3038cc;
  font-size:x-small;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .3em;
  background-color: #ffe;
  border: 1px solid #3038cc;
  margin: 0px;
}
#side h3 {
  color: #4040c0;
  text-align: left;
  font-weight: bold;
}
#side h4 {
  color: #3038cc;
  text-align: left;
  font-weight: normal;
}
#side ul {
  padding: 0px;
  margin: 0px;
}
#side ul li {
  background:#3038cc;
  border:1px solid #12a;
  color: #ffe;
  font-weight: bold;
  list-style:none;
  margin: 1px;
  padding:0px 0px 0px 5px;
}
#side ul ul li {
  background:#3038cc;
  color: #ffe;
  font-weight: normal;
  line-height: 150%;
  margin: 1px;
  padding: 0px 0px 0px 5px;
}
#side ul li img {
  vertical-align:middle;
}
#side ul li a {
  text-decoration:none;
  color:#ffe;
}
#side ul li a:hover {
  text-decoration:underline;
  color:#c44;
}
#side ul ul {
  margin: 0px;
  padding-left:5px;
}
#side img {
  border: 0px solid #FFFFFF;
}
#sideframe {
  float:left;
  width:200px;
  padding:0;
  margin:0;
}
#sideborder {
  border:1px solid #c0c0ff;
  padding:0;
  margin:5px;
}
.dicranking {
  border:none;
  overflow:hidden;
  width:100%;
  height:150px;
  font-size:small;
}
.box {
  margin:5px;
  padding:5px;
  background-color: #ddf;
  background: linear-gradient(to bottom, #ddf, #cce);
  background: -moz-linear-gradient(top, #ddf, #cce);
  border: 1px solid #88c;
  font-size:medium;
}
.link-note {
  line-height: 150%;
  text-align: left;
  padding: 2px;
  margin-bottom: 15px;
}
#pagedate {
  color: #404080;
  float:right;
  margin:5px;
}
#powered {
  line-height: 150%;
  text-align: left;
  color: #444444;
  margin-top: 50px;
}
#feed {
}
#twitter {
}
#facebook {
}
#comment-data {
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #BBB;
}
textarea[id="comment-text"] {
  width: 80%;
}
.commenter-profile img {
  vertical-align: middle;
  border-width: 0;
}
#main .pnavi {
  line-height:150%;
}
#main a.pnavi-na, #main a.pnavi-ia, #main span.pnavi-i, #main a.pnavi-pa, #main span.pnavi-p, #main span.pnavi-n {
  color:#ffc;
  text-decoration:none;
  background:#56d;
  border: 1px solid #88c;
  display:inline-block;
  text-decoration:none;
  border:1px solid #88a;
  border-radius:2px;
  padding:0px 5px;
  margin:3px 0px;
}
#main a.pnavi-pa, #main span.pnavi-p {
  border-radius:12px 2px 2px 12px;
}
#main a.pnavi-na, #main span.pnavi-n {
  border-radius:2px 12px 12px 2px;
}
#main span.pnavi-p, #main span.pnavi-n {
  background:#ddd;
  color:#888;
}
#main span.pnavi-i {
  background:#fa6;
  color:#442;
  font-weight:600;
}
#main a.pnavi-ia:hover, #main a.pnavi-pa:hover, #main a.pnavi-na:hover {
  background:#78f;
}
#main .dicitem {
  background-color: #ddf;
  background: linear-gradient(to bottom, #ddf, #cce);
  background: -moz-linear-gradient(top, #ddf, #cce);
  margin-left:16px;
}
.dic>img {
  margin:16px;
  float:left;
}

#navmenu{
  font-size:16px;
  font-weight:400;
  width:100%;
  list-style-type: none;
  margin: 5px auto 10px;
  padding: 0;
  color:#ddf;
}
#mavmenu:before, #navmenu:after{
  content: "";
  display: table;
}
#navmenu:after{
  clear: both;
}
#navmenu li{
  position: relative;
  width: 20%;
  height: 40px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background:#66c;
  color:#fff;
  background:linear-gradient(#88c,#66c);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
#navmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  line-height: 20px;
  text-decoration: none;
}
#navmenu li:hover > a{
  color:#fff;
}
#navmenu li a:link, #navmenu li a:visited {
  color:#fff;
}
#navmenu li a:hover{
  background: #aaf;
  color:#fff;
}
#navmenu li ul{
  list-style-type: none;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  margin: -9px;
  padding: 0;
}
#navmenu li ul li{
  background:#66c;
  background:linear-gradient(#88c,#66c);
  overflow:hidden;
  width: 150%;
  height:0;
  border:0;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  transition: 0.2s linear;
}
#navmenu li ul li a{
  padding: 13px 15px;
  text-align: left;
}
#navmenu li:hover ul li{
  border: 1px solid #008;
  height: 50px;
}
#option {
  position:absolute;
  top:10px;
  left:250px;
}
figure {
  float:left;
  margin:1px 15px;
  width:30%;
}
figure img {
  width:99%;
}

@media screen and (max-width:500px){
  #container {
    width:650px;
  }
  #main {
    width:630px;
  }
  #navmenu {
    font-size:14px;
  }
  #navmenu li {
    height: 60px;
  }
  #navmenu li a {
    line-height: 30px;
  }
  figure {
    width:45%;
  }
  figcaption {
    font-size:18px;
  }
  .syntaxhighlighter {
    -webkit-text-size-adjust: 100%;
  }
}