@charset "UTF-8";

* { margin: 0; padding:0; }
body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    color: #333;
    font-size: 80%;
}
a {
    text-decoration: underline;
    color: #6699ff;
}
a:hover {
    text-decoration: none;
}
a img {
    border: none;
}
ul {
    list-style-type: none;
}
/*****************************
 * テキスト
 *****************************/
h2 {
    font-size: 120%;
    border-bottom: 3px solid #96cd3c;
    margin: 0 0 15px;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.attention {
    color: #ff0000;
}
/*****************************
 * レイアウト
 *****************************/
/* 表示 */
.disp_inline {
    display: inline;
}
/* 余白 */
.mg-bt-10 {
    margin-bottom: 10px;
}
.mg-bt-20 {
    margin-bottom: 20px;
}
.mg-bt-30 {
    margin-bottom: 30px;
}
.mg-rt-50 {
    margin-right: 50px;
}
/*****************************
 * テーブル
 *****************************/
table {
    border-collapse: collapse;
}
th {
    font-weight: normal;
    text-align: left;
    padding: 6px 8px;
}
td {
    padding: 6px 8px;
}
table.type_1 {

}
table.type_1 th {
    background: #deefc0;
    border: 1px solid #999;
    padding: 3px 8px;
}
table.type_1 td {
    border: 1px solid #999;
    padding: 3px 8px;
}
table.type_1 .bd-none {
    border: none;
}
table.form_fit input[type="text"],
table.form_fit input[type="password"],
table.form_fit textarea,
table.form_fit select {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table td.input_disable {
    background: #eeeeee;
}

/*****************************
 * フォーム
 *****************************/
input[type="submit"] {
    border: 1px solid #ccc;
    background: #eee;
    padding: 10px 8px;
    cursor: pointer;
    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* CSS3 */
    border-radius: 5px;
    /* Firefox */
    -moz-border-radius: 5px;
    /* Safari,Chrome */
    -webkit-border-radius: 5px;
}
/* jquery.validateでエラーが出た場合 */
input.error, 
select.error {
    background: #ffcccc;
}

/*****************************
 * ボタン
 *****************************/
.btn-area {
    text-align: center;
}
.btn-area li,
.btn-area_tbl li {
    display: inline;
    margin-right: 20px;
}
.btn-area li.end,
.btn-area_tbl li.end {
    margin-right: 0;
}
.btn-normal,
input[type="submit"].btn-normal {
    display: inline-block;
    padding: 7px 15px;
    border: solid 1px #bcbecb;
    font-size: 110%;
    cursor: pointer;
    color: #333;
    text-decoration: none;

    /* Old browsers */
    background: #F1C40F;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9E38E), color-stop(100%, #F1C40F));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #F9E38E 0%, #F1C40F 100%);

    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* CSS3 */
    border-radius: 5px;
    /* Firefox */
    -moz-border-radius: 5px;
    /* Safari,Chrome */
    -webkit-border-radius: 5px;
}
/* 登録系ボタン */
.btn-regist,
input[type="submit"].btn-regist {
    display: inline-block;
    padding: 7px 15px;
    border: solid 1px #bcbecb;
    font-size: 110%;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;

    /* Old browsers */
    background: #1069cd;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #2283EE 0%, #1069cd 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #2283EE 0%, #1069cd 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #2283EE 0%, #1069cd 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2283EE), color-stop(100%, #1069cd));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #2283EE 0%, #1069cd 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #2283EE 0%, #1069cd 100%);


    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* CSS3 */
    border-radius: 5px;
    /* Firefox */
    -moz-border-radius: 5px;
    /* Safari,Chrome */
    -webkit-border-radius: 5px;
}

/* 削除系ボタン */
.btn-delete {
    display: inline-block;
    padding: 7px 15px;
    border: solid 1px #bcbecb;
    font-size: 110%;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;

    /* Old browsers */
    background: #E43E2C;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #EF867A 0%, #E43E2C 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #EF867A 0%, #E43E2C 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #EF867A 0%, #E43E2C 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EF867A), color-stop(100%, #E43E2C));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #EF867A 0%, #E43E2C 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #EF867A 0%, #E43E2C 100%);

    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* CSS3 */
    border-radius: 5px;
    /* Firefox */
    -moz-border-radius: 5px;
    /* Safari,Chrome */
    -webkit-border-radius: 5px;
}

.magnifying_glass {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}
.magnifying_glass::before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0.7em;
    height: 0.7em;
    box-sizing: border-box;
    border: 0.15em solid currentColor;
    border-radius: 50%;
    background-color: #fff;
    content: "";
}
.magnifying_glass::after {
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: -1;
    transform: rotate(-45deg);
    width: 0.15em;
    height: 1em;
    box-sizing: border-box;
    background-color: currentColor;
    content: "";
}
/*****************************
 * 共通フレーム
 *****************************/
#container {
    position: absolute;
    top: 35px;/* ヘッダ分の隙間 */
    bottom: 0;
    left: 0;
    right: 0;
}
#main-contents {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 140px; /* サイドバー分の隙間 */
    right: 0;
}
#single-contents {

}
.scroll-area {
    overflow: auto;
    height: 100%;
}
/*****************************
 * ヘッダ
 *****************************/
