/** フォントの読込を行う                                                        **/
/** フォント埋め込みを行う事でデザインの統一を行う事が出来るが、現在は停止中    **/
/**     理由 ： フォントサイズが大きい                                          **/
/**          ： フォントの著作権違反になりかねない                              **/
@font-face {
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    /*  src                 : url('HGRPP1002.eot') ; */
    /*  src                 : local('Graublau Web Regular'), local('Graublau Web'), url('HGRPP1002.ttf'), format('truetype') ; */
}

/** リンクの装飾を停止する。                                                    **/
A:link, A:visited, A:active, A:hover {
    text-decoration     : none ;
    cursor              : pointer ;
    color               : #0000A0 ;
}
.lineALink A:link, .lineALink A:visited, .lineALink A:active, .lineALink A:hover {
    text-decoration     : underline ;
    cursor              : pointer ;
    color               : #0000A0 ;
}
.AlinkDecorate11 A:link, .AlinkDecorate11 A:visited, .AlinkDecorate11 A:active, .AlinkDecorate11 A:hover {
    text-decoration     : underline ;
}

/** 基本フォント                                                                **/
.FontType1 {
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 17px ;
}
.FontType2 {
    font-family         : 'ＭＳ 明朝' , 'Hiragino Mincho ProN' , 'Osaka-等幅' , 'serif' ;
    font-size           : 17px ;
}

/** 表示エリア全体の設定                                                        **/
BODY {
    background-color    : #C8E8FF ;
    margin-top          : 5px ;
    margin-left         : 5px ;
    text-align          : left ;
    vertical-align      : top ;
    line-height         : 1.10 ;
}

/** 画像の枠線を削除                                                            **/
IMG {
    border-size         : 0px ;
    border-style        : none ;
    vertical-align      : bottom ;
}

/** 画面全体のスタイル **/
.WindowStyle {
    width               : * ;
    border-width        : 0px ;
    border-style        : none ;
    border-collapse     : collapse ;
    margin-left         : auto ;
    margin-right        : auto ;
    background-color    : white ;
}
.WindowFooter {
    width               : 950px ;
    position            : relative  ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 12px ;
    text-align          : right ;
    margin-left         : auto ;
    margin-right        : auto ;
}

/** ロゴ＋マークのエリア **/
.HeaderRow {
    height              : 120px ;
    vertical-align      : top ;
    padding             : 0px ;
    background-color    : white ;
}
.HeaderRowStyle {
    width               : 100% ;
    height              : 100%;
    border-width        : 0px ;
    border-style        : none ;
    border-collapse     : collapse ;
    background-color    : white ;
}
.LogoCell {
    width               : 176px ;
    padding             : 0px ;
    vertical-align      : top ;
    background-color    : white ;
}
.LogoPClass {
    
}
.LogoTClass {
    margin-top          : 6px ;
}
.MarkCell {
    width               : * ;
    padding             : 0px ;
    vertical-align      : top ;
    background-color    : white ;
}
.WindowHeader {
    width               : 100% ;
    height              : 100% ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 17px ;
    color               : #0000A0 ;
}
.HeaderMenu {
    width               : 100% ;
    height              : 100% ;
    text-align          : right ;
    display             : block ;
}
.markBaseMS {
    position            : relative ;
    top                 : 0px ;
    width               : 100px ;
    text-align          : right ;
    border-width        : 0px ;
    border-style        : none ;
    border-collapse     : collapse ;
}
.policy {
    position            : relative ;
    font-family         : 'ヒラギノ明朝 Pro W6','Hiragino Mincho ProN','HGP明朝E','ＭＳ Ｐ明朝',serif;
    font-size           : 14px ;
    font-weight         : lighter ;
    top                 : 15px ;
    left                : 34px ;
    text-align          : left ;
    margin              : 0px ;
}


