/* -----BASE---------------------------------------------------------------- */

body {
  font:90%/160% 'Verdana' "ＭＳ Ｐゴシック" sans-serif;
  margin:0;
  padding:0;
  background:#fff url(img/checked.png) no-repeat 5px 5px;
}

h1, h2, h3, h4, h5, h6,
p, div, blockquote, pre, address, form, hr,
ul, ol, dl, li, dt, dd, table, tr, th, td {
  font-size:1em;
  font-style:normal;
  margin:0;
  padding:0;
}

a	{text-decoration:underline;}
a:link	{color:#039;}
a:visited         {color:#063;}
a:active, a:hover {color:#999;}


/* -----2ペイン--------------------------------------------------------------*/

body{
  text-align:center;
  background:url(bg.png);
}

#blog{
  margin:42px auto 0 auto;
  width:804px;
  background:url(rayout.png) no-repeat 0 0;
  background-color:white;
}

#header{
  width:804px;
  height:128px;
  position:relative;
  border:solid 1px #d1d1d1;
  border-width:1px 1px 0 1px;
}

#content{
  width:804px;
  text-align:left;
  border:solid 1px #d1d1d1;
  border-width:0 1px 1px 1px;
}
#main{
  float: right;
  width:590px;
}

#utilities{
  width:205px;
  margin-top:12px;
  padding-bottom:5px;
  background:url(menu-box.png) no-repeat -1px bottom;
}
#utilities dl{
  margin-right:5px;
  margin-top:0;
}

#footer{
  border-top:solid 1px #09c;
  clear:both;
}


/* ---------upper------------------------------------------------------------ */

h1 *, h1 a:link, h1 a:visited{
  display:none;
}
.topicPath{
  margin:100px 30px 0 0;
  text-align:right;
}

/* -----entry---------------------------------------------------------------*/

.entry{
/*  border:double red 3px;*/
  margin: 3em 1em;
}

h2{
  font-size:1.2em;
  font-weight:bold;
  letter-spacing:0.1em;
  background:url(bg.png);
  border:solid 1px #c1cae8;
  border-width:0 0 1px 1.2em;
  padding:0.4em 0 0.2em 0.2em;
}

ul.info{
  font-size:0.8em;
  text-align: right;
}
ul.info li{
  display:inline;
}

.textBody{
  margin-top:1em;
}

.reaction{
  font-size:0.8em;
  text-align: right;
}
.reaction li{
  display:inline;
}

/* -----topguide---------------------------------------------------------  */

div#topguide{
  text-align:center;
  margin:2em 0;
}
#topguide a:link, #topguide a:visited{
  color:#06c;
  border:solid 1px #036;
  font-weight:bold;
  text-decoration:none;
  padding:2px;
}
#topguide a:active, #topguide a:hover{
  text-decoration:underline;
  color:#960;
}
div.guide-sentence{
  text-align:left;
  width:562px;
  background:url(topguide-upper.png) top left no-repeat;
  border-top:solid 1px white;
  padding:40px 0 0 1em;
}
div.guide-sentence p{
  margin:0 1em 0 0;
}

div.guide-menu{
  text-align:left;
  width:562px;
  background:url(topguide-bottom.png) bottom left no-repeat;
  border-bottom:solid 1px white;
  padding:10px 0 10px 1em;
}
div.guide-menu p{
  font-size:0.8em;
  margin:0 1.2em 0 0;
  border-top:dashed 1px grey;
  padding-top:8px;
}

/* -----utilities---------------------------------------------------------  */

#utilities{
/*  border:outset grey 3px;*/
}

#utilities ul{
  list-style-type:none;
}
#utilities dt{
  font-weight:bold;
  background:url(menu-title.png) y-repeat 0 0;
  padding:2px 0 0 4px;
}
#utilities dd{
  margin:4px 1em;
}

.feeds li{
  font-size:0.8em;
  display:inline;
}

/* ------ trackback --------------------------------------------------------*/

#trackback{
  border:solid 1px black;
  margin:1em 0;
}

#trackback h3{
  background:#036;
  color:white;
}

.tb-item{
  border-top:dashed 2px #ccc;
}
.tb-name{
  font-weight:bold;
  margin:0 0.4em;
}
.tb-body{
  font-size:0.8em;
  margin:0 0.5em;
}
.tb-info{
  border-top:dashed 2px #ccc;
  font-size:0.8em;
  padding:0 0.5em;
}

/* ------ other ----------------------------------------------------------*/

p, ul, ol, dl, table {
  margin:1em 0.2em;
}

.textBody li{
  margin-left:3em;
}

.rightbox{
  text-align:center;
  clear:both;
  float:right;
  margin-left:1em;
}

.leftbox{
  text-align:center;
  clear:both;
  float:left;
  margin-right:1em;
}

h1, h2, h3, h4, h5, h6, hr{
  clear:both;
}

blockquote{
  border:solid 1px orange;
  border-width:1px 1px 1px 4px;
  margin:1em 3em;
  padding:0 1em;
}
img {
  border:none;
}