@charset "Shift_JIS";



/* 要素リセット */

body

{

    margin: 0;

    padding: 0;

    text-align: center;

    font-size: 75%;

    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;

    color: #000000; /* 標準文字色 */

    min-width: 900px;

}

/* Safari用ハック 文字サイズ調整 */

/*\*/

html:\66irst-child body

{

    font-size: 70%;

}

/* end */



img

{

    border-top: 0;

    border-right: 0;

    border-bottom: 0;

    border-left: 0;

}



/*--------------------------------------------------------

  レイアウト設定

--------------------------------------------------------*/

#hpb-container

{

    background-image : url(fbg_1Ba.png);

    background-position: bottom left;

    background-repeat: repeat-x;

    position: relative;

}



#hpb-header

{

    width: 900px;

    margin-left: auto;

    margin-right: auto;

    height: 82px;

    overflow: hidden;

}



#hpb-inner

{

    width: 900px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    clear: both;

    padding-top: 46px;

}



#hpb-wrapper

{

    padding-top: 1px;

}



.hpb-layoutset-01 #hpb-title

{

    height: 220px;

    margin: 0px;

    padding: 0;

    overflow: hidden;

    background-image : url(top_mainimg_1Ba_01.png);

    background-position: top right;

    background-repeat: no-repeat;

}



.hpb-layoutset-02 #hpb-title

{

    height: 135px;

    margin: 0px;

    padding: 0;

    overflow: hidden;

    zoom: 100%;

}





#hpb-main

{

    text-align: left;

    width: 630px;

    margin-left: auto;

    float: right;

}



#hpb-aside

{

    width: 242px;

    float: left;

    padding-bottom: 50px;

}



* html #hpb-aside

{

    float: none; /* for IE6 */

}



*:first-child + html #hpb-aside

{

    float: none; /* for IE7 */

}



.hpb-layoutset-02 #hpb-aside

{

}



#hpb-footer

{

    width: 900px;

    height: 100px;

    margin-left: auto;

    margin-right: auto;

    padding-top: 50px;

    clear: both;

}



#hpb-nav

{

    width: 900px;

    height: 45px;

    overflow: hidden;

    position: absolute;

    top: 0px;

    left: 0px;

}







/*--------------------------------------------------------

  デザイン設定

--------------------------------------------------------*/

/* 背景設定 */

.hpb-layoutset-01

{

    background-image : url(bg_1Ba_02_01.png);

    background-position: top left;

    background-repeat: repeat-x;

}



.hpb-layoutset-02

{

    background-image : url(bg_1Ba_02_02.png);

    background-position: top left;

    background-repeat: repeat-x;

}





/* コンテンツ配置領域 */



/* ナビゲーション */

#hpb-nav ul

{

    margin-top: 5px;

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 0;

    padding-top: 0;

    padding-right: 0;

    padding-left: 0;

    padding-bottom: 0;

    list-style-type: none;

    text-align: left;

    border-left-width: 1px;

    border-left-style: solid;

    border-left-color: #E2E2E2;

    height: 35px;

}



#hpb-nav ul:after

{

    content: ".";

    clear: both;

    height: 0;

    display: block;

    visibility: hidden;

}



#hpb-nav li

{

    display: block;

    width: 127px;

    float: left;

    height: 35px;

    border-right-width: 1px;

    border-right-style: solid;

    border-right-color: #E2E2E2;

    text-align: center;

}



#hpb-nav li a

{

    display: block;

    height: 35px;

    overflow: hidden;

    padding-left: 10px;

    padding-right: 10px;

}



#hpb-nav li span.ja

{

    margin-top: 3px;

    display: block;

    letter-spacing: -1px;

    font-size: 12px;

    line-height: 18px;

}



#hpb-nav li span.en

{

    display: block;

    font-size: 9px;

    line-height: 9px;

}



#hpb-nav a:link

{

}

#hpb-nav a:visited

{

}

#hpb-nav a:hover

{

}

#hpb-nav a:active

{

}



/*--------------------------------------------------------

  共通パーツデザイン設定

--------------------------------------------------------*/