article,
aside,
canvas,
details,
figcaption,
figure,
header,
footer,
menu,
nav,
section,
summary {
    display: block
}

body {
    color: #282828;
    margin: 0px;
    padding: 0px;
    font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    background-color: #FFF;
    border-top: 5px solid #008A00
}

h1 {
    text-align: left;
    padding: 0px 20px;
    margin: 0px;
    color: #000;
    font-size: 100%;
    font-weight: normal;
    color: #000;
    < !-- 追記 -- >
}

/* 2020/01/22追記 */
h1 a {
    color: #000;
    text-decoration: none;
    text-decoration-line: none;
    line-height: 2em !important;
    < !-- 追記 -- >
}

/* 200117 追記 */
li {
    line-height: 1.3em;
}

h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure {
    margin: 0px;
    padding: 0px
}

ul {
    list-style-type: none;
}

ul.list_feature li {
    padding-left: 20px;
    margin-bottom: 2px;
    background: transparent url("/img/icon/list_arrow.png") no-repeat scroll 5px center
}

img {
    border: none
}

input,
textarea,
select {
    font-size: 1em;
    max-width: 100%
}

form {
    margin: 0px
}

table {
    border-collapse: collapse;
    font-size: 100%;
    border-spacing: 0
}

.akaText {
    COLOR: red
}

.strong {
    COLOR: red
}

.green {
    border: 1px solid #066;
    color: #008050;
    padding-top: 2px 5px;
    display: inline-block
}

.pink {
    border: 1px solid #a9a9a9;
    color: #F33;
    padding-top: 2px 5px;
    display: inline-block
}

.purple {
    border: 1px solid #a9a9a9;
    color: #636;
    padding-top: 2px 5px;
    display: inline-block
}

.karashi {
    border: 1px solid #066;
    color: #000000;
    padding-top: 2px 5px;
    display: inline-block
}

header {
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed));
    background-image: -webkit-linear-gradient(#FFF 80%, #ededed);
    background-image: linear-gradient(#FFF 80%, #ededed)
}

header .inner {
    width: 997px;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

#header .inner h1 {
    text-align: left;
    padding: 0px 10px;
    margin: 0px;
    color: #333;
    font-size: 100%;
    font-weight: normal
}

header .inner p {
    position: absolute;
    left: 10px;
    top: 42px
}

header .inner address {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 11px;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em
}

header .inner address .tel {
    font-size: 18px;
    color: #008A00;
    font-weight: bold;
    display: block
}

nav#menu {
    height: 70px;
    background-color: #008A00;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #09c300), color-stop(1, #004c15));
    background-image: -webkit-linear-gradient(#09c300, #004c15);
    background-image: linear-gradient(#09c300, #004c15);
    margin-bottom: 5px
}

nav#menu ul {
    width: 997px;
    margin-right: auto;
    margin-left: auto
}

nav#menu ul li {
    float: left;
    width: 165px;
    border-right: 1px solid #4d9c00;
    text-align: center;
    font-weight: normal;
    box-sizing: border-box
}

nav#menu ul li a {
    text-decoration: none;
    display: block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 30px;
    padding-top: 5px;
    color: #fff
}

nav#menu ul li:first-child {
    border-left: 1px solid #4d9c00
}

nav#menu ul li a:hover {
    background-color: #fff;
    color: #4d9c00
}

#container {
    clear: left;
    width: 997px;
    margin-right: auto;
    margin-left: auto
}

#middle {
    float: left;
    width: 785px
}

body.c2 #middle {
    float: none;
    width: 100%
}

#contents {
    float: right;
    width: 570px;
    padding-bottom: 30px
}

body.c2 #contents {
    width: 782px;
    color: #000
}

#contents p {
    color: #000000;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    MARGIN: 12px 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-SIZE: 100%;
    PADDING-TOP: 0px
}

#contents H2 {
    BACKGROUND-COLOR: #b9ffb9;
    width: auto;
    MARGIN: 8px 0px 5px;
    HEIGHT: auto;
    COLOR: #004000;
    text-align: left;
    padding: 2px 2px 2px 10px;
    font-size: 16px;
    clear: both;
}

#contents h3 {
    color: #006633;
    line-height: 13pt;
    text-align: left;
    font-size: 16px padding: 2px 0 2px 0;
    MARGIN: 5px 0px 5px;
    font-weight: normal;
}

#contents h4 {
    font-size: 100%;
    color: #333;
    line-height: 15pt;
    text-align: left
}

#contents TABLE {
    WIDTH: 100%;
    BORDER-COLLAPSE: collapse;
    border: 1px solid #333;
    text-align: left
}

