ul.tabrow {
    margin: 40px 0;  /* リスト周囲の余白を削除 */
    padding: 0px; /* リスト内部の余白を削除 */
    width: 100%;
    display: table;
}
ul.tabrow li {
    list-style-type: none; /* (1)先頭記号を消す */
    float: left;           /* (2)リスト項目を横方向に並べる */
    margin: 0px;           /* (3)各項目周囲の余白 */
    padding: 0px;          /* (4)枠線と内容の距離をゼロに */
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}
ul.tabrow.tabrow-img li {
    list-style-type: none; /* (1)先頭記号を消す */
    float: left;           /* (2)リスト項目を横方向に並べる */
    margin: 0px;           /* (3)各項目周囲の余白 */
    padding: 0px;          /* (4)枠線と内容の距離をゼロに */
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
}
ul.tabrow li a {
    text-decoration: none; /* (1)下線を消す */
    display: block;        /* (2)ブロックとして表示 */
    padding: 10px 10px;      /* (3)★内側の余白量 */
    text-align: left;    /* (5)★ラベル(文字列)を中央寄せ */
    font-weight: bold;     /* (6)★ラベル(文字列)を太字にする */
    background-color: #666666;     /* (7)★タブの背景色 */
    border: #666666 solid 1px;        /* (8)★タブの枠線 */
    color :#ffffff;
    border-top-left-radius: 12px;  /* (9)★タブの左上の角を丸くする */
    border-top-right-radius: 12px; /* (10)★タブの右上の角を丸くする */
}
ul.tabrow li a.img {
    text-decoration: none; /* (1)下線を消す */
    display: block;        /* (2)ブロックとして表示 */
    padding: 10px 10px;      /* (3)★内側の余白量 */
    text-align: right;    /* (5)★ラベル(文字列)を中央寄せ */
    font-weight: bold;     /* (6)★ラベル(文字列)を太字にする */
    background-color: transparent;     /* (7)★タブの背景色 */
    border: none;        /* (8)★タブの枠線 */
    color :#ffffff;
    border-top-left-radius: 0px;  /* (9)★タブの左上の角を丸くする */
    border-top-right-radius: 0px; /* (10)★タブの右上の角を丸くする */
}
ul.tabrow li a img {
    width: 100%;
}
ul.tabrow li#Sapporo.active a {
    background-color: #349B3A;
    border-color: #349B3A;
    color :#ffffff;
}
ul.tabrow li#Hakata.active a {
    background-color: #EA9425;
    border-color: #EA9425;
    color :#ffffff;
}