/*-------------------------------------------------------------------基本
*/
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 83.3%;
}
html > body {
  font-size: 10pt;
}
html {
  overflow-y: scroll;
}
body {
  color: #555;
  background: #f5f5f5 url('../images/comepedia_comet_bg.jpg') no-repeat;
  line-height: 1.3em;
  font-family: "MS P Gothic", sans-serif;
  font-family: "meiryo";
}
/*-------------------------------------------------------------------スタイル
*/
a {
  color: #4444cc;
  text-decoration: none;
}
a:hover {
  color: #DD6666;
  text-decoration: underline;
}
img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------------ボックス
*/
#Container {
  position: relative;
  text-align: left;
  padding-bottom: 0.5em;
}
#Header {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 11em;
  height: 20em;
  margin: 0.5em;
  overflow: hidden;
}
#Header h1 a {
  display: block;
  width: 11em;
  height: 20em;
  text-indent: -1000em;
  overflow: hidden;
}
#Header p {
  display: none;
}
#Box {
}

/*-------------------------------------------------------------------コンテンツ
*/
#Contents {
  width: 100%;
  float: right;
  margin-left: -14em;
}
#Contents > * {
  margin-left: 12em;
}
#Inner {
  margin: 2em 0.5em 0.5em 12em;
  overflow: hidden;
}

/*-------------------------------------------------------------------メイン
*/
#Top-Menu {
  position: relative;
  z-index: 11;
  width: 100%;
  overflow: hidden;
}
#Top-Menu ul {
  margin-left: 8px;
  list-style: none;
  width: 800px;
  overflow: hidden;
}
#Top-Menu li {
  margin-right: 0.5em;
  float: left;
}
#Top-Menu li.tm02 {
  margin-right: 1.5em;
}
#Top-Menu a,
#Top-Menu strong {
  display: block;
  font-size: 90%;
  line-height: 1.3em;
  background: white;
  border: 1px solid #aaa;
  padding: 0.3em 0.5em 0;
  text-decoration: none;
}
#Top-Menu li.select a {
  border-bottom: 1px solid #fff;
}

/*------------------------------------------------------------------- サイドメニュー
*/
#Side-Menu {
  display: inline;
  width: 11em;
  margin: 20.5em 0 0 0.5em;
  overflow: hidden;
  float: left;
}
#Side-Menu h2 {
  display: none;
}
#Side-Menu h3 {
  font-size: 100%;
  font-weight: normal;
}
#Side-Menu .menu-box {
  background: white;
  border: 1px solid #aaa;
  margin-bottom: 0.5em;
}
#Side-Menu .menu-box ul {
  margin: 0.5em;
  overflow: hidden;
}
#Side-Menu .menu-box li {
  display: inline;
  background: url('images/list_marker01.gif') no-repeat 0 0.1em;
  width: 90%;
  padding-left: 0.9em;
  float: left;
}
#Side-Menu .menu-box a {
  display: block;
  font-size: 80%;
  line-height: 1.5em;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
}
#Side-Menu .menu-box a:hover {
  text-decoration: underline;
}

#Side-Menu .menu-box .search {
  font-size: 90%;
  text-align: center;
}
#Side-Menu .search .text {
  border: 1px solid #aaa;
  width: 88%;
  margin: 0.5em;
}
#Side-Menu .search .submit {
  margin: 0 0 0.5em;
}

#Side-Menu .n-box {
  text-align: center;
  margin-bottom: 0.5em;
}

/*-------------------------------------------------------------------フッター
*/
#Footer {
  border-top: 1px solid #fabd23;
  border-bottom: 1px solid #fabd23;
  background: white;
  width: auto;
  padding: 1em 0;
  overflow: hidden;
}
#Footer p {
  font-size: 90%;
  text-align: center;
}
#Footer a {
  margin: 0 1em;
}