header {
    background: #2e3639;
    color: #fff;
    height: 29px;
    padding: 6px 10px 0;
}
#sitename {
    float: left;
}
#sitename a:link { text-decoration: none; }
#sitename a:hover { text-decoration: underline; }
#header-nav {
    float: right;
}
#header-nav li {
    float: right;
    margin-left: 10px;
}
header a {
    color: #fff;
}
/*****************************
 * サイドバー
 *****************************/
#sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 140px;
    padding: 0;
    background: #96cd3c;
    z-index: 100;
}
#global-nav {
    margin: 10px 0 0;
    font-size: 110%;
}
#global-nav li {

}
#global-nav li a {
    color: #333;
    padding: 9px 10px;
    display: block;
    background: #eee;
    text-decoration: none;
    margin: 0 0 5px 3px;

    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* 左上のみ角丸 */
    border-top-left-radius: 6px; 
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;

    /* 左下のみ角丸 */
    border-bottom-left-radius: 6px; 
    -webkit-border-bottom-left-radius: 6px; 
    -moz-border-radius-bottomleft: 6px;

    -webkit-box-shadow: 0 1px 2px #333;
    -moz-box-shadow: 0 1px 2px #333;
    box-shadow: 0 1px 2px #333;
}
#global-nav li a:hover {
    /* Old browsers */
    background: #FFFF33;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #FFFF66 0%, #FFFF33 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #FFFF66 0%, #FFFF33 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFFF66 0%, #FFFF33 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFF66), color-stop(100%, #FFFF33));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #FFFF66 0%, #FFFF33 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #FFFF66 0%, #FFFF33 100%);
}
#global-nav li a.on {
    /* Old browsers */
    background: #f1c40f;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */
    background: -ms-linear-gradient(top, #f1c40f 0%, #f1c40f 100%);
    /* Mozilla Firefox */
    background: -moz-linear-gradient(top, #f1c40f 0%, #f1c40f 100%);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f1c40f 0%, #f1c40f 100%);
    /* Webkit (Chrome,Safari4+) */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1c40f), color-stop(100%, #f1c40f));
    /* Webkit (Chrome10+,Safari5.1+) */
    background: -webkit-linear-gradient(top, #f1c40f 0%, #f1c40f 100%);
    /* W3C */
    background: linear-gradient(to bottom, #f1c40f 0%, #f1c40f 100%);
}
/*****************************
 * 検索
 *****************************/
.head-search .search_label {
    margin: 0 2px 0 0;
}
.head-search input,
.head-search select {
    margin: 0 10px 0 0;
}

/*****************************
 * ログイン
 *****************************/
#login-contents {
    background: #96cd3c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#login-box {
    width: 600px;
    height: 240px;
    padding: 30px;
    margin: 60px auto 0;
    background: #fff;
    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* CSS3 */
    border-radius: 15px;
    /* Firefox */
    -moz-border-radius: 15px;
    /* Safari,Chrome */
    -webkit-border-radius: 15px;
}
#login-box table {
    width: 400px;
    margin: 0 auto 20px;
}
#login-box table th,
#login-box table td {
    font-size: 120%;
    padding: 8px 10px;
}
#login-box input[type="text"],
#login-box input[type="password"] {
    font-size: 110%;
    padding: 5px;
    border: 1px solid #999;
}
#login-box .btn-login {
    width: 200px;
}

/*****************************
 * トップページ
 *****************************/
