@charset "UTF-8"; 
/* サイト内全体用デフォルトスタイルシート */
/* ページ全体 */
/* ナビゲーションバー */
div.navi {
   background-color: #dcdcdc;
   padding: 3px;
   font-size: 100%;
   width: 800px;
}
div.navi a {
   color: #000000;
   text-decoration: none;
   border-right: 1px #ccffcc solid;
   padding: 0px 0.3em;
   font-size: 100%;
   width: 680px;
}
div.navi2 {
   background-color: red;
   padding: 3px;
   font-size: 100%;
   width: 680px;
}
div.navi2 a {
   color: #000000;
   text-decoration: none;
   border-right: 1px #ccffcc solid;
   padding: 0px 0.3em;
   font-size: 100%;
   width: 1680px;
}
/* マウス矢印の形状 */
.cursorsmph {
	CURSOR: url('file://c:/home/material/button/hnodrop.cur')
}
.cursorsmp1 {
	CURSOR: auto
;}
.cursorsmp8{
	cursor: help;
}
/* 二重線 */
strong { 
          border-bottom: double red 3px;
          font-weight: normal;
       }
/* マーカーの色 */
.yellow       { background-color: #ffff55;}
.red          { background-color: #ff5555;
color           : #ffffff; }
.lime         { background-color: #55ff55; }
.orange       { background-color: #ffcc55; }
/* リンク カーソル */  
  a:hover { position: relative; top: 1px; left: 1px; }
  a:hover { color: green; background-color: yellow; }
/* テーブル(表)サンプル */
table.sample1 {
   border-width: 2px;
   border-color: darkblue;
   border-style: solid;
   border-collapse: collapse;
}
table.sample1 th {
   border-width: 1px;
   border-color: black gray;
   border-style: solid dotted;
   padding: 3px;
   background-color: #eeffff;
}
table.sample1 td {
   border: 1px gray dotted;
   padding: 3px;
}
table.sample2 {
   border-width: 4px;
   border-color: green;
   border-style: double;
   border-collapse: collapse;
}
table.sample2 th {
   border: 1px green;
   border-style: solid dashed;
   padding: 3px;
   background-color: #ffffdd;
}
table.sample2 td {
   border: 1px green;
   border-style: solid dashed;
   padding: 3px;
}
/* 列　行ごとの配色 */
.Title { background-color: #cccccc; font-weight: bold; }
.Point { background-color: #ffcccc; }
.Price { background-color: #ffcc80; text-align: right; width: 6em; }
.Other { text-align: right; width: 4em; }
.Check { color: red; }

/* 文字 */

/* 単語内での改行を禁止したい箇所で、単語を<span>～</span>で囲む）*/
  span { white-space: nowrap;}

/* class=の名前を付け指定 */
/* normal と bold normalと italic 1emと12ptは同じかも*/
/* 長さの単位 */
/* 長さの単位 絶対的な単位,mm ミリメートル, cm センチメートル, in インチ, pt ポイント, pc パイカ 12pt */
/* 長さの単位 相対的な単位,px ピクセル ex 小文字の, x の高さを1とする, em 大文字の高さを1とする, % パーセント */
/*----------書き順------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*color #ffc0cb テキスト色ピンク、pinkでもいいです 
font-size 1cm 文字サイズ1cm 
font-weight bold 太字 
text-decoration underline
text-align center テキストの位置は中央 
background-color #800080 背景色は紫、purpleでもいいです 
border-style groove 枠線のスタイルはgroove（溝） 
border-color #ffc0cb 枠線の色はピンク、pinkでもいいです 
border-width 10pt 枠線の太さ（幅）10ポイント 
padding 10pt 枠線と中の文字との間隔10ポイント*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------書き順終わり------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------基本文字----------------*/
/*----------------------------------*/
/*----------------------------------*/
.mozikuro8L {
               color           : #000000;
               font-size       : 8pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozikuro9L {
               color           : #000000;
               font-size       : 9pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozikuro9CB {
               color           : #000000;
               font-size       : 9pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : bold;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozikuro99L {
               color           : #000000;
               font-size       : 9pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : ;/* pxかemで指定 */
               word-spacing    : ;/* 英単語の間隔pxかemで指定 */
               white-space     : nowrap;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     :3em;/* 行間指定 normal pxかem %で指定 */
               text-indent     : %;
               top: 1em;
             }
.mozikuro9mozikannoaitamono {
               color           : #000000;
               font-size       : 9pt;
               font-style      : italic;/* normal italic oblique */
               font-weight     : bold;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.5em;/* pxかemで指定 */
               word-spacing    : 0.5em;/* 英単語の間隔pxかemで指定 */
               white-space     : nowrap;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     :3em;/* 行間指定 normal pxかem %で指定 */
               text-indent     : %;
               top: 1em;
             }
.mozikuro1212S {
               color           : #000000;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nowrap;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     :2em;/* 行間指定 normal pxかem %で指定 */
               text-indent     : %;
               top: 1em;
             }
.mozikuro12L {
               color           : #000000;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : 1em;
             }
.mozikuro12R {
               color           : #000000;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : right;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozikuro12C {
               color           : #000000;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozikuro12CB {
               color           : #000000;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozikuro13CB {
               color           : #000000;
               font-size       : 13pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : bold;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nowrap;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozikuro12L {
               color           : #000000;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : 1em;
             }
.mozinezu12L {
               color           : gray;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : 1em;
             }
.moziao12L   {
               color           : darkblu;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.moziaka12L  {
               color           : red;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozishiro12L {
               color           : #ffffff;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : left;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozinezu12C {
               color           : gray;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : center;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
.mozinezu13C {
               color           : gray;
               font-size       : 12pt;
               font-style      : normal;/* normal italic oblique */
               font-weight     : normal;/* 太字 bold normal */
               text-decoration : none;/* アンダーライン underline overline line-through blink*/
               text-align      : right;/* テキストの位置 center left right justiy */
               letter-spacing  : 0.07em;/* pxかemで指定 */
               word-spacing    : 0.1em;/* 英単語の間隔pxかemで指定 */
               white-space     : nomarl;/* normal nowrapテキストの自動折り返しをしない preそのまま表示 */
               background-color: ;
               background-image: url();/* 背景画像 */
               line-height     : 130%;/* 行間指定 normal pxかem %で指定 */
               text-indent     : ;
             }
/*----------------------------------*/
/*----------------------------------*/
/*----------基本文字終わり----------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/

/* ボックスにタイトルをだぶらせる */

/* 以下はボックス指定 */
.box1    {
               position             : relative;/* 要素の配置方法の指定下記 */
               /* static通常どおり relative通常表示を原点として位置を指定 absolute親要素の左上を原点として位置を指定 fixed左上を原点として位置を指定(ページをスクロウルしても動かない) */
               z-index              : 5;/* 要素の重なり順序の指定 整数又は auto 小さい整数ほど下に配置される autoはHTMLファイル中での記述順 */
               padding-top          : 8px;/* パヂィング指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               padding-right        : ;
               padding-bottom       : 5px;
               padding-left         : 10px;
               margin-top           : ;/* 周囲の余白指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               margin-right         : 25%;
               margin-bottom        : -10px;
               margin-left          : 2%;
               border-top-style     : none;/* 枠線の指定 none hidden dotten dashed solid double groove ridge inset outset */
               border-right-style   : none;
               border-bottom-style  : none;
               border-left-style    : none;
               border-top-width     : medium;/* 枠線の太さ指定 thin medium thick か pxやemの単位 */
               border-right-width   : medium;
               border-bottom-width  : medium;
               border-left-width    : medium;
               background-color     : #ff8000;          
               border-top-color     : #ff0000;/* 枠線の色指定  */
               border-right-color   : #ff0000;
               border-bottom-color  : #ff0000;
               border-left-color    : #ff0000;
               background-image     : url();/* 背景画像 url() */
               background-repeat    : ;/* 背景画像の敷き詰め方 repeat no-repeat repeat-x repeat-y*/
               background-position  : ;/* 背景画像の開始位置 top center bottomの１つと left center rightの組み合わせ又はpxやcmなどの長さか%指定 */
               background-attachment: ;/* 背景画像のスクロール scroll fixed */
/* scroll スクロールバーを表示 hidden はみ出した部分は非表示 visible 範囲を広げて表示（デフォルト） auto はみ出した場合はスクロールバーを表示 */
              overflow:scroll;
         }
.box2    {
               position             : static;/* 要素の配置方法の指定下記 */
               /* static通常どおり relative通常表示を原点として位置を指定 absolute親要素の左上を原点として位置を指定 fixed左上を原点として位置を指定(ページをスクロウルしても動かない) */
               z-index              : auto;/* 要素の重なり順序の指定 整数又は auto 小さい整数ほど下に配置される autoはHTMLファイル中での記述順 */
               padding-top          : 1%;/* パヂィング指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               padding-right        : 1%;
               padding-bottom       : 1%;
               padding-left         : 1%;
               margin-top           : 1%;/* 周囲の余白指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               margin-right         : 1%;
               margin-bottom        : 1%;
               margin-left          : 1%;
               border-top-style     : double;/* 枠線の指定 none hidden dotten dashed solid double groove ridge inset outset */
               border-right-style   : double;
               border-bottom-style  : double;
               border-left-style    : double;
               border-top-width     : medium;/* 枠線の太さ指定 thin medium thick か pxやemの単位 */
               border-right-width   : medium;
               border-bottom-width  : medium;
               border-left-width    : medium;
               background-color     : #ffcccc;          
               border-top-color     : #ff0000;/* 枠線の色指定  */
               border-right-color   : #ff0000;
               border-bottom-color  : #ff0000;
               border-left-color    : #ff0000;
               background-image     : url();/* 背景画像 url() */
               background-repeat    : ;/* 背景画像の敷き詰め方 repeat no-repeat repeat-x repeat-y*/
               background-position  : ;/* 背景画像の開始位置 top center bottomの１つと left center rightの組み合わせ又はpxやcmなどの長さか%指定 */
               background-attachment: ;/* 背景画像のスクロール scroll fixed */
/* scroll スクロールバーを表示 hidden はみ出した部分は非表示 visible 範囲を広げて表示（デフォルト） auto はみ出した場合はスクロールバーを表示 */
              overflow:scroll;
         }
.boxmidashi  {
               position             : absolute;/* 要素の配置方法の指定下記 */
               /* static通常どおり relative通常表示を原点として位置を指定 absolute親要素の左上を原点として位置を指定 fixed左上を原点として位置を指定(ページをスクロウルしても動かない) */
               top                  : -6px;
               left                 : 110px;
               background-color     : #ffffff;
               color                : darkblu;
               font-size            : 8pt;
             }
.box22   {
               position             : static;/* 要素の配置方法の指定下記 */
               /* static通常どおり relative通常表示を原点として位置を指定 absolute親要素の左上を原点として位置を指定 fixed左上を原点として位置を指定(ページをスクロウルしても動かない) */
               z-index              : auto;/* 要素の重なり順序の指定 整数又は auto 小さい整数ほど下に配置される autoはHTMLファイル中での記述順 */
               padding-top          : 0.5em;/* パヂィング指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               padding-right        : 0.5em;
               padding-bottom       : 0.5em;
               padding-left         : 0.5em;
               /* 箱の大きさを指定する場合 */
               width                : 628px;
               height               : 160px;
               /* 箱の大きさを指定する場合終わり */
               margin-top           : 1%;/* 周囲の余白指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               margin-right         : 1%;
               margin-bottom        : 1%;
               margin-left          : 100px;
               border-top-style     : solid;/* 枠線の指定 none hidden dotten dashed solid double groove ridge inset outset */
               border-right-style   : solid;
               border-bottom-style  : solid;
               border-left-style    : solid;
               border-top-width     : 1px;/* 枠線の太さ指定 thin medium thick か pxやemの単位 */
               border-right-width   : 1px;
               border-bottom-width  : 1px;
               border-left-width    : 1px;
               background-color     : ;          
               border-top-color     : gray;/* 枠線の色指定  */
               border-right-color   : gray;
               border-bottom-color  : gray;
               border-left-color    : gray;
               background-image     : url();/* 背景画像 url() */
               background-repeat    : ;/* 背景画像の敷き詰め方 repeat no-repeat repeat-x repeat-y*/
               background-position  : ;/* 背景画像の開始位置 top center bottomの１つと left center rightの組み合わせ又はpxやcmなどの長さか%指定 */
               background-attachment: ;/* 背景画像のスクロール scroll fixed */
/* scroll スクロールバーを表示 hidden はみ出した部分は非表示 visible 範囲を広げて表示（デフォルト） auto はみ出した場合はスクロールバーを表示 */
              overflow:auto;
         }
.box111  {
               position             : absolute;/* 要素の配置方法の指定下記 */
               /* static通常どおり relative通常表示を原点として位置を指定 absolute親要素の左上を原点として位置を指定 fixed左上を原点として位置を指定(ページをスクロウルしても動かない) */
               z-index              : auto;/* 要素の重なり順序の指定 整数又は auto 小さい整数ほど下に配置される autoはHTMLファイル中での記述順 */
               padding-top          : 1%;/* パヂィング指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               padding-right        : 1%;
               padding-bottom       : 1%;
               padding-left         : 1%;
               margin-top           : 1%;/* 周囲の余白指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               margin-right         : 1%;
               margin-bottom        : 1%;
               margin-left          : 1%;
               border-top-style     : solid;/* 枠線の指定 none hidden dotten dashed solid double groove ridge inset outset */
               border-right-style   : solid;
               border-bottom-style  : solid;
               border-left-style    : solid;
               border-top-width     : thin;/* 枠線の太さ指定 thin medium thick か pxやemの単位 */
               border-right-width   : thin;
               border-bottom-width  : thin;
               border-left-width    : thin;
               background-color     : ;          
               border-top-color     : #000000;/* 枠線の色指定  */
               border-right-color   : #000000;
               border-bottom-color  : #000000;
               border-left-color    : #000000;
               background-image     : url();/* 背景画像 url() */
               background-repeat    : ;/* 背景画像の敷き詰め方 repeat no-repeat repeat-x repeat-y*/
               background-position  : ;/* 背景画像の開始位置 top center bottomの１つと left center rightの組み合わせ又はpxやcmなどの長さか%指定 */
               background-attachment: ;/* 背景画像のスクロール scroll fixed */
/* scroll スクロールバーを表示 hidden はみ出した部分は非表示 visible 範囲を広げて表示（デフォルト） auto はみ出した場合はスクロールバーを表示 */
              overflow:scroll;
         }
/* box222は写真の内側に表示する文章 */
/*<div style="position: relative;">     例
   <img src="dog.jpg" width="320" height="140" alt="犬看板"><br>
   <div style="position: absolute; top: 15px; left: 150px; width: 150px;">
      看板の内側に表示する文章です。
   </div>
</div>
div style="position: relative;">
   <img src="haneda.jpg" width="320" height="200" alt="羽田上空写真">
   <span style="position:absolute; top:183px; left:80px; border:1px blue solid; background-color: #ffffcc;">
      羽田上空 HANEDA
   </span>
</div>
    上記は全て例*/

.box222   {
               position             : static;/* 要素の配置方法の指定下記 */
    /* static通常どおり relative通常表示を原点として位置を指定 absolute親要素の左上を原点として位置を指定 fixed左上を原点として位置を指定(ページをスクロウルしても動かない) */
               top: 15px;
               left: 150px;
               width: 150px;
               /* 以上はabsoluteの値 */
               z-index              : auto;/* 要素の重なり順序の指定 整数又は auto 小さい整数ほど下に配置される autoはHTMLファイル中での記述順 */
               padding-top          : 1%;/* パヂィング指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               padding-right        : 1%;
               padding-bottom       : 1%;
               padding-left         : 1%;
               /* 箱の大きさを指定する場合 */
               width                : 200px;
               height               : 50px;
               /* 箱の大きさを指定する場合終わり */
               margin-top           : 1%;/* 周囲の余白指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               margin-right         : 1%;
               margin-bottom        : 1%;
               margin-left          : 1%;
               border-top-style     : solid;/* 枠線の指定 none hidden dotten dashed solid double groove ridge inset outset */
               border-right-style   : solid;
               border-bottom-style  : solid;
               border-left-style    : solid;
               border-top-width     : thin;/* 枠線の太さ指定 thin medium thick か pxやemの単位 */
               border-right-width   : thin;
               border-bottom-width  : thin;
               border-left-width    : thin;
               background-color     : ;          
               border-top-color     : #000000;/* 枠線の色指定  */
               border-right-color   : #000000;
               border-bottom-color  : #000000;
               border-left-color    : #000000;
               background-image     : url();/* 背景画像 url() */
               background-repeat    : ;/* 背景画像の敷き詰め方 repeat no-repeat repeat-x repeat-y*/
               background-position  : ;/* 背景画像の開始位置 top center bottomの１つと left center rightの組み合わせ又はpxやcmなどの長さか%指定 */
               background-attachment: ;/* 背景画像のスクロール scroll fixed */
/* scroll スクロールバーを表示 hidden はみ出した部分は非表示 visible 範囲を広げて表示（デフォルト） auto はみ出した場合はスクロールバーを表示 */
              overflow:scroll;
         }
.box500  {
               position             : static;/* 要素の配置方法の指定下記 */
    /* static通常どおり relative通常表示を原点として位置を指定 absolute親要素の左上を原点として位置を指定 fixed左上を原点として位置を指定(ページをスクロウルしても動かない) */
               top: 15px;
               left: 150px;
               width: 150px;
               /* 以上はabsoluteの値 */
               z-index              : auto;/* 要素の重なり順序の指定 整数又は auto 小さい整数ほど下に配置される autoはHTMLファイル中での記述順 */
               padding-top          : 1%;/* パヂィング指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               padding-right        : 1%;
               padding-bottom       : 1%;
               padding-left         : 1%;
               /* 箱の大きさを指定する場合 */
               width                : 200px;
               height               : 30px;
               /* 箱の大きさを指定する場合終わり */
               margin-top           : 1%;/* 周囲の余白指定 exやemなどの単位かその要素を含むボックスの幅を%値、1から4つの値を指定できる */
               margin-right         : 1%;
               margin-bottom        : 1%;
               margin-left          : 1%;
               border-top-style     : solid;/* 枠線の指定 none hidden dotten dashed solid double groove ridge inset outset */
               border-right-style   : solid;
               border-bottom-style  : solid;
               border-left-style    : solid;
               border-top-width     : thin;/* 枠線の太さ指定 thin medium thick か pxやemの単位 */
               border-right-width   : thin;
               border-bottom-width  : thin;
               border-left-width    : thin;
               background-color     : ;          
               border-top-color     : #000000;/* 枠線の色指定  */
               border-right-color   : #000000;
               border-bottom-color  : #000000;
               border-left-color    : #000000;
               background-image     : url();/* 背景画像 url() */
               background-repeat    : ;/* 背景画像の敷き詰め方 repeat no-repeat repeat-x repeat-y*/
               background-position  : ;/* 背景画像の開始位置 top center bottomの１つと left center rightの組み合わせ又はpxやcmなどの長さか%指定 */
               background-attachment: ;/* 背景画像のスクロール scroll fixed */
         
/* scroll スクロールバーを表示 hidden はみ出した部分は非表示 visible 範囲を広げて表示（デフォルト） auto はみ出した場合はスクロールバーを表示 */
              overflow:scroll;
           }
/* 以下はライン指定 */
.hr1  {    
      width=680px
      color:#d3d3d3;
      }

/* 以下は段組 */          
/* 上 */           
div.blocka {
              background-color     : red;
              float: left;
              width: 200px;
}
div.blockb {
              background-color     : #fff000;
              margin-left: 200px;
}
div.blockc {
              background-color     : #ffffcc;
              clear: both;
}
div.blockd {
              background-color     : #000fff;
              float: left;
              width: 135px;
}
div.blocke {
              background-color     : #000000;
              margin-left: 135px;
}
div.blockf {
             background-color     : #f00fff;
             clear: both;
             width: 800px;
}