@import "http://";

/*----------  ホームページを小粋に　テーブル TEXT　フォントページ ---------*/


/* =====　strong　====== */

.table_01 {
width:80%;
margin:10px 0px 20px 0px;
border-collapse:collapse;
border-top:1px solid #999;
border-bottom:1px solid #999;
border-right:1px solid #fff;}

.td1 {text-align:left;
vertical-align: top;
padding: 5px;
color:#993399;
font-size:14px;

border-top:1px solid #ccc;
border-right:1px solid #ccc;}

.td2 {text-align:left;
vertical-align: top;
padding: 5px;
font-size:14px;

border-top:1px solid #ccc;
border-right:1px solid #ccc;}

th {text-align:left;
font-size:13px;

border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#6666ff;
color: #fff;
padding: 5px;}





/* ===== font2 フォントの表1====== */


.table_02 {
width:100%;margin: 5px 0px 30px 0px;padding:0px;
border-collapse:collapse;
font-size: 13px;
}
.table_02 th {
width:35%;padding:4px 2px 4px 6px;
text-align:left;vertical-align:top;color:#333;
background-color:#fff;
border:1px solid #debec0;
}
.table_02 td {
padding:4px 2px 4px 6px;
background-color:#fff;
border:1px solid #debec0;
}



/* ===== font2 フォントの表2====== */

.table_03 {
width:100%;margin:10px 0px 30px 0px;padding:0px;
border-collapse:collapse;
font-size: 13px;
}
.table_03 th {
width:45%;padding:4px 2px 4px 6px;
text-align:left;vertical-align:top;color:#333;
background-color:#fff;
border:1px solid #ccccff;
}
.table_03 td {
padding:4px 2px 4px 6px;
background-color:#fff;
border:1px solid #ccccff;
}



/* ===== moji フォントの表4====== */

.table_04 {
width:100%;margin:10px 0px 30px 0px;padding:0px;
border-collapse:collapse;
font-size: 13px;
}
.table_04 th {
width:45%;padding:4px 1px 4px 6px;
text-align:left;vertical-align:middle;color:#333;
background-color:#fff;
border:1px solid #999;
}
.table_04 td {
padding:4px 1px 4px 6px;
background-color:#fff;
border:1px solid #999;
}


/* =====  moji フォントの表5====== */

.table_05 {
width:100%;margin:10px 0px 30px 0px;padding:0px;
border-collapse:collapse;
font-size: 13px;
}
.table_05 th {
width:45%;padding:4px 1px 4px 6px;
text-align:left;vertical-align:middle;color:#333;
background-color:#fff;
border:1px solid #AB7777;
}
.table_05 td {
padding:4px 1px 4px 6px;
background-color:#fff;
border:1px solid #AB7777;
}




/* ===== moji フォントの表6====== */

.table_06 {
width:100%;margin:10px 0px 30px 0px;padding:0px;
border-collapse:collapse;
font-size: 13px;
}
.table_06 th {
width:35%;padding:6px;
text-align:left;vertical-align:middle;color:#333;
background-color:#fff;
border:1px solid #333;
}
.table_06 td {
padding:6px;
text-align:left;vertical-align:top;color:#333;
background-color:#fff;
border:1px solid #333;
}



/* ===== 文字に影をつける　 フォントの表７====== */

.table_07 {
width:85%;margin:10px 0px 30px 0px;padding:0px;
border-collapse:collapse;
font-size: 14px;
}
.table_07 th {
width:30%;padding:6px;
text-align:left;vertical-align:top;color:#993399;
background-color:#fff;
border:1px solid #312646;
}
.table_07 td {
padding:6px;
text-align:left;vertical-align:top;color:#333;
background-color:#fff;
border:1px solid #312646;
line-height: 150%;
}

/* ===== 文字に影をつける　 フォントの表８====== */

.table_08 {
width:85%;margin:10px 0px 30px 0px;padding:0px;
border-collapse:collapse;
font-size: 14px;
}
.table_08 th {
width:30%;padding:6px;
text-align:left;vertical-align:top;color:#993399;
background-color:#fff;
border:1px solid #312646;
}
.table_08 td {
padding:6px;
text-align:left;vertical-align:top;color:#333;
background-color:#fff;
border:1px solid #312646;
line-height: 150%;
}