@CHARSET "UTF-8";

/* Width & Height */

.W-Full{ width: 600px; }

/* Box-Width */

.w-50{ width: 50%; }
.w-75{ width: 75%; }

/* Border */

.Bdr-T15R0B15L0{
border-width: 15px 0px 15px 0px;
border-style: solid solid solid solid;
}

.Bdr-1-F00{ border: solid 1px #ff0000; }
.Bdr-1-0F0{ border: solid 1px #00ff00; }
.Bdr-1-00F{ border: solid 1px #0000ff; }
.Bdr-1-FF9{ border: solid 1px #ffff99; }

/* Border-Width */

.Bdr-W00{ border-width: 0px; }
.Bdr-W01{ border-width: 1px; }

/* Border Color */

.BdrColor-Olive{ border-color: olive; }
.BdrColor-Teal{ border-color: teal; }
.BdrColor-Purple{ border-color: purple; }

/* Margin */

.Mgn00{ margin: 0px 0px 0px 0px; }
.Mgn-Center{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
.Mgn-Left{
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
}
.Mgn-Right{
margin-top: 0px;
margin-left: auto;
margin-right: 0;
margin-bottom: 0px;
}

/* Padding */

.Pad00{ padding: 0px 0px 0px 0px; }
.Pad05{ padding: 5px 5px 5px 5px; }
.Pad10{ padding: 10px 10px 10px 10px; }
.Pad15{ padding: 15px 15px 15px 15px; }
.Pad20{ padding: 20px 20px 20px 20px; }

/* Back Ground Color */

.BgC-F00{ background-color: #ff0000; }
.BgC-0F0{ background-color: #00ff00; }
.BgC-00F{ background-color: #0000ff; }
.BgC-FF0{ background-color: #ffff00; }
.BgC-F0F{ background-color: #ff00ff; }
.BgC-0FF{ background-color: #00ffff; }

.BgC-FFF{ background-color: #ffffff; }
.BgC-CCC{ background-color: #cccccc; }
.BgC-999{ background-color: #999999; }
.BgC-666{ background-color: #666666; }
.BgC-333{ background-color: #333333; }
.BgC-000{ background-color: #000000; }

.BgC-EEE{ background-color: #eeeeee; }
.BgC-EEF{ background-color: #eeeeff; }
.BgC-EFE{ background-color: #eeffee; }
.BgC-FEE{ background-color: #ffeeee; }
.BgC-EFF{ background-color: #eeffff; }
.BgC-FEF{ background-color: #ffeeff; }
.BgC-FFE{ background-color: #ffffee; }

.BgC-DDD{ background-color: #dddddd; }
.BgC-DDF{ background-color: #ddddff; }
.BgC-DFD{ background-color: #ddffdd; }
.BgC-FDD{ background-color: #ffdddd; }
.BgC-DFF{ background-color: #ddffff; }
.BgC-FDF{ background-color: #ffddff; }
.BgC-FFD{ background-color: #ffffdd; }

.BgC-FFC{ background-color: #ffffcc; }
.BgC-FCF{ background-color: #ffccff; }
.BgC-CFF{ background-color: #ccffff; }
.BgC-FCC{ background-color: #ffcccc; }
.BgC-CFC{ background-color: #ccffcc; }
.BgC-CCF{ background-color: #ccccff; }

.BgC-FF9{ background-color: #ffff99; }
.BgC-F9F{ background-color: #ff99ff; }
.BgC-9FF{ background-color: #99ffff; }
.BgC-F99{ background-color: #ff9999; }
.BgC-9F9{ background-color: #99ff99; }
.BgC-99F{ background-color: #9999ff; }

.BgC-EED{ background-color: #eeeedd; }

.BgC-FC9{ background-color: #ffcc99; }
.BgC-FF6{ background-color: #ffff66; }

/* Font Family */

.FtM{ font-family: ＭＳ 明朝; }
.FtG{ font-family: ＭＳ ゴシック; }
.FtA{ font-family: ARＰＯＰ５H; }

/* Font Color */

.FtRed{ color: #FF3333; }
.FtBlue{ color: #0000FF; }
.FtDarkBlue{ color: #000099; }
.FtDarkGreen{ color: #009900; }
.FtOlive{ color: olive; }
.FtTeal{ color: teal; }
.FtWhite{ color: white; }
.FtBlack{ color: black; }
.FtPaleGray{ color: #CCCCCC; }

/* Font Weight */

.FtBold{ font-weight: bold; }

/* Font Size */
.Ft_xxS{ font-size: xx-small; }
.Ft_xS{ font-size: x-small; }
.Ft_S{ font-size: small; }
.Ft_M{ font-size: medium; }
.Ft_L{ font-size: large; }
.Ft_xL{ font-size: x-large; }
.Ft_xxL{ font-size: xx-large; }
.Ft08P{ font-size: 8pt; }
.Ft09P{ font-size: 9pt; }
.Ft10P{ font-size: 10pt; }
.Ft11P{ font-size: 11pt; }
.Ft12P{ font-size: 12pt; }
.Ft14P{ font-size: 14pt; }
.Ft16P{ font-size: 16pt; }
.Ft18P{ font-size: 18pt; }
.Ft20P{ font-size: 20pt; }
.Ft24P{ font-size: 24pt; }
.Ft28P{ font-size: 28pt; }
.Ft36P{ font-size: 36pt; }

/* Line Hight */

.LH10{ line-height: 100%; }
.LH15{ line-height: 150%; }

/* Text-Align */

.h-L{ text-align: left; }
.h-C{ text-align: center; }
.h-R{ text-align: right; }

.v-T{ vertical-align: top; }
.v-M{ vertical-align: middle; }
.v-B{ vertical-align: bottom; }

/* Text Indent */
.TxtIdt1em{
text-indent: 1em
}

/* Text Shadow */
.TxtShadow{
text-shadow: silver 2px 2px 1.3px
}

/* Position */
.PosAbs{
position: absolute;
}

/* Visibility */
.Visible{
visibility: visible;
}
.Hidden{
visibility: hidden;
}

/* White Space */
.NoWrap{
white-space: nowrap;
}

/* Cursor Shape */
.CursorPointer{
cursor: pointer;
}