/** メニューのエリア **/
.MenuRow {
    height              : 50px ;
    vertical-align      : top ;
    padding             : 0px ;
    background-color    : white ;
}
.MenuRowStyle {
    width               : 100% ;
    height              : 100%;
    border-width        : 0px ;
    border-style        : none ;
    border-collapse     : collapse ;
    background-color    : white ;
}
.NowCell {
    width               : 200px ;
    padding             : 0px ;
    vertical-align      : top ;
    background-color    : white ;
}
.LinePosition {
    width               : 200px ;
    height              : 50px ;
    position            : relative ;
    top                 : 0px ;
    left                : 0px ;
    text-align          : left ;
    display             : block ;
}
.NowPointHeader {
    width               : 200px ;
    height              : 50px ;
    position            : absolute ;
    top                 : 3px ;
    left                : 5px ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 12px ;
    padding             : 0px ;
    line-height         : 1em ;
}
.NowPointFooter {
    width               : 200px ;
    height              : 50px ;
    position            : absolute ;
    text-align          : right ;
    top                 : 35px ;
    left                : -5px ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 12px ;
    line-height         : 1em ;
}
.NowPoint {
    width               : 200px ;
    height              : 150px ;
    position            : absolute ;
    top                 : 11px ;
    left                : 0px ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 27px ;
    color               : #0000A0 ;
    text-align          : center ;
    vertical-align      : middle ;
    display             : block ;
    line-height         : 1em ;
}
/** 枠線                                                                        **/
.Line_SmallTop {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("/image/line_st.png") ;
    background-repeat   : no-repeat ;
    background-position : center top ;
    position            : absolute ;
}
.Line_SmallMiddle {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("/image/line_sm.png") ;
    background-repeat   : repeat-y ;
    background-position : center ;
    position            : absolute ;
}
.Line_SmallBottom {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("/image/line_sb.png") ;
    background-repeat   : no-repeat ;
    background-position : bottom ;
    background-position : center bottom ;
    position            : absolute ;
}

.MenuCell {
    width               : * ;
    padding             : 0px ;
    vertical-align      : top ;
    background-color    : white ;
}

/** メインコンテンツのエリア **/
.MainRow {
    position            : relative ;
    display             : block ;
    width               : 100% ;
    height              : 100% ;
    text-align          : left ;
    vertical-align      : top ;
    padding             : 0px ;
    margin              : 0px ;
    background-color    : white ;
}
.MainRowStyle {
    width               : 100% ;
    height              : 100%;
    border-width        : 0px ;
    border-style        : none ;
    border-collapse     : collapse ;
    background-color    : white ;
}
.AnchorCell {
    position            : relative ;
    width               : 200px ;
    height              : 350px ;
    padding             : 0px ;
    border-collapse     : collapse ;
    text-align          : left ;
    vertical-align      : top ;
    background-color    : white ;
}
.MainCell {
    position            : relative ;
    width               : * ;
    height              : 480px ;
    padding             : 0px ;
    border-collapse     : collapse ;
    text-align          : left ;
    vertical-align      : top ;
    background-color    : white ;
}

/** アンカーエリア **/
.AnchorArea {
    position            : relative ;
    left                : 0px ;
    top                 : 0px ;
    width               : 200px ;
    height              : 500px ;
    vertical-align      : top ;
}
.LineAnchor {
    width               : 200px ;
    height              : 350px ;
    position            : relative ;
    left                : 0px ;
    text-align          : left ;
    vertical-align      : top ;
    display             : block ;
}
.AnchorTextArea {
    width               : 190px ;
    position            : relative ;
    display             : block ;
    padding             : 5px ;
}
.AchorList {
    position            : relative ;
    left                : 5px ;
    List-Style-Type     : none ;
    text-align          : left ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 27px ;
    color               : #0000A0 ;
}
.AchorSubList {
    position            : relative ;
    left                : 15px ;
    List-Style-Type     : none ;
    text-align          : left ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 21px ;
    color               : #0000A0 ;
}
.AchorSubSubList {
    position            : relative ;
    left                : 15px ;
    List-Style-Type     : none ;
    text-align          : left ;
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 14px ;
    color               : #0000A0 ;
}

.ContentsArea {
    position            : relative ;
    left                : 0px ;
    top                 : 0px ;
    width               : 750px ;
    text-align          : left ;
    border-width        : 0px ;
    border-style        : none ;
    border-collapse     : collapse ;
    margin              : 0px;
    padding             : 0px;
}
.LineInfo {
    width               : 750px ;
    position            : relative ;
    left                : 0px ;
    text-align          : left ;
    vertical-align      : top ;
    display             : block ;
}
.Line_BigTop {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("/image/line_bt.png") ;
    background-repeat   : no-repeat ;
    background-position : center top ;
}
.Line_BigMiddle {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("/image/line_bm.png") ;
    background-repeat   : repeat-y ;
    background-position : center ;
}
.Line_BigBottom {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("/image/line_bb.png") ;
    background-repeat   : no-repeat ;
    background-position : bottom ;
    background-position : center bottom ;
}

