@charset "utf-8";
/* CSS Document */

div#explan {     /*explanation*/
    display:block !important;
    width:408px;
    margin:0;
    padding:0;
    font-size:0.8em;
    font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
    font-weight:500;
}
p#emphasis {
    font-weight:700;
}
#explan .title {
    margin:0;
    padding:2px;
    width:402px;
    height:16px;
    background-color:#0055aa;
    border:solid 1px #0055aa;
    color:#fff;
    font-size:1.1em;
    font-weight:700;
    vertical-align:center;
}
#explan ul {
    margin:0;
    padding:0;
}
#explan li {
    list-style-type:none;
    margin:0;
    padding:0;
    float:left;
}
#explan li a {
    border:none;
}
#explan li div {
    margin:0;
    padding:0;
    width:406px;
    height:69px;
    border-right:solid 1px #0055aa;
    border-bottom:solid 1px #0055aa;
    border-left:solid 1px #0055aa;
    
}
#explan li .item1 {
    background-color:#fff;
}
#explan li .item2 {
    background-color:#aad5ff;
}
#explan li img {
    margin:2px;
    padding:0;
    width:64px;
    height:64px;
    float:left;
}
.exp1 {
    margin:2px;
    padding:0;
    width:332px;
    height:30px;
    color:#000;
    font-size:1em;
    font-weight:700;
    float:left;
}
.exp2 {
    margin:2px;
    padding:0;
    width:334px;
    height:30px;
    color:#000;
    font-size:0.9em;
    float:left;
}
#explan dl , #explan dl dt , #explan dl dt dd {
    padding:0;
}
#explan dl {
    margin:0;
    width:100%;
}
#explan dl dt {
    float:left;
    clear:left;
    margin:0 5px 0 0;
    padding:0;
}
#explan dl dt dd {
    float:left;
    margin:2px 2px;
}



div#heads-up {     /*Display of attention*/
    width:398px;
    margin:5px 0;
    padding:8px 4px;
    border-width:1px;
    border-color:#ff0000;
    border-style:solid;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-size:0.8em;
    font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
    line-height:1.3em;
}
div#heads-up .strng{
    font-weight:700;
}

div.partition {
    width:750px;
    height:1px;
    margin:10px 0;
    padding:0;
    text-align:left;
    background-color:#cccccc;
}

div#endline {
    width:750px;
    height:1px;
    margin:10px 0;
    padding:0;
    text-align:left;
    background-color:#000000;
}

div#ItemSerchword {   /*Item Search word*/
    width:738px;
    margin:5px 0;
    padding:5px;
    background-color:#fff;
    border:solid 1px #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size:0.8em;
    color:#333;
}
div#ItemSerchword:before {
    content:'＜関連ワード＞\A';
    white-space:pre;
}
div#ItemSerchword:after {
    content:'/';
}
div#ItemSerchword div , div#ItemSerchword p {
    display:inline;
}
div#ItemSerchword div:before , div#ItemSerchword p:before {
    content:'/ ';
}
div#ItemSerchword div:after , div#ItemSerchword p:after {
    content:' ';
}

div#jan-code {   /*jancode*/
    width:738px;
    margin:5px 0;
    padding:5px;
    background-color:#fff;
    border:solid 1px #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size:0.6em;
    color:#333;
}

div#jan-code:before {
    content:'＜バリエーションJAN＞\A';
    white-space:pre;
}
div#jan-code:after {
    content:' ';
}
div#jan-code div , div#jan-code p {
    display:inline;
}
div#jan-code div:before , div#jan-code p:before {
    content:' ';
}
div#jan-code div:after , div#jan-code p:after {
    content:' ';
}


/* 簡易テーブル用 */
.dsp-tbl0, .dsp-tbl1, .dsp-tbl2, .dsp-tbl3, .dsp-tbl4, .dsp-tbl5, .dsp-tbl6, .dsp-tbl7, .dsp-tbl8, .dsp-tbl9 {
    display:table;
    margin:0;
    padding:1px;
    font-size:0.9em;
}
.dsp-tbl-r {
    display:table-row;
}

.dsp-tbl0 {
    border-bottom:solid 2px #000;
    font-weight:700;
}
.dsp-tbl-cl0, .dsp-tbl-cl1, .dsp-tbl-cl2, .dsp-tbl-cl3, .dsp-tbl-cl4, .dsp-tbl-cl5, .dsp-tbl-cl6 {
    display:table-cell;
    padding:2px;
    font-size:0.9em;
    text-align:center;
}
.dsp-tbl-cl1, .dsp-tbl-cl2, .dsp-tbl-cl3, .dsp-tbl-cl4, .dsp-tbl-cl5 .dsp-tbl-cl6 {
    margin-left:1px;
}