/*
 * 
 * 
 * 
 * 
 * 
 * 2012/02/22 table関係のpaddingを1px、line-heightを1emに変更
 * 
 */

body {
    background-color:#ffffff;
    font-family: メイリオ, Meiryo, Osaka-Mono, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; 
    height: 100%; 
    width:  100%; 
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10pt;
}

textarea {
    font-size: 10pt;
}

.scroll_box {
    max-height: 200px;
    border: 0px solid #666666;
    padding: 5px;
    margin: 0px auto;

    overflow-y:auto;
    overflow-x:hidden;
} 

/*
 * 試しに色々してみたもの。特に意味は無いけど整理はしないでおく
 */
.boxPlasma0 {
    width: 350px; /* ボックスの横幅 */
    background-color: #E3F03B;
    border: 1px #1C79C6 ; /* 枠線（太さ・色・スタイル） */
    padding: 10px; /* ボックス内の余白 */
}
.boxPlasma1 {
    width: 350px; /* ボックスの横幅 */
    background-color: #E3A0FB;
    border: 1px #1C79C6 ; /* 枠線（太さ・色・スタイル） */
    padding: 10px; /* ボックス内の余白 */
}

.title0 {
    width: 350px;
    padding:3px 5px;
    border-color:#cccccc;
    border-width:1px 1px 1px 7px;
    border-style:
    solid;background:#F8F8F8;
}

.box6 {
    /*width: 350px; * ボックスの横幅 */
    background-color: #E3F0FB;
    border: 4px #1C79C6 dotted; /* 枠線（太さ・色・スタイル） */
    padding: 10px; /* ボックス内の余白 */
}

.box7 {
    width: 350px; /* ボックスの横幅 */
    background-color: #E3F0FB;
    border: 4px #1C79C6 outset; /* 枠線（太さ・色・スタイル） */
    padding: 10px; /* ボックス内の余白 */
}

.box8 {
/*  width: 350px; * ボックスの横幅 */
    background-color: #E3F0FB;
    border: 1px #1C79C6 outset; /* 枠線（太さ・色・スタイル） */
    padding: 10px; /* ボックス内の余白 */
}

.box0a {
    padding:2px;
    background:#EBFCCE;
    height:46px;
    width:76px;
    border-color:#8CA85A;
    border-width:1px;
    border-style:solid;
}
.box0b {
    padding:5px;
    background:#F5FDE5;
    height:40px;
    width:70px;
    border-color:#8CA85A;
    border-width:1px;
    border-style:solid;
}





/*
 * 覚え書き
 *   padding : 枠と要素の間隔(内側)
 *   margin  : 枠と要素の間隔(外側)
 */

/*
 * solid上下左右 : 1なら罫線あり 0なら罫線無し
 */