#contents TABLE TR TD {
    PADDING-LEFT: 8px;
    PADDING-TOP: 2px;
    border: 1px solid #333;
    text-align: left;
    color: #000
}

#contents TH {
    PADDING-LEFT: 8px;
    PADDING-TOP: 8px;
    border: 1px solid #333;
    text-align: left
}

p#comment_cart {
    padding: 6px;
    background: #090 none repeat scroll 0% 0%;
    color: #FFF !important;
    margin: 2px 0;
    clear: both
}

#menu-left {
    float: left;
    width: 200px;
    padding-bottom: 30px
}

#menu-left P {
    PADDING-BOTTOM: 2px;
    LINE-HEIGHT: 14px;
    BACKGROUND-COLOR: #f3f3f2;
    MARGIN: 0px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    FONT-SIZE: 100%;
    PADDING-TOP: 5px
}

#menu-left .menulist {
    BACKGROUND-COLOR: #f3f3f2;
    TEXT-ALIGN: left;
    padding: 4px 0 5px 0;
    MARGIN: 0px;
    WIDTH: 185px
}

#menu-left .menulist H3 {
    BACKGROUND-COLOR: #008000;
    PADDING-LEFT: 20px;
    HEIGHT: auto;
    color: #fff;
    font-weight: bold;
    FONT-SIZE: 1rem
}

#menu-left .menulist H4 {
    BORDER-LEFT: #004000 10px solid;
    BACKGROUND-COLOR: #87bd4f;
    MARGIN: 0px;
    PADDING-LEFT: 5px;
    HEIGHT: 18px;
    COLOR: #003900;
    CLEAR: both;
    FONT-SIZE: 110%;
    PADDING-TOP: 6px
}

#menu-left .menulist TABLE {
    MARGIN: 0px;
    WIDTH: 100%;
    table-layout: fixed
}

#menu-left .menulist A.btn {
    BACKGROUND-IMAGE: url(/img/side_menu_bg.gif);
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-BOTTOM: 7px;
    LINE-HEIGHT: 1.5;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    BACKGROUND-REPEAT: no-repeat;
    COLOR: #00458a;
    FONT-SIZE: 120%;
    BORDER-RIGHT: #cccccc 1px solid;
    TEXT-DECORATION: none;
    PADDING-TOP: 7px
}

#menu-left .menulist A.btn:hover {
    BACKGROUND-IMAGE: url(/img/side_menu_bg_hover.gif);
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-BOTTOM: 7px;
    LINE-HEIGHT: 1.5;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    BACKGROUND-REPEAT: no-repeat;
    COLOR: #f98606;
    FONT-SIZE: 120%;
    BORDER-RIGHT: #cccccc 1px solid;
    TEXT-DECORATION: none;
    PADDING-TOP: 7px
}

#menu-left .menulist p.banner a,
#menu-left .menulist #btn_cart,
#menu-left .menulist #btn_cart a {
    background: none;
    height: auto;
    padding: 0
}

#menu-left .menulist p.banner a:hover,
#menu-left .menulist #btn_cart a:hover {
    opacity: 0.6
}

#menu-left .menulist TABLE TR TD H4 {
    BORDER-LEFT: #004000 10px solid;
    PADDING-BOTTOM: 3px;
    LINE-HEIGHT: 1;
    BACKGROUND-COLOR: #87bd4f;
    MARGIN: 0px;
    PADDING-LEFT: 10px;
    COLOR: #004000;
    FONT-SIZE: 110%;
    PADDING-TOP: 3px
}

#menu-left .menulist.cat {
    BACKGROUND-COLOR: #c5e6c4;
    border: #333 1px solid
}

#menu-left .menulist.cat li > h4 {
    background: none;
    border: none;
    height: auto;
    padding: 0
}

#menu-left .menulist .table100 TR TD P A,
#menu-left .menulist.cat ul li > a {
    BACKGROUND-IMAGE: url(/image-navi/0030.gif);
    PADDING-BOTTOM: 2px;
    LINE-HEIGHT: 1.7em;
    BACKGROUND-COLOR: #ffff9b;
    MARGIN: 2px 0px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left 5px;
    FONT-SIZE: 100%;
    PADDING-TOP: 2px;
    display: block;
    text-decoration: none;
    color: #00376f
}

#menu-left .menulist .table100 TR TD P A:hover,
#menu-left .menulist.cat ul li > a:hover {
    text-decoration: underline;
    color: #00376F
}

#menu-left .menulist .table100 TR TD P,
#menu-left .menulist.cat ul li {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 1.2em;
    BACKGROUND-COLOR: #c5e6c4;
    MARGIN: 5px 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-SIZE: 100%;
    PADDING-TOP: 0px
}

