/* wrap ******************************/
/** container*************************/
/** section ************** chapter ***/
/** pack_left * pack_right ***********/
/**           *                     **/                                     
/**           * * main ***************/
/**           * *                 * **/
/**           * **********************/
/**           *                     **/
/**           ************************/
/*************************************/
/**           * appendex *************/
/**           * headline *************/
/**           * extent ***************/
/**           * * advance ************/
/**           * *                 ****/
/**           * *                 ****/
/**           * **********************/
/**           *                   ****/
/**           ************************/
/*************************************/
/**           * **********************/
/**           * * anchor×3      *****/
/**           * *                *****/
/**           * **********************/
/*** *********************************/
/* ***********************************/

#wrap{
  margin	:0 auto;
  padding-top	:10px;
  padding-bottom:25px;
  max-width	: 768px; 
  line-height	:1.4;
  font-family   : sans-serif; 
  font-size	:larger; 
  font-weight	:bold;
}

.section{
  float		:left; 
  width		:57%;
  color		:darkgreen;
}

.chapter{
  float		:right; 
  width		:38%; 
  text-align	:right; 
  font-size	:small; 
  padding-top   :4px; 
  color		:darkgreen;
}

.cb{
  clear: both ;
}

.container{
  margin	:auto;
  max-width	:100%;
}

.pack_left{
  float		:left;
  padding-top	:7px;
  width		:22px;
  color		:darkgreen;
}

.pack_right{
  float      :left;
  width      :740px;
  background-color:whitesmoke;
}

.main{
  width      :720px;
  margin:0px 8px 20px 12px;
}

a{
  color		:gray;
  text-decoration:none;
}

a:hover{
  color		:dimgray;
  background	:lightgray;
}

.forward{
  height	:23px;
  background	:whitesmoke;
  cursor	:pointer;
  padding	:2px 4px 0px 4px;
  border	:solid 2px silver;
  border-radius	:5px;
}

.forward:hover{
  background	:lightgray;
}

.anchor{
  float		:left; 
  margin-bottom	:5px; 
  width		:20%; 
  padding-top	:0px; 
  text-align	:center;
}

.moset{
  color:whitesmoke;
  text-align:center;
  border:1px solid black;
}

.moset0{
  color:whitesmoke;
  text-align:center;
}

.answer{
  color: red;
}

/* 追記の全体宣言（スコープ宣言） */ 
.appendix{
  border-bottom:0;
}

/* 拡張のための見出し */
.appendix .headline{
  margin-left:20px;  
  display: block;
  height: 25px;
  text-align: center;
  padding-top: 3px;
  background: whitesmoke;
  cursor: pointer;
  border: solid 2px silver;
  border-radius	:5px;
  color		:gray;
}

/* 見出しのフォーカス設定 */
.appendix .headline:hover{
  background	:lightgray;
}

/* 拡張する全体範囲 */
.appendix .extent{
  margin-top:15px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0s ease-out 0s;
}

/* 拡張したときの表示内容 */
.appendix .advance{
  width      :720px;
  margin:0px 8px 0px 12px;
}
 
/* 拡張命令用チェックの表示 */
.appendix .trigger{
  display: none;
}

/* 表示拡張の設定 */
.appendix .trigger:checked + .extent{
  max-height: 9999px;
  transition: max-height 0.5s ease-in;
}