body           {background:white;margin:30;aling:center;
                background-image : url(e.gif);background-attachment : fixed;}

.position50-50 {position:absolute;top:5;left:30;}
.box           {background:#99cc66;}

/* 色 */

.siro          {background:white;}
.kuro          {background:black;}
.ao            {background:blue;}
.tan           {background:tan;}
.gray          {background:gray;}
.silver        {background:silver;}
.menucolor     {background:#c6c3c6;}
.transparent   {background:transparent;}

.menucolor     {background:#c6c3c6;}
.titlecolor    {background:#333333;padding: 10px;}

/* フォント */
h2{border-width : 0px 0px 2px 15px;
  border-style : solid ;
  border-color : #C8C8C8;
  padding-left : 7px;
  margin-right : 5%;}
h3{color: #444444;
  background-color: #eeeeee;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #ffffff;
  padding: 4px 2px 2px 2px;
  width : 80%;}
h1{border-width : 0px 0px 2px 15px;
  border-style : solid ;
  border-color : #C8C8C8;
  padding-left : 7px;
  margin-right : 5%;}


.bold          {font-weight:bold;}
.italic        {font-style:italic;}

.font10pt      {font-size:10pt;}
.font11pt      {font-size:11pt;}
.font12pt      {font-size:12pt;}
.font14pt      {font-size:14pt;}
.font16pt      {font-size:16pt;}

.color-white   {color:white;}
.color-ao      {color:blue;}
.color-purple  {color:brown;}
.color-gray    {color:gray;}

.letter-spacing3pt{letter-spacing:3pt;}


/* 行揃え */

.text-left     {text-align:left;}
.text-center   {text-align:center;}
.text-right    {text-align:right;}

/* テーブル */

table{background:white}

.table-fix770  {table-layout:fixed;width:770;}

.width130px    {width:130px;}
.width160px    {width:160px;}
.width300px    {width:300px;}
.width450px    {width:450px;}
.width650px    {width:650px;}
.width750px    {width:90%;}

/* padding */

.padding5pt     {padding:5pt;}
.padding10pt    {padding:10pt;}

/* ボーダー */

.borderblack   {border-color:black;}
.bordergray    {border-color:gray;}

.solid         {border-style:solid;}
.double        {border-style:double;}

.border1px     {border-width:1px;}
.border2px     {border-width:2px;}

.border-bottom-dotted  {border-bottom-style:dotted;}
.border-right-solid    {border-right-style:solid;}
.border-dotted5        {border:dotted 5px black;}


/* ここからは、css班のサンプル用です */

/* フォントサイズ */
.xx-large {font-size:xx-large;}
.x-large  {font-size:x-large;}
.large    {font-size:large;}
.small    {font-size:small;}
.x-small  {font-size:x-small;}
.xx-small {font-size:xx-small;}

.smaller  {font-size:smaller;}
.larger   {font-size:larger;}

.10pt     {font-size:10pt;}
.15pt     {font-size:15pt;}
.20pt     {font-size:20pt;}

.70p      {font-size:70%;}
.100p     {font-size:100%;}
.120p     {font-size:120%;}

/* フォントカラー */
.colorname {color:red;}
.rgb16 {color:#ff0000;}
.rbg255 {color:rgb(255, 0, 0);}
.rbg100 {color:rgb(100%, 0%, 0%);}

/* ボックス */
.box1{paddig:10px;background:#ffff99;border-top-width:0px;border-right-width:50px;border-bottom-width:0px;border-left-width:50px;border-color:teal;border-style:solid;}
.box2{paddig:10px;background:#ffff99;border-top-width:5mm;border-right-width:thin;border-bottom-width:medium;border-left-width:50px;border-color:#ff6666;border-style:solid;}
.box3{padding:15px;border:solid 10px;border-top-color:red;border-right-color:yellow;border-bottom-color:green;border-left-color:blue;}
.box4{padding:15px;border:solid 10px;border-top-color:teal;border-bottom-color:navy;}
.box5{border:solid medium #339900;margin-top:20px;margin-bottom:50px;}
.box6{border:solid medium #339900;margin-top:20px;margin-right:30%;margin-bottom:50px;margin-left:10%;}
.box7{border:solid medium #339900;padding-top:20px;padding-bottom:50px;}
.box8{border:solid medium #339900;padding-top:20px;padding-right:30%;padding-bottom:50px;padding-left:10%;}

.sente1{border:none 5px brown;width:80;}
.sente2{border:solid 5px brown;width:80;}
.sente3{border:double 5px brown;width:80;}
.sente4{border:dashed 5px brown;width:80;}
.sente5{border:dotted 5px brown;width:80;}
.sente6{border:groove 5px brown;width:80;}
.sente7{border:ridge 5px brown;width:80;}
.sente8{border:inset 5px brown;width:80;}
.sente9{border:outset 5px brown;width:80;}


/* インデント */
.ind1    {text-indent:1cm;}
.ind2    {text-indent:5mm;}
.ind3    {text-indent:10pt;}
.ind4    {text-indent:10pc;}
.ind5    {text-indent:10px;}
.ind6    {text-indent:10em;}
.ind7    {text-indent:10ex;}

/* 行間 */
.t05in    {line-height:0.5in;}
.t1cm     {line-height:1cm;}
.t10mm    {line-height:10mm;}
.t14pt    {line-height:14pt;}
.t2pc     {line-height:2pc;}
.t40px    {line-height:40px;}
.t2em     {line-height:2em;}
.t40ex    {line-height:40px;}
.t120p    {line-height:120%;}

/* テキスト線 */
.decon    {text-decoration:none;}
.uesen    {text-decoration:overline;}
.kasen    {text-decoration:underline;}
.jogesen  {text-decoration:underline overline;}
.kesisen  {text-decoration:line-through;}
.tenmetu  {text-decoration:blink;}

/* 文字･単語の間隔空け */
.l1    {letter-spacing:3mm;}
.l2    {letter-spacing:5pt;}
.l3    {letter-spacing:5px;}
.w1    {word-spacing:5mm;}
.w2    {word-spacing:5pt;}
.w3    {word-spacing:5px;}

/* 絶対的位置指定 */
.iti1  {position:absolute;top:100px;left:50px;}
.iti2  {position:absolute;top:130px;left:100px;}
.iti3  {position:absolute;top:160px;left:130px;}
.iti4  {position:absolute;top:190px;left:150px;}
.iti5  {position:absolute;top:220px;left:160px;}

/* 相対的位置指定 */
.so1   {position:relative;top:100px;left:50px;}
.so2   {position:relative;top:130px;left:100px;}
.so3   {position:relative;top:160px;left:130px;}
.so4   {position:relative;top:190px;left:150px;}
.so5   {position:relative;top:220px;left:160px;}

/* 背景色 */

.bg1    {background:silver;}
.bg2    {background:skyblue;}
.bg3    {background:white;}

/* カーソルの設定 */
.cursor1        { cursor: auto;}
.cursor2        { cursor: crosshair;}
.cursor3        { cursor: default;}
.cursor4        { cursor: pointer;}
.cursor5        { cursor: move;}
.cursor6        { cursor: e-resize;}
.cursor7        { cursor: ne-resize;} 
.cursor8        { cursor: nw-resize;}
.cursor9        { cursor: n-resize;}
.cursor10       { cursor: se-resize;}
.cursor11       { cursor: sw-resize;}
.cursor12       { cursor: s-resize;}
.cursor13       { cursor: w-resize;}
.cursor14       { cursor: text;}
.cursor15       { cursor: wait;}
.cursor16       { cursor: help;}
.cursor17       {cursor:all-scroll;}
.cursor18       {cursor:col-resize;}
.cursor19       {cursor:no-drop;}
.cursor20       {cursor:not-allowed;}
.cursor         {cursor:progress;}

/* リスト */
.general01 {list-style:url('css/xxxxx.gif') inside disc;}
.general02 {list-style:inside disc;}

/* キャプション */
caption  {caption-side:bottom;font-size:12pt;font-weight:bold;color:#ff3300;background:transparent;}

/* 引用符 */
q { quotes:"『" "』" }
q:before { content: open-quote }
q:after  { content: close-quote }

/* 内容追加 */
p.note:before {content: url("hand.gif") }
p.warning:before {content:"【注意】";color:#ff0000;background:#ffffff;}

/* セルの間隔 */
.taa1 {border-collapse:separate;border-spacing:1em;border: 3px solid #999999;}

/* セルの枠 */
.waku1   {border-collapse:collapse;border: 3px solid #999999;}
.waku2   {border-collapse:separate;border: 3px solid #999999;}


/* リンク */
.g:link   {font-weight:normal;color:red;text-decoration:none;}
.g:visited{font-weight:normal;color:red;text-decoration:none;}
.g:hover  {font-weight:normal;color:indigo;text-decoration:underline overline;}

.c:link   {font-weight:bold;font-style:normal;color:green;text-decoration:none;}
.c:visited{font-weight:bold;font-style:normal;color:green;text-decoration:none;} 
.c:hover  {font-weight:bold;font-style:italic;color:indigo;text-decoration:overline;}

.d:link   {font-weight:bold;color:black;text-decoration:none;}
.d:visited{font-weight:bold;color:black;text-decoration:none;}
.d:hover  {font-weight:bold;color:purple;border-bottom:3pt dotted;}

.e:link   {font-weight:bold;color:black;background-color:skyblue;}
.e:visited{font-weight:bold;color:black;background-color:skyblue;}
.e:hover  {font-weight:bold;color:tan;background-color:navajowhite;}

.f:link   {font-size:15pt;color:black;text-decoration:underline;}
.f:visited{font-size:15pt;color:black;text-decoration:underline;} 
.f:hover  {font-size:20pt;color:black;text-decoration:underline;}

.h:link   {font-size:20pt;font-weight:bold;color:blue;text-decoration:none;}
.h:visited{font-size:20pt;font-weight:bold;color:blue;text-decoration:none;} 
.h:hover  {font-size:20pt;font-weight:bold;color:green;text-decoration:underline;}

/* ここまでは、css班のサンプル用です */


/* リンク */

a:link         {font-size:12pt;font-weight:none;color:black;text-decoration:underline;}
a:visited      {font-size:12pt;font-weight:none;color:gray;text-decoration:none;}
a:hover        {font-size:12pt;font-weight:none;color:black;text-decoration:underline;}
a:active       {color:pink;}

.b:link         {font-size:10pt;font-weight:none;color:black;text-decoration:underline;}
.b:visited      {font-size:10pt;font-weight:none;color:black;text-decoration:none;}
.b:hover        {font-size:10pt;font-weight:none;color:black;text-decoration:underline;}
.b:active       {color:white;}