#menu-left .menulist .table100 TR TD H2 {
    background-color: #FF0;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 1rem;
    width: auto;
    word-wrap: break-word
}

#menu-left .menulist li {
    background-position: left;
    color: #b9ffb9;
    line-height: 30px;
    font-size: 120%;
    margin-bottom: 1px;
    background-repeat: no-repeat;
    background-position: left center
}

#menu-left .menulist a,
#menu-left .menulist.cat li > h4 > a {
    background-position: left 5px;
    margin: 5px 10px 5px 0px;
    padding: 2px 10px;
    color: #fff;
    line-height: 30px;
    font-size: 120%;
    font-weight: 500;
    text-decoration: none;
    display: block;
    background-image: url(/img/list0412.gif);
    background-repeat: no-repeat;
    background-color: #000;
    background-position: left center
}

#menu-left .menulist a:hover,
#menu-left .menulist.cat li > h4 > a:hover {
    background-position: left;
    color: #fff;
    background-repeat: no-repeat;
    background-color: green
}

#menu-left .menulist p {
    margin: 3px 0px;
    padding: 0px;
    line-height: 20px;
    font-size: 12px;
    background-position: left center
}

#menu-left .menulist p a {
    color: #00376f;
    background-color: #FFF;
    line-height: 20px;
    padding-left: 15px
}

#menu-left .menu_free p {
    font-color: #000000
}

#menu-left .menu_free P {
    LINE-HEIGHT: 1.5em
}

#menu-left .menu_free p {
    font-size: 100% !important;
    font-color: #000 !important
}

#menu-left .menu_free h3 {
    margin: auto;
    padding: auto;
    font-color: #FFFFFF;
    line-height: 25px;
    font-size: 16px;
    background-color: #008000;
    color: #fff
}

#menu-left .menu_free ul {
    font-size: 100% !important;
    DISPLAY: inline
}

#menu-left .menu_free li {
    font-size: 100% !important;
    DISPLAY: inline
}

#menu-left .menu_free a {
    background-position: left 5px;
    padding: 2px 0px 2px 8px;
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: #4d4d4d !important;
    font-color: #FFFFFF
}

#menu-left .menu_free a:hover {
    background-position: left;
    COLOR: #ff6600;
    font-size: 100% !important;
    background-color: #ccc
}

#menu-right {
    float: right;
    width: 200px;
    padding-bottom: 30px
}

#menu-right H2 {
    BACKGROUND-IMAGE: url(/img/sidebar_right.gif);
    PADDING-BOTTOM: 1px;
    MARGIN: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 20px;
    COLOR: #002b00;
    FONT-SIZE: 100%;
    PADDING-TOP: 5px
}

#main #container #menu-right a {
    text-decoration: none
}

#main #container #menu-right a:hover {
    COLOR: #f98606;
    FONT-SIZE: 100%;
    TEXT-DECORATION: underline
}

#main #container #menu-right a:visited {
    COLOR: #800040;
    FONT-SIZE: 100%
}

#menu-right .menulist {
    TEXT-ALIGN: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 15px;
    PADDING-LEFT: 0px;
    WIDTH: 200px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 5px
}

#menu-right .menulist UL {
    TEXT-ALIGN: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

#menu-right .menulist LI {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 0;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

#menu-right .menulist H2 {
    BACKGROUND-IMAGE: url(/img/sidebar_right.gif);
    PADDING-BOTTOM: 1px;
    MARGIN: 0px;
    PADDING-LEFT: 12px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 20px;
    COLOR: #002b00;
    FONT-SIZE: 120%;
    PADDING-TOP: 6px
}

#menu-right .menulist H4 {
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #B5E7FF;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 20px;
    CLEAR: both;
    PADDING-TOP: 5px;
    list-style-type: circle;
    border: 1px solid #004000;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 3px
}

#menu-right .menulist A {
    LINE-HEIGHT: 1.2;
    DISPLAY: block;
    COLOR: #00376f;
    FONT-SIZE: 100%
}

#menu-right .menulist A:hover {
    LINE-HEIGHT: 1.2;
    DISPLAY: block;
    COLOR: #f98606;
    FONT-SIZE: 100%
}

#menu-right .menulist a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
}

#menu-right .menu_free {
    BACKGROUND-IMAGE: url(/img/menu_back.gif);
    TEXT-ALIGN: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 14px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

#menu-right .menu_free H2 {
    BACKGROUND-IMAGE: url(/img/sidebar_right.gif);
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 19px;
    COLOR: #002b00;
    FONT-SIZE: 120%;
    PADDING-TOP: 4px
}

#menu-right .menu_free A {
    PADDING-BOTTOM: 4px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #00376f;
    FONT-SIZE: 120%;
    PADDING-TOP: 4px
}

