/* 全体の装飾 */
A { text-decoration: none; } 
A:link { color: #0000FF; } 
A:visited { color: #0000FF; } 
A:active { color: #FF9900; } 
A:hover { 
background-color: #bfbfff; 
color: #FF0000; 
position: relative; 
top: 1px; 
left: 2px; 
} 
A img { border-style: none; } 
body {
color: #808080 ; 
background: url(../img/bg.gif); 
background-attachment: fixed; 
margin: 0px; 
padding: 0px; 
} 

/* 文字サイズ */
.size1 { font-size: xx-small; } 
.size2 { font-size: x-small; } 
.size3 { font-size: small; } 
.size4 { font-size: medium; } 
.size5 { font-size: large; } 
.size6 { font-size: x-large; } 
.size7 { font-size: xx-large; } 

/* テキストの水平位置やその他の装飾 */
.left { text-align: left; } 
.center { text-align: center; } 
.right { text-align: right; } 
.just { text-align: justify; } 
.u { text-decoration: underline; } 
.s { text-decoration: line-through; } 
.b { font: bold; } 
.stg { font: strong; } 
.i { font: italic; } 
ul.out { list-style-position:outside; } 

/* 色の装飾 */
.red { color: #FF0000; } 
.blue { color: #0000FF; } 
.green { color: #008000 ; } 
.black { color: #000000; } 
.lavender { color: #E6E6FA; } 
.steelblue { color: #4682B4; } 
.mediumorchid { color: #BA55D3; } 
.greenyellow { color: #ADFF2F; } 
.yellowgreen { color: #9ACD32; } 
.pink { color: #FFC0CB; } 
.hotpink { color: #FF69B4; } 
.lightblue { color: #ADD8E6; } 
.limegreen { color: #32CD32; } 
.olivedrab { color: #6B8E23; } 
.olive { color: #808000; } 

/* FONTの指定 or ロゴ的な装飾 */
.font1 { 
font-size: x-large; 
font-family: HG丸ｺﾞｼｯｸM-PRO; 
color: #0000FF; 
background-color: #E6E6FA; 
text-indent:0em; 
} 
.font2 { 
font-size: large; 
font-family: HG丸ｺﾞｼｯｸM-PRO; 
color: #0000FF; 
background-color: #E6E6FA; 
text-indent:0em; 
} 
.font3 { 
font-size: x-small; 
} 
.font4 { font-family: HG丸ｺﾞｼｯｸM-PRO; } 
.gothic { font-family:'ＭＳ Ｐゴシック','ＭＳ ゴシック','MS UI Gothic'; } 
.serif{ font-family: serif; } 
.Lucida { font-family: 'Lusida Console','Lusida Grande','Lusida Grande Sans'; } 

/* 入力補助 */
.ime1 { ime-mode: active; } /* フォーカス移動時にオン */
.ime2 { ime-mode: inactive; } /* フォーカス移動時にオフ */
.ime3 { ime-mode: disabled; } /* IME使用を禁止 */
.ime4 { ime-mode: deactivated; } /* IMEを無能にさせる */
.ime5 { ime-mode: auto; } /* 既定値：自動 */

/* 画像の装飾 */
#floatl { float: left; } 
#floatr { float: right; } 
#floatn { float: none; }
.clear { clear: both; } 

/* 枠の装飾 */
table,th,td {
border-width: 1px; 
line-height: 1.5; 
} 
td.lightblue { 
background-color: #ADD8E6; 
color: #808080; 
} 
td.yellowgreen { 
background-color: #9ACD32; 
color: #808080; 
} 
td.lavender { 
background-color: #E6E6FA; 
color: #808080; 
} 
td.greenyellow { 
background-color: #ADFF2F; 
color: #808080; 
} 
th.lavender { 
background-color: #E6E6FA; 
color: #808080; 
} 
th.yellowgreen { 
background-color: #9ACD32; color: #808080; 
} 
.ten { 
border-style: dotted ; 
border-width: 3px ; 
border-color: #FF9900 ; 
padding: 1px ; 
margin: 3% 10% ; 
background-color: #FFFFCC; 
text-indent:1em; 
} 
.ten2 { 
border-style: dotted ; 
border-width: 3px ; 
border-color: #FF69B4; 
padding: 1px ; 
margin: 3% 10% ; 
background-color: #FFFFCC; 
text-indent:1em; 
} 
.ten3 { 
border-style: dotted ; 
border-width: 3px ; 
border-color: #E6E6FA; 
padding: 1px ; 
margin: 3% 10% ; 
background-color: #FFFFCC; 
text-indent:1em; 
} 
.waku { 
border-style: solid; 
border-color: #FF9900; 
border-top-width: 10px; 
border-bottom-width: 1px; 
border-left-width: 5px; 
border-right-width: 1px; 
padding: 1px; 
margin: 1% 10%; 
background-color: #FFFFCC; 
} 
.waku2 { 
border-style: double; 
border-color: #9999FF; 
border-top-width: 5px; 
border-bottom-width: 5px; 
border-left-width: 5px; 
border-right-width: 5px; 
padding: 1px; 
margin: 1% 10%; 
background-color: #FFFFCC; 
} 
.waku3 { 
border-style: double; 
border-color: #9999FF; 
border-top-width: 10px; 
border-bottom-width: 1px; 
border-left-width: 5px; 
border-right-width: 1px; 
padding: 1px; 
margin: 1% 10%; 
background-color: #E6E6FA; 
} 
.waku4 { 
border-style: double; 
border-color: #9ACD32; 
border-top-width: 5px; 
border-bottom-width: 5px; 
border-left-width: 5px; 
border-right-width: 5px; 
padding: 3px; 
margin: 1% 10%; 
background-color: #9ACD32; 
} 
.waku5 { 
border-style: double; 
border-color: #E6E6FA; 
border-top-width: 10px; 
border-bottom-width: 1px; 
border-left-width: 5px; 
border-right-width: 1px; 
padding: 1px; 
margin: 1% 10%; 
background-color: #E6E6FA; 
} 
.waku6 { 
border-style: double; 
border-color: #ADD8E6; 
border-top-width: 5px; 
border-bottom-width: 5px; 
border-left-width: 5px; 
border-right-width: 5px; 
padding: 1px; 
margin: 1% 10%; 
background-color: #ADD8E6; 
} 
.waku7 { 
border-style: double; 
border-color: #FFC0CB; 
border-top-width: 5px; 
border-bottom-width: 5px; 
border-left-width: 5px; 
border-right-width: 5px; 
padding: 1px; 
margin: 1% 10%; 
background-color: #FFC0CB; 
} 
hr { width: 80%; } 

/* tagの意味 */
/*div 　ブロック要素（前後で改行される。）/*
/*p 　　段落/*
/*span　インライン要素（前後で改行されない。）/*