@charset "utf-8";

/* ************************************************************************** */
/*  Webページの基本スタイル */

*{
    box-sizing          : border-box;
    font-family         : '游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

a[target="_blank"]::after{
    content             : url( /images/elbis/icon_blank.png );
    margin-left         : 2px;
    margin-right        : 2px;
}

body{
    color               : #353535;
    font-size           : 16px;
    margin              : 0px;
    overflow-y          : scroll;
}

table{
    border-collapse     : collapse;
    table-layout        : fixed;
}
caption{
    text-align          : left;
}


/* ************************************************************************** */
/*  header */

header{
    margin-bottom       : 10px;
    padding             : 10px 5px;
}

header a{
    text-decoration     : none;
}

header > div{
    margin              : 0px auto;
    width               : 940px;
}

header > div > div#title{
    float               : left;
    width               : 790px;
}

header > div > div#title > h1{
    font-size           : 22px;
    margin              : 5px 20px 15px 0px;
}

header > div > ul{
    float               : right;
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px;
    width               : 150px;
}
header > div > ul > li:nth-of-type(1)::before{
    content             : url( /images/icons/gif/16x16/home.gif );
    margin-right        : 4px;
}
header > div > ul > li:nth-of-type(2)::before{
    content             : url( /images/icons/gif/16x16/id.gif );
    margin-right        : 6px;
}
header > div > ul > li:nth-of-type(3)::before{
    content             : url( /images/icons/gif/16x16/help.gif );
    margin-right        : 4px;
}

header > div > ul a{
    font-size           : 14px;
}
header > div > ul a:hover{
    padding-left        : 3px;
    text-decoration     : underline;
}

header > div > nav{
    background-color    : #fafac9;
    border              : 1px #cccccc solid;
    clear               : both;
    padding             : 3px 5px;
}

header > div > nav > ul{
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px;
}
header > div > nav > ul > li{
    display             : inline-block;
    margin              : 0px;
    padding             : 0px;
}
header > div > nav > ul > li:nth-child(n+2)::before{
    content             : ">";
    margin              : 0px 3px;
}
header > div > nav > ul > li > a[href]{
    text-decoration     : underline;
}


/* ************************************************************************** */
/*  main */

main,
main > article,
main > article > section{
    color               : #e0e0e0;
    font-size           : 1px;
}


main{
    display             : block; /* InternetExplorer用 他のブラウザでは不要 */
    margin              : 0px auto;
    padding             : 0px 5px;
    width               : 940px;
}

main > article > section:first-of-type{
    margin-top          : 0px;
}
main > article > section{
    margin              : 30px 0px;
}

main > article > section > h2{
    background: repeating-linear-gradient(-45deg,#f0f0f0 0px,#f0f0f0 2px,#fcfcfc 2px,#fcfcfc 4px);
    border-left         : 5px #968ab8 solid;
    border-right        : 5px #968ab8 solid;
    color               : #353535;
    font-size           : 18px;
    margin              : 0px;
    padding             : 8px 10px;
}

main > article > section > div,
main > article > section > fieldset,
main > article > section > ol,
main > article > section > p,
main > article > section > ul,
main > article > section > table{
    color               : #353535;
    font-size           : 16px;
    margin              : 1em 15px;
}
main > article > section > ol > li,
main > article > section > ul > li{
    margin-bottom       : 0.5em;
}

main > article > section table.default{
    border              : 2px #cccccc solid;
}
main > article > section table.default > thead > tr > th,
main > article > section table.default > thead > tr > td,
main > article > section table.default > tbody > tr > th,
main > article > section table.default > tbody > tr > td{
    border              : 1px #cccccc solid;
    padding             : 5px 10px;
}
main > article > section table.default > thead > tr > th,
main > article > section table.default > thead > tr > td,
main > article > section table.default > tbody > tr > th{
    background-color    : #968ab8;
    color               : white;
    font-weight         : normal;
}


/* ************************************************************************** */
/*  footer */

footer{
    background          : url( /images/footer_bg.png) #eeeeee;
    border-top          : 2px #cccccc solid;
    font-size           : 14px;
    padding             : 10px 5px;
}

footer a{
    text-decoration     : none;
}
footer a:hover{
    margin-left         : 3px;
    text-decoration     : underline;
}

footer > div{
    margin              : 0px auto;
    width               : 940px;
}

footer > div > p{
    margin              : 0px;
}

footer > div > ul{
    list-style-type     : none;
    float               : left;
    margin              : 0px;
    padding             : 0px 0px 20px 0px;
    width               : 330px;
}
footer > div > ul > li{
    border-left         : 2px #cccccc dotted;
    font-size           : 13px;
    line-height         : 22px;
    margin-left         : 30px;
    padding-left        : 10px;
}

footer > div > img{
    clear               : both;
    display             : block;
    max-width           : 100%;
}

footer > div > small{
    font-size           : 100%;
    display             : block;
    margin              : 5px 0px;
    text-align          : center;
}


/* ************************************************************************** */
/*  other */

/* ul.note */
ul.note{
    padding             : 0px;
}
ul.note > li{
    list-style          : none;
    margin-left         : 1em;
    text-indent         : -1em;
}
ul.note > li::before{
    content             : "※";
}

/* faq */
dl.faq > dt{
    margin              : 0px 0px 0px 35px;
    text-indent         : -20px;
}
dl.faq > dt::before{
    content             : url( /images/Q.png );
    display             : inline-block;
    padding-right       : 5px;
    transform           : scale( 0.7 );
}
dl.faq > dd{
    margin              : 0px 0px 1em 35px;
    text-indent         : -18px;
}
dl.faq > dd:last-of-type{
    margin-bottom       : 0px;
}
dl.faq > dd::before{
    content             : url( /images/A.png );
    display             : inline-block;
    padding-right       : 5px;
    transform           : scale( 0.7 );
}

/* 色の指定 */
.blue{
    color               : #3535ff;
}
.gray{
    color               : #a0a0a0;
}
.red{
    color               : #ff3333;
}


/* ************************************************************************** */
/*  無効タグ */

big, center, font, frame, frameset, nobr{
    color               : #e0e0e0;
    text-decoration     : line-through;
}