#menu-right .menu_free A:hover {
    PADDING-BOTTOM: 4px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #99ab4e;
    FONT-SIZE: 120%;
    PADDING-TOP: 4px
}

#menu-right .menu_free P {
    BACKGROUND-IMAGE: url(/img/menu_back.gif);
    PADDING-BOTTOM: 14px;
    LINE-HEIGHT: 1.5;
    BACKGROUND-COLOR: #ffffff;
    MARGIN: 0px;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    FONT-SIZE: 100%;
    PADDING-TOP: 8px
}

footer {
    clear: both;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFF;
    background-color: #262626
}

.footer_initialsetting{
    text-align: center
}

footer .pr {
    display: block;
    font-size: 80%
}

footer a {
    text-decoration: none;
    color: #FFF
}

footer a:hover {
    color: #FFF;
    text-decoration: underline;
}

.imageLeft {
    FLOAT: left;
    margin: 0 20px 5px 0
}

.imageRight {
    FLOAT: right
}

.table100 {
    BORDER-BOTTOM: #333 1px solid;
    BORDER-LEFT: #333 1px solid;
    BACKGROUND-COLOR: #c5e6c4;
    WIDTH: 100%;
    BORDER-TOP: #333 1px solid;
    BORDER-RIGHT: #333 1px solid
}

.trBorder {
    BORDER-BOTTOM: #333 1px solid;
    BORDER-LEFT: #333 1px solid;
    BORDER-TOP: #333 1px solid;
    BORDER-RIGHT: #333 1px solid
}

DIV.section {
    PADDING-BOTTOM: 5px;
    WIDTH: 185px;
    BACKGROUND: url(/img/maru2_185_bottom.gif) #fff no-repeat 50% bottom;
    COLOR: #000000;
    FONT-SIZE: 80%
}

DIV.section H3 {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 15px;
    BACKGROUND: url(/img/maru2_185_bottom.gif) #fff no-repeat 50% top;
    FONT-SIZE: 100%;
    PADDING-TOP: 1em
}

DIV.section P {
    MARGIN: 1em 15px 1em 10px
}

.p00 {
    LINE-HEIGHT: 1.2;
    FONT-SIZE: 100%
}

.hr {
    CLEAR: both;
    padding-top: 3px;
    padding-bottom: 3px;
    border-width: 2px 0px 0px 0px;
    border-style: solid;
    border-color: green;
    height: 4px
}

.hr1103 {
    CLEAR: both;
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: white;
    height: 1px
}

.box1 {
    float: left;
    width: 50%;
    background-color: #FFFFFF
}

#main #container #middle #contents #contentsLeft hr {
    clear: both
}

#main #container #middle #contents #contentsMiddle hr {
    clear: both
}

#main #container #middle #contents #contentsRight hr {
    clear: both
}

/* パンくずリスト 背景 */
.pan-list-float {
    clear: both;
    width: 980px;
    /* PC版の横幅*/
    height: 25px;
    /* PC版の縦幅*/
    margin: auto;
    padding: 3px 0 0 10px;
    background-color: #ffffcc;
    /* 背景色 */
    line-height: 1.5;
    /* 行間 */
    text-align: left;
    /* 左揃え */
    border-color: #ccc;
    border-style: outset
        /* 上と左のボーダーが明るいエンボス */
}

/* パンくずリスト 文字まわり */
.pan-list-float li {
    color: #696969;
    /* 文字色 */
    background-image: url(/img/pan-image.gif);
    /* 右向きアロー */
    padding: 0 6px 0 18px;
    margin: 0px;
    list-style-type: none;
    background-repeat: no-repeat;
    float: left;
    /* 左寄せ */
    font-size: 14px
        /* 文字サイズ */
}

/* パンくずリスト リンクカラー */
.pan-list-float a {
    color: #00376f
}

/* パンくずリスト マウスオーバーカラー */
.pan-list-float a:hover {
    color: #ff6600
}

.tableSeihinList {
    BORDER-BOTTOM: #808080 1px solid;
    BORDER-LEFT: #808080 1px solid;
    WIDTH: 530px;
    BORDER-TOP: #808080 1px solid;
    BORDER-RIGHT: gray 1px solid
}

.menuSmalCat {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 1;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    LIST-STYLE-IMAGE: none;
    PADDING-TOP: 0px
}

.sentaku {
    PADDING-BOTTOM: 1px;
    BACKGROUND-COLOR: #e5fff2;
    PADDING-LEFT: 3px;
    WIDTH: 100%;
    PADDING-RIGHT: 3px;
    PADDING-TOP: 1px
}

#contentsLeft {
    float: left;
    width: 33%
}

#contentsMiddle {
    float: left;
    width: 34%;
    margin-right: auto;
    margin-left: auto
}