td.solid1111 {
    border-top:    1px solid #aaaaaa;
    border-right:  1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   1px solid #aaaaaa;

    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

td.solid1100 {
    border-top:    1px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;

    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

td.solid0011 {
    border-top:    0px solid #aaaaaa;
    border-right:  1px solid #aaaaaa;
    border-bottom: 0px solid #aaaaaa;
    border-left:   1px solid #aaaaaa;

    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

td.solid1110 {
    border-top:    1px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   1px solid #aaaaaa;

    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

td.solid1101 {
    border-top:    1px solid #aaaaaa;
    border-right:  1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;

    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}



/* 開閉式の表 */
table.tableTop {
    border-top:    1px solid #888888;
    border-right:  1px solid #888888;
    border-bottom: 0px solid #888888;
    border-left:   1px solid #888888;

    border-collapse: collapse;
    border-spacing: 0px ;
}


/*
 * テーブルの外枠
 */
table.noFrame {
    border:    0px solid #000000;

    border-collapse: collapse;
    border-spacing: 0px ;
}

table.frBlack {
    border:    1px solid #000000;

    border-collapse: collapse;
    border-spacing: 0px ;
}

table.frGray {
    border:    1px solid #888888;

    border-collapse: collapse;
    border-spacing: 0px ;
}



/*
 * 各セルの背景色
 */
.bgLightgreen {
    border:    1px solid #aaaaaa;
    background-color: #90EE90;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

.bgWhite {
    border:    1px solid #aaaaaa;
    background-color: #FFFFFF;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

td.bgWhite1100 {
    border-top:    1px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

td.bgWhite1101 {
    border-top:    1px solid #aaaaaa;
    border-right:  1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

td.bgWhite1110 {
    border-top:    1px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   1px solid #aaaaaa;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}


.bgLightblue {
    border:    1px solid #aaaaaa;
    background-color: #EEFFFF;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

.bgWhiteNoFrame {
    border: 0px solid #ffffff;
    background-color: #FFFFFF;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

.bgGrayNoFrame {
    border:  0px solid #EEEEEE;
    background-color: #EEEEEE;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

.bgGray0 {
    border:    1px solid #aaaaaa;
    background-color: #EEEEEE;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

.bgGray1 {
    border:    1px solid #aaaaaa;
    background-color: #DDDDDD;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}

.bgDarkGray {
    border:    1px solid #aaaaaa;
    background-color: #606060;
    padding: 1px 1px 1px 1px ;
    line-height: 1em;
}



/*
 * 合成武器検索の一番下にあるクローバー別の選択肢
 */
.kajiNoSelect {
    border:    1px solid #ffffff;
    background-color: #FFFFFF;
    padding: 2px 2px 2px 2px ; 
}

.kajiSelect {
    border:    1px solid #dddddd;
    background-color: #dddddd;
    padding: 2px 2px 2px 2px ; 
}




/*
 * 左サイドのメニュー用
 */
.leftSideMenu {
    width:         120px;
    border-top:    0px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 0px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;
    background-color: #eeeeee;
    font-size:     0.8em;
}

.leftSideMenuSeikatsu {                   /* 生活用 */
    width:         120px;
    border-top:    0px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 0px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;
    background-color: #dddddd;
    font-size:     0.8em;
}

.topSideMenu {
    border-top:    0px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 0px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;
    background-color: #ffffff;
    font-size:     0.9em;
}

.bottomSideMenu {
    border-top:    0px solid #aaaaaa;
    border-right:  0px solid #aaaaaa;
    border-bottom: 0px solid #aaaaaa;
    border-left:   0px solid #aaaaaa;
/*    background-color: #ffffff; */
    font-size:     0.8em;
}

.clock {
    border-top:    1px solid #aaaaaa;
    border-right:  1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   1px solid #aaaaaa;
    margin:         0px ;
    padding:        0px ;
    border-spacing: 0px ;
    font-size:     0.7em;
}

.menuTop {
    width:         120px;
    margin-top:    15px;
    margin-right:  0px;
    margin-bottom: 1px;
    margin-left:   0px;
    font-weight:   bold;
    border:        double 3px #333333;
    text-align:    center;
    font-size:     0.9em;
}

.menuClock {
    margin-top:    15px;
    margin-right:  0px;
    margin-bottom: 1px;
    margin-left:   0px;
    font-size:     0.9em;
}

.menuHeadline {
    margin-top:    15px;
    margin-right:  0px;
    margin-bottom: 1px;
    margin-left:   0px;
    font-weight:   bold;
    font-size:     0.9em;
}

.menuItem {
    margin-top:    1px;
    margin-right:  0px;
    margin-bottom: 5px;
    margin-left:   5px;
    cursor: pointer;
    font-size:     0.9em;
}
.noDecorate {
    text-decoration: none;
    word-wrap:normal;
    word-break: keep-all;
}


.miniGame {
    border-top:    1px solid #aaaaaa;
    border-right:  1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left:   1px solid #aaaaaa;
    margin:         0px ;
    padding:        0px ;
    border-spacing: 0px ;
    font-size:     0.9em;
}

#hitBlowHistory {
    background:#ffffff;
    color:#000000;
    border:1px solid #666;
    width:100%;
    height:10em;
    overflow:auto;
    text-align: left;
    word-wrap:normal;
}


/*
 * φ(.. )めもめも
 */
.memo {
/*    font-size:0.9em; */
    margin-bottom: 5px;
}



/*
 * お知らせ用
 */
#infoBox {
    background:#ffffff;
    color:#000000;
    border:1px solid #666;
    width:50em;
    height:8em;
    overflow:auto;
    text-align: left;
    word-wrap:normal;
    font-size:     0.8em;
}

/*
 * AA用
 */
#ascii_detail{
    font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","ＭＳ Ｐゴシック","MS Pゴシック","MS Pゴシック",sans-serif;
    word-break: keep-all;
    word-wrap: normal;
    line-height: 110%;
    font-size: 12pt;
}

/*
 *二重取り消し線
 */
.doubleline {
    background-image:    url('image/doubleRed.gif');
    background-repeat:   repeat-x;
    background-position: center;
}

.monofont {
    font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Osaka-等幅', 'Osaka-Mono', monospace;
    font-size: 10pt;
}

/* 価格表示の 値段 */
.price {
    font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Osaka-等幅', 'Osaka-Mono', monospace;
    font-size: 11pt;
    text-align:right;
    word-break: keep-all;
    word-wrap: normal;
}

/* 価格表示の その他テキスト */
.priceText {
    font-size: 10pt;
    word-break: keep-all;
    word-wrap: normal;
}



/*
 * 文字サイズ  pxと%の対比
 */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


div#qTip {
    padding: 3px;
    border: 1px solid #666;
    border-right-width: 2px;
    border-bottom-width: 2px;
    display: none;
    background: #999;
    color: #FFF;
    font: bold 85% Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    position: absolute;
    z-index: 1000;
}


table tr.tbl0 td:hover {     /* tdタグ セルにマウスが乗った時*/
  color: #19197c;            /* 文字色 */
  background-color: #ccffee; /* 背景色 */
}