/* ============================= 
styleTable.css
2016/02/23
============================= */


/* == == == == == == == == == == == == == == == == == == == ==
Main Layout
== == == == == == == == == == == == == == == == == == == == */


h3.tab {
 font-size: 16px;
 color: #5f870e;
 font-weight: 500;
 line-height: 1.0em;
 padding: 0 0 3px 0;
 margin: 0 0 12px 0;
 border-bottom: #5f870e solid 2px;
}

#Tab1 {
 font-size: 12px;/*color: #5f870e;
font-weight: 500;
line-height: 1.0em;
padding: 0 0 3px 0;
margin: 0 0 12px 0;
border-bottom: #5f870e solid 2px;*/
}

/* == == == == == == == == == == == == == == == == == == == ==
Zebla Table with jQuery
== == == == == == == == == == == == == == == == == == == == */


table tr:nth-child(odd) {
 /* thの行から数えて奇数行の背景色を設定します。 */
 background-color: #FFFFFF;
}

table tr:nth-child(even) {
 /* thの行から数えて偶数行の背景色を設定します。 */
 background-color: #EEEEEE;
}

/* == == == == == == == == == == == == == == == == == == == ==
Table and Text Format
== == == == == == == == == == == == == == == == == == == == */

table.tableone,
table.tabletwo,
table.tablethree,
table.tablefour,
table.tablefive,
table.tablesix,
table.tableseven,
table.tableeight {
 text-align: center;
 font-size: 12px;
 border: solid #4D250A 1px;
 border-collapse: collapse;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 color: #4D250A;
}

table.tableone td.click,
table.tableone th.click,
table.tabletwo td.click,
table.tabletwo th.click,
table.tablethree td.click,
table.tablethree th.click,
table.tablefour td.click,
table.tablefour th.click,
table.tablefive td.click,
table.tablefive th.click,
table.tablesix td.click,
table.tablesix th.click,
table.tableseven td.click,
table.tableseven th.click,
table.tableeight td.click,
table.tableeight th.click {
 background-color: #bbb;
}

table.tableone thead,
table.tabletwo thead,
table.tablethree thead,
table.tablefour thead,
table.tablefive thead,
table.tablesix thead,
table.tableseven thead,
table.tableeight thead {
 background: bisque;
}

table.tableone tfoot,
table.tabletwo tfoot,
table.tablethree tfoot,
table.tablefour tfoot,
table.tablefive tfoot,
table.tablesix tfoot,
table.tableseven tfoot,
table.tableeight tfoot {
 background: khaki;
 text-align: center;
}

table.tableone td,
table.tableone th,
table.tabletwo td,
table.tabletwo th,
table.tablethree td,
table.tablethree th,
table.tablefour td,
table.tablefour th,
table.tablefive td,
table.tablefive th,
table.tablesix td,
table.tablesix th,
table.tableseven td,
table.tableseven th,
table.tableeight td,
table.tableeight th {
 border: solid #4D250A 1px;
 border-collapse: collapse;
 padding-bottom: 3px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 3px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 font-family: 'Lucida Console', Monaco, monospace;
 text-wrap: none;
}

table.tableone td a,
table.tabletwo td a,
table.tablethree td a,
table.tablefour td a,
table.tablefive td a,
table.tablesix td a,
table.tableseven td a,
table.tableeight td a {
 color: #4D250A;
}

table.tableone th,
table.tabletwo th,
table.tablethree th,
table.tablefour th,
table.tablefive th,
table.tablesix th,
table.tableseven th,
table.tableeight th {
 text-align: center;
 background-color: #DDDDCC;
 color: #4D250A;
}

table.tableone td.hover,
table.tableone tr.hover,
table.tabletwo td.hover,
table.tabletwo tr.hover,
table.tablethree td.hover,
table.tablethree tr.hover,
table.tablefour td.hover,
table.tablefour tr.hover,
table.tablefive td.hover,
table.tablefive tr.hover,
table.tablesix td.hover,
table.tablesix tr.hover,
table.tableseven td.hover,
table.tableseven tr.hover,
table.tableeight td.hover,
table.tableeight tr.hover {
 background-color: #5f870e;
 color: #FFFFFF;
}

table.tableone td.hover a,
table.tabletwo td.hover a,
table.tablethree td.hover a,
table.tablefour td.hover a,
table.tablefive td.hover a,
table.tablesix td.hover a,
table.tableseven td.hover a,
table.tableeight td.hover a {
 color: #FFFFFF;
}

table.tableone td.hovercell,
table.tableone tr.hovercell,
table.tabletwo td.hovercell,
table.tabletwo tr.hovercell,
table.tablethree td.hovercell,
table.tablethree tr.hovercell,
table.tablefour td.hovercell,
table.tablefour tr.hovercell,
table.tablefive td.hovercell,
table.tablefive tr.hovercell,
table.tablesix td.hovercell,
table.tablesix td.hovercell,
table.tablesix tr.hovercell,
table.tableseven td.hovercell,
table.tableseven tr.hovercell,
table.tableeight td.hovercell,
table.tableeight tr.hovercell {
 background-color: #333333;
}

table.tableone td.hoverrow,
table.tableone tr.hoverrow,
table.tabletwo td.hoverrow,
table.tabletwo tr.hoverrow,
table.tablethree td.hoverrow,
table.tablethree tr.hoverrow,
table.tablefour td.hoverrow,
table.tablefour tr.hoverrow,
table.tablefive td.hoverrow,
table.tablefive tr.hoverrow,
table.tablesix td.hoverrow,
table.tablesix td.hoverrow,
table.tablesix tr.hoverrow,
table.tableseven td.hoverrow,
table.tableseven tr.hoverrow,
table.tableeight td.hoverrow,
table.tableeight tr.hoverrow {
 background-color: #66ddff;
}

/* == == == == == == == == == == == == == == == == == == == ==
Media Query
== == == == == == == == == == == == == == == == == == == == */
@media only screen and (min-width: 801px) {

.tablethree {
 width: 690px;
}
}

@media only screen and (max-width: 800px) {

.tablethree {
 width: 90%;
}
}

@media only screen and (max-width: 640px) {

#Tab1 th {
 font-size: 9px;
 line-height: 1.2em;
}

table.tableone td,
table.tableone th,
table.tabletwo td,
table.tabletwo th,
table.tablethree td,
table.tablethree th,
table.tablefour td,
table.tablefour th,
table.tablefive td,
table.tablefive th,
table.tablesix td,
table.tablesix th,
table.tableseven td,
table.tableseven th,
table.tableeight td,
table.tableeight th {
 border: solid #4D250A 1px;
 border-collapse: collapse;
 padding-bottom: 3px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 3px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 font-family: 'Lucida Console', Monaco, monospace;
 text-wrap: none;
}

#Tab1 {
 font-size: 8px;/*color: #5f870e;
font-weight: 500;
line-height: 1.0em;
padding: 0 0 3px 0;
margin: 0 0 12px 0;
border-bottom: #5f870e solid 2px;*/
}
}