@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_6Bb.png);

    background-position: bottom left;

    background-repeat: repeat-x;

    position: relative;

}



#hpb-header{

    width: 900px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 0px;

    height: 121px;

}



*:first-child + html #hpb-header{

    /* for IE7 */

    padding-left: 15px;

    height: 136px;

}



* html #hpb-header{

    /* for IE6 */

    padding-left: 15px;

    height: 136px;

}



#hpb-inner{

    width: 900px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    clear: both;

}



.hpb-layoutset-02 #hpb-wrapper{

    width: 655px;

    padding-top: 20px;

    float: right;

}



.hpb-layoutset-01 #hpb-title{

    height: 260px;

    margin: 0px;

    padding: 0;

}



.hpb-layoutset-02 #hpb-title

{

}



#hpb-main{

    min-height: 400px;

    width: 655px;

    float: right;

    text-align: left;

}



.hpb-layoutset-01 #hpb-main{

    padding-top: 10px;

}



#hpb-aside{

    width: 225px;

    float: left;

    margin-top: 19px;

    padding-bottom: 50px;

}



.hpb-layoutset-02 #hpb-aside{

    margin-top: 20px;

}



#hpb-footer{

    width: 900px;

    height: 95px;

    margin-left: auto;

    margin-right: auto;

    padding-top: 20px;

    clear: both;

}



.hpb-layoutset-01 #hpb-nav{

    width: 900px;

    height: 52px;

    position: absolute;

    top: -53px;

    left: 0px;

    overflow: hidden;

}



.hpb-layoutset-02 #hpb-nav{

    width : 990px;

    height: 52px;

    position: absolute;

    top: -53px;

    left: 0px;

    overflow: hidden;

}





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

  デザイン設定

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

/* 背景設定 */

.hpb-layoutset-01{

    background-image : url(bg_6Bb_02_01.png);

    background-position: 0px 0px;

    background-repeat: repeat-x;

}



.hpb-layoutset-02{

    background-image : url(bg_6Bb_02_01.png);

    background-position: 0px 0px;

    background-repeat: repeat-x;

}



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



/* ナビゲーション */



#hpb-nav ul{

    height: 52px;

    margin-top: 0;

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 1px;

    padding-top: 0;

    padding-right: 0;

    padding-left: 0;

    padding-bottom: 0;

    list-style-type: none;

    text-align: left;

}



#hpb-nav li{

    float: left;

    display: inline;

    font-size: 13px;

    height: 52px;

}



#hpb-nav li a{

    display: block;

    height: 52px;

    text-align: left;

    line-height: 52px;

    padding-top: 1px;

    padding-left: 20px;

    padding-right: 10px;

}



#hpb-nav li span.en{

    color: #FFFFFF;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: bold;

    padding-top: 0px;

    padding-bottom: 0px;

    padding-left: 5px;

    line-height: 52px;

}



#hpb-nav li span.ja{

    color: #8FC5FA;

    font-size: 11px;

    font-weight: bold;

    padding-left: 5px;

    line-height: 12px;

}



* html #hpb-nav li a{

    /* ie6用ハック */

    display: inline-block;

}





#hpb-nav a:link{

    background-image : url(menuBg_6Bb_01.png);

    background-position: top left;

    background-repeat: no-repeat;

}

#hpb-nav a:visited{

    background-image : url(menuBg_6Bb_01.png);

    background-position: top left;

    background-repeat: no-repeat;

}

#hpb-nav a:hover{

    background-image : url(menuBg_6Bb_01_on.png);

    background-position: top left;

    background-repeat: no-repeat;

}

#hpb-nav a:active{

    background-image : url(menuBg_6Bb_01_on.png);

    background-position: top left;

    background-repeat: no-repeat;

}



#hpb-nav a:hover span.en{

    color: #8FC5FA;

}

#hpb-nav a:active span.en{

    color: #8FC5FA;

}



* html #hpb-nav li a:link{

    /* ie6用ハック */

    padding-left: 20px;

}

* html #hpb-nav li a:visited{

    /* ie6用ハック */

    padding-left: 20px;

}

* html #hpb-nav li a:hover{

    /* ie6用ハック */

    padding-left: 20px;

}

* html #hpb-nav li a:active{

    /* ie6用ハック */

    padding-left: 20px;

}



#hpb-nav h3.hpb-c-index{

    height: 1px;

    margin: 0;

    padding: 0;

    overflow: hidden;

    text-indent: -9999px;

    background: none;

}



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

  共通パーツデザイン設定

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