/****** 解説ページ用 *******/
@import url(./common.css);

/****** ページ全体 *******/
#page,#pagebox{
  width: 800px;
  margin: 0 auto;
}

/****** ページヘッド *******/

/****** ページメイン *******/
#pagemain{
}

/****** 左メニュー *******/
#lmenu{
  width: 200px;
}
#lmenu h2{
  margin: 2px 0 0 0;
  text-align: center;
}
#lmenu ul{
  margin: 5px 0 0 5px;
}
#lmenu li{
  list-style-type: none;
}

/****** メイン *******/
#main{
  float: none;
  width: 570px;
  margin: 0 0 0 220px;
}
#main .exp01{
  width: 560px;
}
#main a{
  border-bottom: 2px dotted #999999;
}

/****** メインBOX *******/
.mainbox{
}
.mainbox h1{
  margin: 0 0 10px;
  padding: 4px 4px 4px 4px;
  font-size: 120%;
  background-color: #ff6600;
  color: white;
  text-align: left;
}
.mainbox > h2{
  padding: 2px 4px;
  font-size: 120%;
  line-height: 1.2em;
  background-color: #0099ff;
  color: white;
}
.mainbox > p{
  margin: 10px 10px 10px 15px;
}
.mbody{
  margin: 0 20px 20px;
}
.mbody > p,.mbody > pre{
  margin: 12px 0;
}
.mbody li{
  margin: 0 20px 0 10px;
}

/****** 解説用 *******/

/****** テーブル *******/
table.yougo{
  width: 100%;
  margin: 0 0 15px 0;
  background-color: #cccccc;
}
table.yougo th{
  padding: 2px 10px;
  background-color: #007788;
  color: white;
  white-space: nowrap;
}
table.yougo td{
  background-color: #ffffff;
}

/****** 実行サンプル用 *******/
.samp01 dl{
  margin: 10px 0;
}
.samp01 > dt{
  margin: 1px;
  padding: 2px 4px;
  background-color: #3366cc;
  color: white;
}
.samp01 > dt.bcgrd{
  background-color: #007788;
  color: white;
}
.samp01 > dd{
  margin: 1px;
  padding: 2px 4px;
  border: 1px solid #999999;
}
.samp01 > dd pre{
  margin: 0;
}

.samp01 dl.test01{
  background-color: #cccccc;
}
.samp01 dl.test01 dt{
  font-weight: bold;
}
.samp01 dl.test01 dd{
  color: #339933;
}

/****** その他の設定（追加分） *******/
.mbody > dl.samp01{
  margin: 5px 0 5px 15px;
  border: 1px solid #999999;
}