/*****************************************/
/* 全ページのスタイル                    */
/*****************************************/
HTML, BODY
{
    /* 余白の削除 */
    margin: 0px;  
    /* 余白の削除 */
    padding: 0px; 
    /* 横幅全部を使用領域とする */
    width: 100%;
    /* 縦幅全部を使用領域とする */
    height: 100%;

    /* フォント */
	font-family: Arial, Helvetica;
    /* 文字間の隙間 */
    letter-spacing: 0.1em;
    /* 空白(ｽﾍﾟｰｽ,改行)の扱い */
    white-space: normal;
}


/*****************************************/
/* ヘッダーのスタイル                    */
/*****************************************/
/* ヘッダー領域 */
DIV#header-area
{
    /* 固定位置に表示 */
    /* ※画面スクロールしても移動しない */
    position: fixed;
    /* 上の位置 */
    top: 0px;
    /* 左の位置 */
    left: 0px;
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: 130px;
    /* 最前面表示 */
    z-index: 1;
}
/* ヘッダー背景 */
DIV#header-bk
{
    /* ヘッダー横幅 */
    width: 100%;
    /* ヘッダー縦幅*/
    height: 110px;
    /* 上10px 下20pxの内余白 */
    padding: 10px 0px 20px;   

    /* 背景色 */
    /*background-color:#EEEEEE;*/
    /* 背景画像 */
    background-image: url("../images/cmn/img_bghd.jpg");
    /* 背景画像の横幅　縦幅 */
    background-size: auto 140px;
}
/* ヘッダー境界線 */
DIV#header-border
{
    /* 表示領域を枠で囲う */
    border: 0px solid #ffffff;  
    /* 縦幅 横幅*/
    /* ※header-bkと同じ */
    height: 100%;
    width:  100%;
    /* 中央揃え */
    margin: auto;
}


/*****************************************/
/* ボディーのスタイル                    */
/*****************************************/
DIV#body-area
{
    /* 上160px 下80pxの内余白 */
    padding: 160px 0px 80px 0px;   
}
DIV#body-border
{
    /* 横幅960px */
    width: 100%;   
    /* 中央揃え */
    margin: 0px auto;
}   

/*****************************************/
/* フッターのスタイル                    */
/*****************************************/
/* フッター領域 */
DIV#footer-area
{
    /* 相対位置に表示 */
    /* ※画面スクロールすると相対的に移動 */
    position: relative;
    /* 下の位置 */
    bottom: 0px;
    /* 左の位置 */
    left: 0px; 
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: 50px;
}
DIV#footer-bk
{
}

DIV#footer-font
{
    /* 文字サイズ */
    font-size: 14px;
    /* フォントファミリー */
	font-family: Arial, Helvetica;
}

/*****************************************/
/* グローバルメニューボタンのスタイル    */
/*****************************************/
/* 「TOP」ボタン */
A.a_menu_top
{
    /* 画像URL */
    /* ※スタイルシートからの相対パスで指定 */
    background-image: url("../images/cmn/btn_top.jpg");
    /* 横幅 */
    width: 148px;
    /* 縦幅 */
    height: 40px;
}

/* 「会社概要」ボタン */
A.a_menu_company
{
    /* 画像URL */
    /* ※スタイルシートからの相対パスで指定 */
    background-image: url("../images/cmn/btn_company.jpg");
    /* 横幅 */
    width: 148px;
    /* 縦幅 */
    height: 40px;
}

/* 「商品紹介」ボタン */
A.a_menu_product
{
    /* 画像URL */
    /* ※スタイルシートからの相対パスで指定 */
    background-image: url("../images/cmn/btn_product.jpg");
    /* 横幅 */
    width: 148px;
    /* 縦幅 */
    height: 40px;
}

/* 「アクセス」ボタン */
A.a_menu_access
{
    /* 画像URL */
    /* ※スタイルシートからの相対パスで指定 */
    background-image: url("../images/cmn/btn_access.jpg");
    /* 横幅 */
    width: 148px;
    /* 縦幅 */
    height: 40px;
}

/* 「求人情報」ボタン */
A.a_menu_recruit
{
    /* 画像URL */
    /* ※スタイルシートからの相対パスで指定 */
    background-image: url("../images/cmn/btn_recruit.jpg");
    /* 横幅 */
    width: 148px;
    /* 縦幅 */
    height: 40px;
}

/* 「リンク」ボタン */
A.a_menu_link
{
    /* 画像URL */
    /* ※スタイルシートからの相対パスで指定 */
    background-image: url("../images/cmn/btn_link.jpg");
    /* 横幅 */
    width: 148px;
    /* 縦幅 */
    height: 40px;
}

/* メニューボタンの表示のスタイル */
A.a_menu_pos
{
    /* 画像の左上から表示 */
    background-position: left top;
    /* ブロック要素にとして表示 */
    /* ※これを指定しないとwidth,heightが指定出来無い */
    display: block;
}

/* メニューボタンのマウスが当った時のスタイル */
A.a_mouceover:hover
{
    /* 画像の左下から表示 */
    /* ※画像を切替えるｽﾀｲﾙｼｰﾄｽﾌﾟﾗｲﾄ処理 */
    background-position: left bottom;
}

/* リストのスタイル */
UL.ul_menu
{
    /* 横幅 */
    width: auto;
    /* 上の外余白 */
    margin-top: 89px;
    /* 左の外余白 */
    margin-left: auto;
    /* フォントサイズ */
    font-size: 0px;
}
/* リスト項目のスタイル */
UL.ul_menu LI
{
    /* 横幅 */
    width: auto;
    /* 横並びに表示 */
    display: inline-block;
}

/*****************************************/
/* 各ページのタイトルのスタイル          */
/*****************************************/
/* タイトルのスタイル */
IMG.img_title
{
    /* 上の外余白 */
    margin-top: 0px;
    /* 左の外余白 */
    margin-left: 0px;
    /* 下の外余白 */
    margin-bottom: 15px;
}

/* サブタイトルのスタイル */
IMG.img_subtitle
{
    /* 上の外余白 */
    margin-top: 10px;
    /* 左の外余白 */
    margin-left: 0px;
    /* 下の外余白 */
    margin-bottom: 10px;
}