@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
}

/* general */
body {
  margin:           64px 48px 24px 48px;
  padding:          0;
  /* color:            #888866; */
  color:            #555533;
  background-color: #fcfcfc;
  font-family:      Arial, sans-serif;
  font-size:        80%;
}

a {
  color:            #299; /* #4cc -> 299 */
  background-color: transparent;
}

a:visited {
  color:            #066;
  background-color: transparent;
}

a:hover {
  color:            #F93;
/*  background-color: #4cc; */
}

strong {
  font-weight: bold;
}

dt,
dd {
  line-height: 1.4;
}
dd{
  margin-left: 20px;
}
/* header */
div#header {
  float:            none;
  clear:            both;
  width:            100%;
}

div#header h1 {
  margin:           0 0 0.4em 0;
  font-family:      "Trebuchet MS", sans-serif;
  font-size:        2.5em;
}

div#header h1 a {
  color:            #4cc;
  background-color: transparent;
  text-decoration:  none;
}

div#header p {
  margin:           0 0 4em 0;
}

/* contents */
div#contents {
  float:            left;
  clear:            left;
  width:            70%;
}

div#contents div.back_and_forth {
  margin:           0 0 4em 0;
}

div#contents div.bookmarklet {
  margin:           0 0 4em 0;
}

div#contents div.bookmarklet a {
  font-weight:      bold;
}

div#contents h2 {
  margin:           0 0 0.8em 0;
  color:            #999999;
  background-color: transparent;
  font-family:      "Trebuchet MS", sans-serif;
  font-size:        1.25em;
}

div#contents div.section {
  margin:           0 0 4em 0;
  border-bottom:    1px solid #eee;
}

div#contents div.section h3 {
  /* margin:           0 0 0.67em 0; */
  color:            #d60;
  background-color: transparent;
  font-family:      "Trebuchet MS", sans-serif;
  font-size:        1.5em;
  font-weight:       bold;
}

div#contents div.section h3 a {
  color:            #d60;
  background-color: transparent;
  text-decoration:  none;
  font-weight:       bold;
}

div#contents div.section h4 {
  margin:           1.2em 0 1em;
  color:            #a30;
  background-color: transparent;
  font-family:      "Trebuchet MS", sans-serif;
  font-weight:       bold;
  font-size: 1.1em;
}

div#contents div.section h5 {
  margin: 1.2em 0 1em;
  font-size: 1em;
  font-weight: bold;
}

div#contents div.section p {
  line-height:      190%;
  margin:           0.8em 0;
}

div#contents div.section p.meta {
  margin:           0.25em 0 1em 0;
  padding:          0.5em 0 1em 0;
  line-height:      1;
  color:            #999999;
  background-color: transparent;
  border-top: 1px solid #ddd;
  text-align: right;
}
/*
 * div#contents div.section p.meta a {
 *   font-weight:      bold;
 * }
 */

/* イメージの横幅が広すぎたら隠す */
div#contents div.section p {
  width: 100%;
  overflow: hidden;
}

/* PREの横幅が広すぎたら隠す */
div#contents div.section pre {
/*  width: 100%; */
  overflow: auto;

  /* 自動改行 */
  /* Mozilla */  
  white-space: -moz-pre-wrap;  
  /* Opera 4-6 */  
  white-space: -pre-wrap;  
  /* Opera 7 */  
  white-space: -o-pre-wrap;  
  /* CSS3 */  
    white-space: pre-wrap;  
  /* IE 5.5+ */  
  word-wrap: break-word;  
}

div#contents div.section div.writeback {
  margin:           0 0 2em 0;
}

div#contents div.section div.writeback h4 {
  margin:           0 0 1em 0;
  color:            #d60;
  background-color: transparent;
  font-family:      "Trebuchet MS", sans-serif;
  font-size:        1em;
}

div#contents div.section form p input.edit {
  width:            60%;
  color:            #333333;
  background-color: #f3f3f3;
  font-family:      Arial, sans-serif;
  font-size:        1em;
  vertical-align:   middle;
}

