/* メディア総研出版部 CSS */



/* 共通スタイル
============================================================= */

img { border: 0px; }
hr { display: none; }
form { margin: 0px; padding: 0px; }

br.clr   { font-size: 0px; margin: 0px; padding: 0px; line-height: 0px; clear: both;  }
br.clr-l { font-size: 0px; margin: 0px; padding: 0px; line-height: 0px; clear: left;  }
br.clr-r { font-size: 0px; margin: 0px; padding: 0px; line-height: 0px; clear: right; }

a { outline-width: 0px; }
a:link    { color:#336699; }
a:hover   { color:#5588EE; }
a:visited { color:#336699; }



/* メインレイアウト
============================================================= */

body {
  margin: 0px;
  padding: 0px;
  line-height: 150%;
  color: #333333;
  background-color: #ECEEF0;
  text-align: center;
}



/* ヘッダー
============================================================= */

div#header {
  background: #FFFFFF url(/blog/images/bg-header-bottom.gif) repeat-x center bottom;
  text-align: center;
}

#header-box {
  width: 788px;
  height: 75px;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  background: url(/blog/images/bg-body-top.gif) no-repeat center bottom;
  position: relative;
}

#header-box h1 {
  margin: 0; padding: 0;
  position: absolute;
  top: 10px;
  left: 10px;
}

#header-box h2 {
  margin: 0; padding: 0;
  position: absolute;
  top: 10px;
  left: 298px;
}



/* メインコンテンツ レイアウト
============================================================= */

#main {
  width: 788px;
  padding: 0px;
  margin: 0px auto;
  text-align: left;
  background: url(/blog/images/bg-body.gif) repeat-y center top;
}



/* サイドメニュー
============================================================= */

#side-menu {
  width: 177px;
  font-size: 12px;
  color: #333333;
  float: left;
  position: relative;
  left: 11px;
  background: url(/blog/images/bg-list-top.gif) no-repeat center top;
}

#side-menu ul li {
  margin-bottom: 0.3em;
  margin-left: 25px;
  list-style-image: url(/blog/images/list-mark-1a.gif);
}

#side-menu ul li ul li {
  margin: 0.3em 0px 0.3em -25px;
  list-style-image: url(/blog/images/list-mark-2.gif);
}

#side-menu ul {
  margin: 0px;
  padding: 0px;
}

#side-menu ul ul {
  padding-left: 40px;
}

.module {
  margin-bottom: 30px;
}

.module h2 {
  font-size: 100%;
  font-weight: normal;
}

.module-search {
  margin: 0px 10px 10px 10px;
}

.module-search input#search {
  width: 100px;
}

.module-archives {
  margin: 0px 10px 10px 10px;
  font-size: 80%;
}

.module-powered {
  margin: 0px 10px 10px 10px;
  padding: 5px;
  font-size: 80%;
  background-color: #FFFFFF;
  border: 1px solid #BBC4CC;
}



/* メインの記事
============================================================= */

#main-contents {
  width: 568px;
  float: right;
  position: relative;
  right: 20px;
}



/* 見出し */

h2.search-results-header,
h2#archive-title
{
  font-size: 140%;
  line-height: 150%;
  font-weight: bold;
  color: #55769A;
  background: url(/blog/images/bg-archive-title.gif) repeat-x left bottom;
  border-left:   5px solid #C1C5CA;
  border-right:  1px solid #D0D4D8;
  border-bottom: 1px solid #C1C5CA;
  border-top:    1px solid #D0D4D8;
  margin: 0 0 20px 0;
  padding: 10px 5px;
}

h3.comment-title,
h3.search-results-header,
h3.entry-header
{
  font-size: 120%;
  line-height: 150%;
  font-weight: bold;
  border-bottom: 1px solid #C1C5CA;
  margin: 0;
  padding: 0 0 5px 0;
}

h3.search-results-header {
  padding-top: 30px;
}

h3.trackbacks-header,
h2.comments-open-header
{
  font-size: 100%;
  line-height: 150%;
  font-weight: bold;
  color: #55769A;
  background: url(/blog/images/bg-archive-title.gif) repeat-x left bottom;
  border-left:   5px solid #C1C5CA;
  border-right:  1px solid #D0D4D8;
  border-bottom: 1px solid #C1C5CA;
  border-top:    1px solid #D0D4D8;
  margin: 2em 0 1em 0;
  padding: 5px 5px;
}


/* Archive */

ul.archive-list {
  margin: 0 0 1em 0;
}

li.archive-list-item {
  list-style-image: url(/blog/images/list-mark-1b.gif);
  margin-bottom: 0.5em;
}



/* Entry */

.entry {
  margin-left: 10px;
}

.entry-body img {
  margin-left: 20px;
  margin-bottom: 10px;
  float: right;
}

p.entry-footer {
  width: 558px;
  clear: right;
  text-align: right;
  font-size: 80%;
  padding-top: 0.3em;
  margin-bottom: 4em;
  border-top: 1px dotted #B0B4BA;
}



/* Search */

.module-search-feed,
.module-tags
{
  padding: 0px 10px;
}



/* フッター
============================================================= */

#footer {
  padding-bottom: 10px;
  background: url(/blog/images/bg-body-bottom.gif) no-repeat center bottom;
}

#footer p {
  clear: both;
  padding-top: 30px;
  width: 568px;
  text-align: center;
  font-size: 10px;
  color: #667788;
  position: relative;
  left: 200px;
}