#contentsRight {
    float: right;
    width: 33%
}

#contentsLeft ul {
    list-style: none outside none;
    padding: 0px;
    margin: 0;
    width: 100%
}

#contentsLeft li a {
    display: block;
    font-size: 14px;
    padding: 4px;
    margin: 0;
    text-align: left;
    text-decoration: none;
    width: 95%
}

#contentsLeft #contentsMiddle #contentsRight li a:hover {
    color: orenge
}

#contentsMiddle ul {
    list-style: none outside none;
    padding: 0px;
    margin: 0;
    width: 100%
}

#contentsMiddle li a {
    display: block;
    font-size: 14px;
    padding: 4px;
    margin: 0;
    text-align: left;
    text-decoration: none;
    width: 95%
}

#contentsRight ul {
    list-style: none outside none;
    padding: 0px;
    margin: 0;
    width: 100%
}

#contentsRight li a {
    display: block;
    font-size: 14px;
    padding: 4px;
    margin: 0;
    text-align: left;
    text-decoration: none;
    width: 95%
}

#contentsLeft li,
#contentsMiddle li,
#contentsRight li {
    border: solid 1px #999999;
    border-radius: 5px;
    background: transparent url("/img/icon/list_arrow.png") no-repeat scroll 5px center;
    background-color: #EEE;
    padding: 0px 0px 0px 12px;
    margin: 2px
}

#contentsLeft li a:hover,
#contentsMiddle li a:hover,
#contentsRight li a:hover {
    opacity: 0.6
}

.TableSiyou {
    width: 100%;
    margin: 0px 0px 10px 0px !important;
    padding: 0px !important;
    border-collapse: collapse !important
}

.table_03 th {
    width: 25%;
    padding: 4px 2px 2px 4px !important;
    text-align: left;
    vertical-align: top;
    color: #36c !important;
    background-color: #9cf !important;
    border: 1px solid #69c !important
}

.table_03 td {
    padding: 4px 2px 2px 4px !important;
    background-color: #eee !important;
    border: 1px solid #69c !important
}

.p00 {
    text-indent: 2em
}

.h3list00 {
    border: solid 1px #999999;
    border-radius: 5px;
    display: block;
    margin: 0;
    padding: 0.3em;
    text-decoration: none;
    background-color: #CCE6FF;
    color: #000080;
    font-weight: bold
}

.h3list01 {
    border-radius: 5px;
    display: block;
    margin: 0.1em;
    padding: 0.1em;
    text-decoration: none;
    background-color: #000;
    color: #FFF;
    border-width: 2px;
    border-style: outset;
    border-color: #000;
    font-size: 15px
}

.h3list01 a:visited {
    color: #FFF !important
}

.h3list01 a:link {
    color: #FFF
}

.h3list02 {
    display: block;
    margin: 0.1em;
    padding: 0.3em;
    text-decoration: none;
    background-color: #ffffcc;
    color: #000080;
    border-width: 2px;
    border-style: outset;
    border-color: #ffff55;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif
}

.h3list1129 {
    display: block;
    margin: 0.1em;
    padding: 0.3em;
    text-decoration: none;
    background-color: #444;
    color: #fff !important;
    border-width: 2px;
    border-style: outset;
    border-color: #000
}

.h3list1129 a:visited {
    color: #FFD700 !important
}

.h3list1129 a:link {
    color: #FFD700
}

a.h3list00:hover,
a.h3list01:hover,
a.h3list02:hover,
a.h3list1129:hover {
    opacity: 0.6
}

.st_outer_button {
    float: right
}

.st_outer_price {
    float: left;
    font-family: font;
    line-height: 150%
}

.st_outer_price small {
    font-size: 12px;
    color: mediumvioletred
}

.st_outer_cart {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.st_outer_cart .border {
    width: 100%;
    float: left;
    border: #555 solid 1px;
    padding: 1px 0 0
}

.st_outer_cart .red {
    color: red
}

.st_outer_cart .no_stock {
    font-weight: normal;
    color: red;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center
}

.st_outer_cart .remark {
    color: #069;
    font-size: 12px;
    display: block
}

.st_outer_cart .delivery {
    color: #090
}

a.demo {
    background: #107814 none repeat scroll 0px 0px;
    border-radius: 3px;
    color: #FFF;
    padding: 1px 5px 0px;
    text-decoration: none
}

a.demo:hover {
    opacity: 0.6
}

a.proof {
    background: #0E2EF1 none repeat scroll 0px 0px;
    border-radius: 3px;
    color: #FFF;
    padding: 1px 5px 0px;
    text-decoration: none
}

a.proof:hover {
    opacity: 0.6
}

#st_cart_icon_proof,
#st_cart_icon_demo,
#st_cart_icon_shipping span {
    font-size: 16px
}