/* --- ラッパー --- */
section#contents-index {
    padding-top: 30px; /* 上マージン */
    padding-left: 20px; /* 左マージン */
}
/* --- ボックス --- */
div.box_wrap {
    margin-bottom: 30px; /* ボックスの下マージン */
    margin-right: 20px; /* ボックスの右マージン */
    border: 2px #2e3639 solid; /* ボックスの境界線 */
    /* 角を丸くする */
    border-radius: 5px; /* CSS3 */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
}
/* --- 見出し --- */
div.box_wrap h3 {
    margin: 5px;
    border-bottom: 4px #96cd3c solid; /* 見出しの境界線 */
}
/* --- テーブル --- */
div.box_wrap table{
    margin: 0 10px 5px 10px; /* テーブルのマージン（上右下左） */
    font-weight : bold; /* 太字 */
}
/* --- 項目名 --- */
div.box_wrap th, div.box_wrap td{
    padding: 10px 0 0 0; /* セルの余白 */
    border-bottom: 1px solid #2e3639; /* セルの下枠線 */
}
/* --- データ --- */
div.box_wrap td{
    text-align: right; /* 右揃え */
}
/* --- ボックスごとの設定 --- */
/* 農場別飼養頭数 */
div#cow_count {
    float: left;
    width: 470px; /* ボックスの幅 */
}
div#cow_count, div#cow_count h3 {
    background: #eaf5d6; /* ボックスの背景色 */
}
div#cow_count th {
    width : 160px; /* セルの幅 */
}
div#cow_count td {
    width : 100px; /* セルの幅 */
}
/* 飼養種別頭数 */
div#breed_type_count {
    float: left;
    width: 210px; /* ボックスの幅 */
}
div#breed_type_count, div#breed_type_count h3 {
    background: #d6dbf5; /* ボックスの背景色 */
}
div#breed_type_count th {
    width : 140px; /* セルの幅 */
}
div#breed_type_count td {
    width : 70px; /* セルの幅 */
}
/* 分娩予定 */
div#bunben_yotei {
    clear: both;
    width: 840px; /* ボックスの幅 */
}
div#bunben_yotei, div#bunben_yotei h3 {
    background: #f5d6ea; /* ボックスの背景色 */
}
div#bunben_yotei th, 
div#bunben_yotei td {
    padding-right: 3px;
}
div#bunben_yotei th {
    width : 160px; /* セルの幅 */
}
div#bunben_yotei th.row {
    text-align: right; /* 右揃え */
    width : 70px; /* セルの幅 */
}
div#bunben_yotei td {
    width : 70px; /* セルの幅 */
}

/*****************************
 * 個体情報
 *****************************/
#cowinfo-top {
    padding: 4px 10px;
    border-bottom: 1px solid #999;
    min-width: 900px;
    height: 78px;
}
#cowinfo-top input[type="submit"] {
    background: #666;
    color: #fff;
}
#contents-cowinfo {
    position: absolute;
    top: 87px; /* 検索分の隙間 */
    bottom: 0;
    left: 0;
    right: 0;
}
#list-area {
    width: 120px;
    height: 100%;
    position: absolute;
    overflow: auto;
    border-right: 1px solid #999;
}
#list-area li {
    border-bottom: 1px solid #999;
}
#list-area a {
    background: #eee;
    padding: 8px 10px;
    display: block;
    text-decoration: none;
}
#list-area a:hover {
    background: #fff;
}
#list-area a.select-cow {
    background: #fff6bb;
}
#cowinfo-main {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 121px; /* 牛リスト分の隙間 */
    right: 0;
}
#cowinfo-tab {
    min-width: 850px;
}
#cowinfo-tab .ui-widget-header {
    /* jQueryタブのスタイル上書き */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/*****************************
 * 個体情報登録画面
 *****************************/
#contents-add_cow {
    padding: 10px;
}
/*****************************
 * 在籍牛確認画面
 *****************************/
#contents-registration_cow {
    padding: 10px;
}
#contents-registration_cow #grid-area th {
    background: #deefc0;
    border: 1px solid #999999;
}
#contents-registration_cow #grid-area td {
    border: 1px solid #999999;
}
#contents-registration_cow hr {
    margin: 10px;
}
#search-box dl dt,
#search-box dl dd {
    float: left;
}
#search-box dl dt {
    margin-left: 25px;
}
#search-box dl dd {
    margin-left: 10px;
}
#search-box .clr_hr{
    clear: left;
    visibility: hidden;
}

/*****************************
 * 出荷管理画面(一覧、登録、成績登録)
 *****************************/
#contents-cow_ship,
#contents-ship_grade {
    padding: 10px;
}
#contents-cow_ship hr {
    margin: 10px;
}

/*****************************
 * 個体移動管理
 *****************************/