div#contents div.section form p textarea.edit {
  width:            80%;
  color:            #333333;
  background-color: #f3f3f3;
  font-family:      Arial, sans-serif;
  font-size:        1em;
  vertical-align:   middle;
}

div#contents div.section form p input.btn {
  padding:          0 1em;
  border-top:       3px double #cccccc;
  border-right:     3px double #999999;
  border-bottom:    3px double #999999;
  border-left:      3px double #cccccc;
  color:            #333333;
  background-color: #d8d8d8;
  font-family:      Arial, sans-serif;
  font-size:        1em;
  font-weight:      bold;
  vertical-align:   middle;
}

div#contents div.section ul {
  margin: 0 0 0 2em;
}

div#contents div.section ol {
  margin: 0 0 0 3em;
}

div#contents div.section ul li ,
div#contents div.section ol li {
  padding: 0;
  margin: 5px;
  line-height: 150%;
}

div#contents div.section pre {
  padding: 0.5em;
  margin: 1em;
  line-height: 150%;
  border: dotted 1px #ddd;
  color: #333355;
}

div#contents div.section blockquote {
  padding: 0.5em;
  margin: 1em;
  line-height: 150%;
  border: dotted 1px #4cc;
  color: #333355;
}

div.permalink {
  clear: both;
  margin: 25px 0 5px;
  padding: 0 20px;
  text-align: right;
  background-color: #F3FAFA;
  font-size: 12px;
}
div#contents div.section img {
  margin: 0.5em;
}

div#contents div.section a img {
  border: 0;
}

div#contents div.comments-head {
  margin: 1em 0;
  font-weight: bold;
}
div#contents p.meta {
  margin: 0.3em 0 0.5em 0;
  font-size: small;
  text-align: right;
}

#contents div.section dl,
div#contents div.section dt {
  margin: 0.5em 0 0.5em 1em;
}
div#contents div.section dd {
  margin: 0.5em 0 0.5em 3em;
}

/* sidebar */
div#sidebar {
  float:            right;
  clear:            right;
  width:            30%;
}

div#sidebar dl {
  margin:           0 0 0 24px;
  padding:          1em 0 1em 24px;
  border-left:      1px solid #cccccc;
}

div#sidebar dl dt {
  margin:           0 0 0.4em 0;
  padding:          0;
  color:            #d60;
  background-color: transparent;
  font-family:      "Trebuchet MS", sans-serif;
  font-size:        1.25em;
  font-weight:      bold;
}

div#sidebar dl dd {
  margin:           0 0 1em 0;
  padding:          0;
}

div#sidebar dl dd form p input.edit {
  width:            50%;
  color:            #333333;
  background-color: #f3f3f3;
  font-family:      Arial, sans-serif;
  font-size:        1em;
  vertical-align:   middle;
}

div#sidebar dl dd form p input.btn {
  padding:          0 0.5em;
  border-top:       3px double #cccccc;
  border-right:     3px double #999999;
  border-bottom:    3px double #999999;
  border-left:      3px double #cccccc;
  color:            #333333;
  background-color: #d8d8d8;
  font-family:      Arial, sans-serif;
  font-size:        1em;
  font-weight:      bold;
  vertical-align:   middle;
}

div#sidebar dl dd ul {
  margin:           0;
  padding:          0;
  line-height:      1.5;
  list-style-type:  square;
}

div#sidebar li {
  margin:           0 0 0 1em;
  padding:          0;
}

div#sidebar li a {
/*  font-weight:      bold; */
}

/* footer */
div#footer {
  float:            none;
  clear:            both;
  width:            100%;
}

div#footer p {
  margin:           0 0 1em 0;
}

div#footer p a {
  font-weight:      bold;
}

div#footer dl dd ul li ul {
 margin: -1em 0 0.5em 7em;
}

div#footer dl dd ul li ul li, div#footer dl dd ul li  {
 display: inline;
}


div.awsxom {
  border: 1px dotted #dddddd;
  color: #888866;
  padding: 8px;
}

img.webshot-border {
  border: 1px solid #cccccc;
}

