/*      style.css       */
/*        (c) Yuichi Ikeda */
/*             01/09/24 Ver1.0 */
/*             01/10/18 Ver2.0 */
/*             01/10/19 Ver3.0 */
/*             01/10/23 Ver4.0 */
/*             02/12/16 Ver5.0 */
/*             03/05/21 Ver6.0 */
/*             04/05/10 Ver6.1 */
/*             08/05/09 Ver7.0 */
/*             08/07/04 Ver7.1 */
/*             08/08/08 Ver7.2 */
/*             08/11/27 Ver7.3 */
/*             09/05/14 Ver7.4 */
/*             10/01/20 Ver7.5 */
/*             10/06/01 Ver7.6 */
/*             10/07/01 Ver7.7 */

H1 { font-size:26px ; font-weight : bold ; }
H2 { font-size:24px ; font-weight : bold ; }
H3 { font-size:22px ; font-weight : bold ; }
H4 { font-size:20px ; font-weight : bold ; }
H5 { font-size:18px ; font-weight : bold ; }


A { text-decoration : none ; color : #4477DD ; font-weight : bold ; }
A:visited {text-decoration : none ; color : #3366CC ; font-weight : bold ; }
A:active {text-decoration : none ; color : #0000CC ; font-weight : bold ; }
A:hover {text-decoration : underline ; color: #CC3300 ; font-weight : bold ; }


TT { font-size:12px ; }

INPUT.B { font-size:12px ; font-weight : bold ; }
INPUT.B:hover { font-size:12px ; color : Yellow ; font-weight : Bold ; }
INPUT.B:focus { font-size:12px ; color : Red ; font-weight : Bold ; }

INPUT { font-size:12px ; }
INPUT:hover { font-size:12px ; color : Yellow ; }
INPUT:focus { font-size:12px ; color : Red ; }

INPUT.S { font-size:10px ; font-weight : bold ; }
INPUT.S:hover { font-size:10px ; color : Yellow ; font-weight : Bold ; }
INPUT.S:focus { font-size:10px ; color : Red ; font-weight : Bold ; }

INPUT.SS { font-size:10px ; font-weight : bold ; }
INPUT.SS:hover { font-size:10px ; color : Yellow ; }
INPUT.SS:focus { font-size:10px ; color : Red ; }

TEXTAREA { font-size:12px ; font-weight : bold ; }
TEXTAREA:hover { font-size:12px ; color : Yellow ; font-weight : Bold ; }
TEXTAREA:focus { font-size:12px ; color : Red ; font-weight : Bold ; }


BR { font-size : 10px ; }
LI { font-size : 14px ; }

FONT { font-size : 12px ; line-height : 135% ; }
FONT.SIZE_00 { font-size : 7px ; line-height : 135% ; }
FONT.SIZE_01 { font-size : 8px ; line-height : 135% ; }
FONT.SIZE_02 { font-size : 9px ; line-height : 135% ; }
FONT.SIZE_03 { font-size : 10px ; line-height : 135% ; }
FONT.SIZE_04 { font-size : 11px ; line-height : 135% ; }
FONT.SIZE_05 { font-size : 12px ; line-height : 135% ; }
FONT.SIZE_06 { font-size : 13px ; line-height : 135% ; }
FONT.SIZE_07 { font-size : 14px ; line-height : 135% ; }
FONT.SIZE_08 { font-size : 15px ; line-height : 135% ; }
FONT.SIZE_09 { font-size : 16px ; line-height : 135% ; }
FONT.SIZE_10 { font-size : 17px ; line-height : 135% ; }
FONT.SIZE_11 { font-size : 18px ; line-height : 135% ; }
FONT.SIZE_12 { font-size : 19px ; line-height : 135% ; }
FONT.SIZE_13 { font-size : 20px ; line-height : 135% ; }
FONT.SIZE_14 { font-size : 21px ; line-height : 135% ; }
FONT.SIZE_15 { font-size : 22px ; line-height : 135% ; }
FONT.SIZE_16 { font-size : 23px ; line-height : 135% ; }
FONT.SIZE_17 { font-size : 24px ; line-height : 135% ; }
FONT.SIZE_18 { font-size : 25px ; line-height : 135% ; }

FONT.TILE { color : #006600 ;  background-color : #CCFF99 ; border-width : 1px ; border-style : solid ; border-color : #009900 ; text-align : center ; padding : 2px ; font-size : 18px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_O { color : #FF9900 ; background-color : #FFFFCC ; border-width : 2px ; border-style : solid ; border-color : #FF9900 ; text-align : center ; padding : 2px ; font-size : 18px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_S { color : #006600 ; background-color : #CCFF99 ; border-width : 1px ; border-style : solid ; border-color : #009900 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SG { color : #FF0000 ; background-color : #FFCF66 ; border-width : 1px ; border-style : solid ; border-color : #FF3300 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SO { color : #FF9900 ; background-color : #FFFFCC ; border-width : 1px ; border-style : solid ; border-color : #FF9900 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SB { color : #0000CC ; background-color : #CCFFFF ; border-width : 1px ; border-style : solid ; border-color : #0000FF ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SY { color : #007300 ; background-color : #FAEE00 ; border-width : 1px ; border-style : solid ; border-color : #007300 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SR { color : #B20000 ; background-color : #FF6666 ; border-width : 1px ; border-style : solid ; border-color : #840000 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SS { color : #006600 ; background-color : #CCFF99 ; border-width : 1px ; border-style : solid ; border-color : #009900 ; text-align : center ; padding : 2px ; font-size : 10px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SSO { color : #FF9900 ; background-color : #FFFFCC ; border-width : 1px ; border-style : solid ; border-color : #FF9900 ; text-align : center ; padding : 2px ; font-size : 12px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SE { color : #008000 ; background-color : #f7fff8 ; border-width : 1px ; border-style : solid ; border-color : #68b586 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SK { color : #0000cc ; background-color : #99ccff ; border-width : 1px ; border-style : solid ; border-color : #3300ff ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SL { color : #ffff99 ; background-color : #009999 ; border-width : 1px ; border-style : solid ; border-color : #99ff99 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }
FONT.TILE_SP { color : #5d9477 ; background-color : #fff8ea ; border-width : 1px ; border-style : solid ; border-color : #5d9477 ; text-align : center ; padding : 2px ; font-size : 14px ; letter-spacing : 2px ; font-weight : bold ; font-family : sans-serif ; }

FONT.TILE_SD_BOX { border-style: solid; border-width: 1px 2px 2px 1px; border-color: #c0c0c0 #808080 #808080 #c0c0c0; padding: 0.5em; }

FONT.TILE_ACCENT { font-size : 15px ; position: static; border-style: solid; border-width: 0px 0px 1px 5px; border-color: #006633; padding: 2px 2px 2px 2px;}
FONT.TILE_ACCENT_SK { font-size : 15px ; position: static; border-style: solid; border-width: 0px 0px 1px 5px; border-color: #1E90FF; padding: 2px 2px 2px 2px;}
FONT.TILE_ACCENT_SV { font-size : 15px ; position: static; border-style: solid; border-width: 0px 0px 1px 5px; border-color: #999999; padding: 2px 2px 2px 2px;}
FONT.TILE_ACCENT_GR { font-size : 15px ; position: static; border-style: solid; border-width: 0px 0px 1px 5px; border-color: #666666; padding: 2px 2px 2px 2px;}
FONT.TILE_ACCENT_BL { font-size : 15px ; position: static; border-style: solid; border-width: 0px 0px 1px 5px; border-color: #333333; padding: 2px 2px 2px 2px;}


SELECT { font-size:12px ; }
SELECT.R { font-size:12px ; color : Red ; }
SELECT.W { font-size:12px ; color : White ; background-color : Black ;  }
SELECT.B { font-size:12px ; font-weight : Bold ; }
SELECT.RB { font-size:12px ; color : Red ; font-weight : Bold ; }
SELECT.BR { font-size:12px ; color : Red ; background-color : Black ; }
SELECT.BB { font-size:12px ; color : White ; font-weight : Bold ; background-color : Black ; }
SELECT.SYB { font-size:10px ; color : yellow ; background-color : Black ; }


P.BOX0 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : solid ; padding : 3px ; }
P.BOX1 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : double ; padding : 3px ; }
P.BOX2 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : groove ; padding : 3px ; }
P.BOX3 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : ridge ; padding : 3px ; }
P.BOX4 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : inset ; padding : 3px ; }
P.BOX5 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : outset ; padding : 3px ; }
P.BOX6 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : dotted ; border-width : 2px ; padding : 3px ; }
P.BOX7 { background-color : #FFFFCC ; width : 95% ; border-color : green ; border-style : dashed ; border-width : 2px ; padding : 3px ; }


IMG.FRAME { padding : 1px ; background: #ccc ; border : 1px solid #333333 ; }