#st_cart_icon_demo small,
#st_cart_icon_shipping small {
    font-size: 9px
}

#prices {
    clear: both
}

#prices p {
    margin: 2px 0 !important
}

#prices table {
    clear: both;
    border-collapse: collapse;
    margin: 0 !important
}

#prices th {
    background: #9f9;
    font-size: 12px;
    font-weight: 100
}

#prices th,
#prices td {
    padding: 0 5px;
    border: 1px solid #999
}

#prices td * {
    font-size: 14px
}

#prices td.price {
    color: #c00;
    margin: 0;
    line-height: 1.3em;
}

#prices td.price strong {
    display: inline-block;
    color: red;
    font-weight: bold;
    font-size: 10px !important;
    padding: 0 3px
}

#prices td.price small {
    font-size: 11px !important
}

#prices small.std {
    color: black
}

#prices span.std {
    color: black
}

#prices td .itemcode,
#prices td .itemcode span {
    font-size: 12px !important;
    color: mediumvioletred
}

#prices td .itemcode span {
    font-weight: 700
}

#prices input[type=submit] {
    cursor: hand;
    background: red;
    color: white;
    border: 0;
    border-radius: 10px;
    padding: 3px 5px;
    box-shadow: 0 0 3px #666;
    font-weight: bold
}

#prices input[type=submit]:hover {
    background: #f90
}

#prices .name {
    background: #f9f9f9;
    line-height: 1.5em;
    /*2020.5.13 買物かご内行間*/
}

#prices var {
    display: block;
    color: #1E90FF;
    font-style: normal;
    line-height: 1;
    font-size: 13px;
}

#prices em {
    font-style: normal
}

#prices td.name strong {
    color: #009900;
    font-size: 12px !important;
    font-weight: normal;
    padding: 0 5px
}

#prices .faxorder p {
    display: inline
}

#prices .faxorder p a {
    background: transparent url("/image/pdf.gif") no-repeat scroll 0px center;
    padding: 10px 0px 10px 100px
}

#prices .thumb {
    border: 0px;
}

/* ureruzo.com 買物かご画像表示時の回り込み 2020.5.13*/
#prices table .name img {
    float: left;
    margin-right: 10px;
}

#rental_terms_agree {
    width: 100%;
    height: 65px;
    background: transparent url("/img/rental_agree.png") no-repeat scroll center center/contain;
    display: block;
    text-align: center
}

strong.stk {
    display: inline-block !important;
    background: steelblue !important;
    color: white !important;
    font-weight: normal
}

div.stk {
    display: inline-block !important;
    margin: 0;
    padding: 0 3px;
    background: #FF3399;
    color: #ffffff;
    margin: 0;
    font-size: 90% !important
}

div.no_stk {
    display: inline-block !important;
    font-weight: normal;
    border: thin solid red;
    margin-left: 5px;
    color: #ff0000;
    font-size: 12px !important
}

div.opt {
    display: inline-block;
    margin: 0px 0px 0px 5px;
    padding: 0px 3px;
    background: #D3B2E3 none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 90% !important
}

.st_cart_ln_faxorder,
.st_cart_ln_formbasic,
.st_cart_ln_formmitumori,
.st_cart_ln_formkousei,
.st_cart_ln_formdemo {
    color: #000;
    padding: 0 3px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    box-shadow: 2px 2px #bfbfbf;
    text-decoration: none;
    background: linear-gradient(#fff, #ededed)
}

/* 追加 2020.9.9*/
.category_child_tag {
    display: block;
    /*改行しても分断されなくなる*/
    color: #000;
    padding: 0 3px;
    margin-right: 5px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    box-shadow: 2px 2px #bfbfbf;
    text-decoration: none;
    background: linear-gradient(#fff, #ededed)
}

/* /追加 2020.9.9*/

.st_cart_ln_faxorder:hover,
.st_cart_ln_formbasic:hover,
.st_cart_ln_formmitumori:hover,
.st_cart_ln_formkousei:hover,
.st_cart_ln_formdemo:hover {
    opacity: 0.5
}

.st_cart_ln_faxorder:active,
.st_cart_ln_formbasic:active,
.st_cart_ln_formmitumori:active,
.st_cart_ln_formkousei:active,
.st_cart_ln_formdemo:active {
    opacity: 1;
    background: linear-gradient(#fee083, #ecbb24);
    box-shadow: none;
    border: 1px solid #bc941d;
    transform: translate3d(0, 3px, 0)
}

#relfile_body {
    margin-top: 10px
}

#relfile_body li {
    list-style: none
}

#relfile_body li.pdf a,
li.pdf a,
a.pPdf {
    background: transparent url("/image/pdf.gif") no-repeat scroll 0 center;
    padding: 1px 0 1px 105px;
    display: inline-block;
}

#relfile_body li.youtube {
    height: 45px
}

