@charset "Shift_JIS";

body { background-color: #ffffff ;
       color: #000000 ; 
       margin: 10px ; }

#block1 { width:750px ; 
      background-color: #ffffff ; 
       color: #000000 ;
       position: relative ;
       margin: 2px ; }     /* 大枠 */


#block2 { width:740px ; 
       background-color: #ffffff ; 
       color: #000000 ;
       position: relative ;
       margin: 2px ; }  /* パンくずリスト */

#block3 { width:740px ; 
       background-color: #ffffff ; 
       color: #000000 ;
       position: relative ;
       margin-left: 5px ; 
       margin-right: 5px ; }  /* 本文の部分 */

#block4 { width:750px ; 
          background-color: #ffffff ; 
          color: #000000 ;
          position: relative ;
          margin: 2px ; }  /* 戻る・進むボタンの部分 */

.sai { float: left ;
       width: 45% ;
       text-align: left ; }    /* カテゴリー  */

.sui { float: right ;
       width: 45% ; 
       text-align: right ; }   /* タイトル  */

h1 { color:#000000 ;
     font-weight: bold ;
     font-size: 110% ;
     padding-top: 3px ;
     padding-bottom: 2px ; }

.col1 { background-color: #ffcc99 ; }
.col2 { background-color: #99ccff ; }
.col3 { background-color: #ccffcc ; }
.col4 { background-color: #ffcccc ; }

h2{ color:#000000 ;
    font-weight: bold ;
    font-size: 100% ;
    padding: 5px  5px 0 5px; }

.ubcol1{border-left: 5px solid #ff6633 ;
        border-bottom: 1px solid #ff6633 ; }
.ubcol2{ border-left: 5px solid #3333cc ;
         border-bottom: 1px solid #3333cc; }
.ubcol3{ border-left: 5px solid #009933 ;
         border-bottom: 1px solid #009933 ; }
.ubcol4{ border-left: 5px solid #ff66cc ;
         border-bottom: 1px solid #ff66cc ; }

.t1{ border-left: 2px solid #ff6633 ;
     border-right: 2px solid #ff6633 ;
     border-top: 2px solid #ff6633 ;
     border-bottom: 2px solid #ff6633 ; }     /* 各ページのタイトル枠 */ 
.t2{ border-left: 2px solid #3333cc ;
     border-right: 2px solid #3333cc ;
     border-bottom: 2px solid #3333cc;
     border-top: 2px solid #3333cc; }
.t3{ border-left: 2px solid #009933 ;
     border-right: 2px solid #009933 ;
     border-bottom: 2px solid #009933 ;
     border-top: 2px solid #009933 ; }
.t4{ border-left: 2px solid #ff66cc ;
     border-right: 2px solid #ff66cc ;
     border-top: 2px solid #ff66cc ;
     border-bottom: 2px solid #ff66cc ; }

.tt4{ border-left: 1px solid #ff66cc ;
     border-right: 1px solid #ff66cc ;
     border-top: 1px solid #ff66cc ;
     border-bottom: 1px solid #ff66cc ;
     padding: 3px ; }                 /* ４章参考２図形タイトルの細い枠 */

.cap4{margin-top: 1em ; 
      margin-left: 5px ; 
      margin-right: 5px ; 
      margin-bottom: 5px ; 
      font-weight: bold ; 
      font-size: 100% ;
      line-height: 150% ; }        /* ４章参考２図形タイトル部分 */

h3 { color:#000000 ;
     font-size: 100% ;
     margin-left: 1em ;
     padding: 2px ;
     margin-top: 0px ; 
     margin-bottom: 0px ; 
     line-height: 150% ; }

h4 { color:#000000 ;
     font-size: 100% ;
     margin-left: 2em ;
     padding: 2px ;
     margin-top: 0px ; 
     margin-bottom: 0px ; 
     line-height: 150% ;}

div.comment { color:#000000 ;
              font-size: 90% ;
              line-height: 130% ; }   /* 各章にある説明文 */

img { border-style: none ;
      padding: 3px ;
      vertical-align: text-bottom }
.imgr { border-style: none ;
       float: right ; }
.imgl { border-style: none ;
       float: left ; }

.clear { clear: both ; }       /* 回り込み解除 */

p { margin-top: 0px ;
    margin-bottom: 0px ;
    text-indent: 0px ;
    line-height: 120% ; }

.setumei { margin-bottom: 1em ;
    line-height: 120% ;
    padding-left: 1em ; 
    padding-right: 1em ; 
    padding-top: 1em ;
    padding-bottom: 1em ;
    background-color: #ffcccc ; }      /* ４章ピンク枠内説明文 */

.ind { line-height: 120% ;
       margin-left: 1em ;
       text-indent: -1em ; }      /* ４章ピンク枠内説明文インデントあり */

.ref { font-size: 75%;
       line-height : 130% ; }      /* 注釈 */
.refr { font-size: 75%;
       line-height : 130% ;
       text-align: right ; }      /* 注釈右揃え */
.refl { font-size: 75%;
       line-height : 130% ;
       text-align: left ; }      /* 注釈左揃え */
.refc { font-size: 75%;
       line-height : 130% ;
       text-align: center ; }      /* 注釈中央揃え */
.refind1 { font-size: 75%;
       line-height : 130% ;
       margin-left: 1em ;
       text-indent: -1em ; }      /* 注釈1文字インデント有 */

.refind2 { font-size: 75%;
       line-height : 130% ;
       margin-left: 2em ;
       text-indent: -2em ; }      /* 注釈2文字インデント有 */


div.fra { float: right ; 
         width: 55% ; }    /* 右側が大きい段の右 */
div.frb { float: right ; 
         width: 40% ; }   /* 左側が大きい段の右 */
div.fla { float: left ;
          width: 40% ; }  /* 右側が大きい段の左 */
div.flb { float: left ; 
         width: 55% ; } /* 左側が大きい段の左 */
div.frc { float: right ; 
         width: 45% ; }    /* 左側が少し大きい段の右 */
div.flc { float: left ; 
         width: 50% ; }   /* 左側が少し大きい段の左 */
div.frd { float: right ; 
         width: 60% ; }    /* 左側が小さい段の右 */
div.fld { float: left ; 
         width: 35% ; }   /* 左側が小さい段の左 */
div.fre { float: right ; 
         width: 70% ; }    /* 左側がかなり小さい段の右 */
div.fle { float: left ; 
         width: 25% ; }   /* 左側がかなり小さい段の左 */
div.flf { float: left ; 
         width: 70% ; } /* 左側がかなり大きい段の左 */
div.frf { float: right ; 
         width: 28% ; }    /* 左側がかなり大きい段の右 */

.box1 { color: #ff6633 ; }    /* 画像タイトルの頭にある */
.box2 { color: #3333cc ; }
.box3 { color: #009933 ; }
.box4 { color: #ff66cc ; }

.b { font-weight: bold ; 
    font-size: 100% ;
    line-height: 150% ; }

hr { color: #ff6633 ;
     background-color: #ff6633 ;
     border: 0px ; 
     width: 100% ;
     text-align: left ; 
     height: 3px ;
     clear:both ; }  /* hr */

hr.hrtop { height: 5px ; }   /* 上のhr */

.pan { color:#000000 ;
       font-size: 90% ;
       line-height: 130% ; 
       margin-bottom : 1em ; }  /* パンくずリスト */

.totop { margin-top: 0px ;
         margin-bottom: 1em ; 
         text-align: right ; }

table { border : 1px #000000 solid ; 
        border-collapse:collapse;}

td { padding: 2px;border: 1px solid #000000; background-color : #FFFFFF;}
th { padding: 2px;border: 1px solid #000000; background-color : #FFFFFF; font-weight: normal ; }

.gra { text-align: center ; 
       background-color: #dcdcdc ; }  /* グレーのセル */
.gran { text-align: center ; 
        background-color: #dcdcdc ; 
        white-space: nowrap; }   /* グレーのセルで改行禁止 */
.grab { text-align: left ; 
        background-color: #dcdcdc ;
        vertical-align: top ; 
        font-weight: bold ; }  /* グレーのセルで上揃えで太字 */
.gral { text-align: left ; 
       background-color: #dcdcdc ; }  /* グレーのセル 左揃え */
.contentr { text-align: right ; 
         background-color: #ffffff ; 
         font-size: 95% ; }  /* 文字小さめのセルで右揃え */
.contentrn { text-align: right ; 
         background-color: #ffffff ; 
         font-size: 95% ; 
         white-space: nowrap;}  /* 文字小さめのセルで右揃え改行禁止 */
.contentl { text-align: left ; 
         background-color: #ffffff ; 
         font-size: 95% ; }  /* 文字小さめのセルで左揃え */
.contentln { text-align: left ; 
         background-color: #ffffff ; 
         font-size: 95% ; 
         white-space: nowrap; }  /* 文字小さめのセルで左揃え改行禁止 */
.contentc { text-align: center ; 
         background-color: #ffffff ; 
         font-size: 95% ; }  /* 文字小さめのセルで中央揃え */
.content { text-align: left ; 
         background-color: #ffffff ; 
         font-size: 95% ;
         vertical-align: top ; }  /* 文字小さめのセルで左上揃え */

/* フッタ対応　*/
div#footerWrapper table {
	border: 0;
}