#move-area {
    min-width: 900px;
    padding-bottom: 20px;
    overflow: hidden;
}
#move-area #move-before,
#move-area #move-after {
    float: left;
    min-width: 400px;
    padding: 10px;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}
#move-area #move-after {
    background: #ffcccc;
}
#item-after tr td,
#item-before tr td {
    background: #eeeeee;
    border: 1px solid #000000;
}
#item-after th,
#item-before th {
    background: #deefc0;
    border: 1px solid #000000;
}
.area-header {
    height: 70px;
}
.area-header div {
    float: right;
}
#loading_picture {
    width: 100%;
    height: 60px;
}

/*****************************
 * 個体識別番号用入力パッド
 *****************************/
#input_pad_box {

}
#input_pad_box .input_area {
    width: 215px;
    float: left;
}
#input_pad_box .display_area {
    width: 200px;
    float: right;
}
.input_pad_line {
    overflow: hidden;
    width: 210px;
    margin: 0 auto;
}
.input_pad_line span {
    float: left;
    border: 1px solid #999;
    display: block;
    font-size: 160%;
    margin: 5px;
    padding: 15px 20px;
    cursor: pointer;

    /* Old browsers */
    background: #EEE;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EEE));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #FFF 0%, #EEE 100%);

    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* CSS3 */
    border-radius: 3px;
    /* Firefox */
    -moz-border-radius: 3px;
    /* Safari,Chrome */
    -webkit-border-radius: 3px;
}
.input_pad_line span.blue {
    /* Old browsers */
    background: #BBB;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #DDD 0%, #BBB 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #DDD 0%, #BBB 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #DDD 0%, #BBB 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DDD), color-stop(100%, #BBB));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #DDD 0%, #BBB 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #DDD 0%, #BBB 100%);
}
.input_pad_line .key {
    width: 17px;
}
.input_pad_line .none {
    border: 1px solid #fff;
    cursor: default;
    background: none;
}
.display_area span {
    border: 1px solid #999;
    display: block;
    font-size: 160%;
    margin: 5px;
    padding: 15px 20px;
    cursor: pointer;
    width: 155px;
    text-align: center;

    /* Old browsers */
    background: #EEE;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EEE));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #FFF 0%, #EEE 100%);

    /** 角丸(CSS3対応ブラウザのみ有効) **/
    /* CSS3 */
    border-radius: 3px;
    /* Firefox */
    -moz-border-radius: 3px;
    /* Safari,Chrome */
    -webkit-border-radius: 3px;
}
.display_area #input_pad_enter {
    margin: 0 0 20px;

    /* Old browsers */
    background: #F1C40F;
    /** グラデーション(CSS3対応ブラウザのみ有効) **/
    /* IE10 Consumer Prev                                                                      r                                                                                                                                                                                                                                                                       iew */
    background: -ms-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* Webkit (Chrome,Safari4+) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9E38E), color-stop(100%, #F1C40F));
    /* Webkit (Chrome10+,Safari5.1+) */ 
    background: -webkit-linear-gradient(top, #F9E38E 0%, #F1C40F 100%);
    /* W3C */ 
    background: linear-gradient(to bottom, #F9E38E 0%, #F1C40F 100%);
}
.display_area #input_pad_erase {
    padding: 10px 20px;
    margin: 20px 0;
    color: #ff0000;
}
.input_pad_line span:hover,
.display_area span:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#pad_individual{
    font-size: 145%;
    border: 2px solid #999;
    padding: 5px;
    width: 175px;
}


/*****************************
 * haccpタブメニュー
 *****************************/
#tab-menu{
    padding: 0px;
    margin: 0px;
    background: #96cd3c;
    font-size: 14px;
    width: 100%;
}
#tab-menu ul {
    padding: 10px 0 0 10px;
}
#tab-menu li a{
    float: left;
    height: 40px;
    margin-right: 3px;
    /* 左上のみ角丸 */
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    /* 右上のみ角丸 */
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    line-height: 40px;
    text-align: center;
    width: 100px;
    display: block;
    text-decoration:none;
    color:#333;
    background:#ddd;
}
#tab-menu a:hover{
    background:#999;
    //color:#fff;
}
div#tab_contents{
    width:500px;
    overflow:
    hidden;clear:both;
}
div#tab_contents ul{
    width:2500px;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li{
    float: left;
    width:460px;
    list-style-type:none;
    padding:60px  20px  20px 20px;
    background:#e2e2e2;
}

/* clear fix */
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}