@charset "Shift_JIS";
body{
    font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif;
    color : #444444;
    overflow-y: scroll;
}

h1{
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    margin: 0;
}

.main{
    width: 750;
    margin: 0;
    background-color: #FFFFFF;
}

.header{
    margin: 0;
    width: 750;
}

.footer{
    margin: 0;
    width: 750;
}

/*会社概要レイアウト*/

.left{
    margin: 0;
    padding: 0;
    width: 560;
    float: left;
}

.right{
    margin: 0;
    padding: 0;
    width: 190;
    float: left;
}

/*TOMCATレイアウト*/

.tom_left{
    margin: 0;
    padding: 0;
    width: 570;
    float: left;
}

.tom_right{
    margin: 0;
    padding: 0;
    width: 180;
    float: left;
}

/*AOSレイアウト*/

.aos_left{
    margin: 0;
    padding: 0;
    width: 565;
    float: left;
}

.aos_right{
    margin: 0;
    padding: 0;
    width: 185;
    float: left;
}

/* 減免ロールオーバー効果 */

#top_genmen a{
    display:block;
    width:340px;
    height:22px;
    background : url(img/genmen01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_genmen a:hover{
    background : url(img/genmen02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* 会社概要ロールオーバー効果（TOP） */

#top_company a{
    display:block;
    width:160px;
    height:33px;
    background : url(img/bt_company01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_company a:hover{
    background : url(img/bt_company02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* TOMCATロールオーバー効果 */

#top_tomcat a{
    display:block;
    width:169px;
    height:33px;
    background : url(img/bt_tomcat01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_tomcat a:hover{
    background : url(img/bt_tomcat02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* AOSロールオーバー効果 */

#top_aos a{
    display:block;
    width:170px;
    height:33px;
    background : url(img/bt_aos01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_aos a:hover{
    background : url(img/bt_aos02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* 採用情報ロールオーバー効果 */

#top_recruit a{
    display:block;
    width:160px;
    height:33px;
    background : url(img/bt_recruit01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_recruit a:hover{
    background : url(img/bt_recruit02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* 採用バナーロールオーバー効果 */

#top_banner01 a{
    display:block;
    width:190px;
    height:135px;
    background : url(img/banner_recruit01.jpg?20170228) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_banner01 a:hover{
    background : url(img/banner_recruit02.jpg?20170228) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* TOMCAT25バナーロールオーバー効果 （メイン）*/


#top_banner02 a{
    display:block;
    width:190px;
    height:135px;
    background : url(img/banner_Qauter01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_banner02 a:hover{
    background : url(img/banner_Qauter02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

#top_banner03 a{
    display:block;
    width:190px;
    height:135px;
    background : url(img/banner_remote01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#top_banner03 a:hover{
    background : url(img/banner_remote02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* 会社概要ロールオーバー効果 （会社概要）*/

#company_main a{
    display:block;
    width:170px;
    height:69px;
    background : url(img/bt_company011.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#company_main a:hover{
    background : url(img/bt_company021.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* 事業所ロールオーバー効果 */

#company_partner a{
    display:block;
    width:170px;
    height:69px;
    background : url(img/bt_partner01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#company_partner a:hover{
    background : url(img/bt_partner02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* 沿革ロールオーバー効果 */

#company_history a{
    display:block;
    width:170px;
    height:69px;
    background : url(img/bt_history01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#company_history a:hover{
    background : url(img/bt_history02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* リリースロールオーバー効果 */

#company_release a{
    display:block;
    width:170px;
    height:69px;
    background : url(img/bt_message01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#company_release a:hover{
    background : url(img/bt_message02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* Quarterロールオーバー効果 */

#qua a{
    display:block;
    width:240px;
    height:87px;
    background : url(img/bt_qua01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#qua a:hover{
    background : url(img/bt_qua02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* Attackロールオーバー効果 */

#att a{
    display:block;
    width:240px;
    height:87px;
    background : url(img/bt_att01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#att a:hover{
    background : url(img/bt_att02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* Smashロールオーバー効果 */

#sma a{
    display:block;
    width:240px;
    height:87px;
    background : url(img/bt_sma01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#sma a:hover{
    background : url(img/bt_sma02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* TOMCATとはロールオーバー効果 */

#what a{
    display:block;
    width:750px;
    height:60px;
    background : url(img/what01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#what a:hover{
    background : url(img/what02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* TOMCAT資料請求ロールオーバー効果 */

#tom_materials a{
    display:block;
    width:750px;
    height:132px;
    background : url(img/materials01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#tom_materials a:hover{
    background : url(img/materials02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドTOMCATロールオーバー効果 */

#s_tom a{
    display:block;
    width:165px;
    height:47px;
    background : url(img/side_tom01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_tom a:hover{
    background : url(img/side_tom02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドQuarterロールオーバー効果 */

#s_qua a{
    display:block;
    width:165px;
    height:47px;
    background : url(img/side_qua01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_qua a:hover{
    background : url(img/side_qua02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドZoomロールオーバー効果 */

#s_zoom a{
    display:block;
    width:165px;
    height:47px;
    background : url(img/side_zoom01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_zoom a:hover{
    background : url(img/side_zoom02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドProcessorロールオーバー効果 */

#s_pro a{
    display:block;
    width:165px;
    height:47px;
    background : url(img/side_pro01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_pro a:hover{
    background : url(img/side_pro02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドTOMCAT資料請求ロールオーバー効果 */

#s_mat a{
    display:block;
    width:165px;
    height:47px;
    background : url(img/side_mat01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_mat a:hover{
    background : url(img/side_mat02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* 一括見積ロールオーバー効果 */

#recycle a{
    display:block;
    width:240px;
    height:69px;
    background : url(img/recycle01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#recycle a:hover{
    background : url(img/recycle02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* アフターパーツロールオーバー効果 */

#after a{
    display:block;
    width:240px;
    height:69px;
    background : url(img/after01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#after a:hover{
    background : url(img/after02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* リパーツダイレクトロールオーバー効果 */

#reparts a{
    display:block;
    width:240px;
    height:69px;
    background : url(img/reparts01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#reparts a:hover{
    background : url(img/reparts02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* AOS会員サイトロールオーバー効果 */

#aos_member a{
    display:block;
    width:100px;
    height:44px;
    background : url(img/member01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#aos_member a:hover{
    background : url(img/member02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* AOS会員一般ロールオーバー効果 */

#aos_general a{
    display:block;
    width:100px;
    height:44px;
    background : url(img/general01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#aos_general a:hover{
    background : url(img/general02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* AOS資料請求ロールオーバー効果 */

#aos_materials a{
    display:block;
    width:165px;
    height:44px;
    background : url(img/materials011.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#aos_materials a:hover{
    background : url(img/materials021.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイド一括見積ロールオーバー効果 */

#s_recycle a{
    display:block;
    width:170px;
    height:69px;
    background : url(img/side_recycle01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_recycle a:hover{
    background : url(img/side_recycle02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドアフターパーツロールオーバー効果 */

#s_after a{
    display:block;
    width:170px;
    height:69px;
    background : url(img/side_after01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_after a:hover{
    background : url(img/side_after02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドリパーツダイレクトロールオーバー効果 */

#s_reparts a{
    display:block;
    width:170px;
    height:69px;
    background : url(img/side_reparts01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_reparts a:hover{
    background : url(img/side_reparts02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドAOS資料請求ロールオーバー効果 */

#s_aos_mat a{
    display:block;
    width:170px;
    height:47px;
    background : url(img/side_materials01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_aos_mat a:hover{
    background : url(img/side_materials02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* サイドAOSロールオーバー効果 */

#s_aos a{
    display:block;
    width:170px;
    height:47px;
    background : url(img/side_aos01.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    text-decoration:none;
}

#s_aos a:hover{
    background : url(img/side_aos02.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* NEWSボックス */

.news{
    margin: 0;
    padding: 0;
    width: 347;
    border-style: solid;
    border-color: #cccccc;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

/* ご利用にあたってコンテンツ */

.contents{
    margin: 0;
    padding-top: 2px;
    width: 560;
    height: 20;
    text-align: left;
    color: #ffffff;
    background-color: #666666;
    solide: #000000;
}

/* flote解除 */

.clear{
    clear: both;
}

/* 文字サイズ中 */

.middle{
    font-size: 14px;
}

/* 文字サイズ小 */

.small{
    font-size: 12px;
}

/* フッター用文字サイズ小 */

.h_small{
    font-size: 10px;
}

/* フッター用メッセージ */

.f_mes{
    font-size: 12px;
    color: #ff0000;
}

/* 行間隔6pt */

.line6pt{
    layout-grid-line: 6pt;
}

/*行間隔15pt*/

.line15pt{
    layout-grid-line: 15pt;
}

/*行間隔20pt*/

.line20pt{
    layout-grid-line: 20pt;
}

/* 表間隔01 */

.padding01{
    padding-right: 10px;
    padding-bottom: 10px;
}

/* 表間隔02 */

.padding02{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    layout-grid-line: 6pt;
}

  /* リンクの下線を消す */
A:link{
                        /* リンク */
    text-decoration: none;
}
A:visited{
                     /* 既に見たリンク */
    text-decoration: none;
}
A:hover{
                       /* カーソルが上にある時のリンク */
    color: #ff0000;
    text-decoration: none;
}

/* Quarterタイトル */

.qua_title{
    padding-top: 5px;
    padding-bottom: 5px;
    color: #39308b;
    font-size: medium;
    font-weight: bold;
}

/* マージン */

.margin01{
    margin-right: 10px;
}

/* 線が細い表（TABLE用） */

.table_border{
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #444444;
}

/* 線が細い表（TD用）  */

.td_border{
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #444444;
    font-size: 12px;
}