@charset "UTF-8";

/*-----------------------------------*/
/* 黒ボタンノーマル                  */
/*-----------------------------------*/

/*黒ボタン 98×24--------------------*/
.btn_gray_98_24 { background: url(/images/tsone/btn_gray_98_24.png) center top no-repeat; width: 98px; height: 24px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_gray_98_24:hover { background: url(/images/tsone/btn_gray_98_24_on.png) center top no-repeat; }
.btn_gray_98_24 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.btn_gray_98_24_inactive { background: url(/images/tsone/btn_gray_98_24_inactive.png) center top no-repeat; width: 98px; height: 24px; font-size: 11px; font-weight: bold; color:#F0F0F0; margin: 0 auto; line-height: 11px;}
.btn_gray_98_24_inactive p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*黒ボタン:ON状態 98×24--------------------*/
.btn_gray_98_24_on { background: url(/images/tsone/btn_gray_98_24_on.png) center top no-repeat; width: 98px; height: 24px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; line-height: 11px;}
.btn_gray_98_24_on p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*黒ボタン 54×24--------------------*/
.btn_gray_54_24 { background: url(/images/tsone/btn_gray_54_24.png) center top no-repeat; width: 54px; height: 24px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_gray_54_24:hover {background: url(/images/tsone/btn_gray_54_24_on.png) center top no-repeat;}
.btn_gray_54_24 p {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.btn_gray_54_24_inactive { background: url(/images/tsone/btn_gray_54_24_inactive.png) center top no-repeat; width: 54px; height: 24px; font-size: 11px; font-weight: bold; color:#F0F0F0; margin: 0 auto; line-height: 11px;}
.btn_gray_54_24_inactive p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*黒ボタン 80×30--------------------*/
.btn_gray_80_30 { background: url(/images/tsone/btn_gray_80_30.png) center top no-repeat; width: 80px; height: 30px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_gray_80_30:hover {background: url(/images/tsone/btn_gray_80_30_on.png) center top no-repeat;}
.btn_gray_80_30 p {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-family: "ClearTone SG Medium";}

/*黒ボタン 90×26--------------------*/
.btn_gray_90_26 { background: url(/images/tsone/btn_gray_90_26.png) center top no-repeat; width: 90px; height: 26px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_gray_90_26:hover { background: url(/images/tsone/btn_gray_90_26_on.png) center top no-repeat;}
.btn_gray_90_26 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*黒ボタン 100×26--------------------*/
.btn_gray_100_26 { background: url(/images/tsone/btn_gray_100_26.png) center top no-repeat; width: 100px; height: 26px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_gray_100_26:hover { background: url(/images/tsone/btn_gray_100_26_on.png) center top no-repeat;}
.btn_gray_100_26 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*黒ボタン 120×40--------------------*/
.btn_gray_120_40 { background: url(/images/tsone/btn_gray_120_40.png) center top no-repeat; width: 120px; height: 40px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_gray_120_40:hover { background: url(/images/tsone/btn_gray_120_40_on.png) center top no-repeat;}
.btn_gray_120_40 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*-----------------------------------*/
/* 黒ボタン矢印                      */
/*-----------------------------------*/

/*黒ボタン:左矢印（戻る） 120×40--------------------*/
.btn_gray_larrow_120_40 { background: url(/images/tsone/btn_gray_larrow_120_40.png) center top no-repeat; width: 120px; height: 40px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_gray_larrow_120_40:hover { background: url(/images/tsone/btn_gray_larrow_120_40_on.png) center top no-repeat;}
.btn_gray_larrow_120_40 p { text-align: left; font-family: "ClearTone SG Medium"; padding: 14px 35px; height: 40px; }

/*黒ボタン:左矢印（戻る） 180×40--------------------*/
.btn_gray_larrow_180_40 { background: url(/images/tsone/btn_gray_larrow_180_40.png) center top no-repeat; width: 180px; height: 40px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_gray_larrow_180_40:hover { background: url(/images/tsone/btn_gray_larrow_180_40_on.png) center top no-repeat;}
.btn_gray_larrow_180_40 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 35px;}

/*黒ボタン:左矢印（戻る） 196×40--------------------*/
.btn_gray_larrow_196_40 { background: url(/images/tsone/btn_gray_larrow_196_40.png) center top no-repeat; width: 196px; height: 40px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_gray_larrow_196_40:hover { background: url(/images/tsone/btn_gray_larrow_196_40_on.png) center top no-repeat;}
.btn_gray_larrow_196_40 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 35px;}

/*-----------------------------------*/
/* 青ボタンノーマル                  */
/*-----------------------------------*/

/*青ボタン 118×24--------------------*/
.btn_blue_118_24 { background: url(/images/tsone/btn_blue_118_24.png) center top no-repeat; width: 118px; height: 24px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_blue_118_24:hover { background: url(/images/tsone/btn_blue_118_24_on.png) center top no-repeat;}
.btn_blue_118_24 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*青ボタン 90×26--------------------*/
.btn_blue_90_26 { background: url(/images/tsone/btn_blue_90_26.png) center top no-repeat; width: 90px; height: 26px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_blue_90_26:hover { background: url(/images/tsone/btn_blue_90_26_on.png) center top no-repeat;}
.btn_blue_90_26 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*青ボタン 145×26--------------------*/
.btn_blue_145_26 { background: url(/images/tsone/btn_blue_145_26.png) center top no-repeat; width: 145px; height: 26px; font-size: 11px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 11px;}
.btn_blue_145_26:hover { background: url(/images/tsone/btn_blue_145_26_on.png) center top no-repeat;}
.btn_blue_145_26 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*-----------------------------------*/
/* 青ボタン矢印                      */
/*-----------------------------------*/

/*青ボタン：右矢印 180×50--------------------*/
.btn_blue_rarrow_180_50 { background: url(/images/tsone/btn_blue_rarrow_180_50.png) center top no-repeat; width: 180px; height: 50px; font-size: 15px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 15px;}
.btn_blue_rarrow_180_50:hover { background: url(/images/tsone/btn_blue_rarrow_180_50_on.png) center top no-repeat;}
.btn_blue_rarrow_180_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: right; margin-right: 50px;}

/*青ボタン：右矢印 160×50--------------------*/
.btn_blue_rarrow_160_50 { background: url(/images/tsone/btn_blue_rarrow_160_50.png) center top no-repeat; width: 160px; height: 50px; font-size: 15px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 15px;}
.btn_blue_rarrow_160_50:hover { background: url(/images/tsone/btn_blue_rarrow_160_50_on.png) center top no-repeat;}
.btn_blue_rarrow_160_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: right; margin-right: 50px; font-family: "ClearTone SG Medium"}

/*青ボタン:左矢印（戻る） 160×50--------------------*/
.btn_blue_larrow_160_50 { background: url(/images/tsone/btn_blue_larrow_160_50.png) center top no-repeat; width: 160px; height: 50px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_blue_larrow_160_50:hover { background: url(/images/tsone/btn_blue_larrow_160_50_on.png) center top no-repeat;}
.btn_blue_larrow_160_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 65px; font-family: "ClearTone SG Medium";}

/*-----------------------------------*/
/* ピンクボタン矢印                  */
/*-----------------------------------*/

/*ピンクボタン:左矢印（戻る） 160×50--------------------*/
.btn_pink_larrow_160_50 { background: url(/images/tsone/btn_pink_larrow_160_50.png) center top no-repeat; width: 160px; height: 50px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_pink_larrow_160_50:hover { background: url(/images/tsone/btn_pink_larrow_160_50_on.png) center top no-repeat;}
.btn_pink_larrow_160_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 45px; font-family: "ClearTone SG Medium";}

/*ピンクボタン：右矢印 180×40--------------------*/
.btn_pink_rarrow_180_40 { background: url(/images/tsone/btn_pink_rarrow_180_40.png) center top no-repeat; width: 180px; height: 40px; font-size: 15px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 15px;}
.btn_pink_rarrow_180_40:hover { background: url(/images/tsone/btn_pink_rarrow_180_40_on.png) center top no-repeat;}
.btn_pink_rarrow_180_40 p { text-align: right; height: 40px; padding-left: 10px; padding-right: 50px; padding-top: 5px; }

/*ピンクボタン：右矢印 160×40--------------------*/
.btn_pink_rarrow_160_40 { background: url(/images/tsone/btn_pink_rarrow_160_40.png) center top no-repeat; width: 160px; height: 40px; font-size: 13px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 13px;}
.btn_pink_rarrow_160_40:hover { background: url(/images/tsone/btn_pink_rarrow_160_40_on.png) center top no-repeat;}
.btn_pink_rarrow_160_40 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: right; margin-right: 55px; font-family: "ClearTone SG Medium";}

/*-----------------------------------*/
/* 赤ボタン矢印                      */
/*-----------------------------------*/

/*赤ボタン 120×40--------------------*/
.btn_red_120_40 { background: url(/images/tsone/btn_red_120_40.png) center top no-repeat; width: 120px; height: 40px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_red_120_40:hover { background: url(/images/tsone/btn_red_120_40_on.png) center top no-repeat;}
.btn_red_120_40 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-family: "ClearTone SG Medium"}

/*-----------------------------------*/
/* その他ボタン(アイコン)            */
/*-----------------------------------*/

/*全ウェイト表示ボタン 142×30--------------------*/
.btn_show_all_weight_142_30 { background: url(/images/tsone/btn_show_all_weight_142_30.png) center top no-repeat; width: 142px; height: 32px; font-size: 13px; font-weight: bold; color:#FAFAFA; margin: 0 auto; cursor: pointer; line-height: 13px;}
.btn_show_all_weight_142_30:hover { background: url(/images/tsone/btn_show_all_weight_142_30_on.png) center top no-repeat;}
.btn_show_all_weight_142_30 span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 48px; font-family: "ClearTone SG Medium";}

/*セルフホスティング用データ作成 295×50--------------------*/
.btn_hosting_data_295_50 { background: url(/images/tsone/btn_hosting_data_295_50.png) center top no-repeat; width: 295px; height: 50px; font-size: 15px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 15px; float: left;}
.btn_hosting_data_295_50:hover { background: url(/images/tsone/btn_hosting_data_295_50_on.png) center top no-repeat;}
.btn_hosting_data_295_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 45px;}
.btn_hosting_data_295_50_inactive { background: url(/images/tsone/btn_hosting_data_295_50_inactive.png) center top no-repeat; width: 295px; height: 50px; font-size: 15px; font-weight: bold; color:#F0F0F0; line-height: 15px;}
.btn_hosting_data_295_50_inactive p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

/*新規利用書体登録 205×50--------------------*/
.btn_new_font_205_50 { background: url(/images/tsone/btn_new_font_205_50.png) center top no-repeat; width: 205px; height: 50px; font-size: 15px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 15px; float: left;}
.btn_new_font_205_50:hover { background: url(/images/tsone/btn_new_font_205_50_on.png) center top no-repeat;}
.btn_new_font_205_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 45px;}

/*新規利用サイト登録 205×50--------------------*/
.btn_new_site_205_50 { background: url(/images/tsone/btn_new_site_205_50.png) center top no-repeat; width: 205px; height: 50px; font-size: 15px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 15px; float: left;}
.btn_new_site_205_50:hover { background: url(/images/tsone/btn_new_site_205_50_on.png) center top no-repeat;}
.btn_new_site_205_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 45px;}

/*利用者新規登録 205×50--------------------*/
.btn_new_user_205_50 { background: url(/images/tsone/btn_new_user_205_50.png) center top no-repeat; width: 205px; height: 50px; font-size: 15px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 15px; float: left;}
.btn_new_user_205_50:hover { background: url(/images/tsone/btn_new_user_205_50_on.png) center top no-repeat;}
.btn_new_user_205_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 50px;}

/*削除ボタン 120×40--------------------*/
.btn_red_delete_120_40 { background: url(/images/tsone/btn_red_delete_120_40.png) center top no-repeat; width: 120px; height: 40px; font-size: 13px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 13px; float: left;}
.btn_red_delete_120_40:hover { background: url(/images/tsone/btn_red_delete_120_40_on.png) center top no-repeat;}
.btn_red_delete_120_40 p { position: relative; top: 52%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 60px;}

/*削除実行ボタン 120×40--------------------*/
.btn_red_delconfirm_120_50 { background: url(/images/tsone/btn_red_delconfirm_120_50.png) center top no-repeat; width: 120px; height: 50px; font-size: 13px; font-weight: bold; color:#FAFAFA; cursor: pointer; line-height: 13px; float: left;}
.btn_red_delconfirm_120_50:hover { background: url(/images/tsone/btn_red_delconfirm_120_50_on.png) center top no-repeat;}
.btn_red_delconfirm_120_50 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-left: 45px;}


/*-----------------------------------*/
/* ソートボタン                      */
/*-----------------------------------*/
.btn_sort a {text-decoration: none;}
/*ソートボタン 64×30--------------------*/
.btn_sort_64_30 { background: url(/images/tsone/btn_sort_64_30.png) center top no-repeat; width: 64px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_64_30:hover { background: url(/images/tsone/btn_sort_64_30_on.png) center top no-repeat;}
.btn_sort_64_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

.btn_sort_up_arrow_64_30 { background: url(/images/tsone/btn_sort_up_arrow_64_30.png) center top no-repeat; width: 64px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_up_arrow_64_30:hover { background: url(/images/tsone/btn_sort_up_arrow_64_30_on.png) center top no-repeat;}
.btn_sort_up_arrow_64_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

.btn_sort_down_arrow_64_30 { background: url(/images/tsone/btn_sort_down_arrow_64_30.png) center top no-repeat; width: 64px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_down_arrow_64_30:hover { background: url(/images/tsone/btn_sort_down_arrow_64_30_on.png) center top no-repeat;}
.btn_sort_down_arrow_64_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

/*ソートボタン 76×30--------------------*/
.btn_sort_76_30 { background: url(/images/tsone/btn_sort_76_30.png) center top no-repeat; width: 76px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_76_30:hover { background: url(/images/tsone/btn_sort_76_30_on.png) center top no-repeat;}
.btn_sort_76_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

.btn_sort_up_arrow_76_30 { background: url(/images/tsone/btn_sort_up_arrow_76_30.png) center top no-repeat; width: 76px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_up_arrow_76_30:hover { background: url(/images/tsone/btn_sort_up_arrow_76_30_on.png) center top no-repeat;}
.btn_sort_up_arrow_76_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

.btn_sort_down_arrow_76_30 { background: url(/images/tsone/btn_sort_down_arrow_76_30.png) center top no-repeat; width: 76px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_down_arrow_76_30:hover { background: url(/images/tsone/btn_sort_down_arrow_76_30_on.png) center top no-repeat;}
.btn_sort_down_arrow_76_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

/*ソートボタン 90×30--------------------*/
.btn_sort_90_30 { background: url(/images/tsone/btn_sort_90_30.png) center top no-repeat; width: 90px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_90_30:hover { background: url(/images/tsone/btn_sort_90_30_on.png) center top no-repeat;}
.btn_sort_90_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

.btn_sort_up_arrow_90_30 { background: url(/images/tsone/btn_sort_up_arrow_90_30.png) center top no-repeat; width: 90px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_up_arrow_90_30:hover { background: url(/images/tsone/btn_sort_up_arrow_90_30_on.png) center top no-repeat;}
.btn_sort_up_arrow_90_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

.btn_sort_down_arrow_90_30 { background: url(/images/tsone/btn_sort_down_arrow_90_30.png) center top no-repeat; width: 90px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_down_arrow_90_30:hover { background: url(/images/tsone/btn_sort_down_arrow_90_30_on.png) center top no-repeat;}
.btn_sort_down_arrow_90_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

/*ソートボタン 98×30--------------------*/
.btn_sort_98_30 { background: url(/images/tsone/btn_sort_98_30.png) center top no-repeat; width: 98px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_98_30:hover { background: url(/images/tsone/btn_sort_98_30_on.png) center top no-repeat;}
.btn_sort_98_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-family: "ClearTone SG Medium";}

.btn_sort_up_arrow_98_30 { background: url(/images/tsone/btn_sort_up_arrow_98_30.png) center top no-repeat; width: 98px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_up_arrow_98_30:hover { background: url(/images/tsone/btn_sort_up_arrow_98_30_on.png) center top no-repeat;}
.btn_sort_up_arrow_98_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

.btn_sort_down_arrow_98_30 { background: url(/images/tsone/btn_sort_down_arrow_98_30.png) center top no-repeat; width: 98px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_down_arrow_98_30:hover { background: url(/images/tsone/btn_sort_down_arrow_98_30_on.png) center top no-repeat;}
.btn_sort_down_arrow_98_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

/*ソートボタン 100×30--------------------*/
.btn_sort_100_30 { background: url(/images/tsone/btn_sort_100_30.png) center top no-repeat; width: 100px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_100_30:hover { background: url(/images/tsone/btn_sort_100_30_on.png) center top no-repeat;}
.btn_sort_100_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

.btn_sort_up_arrow_100_30 { background: url(/images/tsone/btn_sort_up_arrow_100_30.png) center top no-repeat; width: 100px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_up_arrow_100_30:hover { background: url(/images/tsone/btn_sort_up_arrow_100_30_on.png) center top no-repeat;}
.btn_sort_up_arrow_100_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

.btn_sort_down_arrow_100_30 { background: url(/images/tsone/btn_sort_down_arrow_100_30.png) center top no-repeat; width: 100px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_down_arrow_100_30:hover { background: url(/images/tsone/btn_sort_down_arrow_100_30_on.png) center top no-repeat;}
.btn_sort_down_arrow_100_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

/*ソートボタン 116×30--------------------*/
.btn_sort_116_30 { background: url(/images/tsone/btn_sort_116_30.png) center top no-repeat; width: 116px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_116_30:hover { background: url(/images/tsone/btn_sort_116_30_on.png) center top no-repeat;}
.btn_sort_116_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-family: "ClearTone SG Medium";}

.btn_sort_up_arrow_116_30 { background: url(/images/tsone/btn_sort_up_arrow_116_30.png) center top no-repeat; width: 116px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_up_arrow_116_30:hover { background: url(/images/tsone/btn_sort_up_arrow_116_30_on.png) center top no-repeat;}
.btn_sort_up_arrow_116_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}

.btn_sort_down_arrow_116_30 { background: url(/images/tsone/btn_sort_down_arrow_116_30.png) center top no-repeat; width: 116px; height: 30px; font-size: 13px; font-weight: bold; color:#505050; cursor: pointer; line-height: 13px; margin: 0 auto;}
.btn_sort_down_arrow_116_30:hover { background: url(/images/tsone/btn_sort_down_arrow_116_30_on.png) center top no-repeat;}
.btn_sort_down_arrow_116_30 p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  text-align: left; margin-left: 30px;}