/** 情報テーブル                                    **/
.InfoTable {
    width               : 700px ;
    position            : relative ;
    left                : 25px ;
    text-align          : left ;
    vertical-align      : bottom ;
    display             : block ;
    padding-top         : 10px ;
    padding-bottom      : 10px ;
    border-width        : 0px ;
    border-style        : none ;
    border-collapse     : collapse ;
}
.InfoTop {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("../image/infobox_t.png") ;
    background-repeat   : no-repeat ;
    background-position : center top ;
}
.InfoMiddle {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("../image/infobox_m.png") ;
    background-repeat   : repeat-y ;
    background-position : center ;
}
.InfoBottom {
    width               : 100% ;
    height              : 100% ;
    background-image    : url("../image/infobox_b.png") ;
    background-repeat   : no-repeat ;
    background-position : bottom ;
    background-position : center bottom ;
}

/** ページコンテンツ **/
.InfoTextArea {
    width               : 680px ;
    padding-left        : 5px ;
    padding-top         : 5px ;
    min-height          : 480px ;
    height              : auto !important ;
    height              : 480px ;
}
.InfoText {
    position            : relative ;
    top                 : 5px ;
    left                : 5px ;
    color               : #0000A0 ;
}
.subTitleJp {
    text-align          : center ;
    margin              : 0px ;
    position            : relative ;
    color               : black ;
    font-size           : 30px ;
}
.subTitleEn {
    font-size           : 14px ;
    width               : 680px ;
    position            : absolute ;
    top                 : 20px ;
    text-align          : right ;
    color               : black ;
}
.Concept {
    font-family         : 'ヒラギノ明朝 Pro W6','Hiragino Mincho ProN','HGP明朝E','ＭＳ Ｐ明朝',serif;
    margin              : 0px ;
    color               : black ;
    font-size           : 24px ;
    text-align          : center ;
    line-height         : 130% ;
}
.subConcept {
    font-family         : 'ヒラギノ明朝 Pro W6','Hiragino Mincho ProN','HGP明朝E','ＭＳ Ｐ明朝',serif;
    margin              : 0px ;
    color               : black ;
    font-size           : 17px ;
    line-height         : 120% ;
}

.LineContents {
    position            : relative ;
    width               : 750px ;
    top                 : 0px ;
    left                : 0px ;
    text-align          : left ;
    display             : block ;
    margin              : 0px ;
    padding             : 0px ;
}
.ContentsTextArea {
    position            : relative ;
    width               : 690px ;
    padding-bottom      : 10px;
    display             : block ;
    line-height         : 1.01em;
    min-height          : 300px ;
    height              : auto !important ;
    height              : 300px ;
}

/** **/
.HereIsInquiry {
    font-family         : 'HGP創英角ﾎﾟｯﾌﾟ体' , 'Hiragino Kaku Gothic ProN' , 'ＭＳ Ｐゴシック' , 'Osaka' , 'sans-serif' ;
    font-size           : 30px ;
    color               : orange ;
    text-align          : center ;
}
.HereIsInquiryArea {
    padding-top         : 10px ;
    padding-bottom      : 10px ;
    padding-left        : 15px ;
    padding-right       : 15px ;
    color               : black ;
    font-size           : 21px ;
    width               : 400px ;
    border              : solid 1px;
    background-color    : #FFFFFF ;
    line-height         : 150% ;
    margin-left         : auto ;
    margin-right        : auto ;
}

/**  **/
.SubTitleMiniAreaA {
    background-color    : #6060FF ;
    width               : 100% ;
    text-align          : right ;
    vertical-align      : top ;
    height              : 23px ;
}
.SubTitleMiniAreaB {
    background-color    : white ;
    width               : 98% ;
    text-align          : left ;
    height              : 21px ;
    padding-top         : 1px ;
    font-family         : 'Hiragino Kaku Gothic ProN','HGSｺﾞｼｯｸE','ＭＳ ゴシック',sans-serif;
    color               : black ;
    padding             : 0px ;
    margin              : 0px ;
    vertical-align      : bottom ;
    display             : block ;
    margin-left         : 2% ;
}
.SubTextMiniAreaA {
    font-family         : 'Hiragino Kaku Gothic ProN','HGSｺﾞｼｯｸE','ＭＳ ゴシック',sans-serif;
    color               : black ;
    margin-left         : 5% ;
}
.SubListMain {
    font-family         : 'Hiragino Kaku Gothic ProN','HGSｺﾞｼｯｸE','ＭＳ ゴシック',sans-serif;
    color               : black ;
    margin-left         : 2% ;
}