/*------------------------------------------------------------------- コンテンツ要素
*/
#Main {
  position: relative;
  top: -1px;
  z-index: 10;
  background: white;
  border: 1px solid #aaa;
  padding: 1.5em 1em;
}
#Main h2 {
  clear: both;
  font-size: 200%;
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}
#Main h3 {
  clear: both;
  font-size: 130%;
  border-bottom: 1px solid #aaa;
  margin: 1em 0;
  padding-bottom: 0.2em;
}
#Main h3 span {
  font-size: 70%;
  font-weight: normal;
  margin-left: 0.5em;
}
#Main h4 {
  clear: both;
  margin: 0 0 1em;
}
#Main p {
  margin: 0 0 1em;
}
#Main .p-index {
  display: block;
  font-size: 90%;
  background: #f9f9f9;
  border: 1px solid #aaa;
  margin: 0 0 1em;
  float: left;
}
#Main .p-index h3 {
  font-size: 110%;
  text-align: center;
  border: none;
  margin: 0.5em;
}
#Main .p-index .list {
  margin-right: 1em;
}

/*------------------------------------------------------------------- 概要（table）
*/
#Main .outline {
  float: right;
  font-size: 90%;
  border: 1px solid #aaa;
  margin-left: 1em;
  margin-bottom: 1em;
}
#Main .outline th {
  font-weight: normal;
  background: #e9e9f1;
  padding: 0.2em;
  vertical-align: top;
  white-space: nowrap;
}
#Main .outline td {
  padding: 0.2em;
  vertical-align: top;
}
#Main .outline .title {
  text-align: center;
  background: #cfcde5;
  padding: 0.2em;
}

/*------------------------------------------------------------------- 個別
*/
#Main .c_left {
  float: left;
}
#Link li {
  overflow: hidden;
  background: url('images/list_marker01.gif') no-repeat 0 0.1em;
  margin: 0 0 0.25em 1em;
  padding-left: 1em;
}
#Link ul {
  list-style: none;
}
#Link li a {
  display: block;
}
#Link li p {
  margin: 0;
}
#Link li img {
  float: right;
}
#Notice {
  background: #f9f9f9;
  border: 1px solid #aaa;
  width: auto;
  margin: 2em 3em 0;
  padding: 0.5em;
  overflow: hidden;
}
#Notice div {
  position: relative;
  background: url('../images/icon_comet.gif') no-repeat left center;
}
* html #Notice div {
  height: 48px;
}
html > body #Notice div {
  min-height: 48px;
}
#Notice p {
  display: block;
  margin: 0;
  padding: 0.5em 0;
  padding-left: 56px;
  overflow: hidden;
}

/*------------------------------------------------------------------- その他
*/
.c_left {
  float: left;
}
.center {
  text-align: center;
}
.notes {
  color: #1e7f88;
  font-size: 90%;
  margin-left: 0.5em;
}
.face {
  float: left;
  margin-right: 1em;
  margin: 0 1em 1em 0;
}
.more {
  display: block;
}

/*
.more {
  color: #4444cc;
  cursor: pointer;
}
.more:hover {
  color: #DD6666;
}
*/
.f_right {
  float: right;
}
.hidden {
  display: none;
}
.block {
  display: block;
}

/*------------------------------------------------------------------- clear-fix
*/
.clf:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

/* Win IE7 */
*:first-child+html .clf {
  height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html .clf {
  height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
.clf {
  display: inline-table;
}
/* End Mac IE */

/*-------------------------------------------------------------- リストスタイル
*/
#Main ul.list,
#Main ol.list {margin: auto 0 0.5em 0;padding: 0;overflow: hidden;}
#Main .list li {margin-top:0.25em; margin-bottom:0.25em;}
#Main ul.list ul,
#Main ul.list ol,
#Main ol.list ol,
#Main ol.list ul {margin-left:0;}
#Main ul.list li {margin-left:2em;}
#Main ol.list li {margin-left:2.5em;}
#Main ul.list ul li,
#Main ol.list ul li {margin-left:1.5em;}
#Main ul.list ol li,
#Main ol.list ol li {margin-left:2em;}