#relfile_body li.youtube a,
li.youtube a,
a.youtube {
    background: transparent url("/image/youtube00.png") no-repeat scroll 0 center;
    /* padding: 10px 0 10px 105px;*/
    display: inline-block
}

#relfile_body ul {
    margin: 0;
    padding: 0
}

#relfile_body strong {
    display: none
}

#b-box {
    float: left;
    width: 49%
}

#c-box {
    float: right;
    width: 49%
}

.shipfree {
    background: RED;
    color: white;
    padding: 1px 5px 0px;
    border-radius: 3px
}

.cart_btn th {
    background: #9F9 none repeat scroll 0% 0%;
    font-weight: 100;
    font-size: 12px;
    padding: 0 5px !important
}

.cart_btn td .itemcode {
    font-size: 12px !important;
    color: #C71585
}

.cart_btn td .itemcode span {
    font-weight: 700
}

.cart_btn span.std,
.cart_btn small.std {
    color: #000
}

.cart_btn td.price {
    color: #C00
}

.cart_btn var {
    display: block;
    color: #1E90FF;
    font-style: normal;
    line-height: 1
}

.cart_btn td.name strong {
    color: #090;
    font-size: 12px !important;
    font-weight: normal;
    padding: 0px 5px
}

.cart_btn td.price strong {
    display: inline-block;
    color: #F00;
    font-weight: bold;
    font-size: 10px !important;
    padding: 0px 3px
}

table.cart_btn.small,
table.cart_btn.small td {
    border-style: none !important;
    display: block
}

table.cart_btn.small th,
table.cart_btn.small td.spec_d,
table.cart_btn.small td.name > span {
    display: none
}

.index_prices {
    border: 1px solid #333;
    border-image: none;
    width: 100%;
    text-align: left;
    line-height: normal !important;
    border-collapse: collapse;
    font-size: 90% !important
}

.index_prices th {
    background: 0px 0px #6e6e6e;
    border: 1px solid #999;
    border-image: none;
    text-align: center !important;
    font-size: 9px;
    margin: 0;
    padding: 0 !important;
    height: 15;
    color: white
}

.index_prices td {
    padding: 1px 5px !important;
    border: 1px solid #999;
    border-image: none
}

.index_prices tr:hover {
    background: #ddf !important
}

.index_prices td.c {
    padding: 0px !important;
    margin: 0px !important;
    white-space: nowrap;
    text-align: right;
    width: 92px
}

.index_prices td a.cart {
    width: 91px;
    display: block !important;
    text-indent: 120% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: url(/image/kagoniireru2_s.gif) 2px 0 no-repeat !important
}

.index_prices td a.cart:hover {
    background: url(/image/kagoniireru1_s.gif) 2px 0 no-repeat !important
}

.index_prices td var {
    color: #e00;
    font-style: normal
}

.index_prices td dfn {
    color: #e00;
    font-style: normal;
    font-size: 10px
}

.index_prices td.r {
    text-align: right !important
}

#contents p.bq {
    PADDING: 0px 0px 0px 30px
}

#tags div {
    display: inline-block;
    border-radius: 5px;
    padding: 3px;
    color: #fff
}

#imagebox {
    float: left
}

.kago {
    width: 160px;
    height: 38px;
    background: url(//satosokuteiki.com/img/cart/btn_cart.svg) no-repeat;
    border: 0px;
    margin-top: 6px;
}

.kago:hover {
    cursor: pointer
}

.kago:active {
    transform: translate3d(0, 2px, 0)
}

#menubar_hdr {
    display: none
}

#page_top {
    background: #008A00;
    border-radius: 5px;
    border: solid 2px #fff;
    color: #eee;
    padding: 0 5px;
    position: fixed;
    bottom: 1px;
    right: 1px;
    font-size: 14px;
    text-decoration: none
}

#mitumori_footer {
    background: #F10;
    border-radius: 5px;
    border: solid 2px #fff;
    color: #eee;
    padding: 0 10px;
    position: fixed;
    bottom: 1px;
    right: 115px;
    font-size: 14px;
    text-decoration: none
}

#footer_fixed {
    position: fixed;
    bottom: 15px;
    right: 0
}

#footer_fixed a {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    padding: 0 5px
}

#footer_fixed a:hover {
    opacity: 0.7
}

#otoiawase_top {
    color: #f00;
    position: absolute;
    right: 10%;
    top: 70px;
    font-size: 10px;
    text-decoration: none
}