hr{
    border:none;
    border-top:dotted 2px #666666;
    height:1px;
    color:#555533;
	margin:1em 0;
}

/* ------------------------- */
/* xyzzy 用                  */
.bgcolor {
  color: #293c61;
  background-color: #f4fafb;
} /* textColor, backColor */
span.keyword1 {
  color: #d15667;
} /* kwdColor1 */
span.keyword2 {
  color: #4f8433;
} /* kwdColor2 */
span.keyword3 {
  color: #467dbb;
} /* kwdColor3 */
span.keyword1inverse {
  color: #f4fafb;
  background-color: #d15667;
} /* backColor, kwdColor1 */
span.keyword2inverse {
  color: #f4fafb;
  background-color: #4f8433;
} /* backColor, kwdColor2 */
span.keyword3inverse {
  color: #f4fafb;
  background-color: #467dbb;
} /* backColor, kwdColor3 */
span.ctl {
  color: #b5c6d7;
} /* ctlColor */
span.string {
  color: #875e5a;
} /* stringColor */
span.comment {
  color: #81b6d9;
} /* commentColor */
span.tag {
  color: #469bbf;
} /* tagColor */
.fg0 {
  color: #293c61;
} /* textColor */
.bg0 {
  background-color: #f4fafb;
} /* backColor */
.fg1 { color: #007a96; } /* fg1 */
.bg1 { background-color: #f8e8d8; } /* bg1 */
.fg2 { color: #ed9c00; } /* fg2 */
.bg2 { background-color: #f4eee1; } /* bg2 */
.fg3 { color: #a2644c; } /* fg3 */
.bg3 { background-color: #dbdacc; } /* bg3 */
.fg4 { color: #6c2c3e; } /* fg4 */
.bg4 { background-color: #c1e0e2; } /* bg4 */
.fg5 { color: #ca3e29; } /* fg5 */
.bg5 { background-color: #cae6f1; } /* bg5 */
.fg6 { color: #c5558b; } /* fg6 */
.bg6 { background-color: #eef4d0; } /* bg6 */
.fg7 { color: #8d0034; } /* fg7 */
.bg7 { background-color: #a9d0aa; } /* bg7 */
.fg8 { color: #1b71b3; } /* fg8 */
.bg8 { background-color: #f4eacb; } /* bg8 */
.fg9 { color: #00b1db; } /* fg9 */
.bg9 { background-color: #eed052; } /* bg9 */
.fg10 { color: #00817a; } /* fg10 */
.bg10 { background-color: #fac7c1; } /* bg10 */
.fg11 { color: #977545; } /* fg11 */
.bg11 { background-color: #fbdddb; } /* bg11 */
.fg12 { color: #e6784d; } /* fg12 */
.bg12 { background-color: #dee2f1; } /* bg12 */
.fg13 { color: #83b12b; } /* fg13 */
.bg13 { background-color: #e9dced; } /* bg13 */
.fg14 { color: #4f7151; } /* fg14 */
.bg14 { background-color: #deeaeb; } /* bg14 */
.fg15 { color: #4d8188; } /* fg15 */
.bg15 { background-color: #e0e0e0; } /* bg15 */
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.strike-out { text-decoration: line-through; }
/* ------------------------- */


div.awsxom-small {
  float: left;
  padding: 5px 16px 5px 0;
  margin: 0;
  border-top: 1px dotted #ddd;
/*  border-bottom: 1px dotted #ddd; */
  width: 45%;
/*  border: 1px dotted #dddddd; */
}
div.awsxom-small a img {
  margin: 0 10px 0 0;
  border: 4px dotted;
}
.float-clear {
  clear: both;
  display: block;
}

div.aff-middle-box {
  padding: 0.5em 32px;
  border: 1px dotted #ccc;
}
div.aff-middle-box > a > img {
  margin: 0 1em;
}
img.sbmicon {
  padding:0 !important;
  border: 0px none;
  margin:0 5px 0 0 !important;
  line-height: 0px;
}
a.sbmlink:hover {
  background: transparent !important;
}