table.bun {
border: 1px #666666 solid;
border-collapse: collapse;
}

.order-kugiri {
font-size: x-large;
font-weight: bold;
color: #0066ff;
}

.ordersetumei {
text-align: left; /* セル内の文字は左寄せ */
font-size: x-small;
color: #003399;
}

ul.setumei {
font-size: small;
}

/* 文章は変更しない */
td.bun1  { 
background-color: #cccccc; 
text-align: center; /* 中央揃え */
vertical-align: middle; 
width: 11%; 
border: 1px #000000 solid; 
border-collapse: collapse; 
 }
td.bun2 {
border: 1px #000000 solid;
border-collapse: collapse;
border: 1px #000000 solid;
font-size: large; /* 文字サイズちょっと大きく */
font-weight: bold; 
text-align: left; /* セル内の文字は左寄せ */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
padding: 3px 10px;
background-color: #ffffff; /* セルの色は白 */
}


/* 商用文章（グリーン） */
td.bun-business {
border: 1px #000000 solid;
border-collapse: collapse;
text-align: left; 
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: #66cc66; /* セルの色はグリーン */
padding: 0px 8px;
}
td.bun-business1 {
border: 1px #000000 solid;
border-collapse: collapse;
width: 11%; 
text-align: center; /* セル内の文字は中央揃え */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: #66cc66; /* セルの色はグリーン */
}
td.bun-business2 {
border: 1px #000000 solid;
border-collapse: collapse;
font-size: x-small;
text-align: left; /* セル内の文字は左寄せ */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
padding: 3px 10px;
background-color: #ffffff; /* セルの色は白 */
}

/* 個人用文章（イエロー） */
td.bun-kojin {
border: 1px #000000 solid;
border-collapse: collapse;
text-align: left; 
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: #ffff99; /* セルの色はイエロー */
padding: 0px 8px;
}
td.bun-kojin1 {
border: 1px #000000 solid;
border-collapse: collapse;
width: 11%; 
text-align: center; /* セル内の文字は中央揃え */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: #ffff99; /* セルの色はイエロー */
}
td.bun-kojin2 {
border: 1px #000000 solid;
border-collapse: collapse;
font-size: x-small;
text-align: left; /* セル内の文字は左寄せ */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
padding: 3px 10px;
background-color: #ffffff; /* セルの色は白 */
}

/* ファミリー向け文章（ピンク） */
td.bun-family {
border: 1px #000000 solid;
border-collapse: collapse;
text-align: left; 
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: #FFCCFF; /* セルの色はピンク */
padding: 0px 8px;
}
td.bun-family1 {
border: 1px #000000 solid;
border-collapse: collapse;
width: 11%; 
text-align: center; /* セル内の文字は中央揃え */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: #FFCCFF; /* セルの色はピンク */
}
td.bun-family2 {
border: 1px #000000 solid;
border-collapse: collapse;
font-size: x-small;
text-align: left; /* セル内の文字は左寄せ */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
padding: 3px 10px;
background-color: #ffffff; /* セルの色は白 */
}

/* その他（赤） */
td.bun-sonota { 
border: 1px #000000 solid;
border-collapse: collapse;
color: #ffffff; /* 文字の色は白 */
text-align: left; 
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: red; /* セルの色は赤 */
padding: 0px 8px;
}
td.bun-sonota1 { 
border: 1px #000000 solid;
border-collapse: collapse;
width: 11%; 
color: #ffffff; /* 文字の色は白 */
text-align: center; /* セル内の文字は中央揃え */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
background-color: red; /* セルの色は赤 */
}
td.bun-sonota2 {
border: 1px #000000 solid;
border-collapse: collapse;
font-size: x-small;
text-align: left; /* セル内の文字は左寄せ */
vertical-align: middle; /* セル内の文字の垂直方向は中央に */
padding: 3px 10px;
background-color: #ffffff; /* セルの色は白 */
}