#snslist {
    padding: 10px 3px 3px
}

#snslist ul {
    padding: 0px;
    margin: 0px
}

#snslist ul li {
    display: inline;
    margin-right: 1em
}

.iframe-content {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mainImage {
    /*border: 1px solid #333　メイン画像の枠線*/
}

.thumb {
    border: 1px solid #333;
    margin-right: 7px;
    /*間隔*/
    width: 80px;
    /*強制リサイズ*/
    height: 80px;
    /*強制リサイズ*/
}

td .name a .thumb {
    border: 0px solid #333
        /*買物かごからサムネイルの罫線を消す*/
}

.btn_select a {
    background-color: #009cd3;
    color: #ffffff;
    font-size: 20px;
    width: 185px;
    display: block;
    text-align: center;
    line-height: 50px;
    margin-top: 20px;
    border-radius: 5px
}

i.cartjs {
    display: block;
    width: 76px;
    height: 15px;
    background: url(https://satosokuteiki.com/img/cart/kago_mark.png) 2px 0 no-repeat;
    clear: both
}

nav#menu2018 a {
    border-radius: 3px;
    border: 1px solid #f47062;
    color: #CC3;
    padding: 5px 5px;
    margin-left: 5px;
    margin-bottom: 2px;
    color: #000000;
    font-size: 1em;
    display: inline-block;
    background-color: #eed791
}

.next {
    right: 25px;
}

.prev,
.next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

] .wordSec {
    margin: 20px 0;
    padding: 20px 0;
    text-align: center;
    background: #ccc;
}

.wordSec li {
    display: inline-block;
    margin: 0 2px;
    padding: 5px 20px 5px 17px;
    background: #f6f6f6;
    border: solid 1px #ccc !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 5px rgba(20, 20, 20, 0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(20, 20, 20, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(20, 20, 20, 0.2);
}

.wordSec li:hover {
    cursor: pointer;
    background: #fefefe;
}

.wordSec li a {
    padding-left: 15px;
    background: url("/files/img/common/ico_arw_06.png") 0 7px no-repeat;
    text-decoration: none;
    color: #262626;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*# sourceMappingURL=pc.css.map */

/*「PC」と「スマホ」で表示内容を切り替える*/
.pc-dsp {
    display: block;
}

.sp-dsp {
    display: none;
}

@media only screen and (max-width : 640px) {
    .pc-dsp {
        display: none;
    }

    .sp-dsp {
        display: block;
    }
}

/*サイドバナー「全省庁統一資格」*/
.bnr_side_shikaku {
    position: relative;
    color: black;
    /*background: #e5f7ff;*/
    background: linear-gradient(to bottom, #fff, #e5f7ff);
    line-height: 1.4;
    padding: 0.25em 0.5em;
    margin: 2em 0.5em 0.5em 0.5em;
    border-radius: 0 5px 5px 5px;
    border: solid 1px #0B3776;
    /*線色*/
}

.bnr_side_shikaku:after {
    /*タブ*/
    position: absolute;
    font-family: "Font Awesome 5 Free", 'Quicksand', 'Avenir', 'Arial', sans-serif;
    font-weight: 900;
    content: '全省庁統一資格';
    text-align: center;
    /*background: #0B3776;*/
    background: linear-gradient(to bottom, #0b3776, #001166);
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 6px 7px 3px;
    font-size: 1.0em;
    line-height: 1;
    letter-spacing: 0.05em;
    border: solid 2px #0B3776;
    /*線色*/
}

/* /サイドバナー「全省庁統一資格」*/

/*Youtube サムネイル画像埋込*/
.md_iframe_image {
    background: #fff;
}

.md_iframe_image a {
    border: 2px solid #fff;
    display: block;
    position: relative;
}

.md_iframe_image a:hover {
    opacity: 0.8;
}

.md_iframe_image a::before {
    background: url(../assets/images/yt_logo_mono_light.png) center center / 64px 45px no-repeat;
    content: "";
    display: block;
    width: 64px;
    height: 45px;
    margin: -32px auto 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}

.md_iframe_image img {
    width: 100%;
}
/* /Youtube サムネイル画像埋込*/

/* Footer サイトマップ(1カラム時)
------------------------------------------------------------*/
#footer_sitemap_pc {
    box-sizing: border-box;
    padding-bottom: 30px;
    /*color: #00426C;*/
    line-height: 1.5;
    font-size: 0.9em;
    text-align: start
}

.sitemap_group {
    /*flex container*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 980px;
    /*インナー*/
    margin-left: auto;
    margin-right: auto;
}

#footer_sitemap_pc li { 
    line-height: 1.7em;
}

/*
#footer_sitemap_pc li a:hover{
    text-decoration: underline;
}*/