@charset "EUC-JP";



/* メディア総研出版部 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%;
  background-color: #ECEEF0;
  text-align: center;
}



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

#header {
  background: #FFFFFF url(../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(../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(../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(../images/bg-list-top.gif) no-repeat center top;
}

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

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

ul.side-list-1 {
  margin: 0px;
  padding: 0px 0px 1em 0px;
  border-bottom: 1px solid #BEC4CB;
}

ul.side-list-2 {
  margin: 0px;
  padding: 1em 0px 1em 0px;
  border-top:    1px solid #FFFFFF;
  border-bottom: 1px solid #BEC4CB;
}

ul.side-list-3 {
  margin: 0px;
  padding: 1em 0px 1em 0px;
  border-top:    1px solid #FFFFFF;
  border-bottom: 1px solid #BEC4CB;
}

.module-search {
  border-top:    1px solid #FFFFFF;
  padding: 1em 10px;
}

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



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

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



/* メインの記事 新刊情報
============================================================= */

#recent-book h3 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  height: 23px;
  background: url(../images/label-recent-book.gif) no-repeat left top;
  border-bottom: 1px solid #C1C5CA;
  font-size: 10px;
  text-indent: -9999px;
}

#recent-book img {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

#recent-book table td {
  vertical-align: top;
  color: #333333;
}

#recent-book h4 {
  color: #333333;
  font-size: 120%;
  font-weight: bold;
  line-height: 150%;
  margin: 0px 0px 1em 0px;
}

#recent-book p {
  color: #333333;
  margin: 0px 0px 1em 0px;
}



/* メインの記事 What's New?
============================================================= */

#recent-entries {
  background: #DCE5EE url(../images/bg-whatsnew-bottom.gif) no-repeat left bottom;
  padding-bottom: 10px;
}

#recent-entries h3 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  width: 568px;
  height: 25px;
  background: url(../images/label-whatsnew.gif) no-repeat left top;
  font-size: 10px;
  text-indent: -9999px;
}

#recent-entries ul {
  margin: 0px;
  padding-left: 30px;
}

#recent-entries ul li {
  margin-bottom: 0.3em;
  list-style-image: url(../images/list-mark-1c.gif);
  color: #333333;
}



/* コラム
============================================================= */

#columns {
  margin-top: 10px;
}

#columns table {
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: show;
}

#columns table td {
  width:  282px;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  border: 1px solid #BAC1C9;
  background: url(../images/bg-column.gif) repeat-x left bottom;
}

#columns .column-body {
  margin: 10px;
  padding: 0px;
}

#columns .column-image {
  text-align: center;
}

#columns .column-image img {
  margin: 0px auto 10px auto;
}

#columns ul {
  margin: 0px;
  padding: 0px 0px 0px 20px;
}

#columns ul li {
  margin: 0px 0px 0.5em 0px;
  list-style-image: url(../images/list-mark-1d.gif);
  color: #333333;
}



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

#footer {
  padding-bottom: 10px;
  background: url(../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;
}