@charset "UTF-8";
/*      // 日本語 UTF-8N LF
//-------------------------------------------------------------
// XJAM: XHTML, Javascript And MySQL - PHP Library
// CSS
//-------------------------------------------------------------
*/
/*
//-------------------------------------------------------------
// 共通クラス
//-------------------------------------------------------------
*/
/* カラー */
.red    { color: #F33; }
.blue   { color: #33F; }
.black  { color: #333; }
.c909   { color: #909; }
.cF0F   { color: #F0F; }
/**/
.c00F   { color: #00F; }
.c0F0   { color: #0C0; }
.cF00   { color: #F00; }
/**/
.cFFC   { color: #FFC; }
.cFCF   { color: #FCF; }
.cCFF   { color: #CFF; }
/**/
.c000   { color: #000; }
.c333   { color: #333; }
.c666   { color: #666; }
.c999   { color: #999; }
.cAAA   { color: #AAA; }
.cFFF   { color: #FFF; }
/**/
.bgcEEF { background-color: #EEF; }
.bgcEFE { background-color: #EFE; }
.bgcFEE { background-color: #FEE; }
/**/
.bgcCCF { background-color: #CCE; }
.bgcCFC { background-color: #CFC; }
.bgcFCC { background-color: #FCC; }
/**/
.bgcFFC { background-color: #FFC; }
.bgcFCF { background-color: #FCF; }
.bgcCFF { background-color: #CFF; }
/**/
.bgcFFD { background-color: #FFD; }
.bgcFDF { background-color: #FDF; }
.bgcDFF { background-color: #DFF; }
/**/
.bgcEFF { background-color: #EFE; }
.bgcFEF { background-color: #FEF; }
.bgcFFE { background-color: #FFE; }
/**/
.bgc000 { background-color: #000; }
.bgc333 { background-color: #333; }
.bgc666 { background-color: #666; }
.bgc999 { background-color: #999; }
.bgcCCC { background-color: #CCC; }
.bgcEEE { background-color: #EEE; }
.bgcFFF { background-color: #FFF; }
/* ボーダー */
.borderCCC { border: 1px solid #CCC; }
/* マージン */
.m8     { margin: 8px; }
.m16    { margin: 16px; }
.m24    { margin: 16px; }
.m32    { margin: 16px; }
.mt2    { margin-top: 2px; }
.mt3    { margin-top: 3px; }
.mt4    { margin-top: 4px; }
.mt8    { margin-top: 8px; }
.mt16   { margin-top: 16px; }
.mb4    { margin-bottom: 4px; }
.mb8    { margin-bottom: 8px; }
.mb16   { margin-bottom: 16px; }
.mr2    { margin-right: 2px; }
.mr8    { margin-right: 8px; }
.mr10   { margin-right: 10px; }
.mr14   { margin-right: 14px; }
.mr16   { margin-right: 16px; }
.ml4    { margin-left: 4px; }
.ml8    { margin-left: 8px; }
.ml10   { margin-left: 10px; }
.ml16   { margin-left: 16px; }
.ml20   { margin-left: 20px; }
.ml40   { margin-left: 40px; }
.ml80   { margin-left: 80px; }
.mtb2   { margin: 2px 0px; }
.mtb4   { margin: 4px 0px; }
.mtb8   { margin: 8px 0px; }
.mlr8   { margin: 0px 8px; }
/* パディング */
.p1     { padding: 1px; }
.p4     { padding: 4px; }
.p8     { padding: 8px; }
.pt2    { padding-top: 2px; }
.pt4    { padding-top: 4px; }
.pr4    { padding-right: 4px; }
.pr8    { padding-right: 8px; }
.pr16   { padding-right: 16px; }
.pr32   { padding-right: 32px; }
.pl4    { padding-left: 4px; }
.ptb8   { padding: 8px 0px; }
.plr4   { padding: 0px 4px; }
.plr8   { padding: 0px 8px; }
.plr16  { padding: 0px 16px; }
/* テキスト位置 */
.vt     { vertical-align: top; }
.vm     { vertical-align: middle; }
.vb     { vertical-align: bottom; }
.tc     { text-align: center; }
.tl     { text-align: left; }
.tr     { text-align: right; }
/* サイズ */
.w40    { width: 40px; }
.w80    { width: 80px; }
.w140   { width: 140px; }
.h1     { height: 1px; }
.h2     { height: 2px; }
.h24    { height: 24px; }
.h28    { height: 28px; }
.h80    { height: 80px; }
/* フォントサイズ */
.f8     { font-size: 8px; }
.f9     { font-size: 9px; }
.f10    { font-size: 10px; }
.f11    { font-size: 11px; }
.f12    { font-size: 12px; }
.f14    { font-size: 14px; }
.f16    { font-size: 16px; }
.f18    { font-size: 18px; }
.f20    { font-size: 20px; }
.bold   { font-weight: bold; }
/* テキスト */
.space4 {
    letter-spacing: 4px;
}
.wordBreak {
    word-break: break-all; /* ! W3C css not valid */
}
.nowrap {
    white-space: nowrap;
}
.clearBoth {
    clear: both;
}
/* ポジション */
.rel {
    position: relative;
}
.abs {
    position: absolute;
    top: 0px;
    left: 0px;
}
/* センタリング */
.hc {
    margin-left: auto;
    margin-right: auto;
}
/* 入力フォーム */
.strw2 {
    width: 20px;
    padding: 0px 2px;
}
.strw4 {
    width: 40px;
    padding: 0px 2px;
}
.strw5 {
    width: 50px;
    padding: 0px 2px;
}
.strw6 {
    width: 60px;
    padding: 0px 2px;
}
.strw8 {
    width: 80px;
    padding: 0px 2px;
}
.strw10 {
    width: 100px;
    padding: 0px 2px;
}
.strw12 {
    width: 120px;
    padding: 0px 2px;
}
.strw13 {
    width: 130px;
    padding: 0px 2px;
}
.strw14 {
    width: 140px;
    padding: 0px 2px;
}
.strw16 {
    width: 160px;
    padding: 0px 2px;
}
.strw18 {
    width: 180px;
    padding: 0px 2px;
}
.strw20 {
    width: 200px;
    padding: 0px 2px;
}
.strw30 {
    width: 300px;
    padding: 0px 2px;
}
.strw32 {
    width: 320px;
    padding: 0px 2px;
}
.strw40 {
    width: 400px;
    padding: 0px 2px;
}
.text40x3 {
    width: 400px;
    height: 60px;
    padding: 0px 2px;
}
.text40x4 {
    width: 400px;
    height: 80px;
    padding: 0px 2px;
}
.text40x5 {
    width: 400px;
    height: 100px;
    padding: 0px 2px;
}
.text40x6 {
    width: 400px;
    height: 120px;
    padding: 0px 2px;
}
.text40x7 {
    width: 400px;
    height: 140px;
    padding: 0px 2px;
}
.text40x8 {
    width: 400px;
    height: 160px;
    padding: 0px 2px;
}
.text40x10 {
    width: 400px;
    height: 200px;
    padding: 0px 2px;
}
.text40x12 {
    width: 400px;
    height: 240px;
    padding: 0px 2px;
}
.text60x6 {
    width: 600px;
    height: 120px;
    padding: 0px 2px;
}
.text60x10 {
    width: 600px;
    height: 200px;
    padding: 0px 2px;
}
.text64x6 {
    width: 640px;
    height: 120px;
    padding: 0px 2px;
}
.text64x10 {
    width: 640px;
    height: 200px;
    padding: 0px 2px;
}
/* 水平線 */
.line {
    font-size: 0px;
    line-height: 0px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}
/* 表示 */
.max {
    width: 100%;
    height: 100%;
}
.show   { visibility: visible; }
.hidden { visibility: hidden; }
.inline { display: inline; }
.block  { display: block; }
.none   { display: none; }
/* ブリンク（JavaScript制御） */
.blink {
    visibility: visible;
}
/* パスワード */
.pwa2 {
    visibility: hidden;
}
.pws2 {
    visibility: hidden;
}
/* IMEコントロール */
.imeOn {
    ime-mode: active;
}
.imeOff {
    ime-mode: disabled;
}
/* その他 */
div.clear {
    clear: both;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
span.errorMark {
    background-color: #F00;
    color: #FFF;
    font-weight: bold;
}
span.resultMark {
    background-color: #0C0;
    color: #FFF;
    font-weight: bold;
}
.pointer {
    cursor: pointer;
}
/*
//-------------------------------------------------------------
// テーブル
//-------------------------------------------------------------
*/
table.noBorder {
    border-width: 0px;
    border-collapse: collapse;
}
table.noBorder td {
    border-width: 0px;
}
/*
//-------------------------------------------------------------
// システム
//-------------------------------------------------------------
*/
.system .notice {
    font-size: 12px;
    background-color:#FFC;
}
/*
//-------------------------------------------------------------
// デモサイト
//-------------------------------------------------------------
*/
div.demoInformation {
    border: 2px solid red;
    padding: 4px 8px;
    margin: 4px 0px;
}
div.demoInformation p.demoInformationTitle {
    color: red;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: red;
    margin-bottom: 4px;
}
/*
//-------------------------------------------------------------
// 開発情報表示
//-------------------------------------------------------------
*/
.develop {
    position: relative;
    background-color:#FFFFEE;
    padding:4px;
}
.develop span {
    margin-right: 12px;
}
.develop .env {
    position: absolute;
    top: 4px;
    right: 15px;
}
.develop .link {
    position: absolute;
    top: 4px;
    right: 15px;
}
.develop .link a {
    margin-left: 8px;
}
.develop .system {
    font-size: 11px;
    margin-bottom: 8px;
}
/*
//-------------------------------------------------------------
// プラグイン：カラーピッカー
//-------------------------------------------------------------
*/
/**
 * Farbtastic Color Picker 1.2
 * (C)2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url("farbtastic/wheel.png") no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url("farbtastic/mask.png") no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url("farbtastic/marker.png") no-repeat;
}
/*
//-------------------------------------------------------------
// t-onodera@landwarf.com
// Copyright(C)2009-2010 Landwarf Inc. All right reserved.
//-------------------------------------------------------------
*/