@charset "utf-8";

/* common **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.main , .sidebar , .selects{ float:left; }
.circle_g  { background:url(../images/listmark_circle_green_l.png) left 8px no-repeat; }
.circle_o  { background:url(../images/listmark_circle_orange_l.png) left 8px no-repeat; }
.circle_r  { background:url(../images/listmark_circle_red_l.png) left 8px no-repeat; }
.circle_r_s{ background:url(../images/listmark_circle_red_s.png) left 6px no-repeat; padding-left:15px; }
.circle_b  { background:url(../images/listmark_circle_blue_l.png) left 8px no-repeat; }

.circle_g_s{ background:url(../images/listmark_circle_green_s.png) 3px 6px no-repeat; padding-left:20px; }

/* main */
.main{ width:740px; /*margin-right:40px;*/ }


/* sidebar */
.sidebar{ width:200px; margin-left:40px; }
.sidebar .link li{ margin-bottom:5px; }
.sidebar .menu   { margin-top:20px; }
.sidebar .menu dd{ background:url(../images/listmark_circle_arrow.png) no-repeat; padding-left:30px; margin-bottom:10px; }
.sidebar .menu dd.cat{ display:inline-block; background:#7e9e00; color:#fff; padding:2px 10px; border-radius:20px; font-size:10px; }
.sidebar .menu dl , .sidebar .menu dt{ margin-bottom:15px; }


/* pankuzu */
.pankuzu   { background-color:#e9f1c9; margin:20px 0; padding:5px 10px; }
.pankuzu li{ float:left; }
.pankuzu li:not(:first-child){ padding:3px 0 0 26px; background:url(../images/listmark_arrow.png) 10px no-repeat; }


/* h */
h2 , h3 , h4{ font-weight:bold; }
.type_name{
    min-height: 56px;
    background: url(../images/sbt1_bg.png) no-repeat bottom;
    color: #647d04;
    font-size: 28px;
    margin-bottom: 24px;
    padding: 5px 100px 10px 0;
    word-wrap: break-word;
    font-weight: bold;
}
h1{ height:44px; background:url(../images/sbt2_bg.png) no-repeat; color:#fff; font-size:24px; margin-bottom:30px; padding:5px 20px 0;font-weight: bold;}
h4{ margin-bottom:20px; }
.circle_g , .circle_o , .circle_r , .circle_b{ font-size:20px; padding-left:20px; font-weight:bold; }
.circle_g{ color:#647d04; }
.circle_o{ color:#fb8c00; }
.circle_r{ color:#a10e0e; }
.circle_b{ color:#4897d4; }


/* sbt */
.sbt-y{ background-color:#ffed27; padding:6px 20px 4px; margin-bottom:15px; font-size:20px; }
.sbt-g{ background-color:#91c000; color:#fff; padding:6px 20px 4px; margin-bottom:15px; font-size:20px; }
.sbt-o{ background-color:#fb8c00; color:#fff; padding:6px 20px 4px; margin-bottom:15px; font-size:20px; }
.sbt-r{ background-color:#a10e0e; color:#fff; padding:6px 20px 4px; margin-bottom:15px; font-size:20px; }
.sbt-b{ background-color:#4897d4; color:#fff; padding:6px 20px 4px; margin-bottom:15px; font-size:20px; }
.guide.truth .sbt-y{ display:inline-block; padding:2px 10px 0; margin-bottom:8px; font-size:16px; }


/* table */
table{ width:740px; }
table tr th , table tr td{ border:solid 1px #858585; padding:10px 10px 8px; }
table tr th{ background-color:#e3efb4; }
table.bg-o tr th{ background-color:#ffeab2; }
table tr td{ background-color:#fff; }
table tr td.error, table tr td.error .rel_busu_wrap{ background-color:#d11b1b; }
table tr td.error a.olink{ background:url(../images/listmark_arrow_white.png) left 4px no-repeat; color:#fff; }
table tr td.error a.olink:hover{ opacity:0.8; }
table tr.head th , table tr.head td{ background-color:#c5d97a; }
table tr.subhead td{ background-color:#f5fae7 !important; }
table.gray tr th{ background-color:#eee; }
table.gray tr.head th , table.gray tr.head td{ background-color:#eee; }
table.normal tr th{ width:200px; /*position:relative;*/ }
table.normal tr td{ width:540px; /*position:relative;*/ }
table.vtop   tr th{ vertical-align:top; }
table.list tr td{ padding:8px 0 6px; text-align:center; font-size:12px; }
table.list tr:nth-child(even) td{ background-color:#f5f5f5; }
table tr th.col{ width:100px; }

table.page { width:auto; }
table.page tr td { white-space: nowrap; width:10px; }
table.page tr th,table.page tr td{ border:0px; padding:1px 2px; background-color:transparent; }
table.page.error{ width:680px; color:#fff; background-color:#d11b1b; }

table .child{ width:718px; }

/* selects */
.selects{ width:220px; margin-left:20px; }
.selects .select-header{ color:#fff; background:url(../images/top_objmenu_bg.png); border-radius:3px; padding:4px 0 2px; font-size:14px; font-weight:bold; text-align:center; }
.selects table{ width:100%; font-size:11px; line-height:1.2; margin-top:8px; }
.selects table th , .selects table td{ padding:5px 5px 3px; }
.selects table.select-bg-g th , .selects table th.select-bg-g{ background:#edf2e0; }
.selects table.select-bg-o th , .selects table th.select-bg-o{ background:#fff2cf; }
.selects table td{ width:140px; }
.selects .select-title th{ color:#647d04; background:#fbf5ae !important; }
.selects .select-row{ width:35px; text-align:center; }

.selects.fixtop{ position:fixed; margin-left:760px; }
.selects.fixbtm{ position:absolute; margin-left:760px; }

.selects table:last-child{ border: 1px solid #80a000; }
.selects table:last-child tr th{ background-color: #e3efb4 !important; color: #fff; background: url(../images/top_objmenu_bg.png) !important; padding: 4px 0 2px; font-size: 14px; font-weight: bold; text-align: center; }
.selects table:last-child tr td { text-align: center; padding-bottom: 5px; }
.selects table:last-child tr td span{ background:url(../images/freedial.png) no-repeat; display: inline-block; padding-left:35px; text-align:center; color: #a10e0e; }



/* pagelink */
.pagelink{ background-color:#e9f1c9; padding:15px; margin-bottom:30px; }
.pagelink ul li{ float:left; }
.pagelink ul li:not(:last-of-type){ margin-right:10px; }

.pagelink.techguide{ width: 620px; margin: 0 auto; }

/* slashbox */
.slashbox{ background:url(../images/bg_slash.jpg); padding:15px 20px; border:solid 1px #dae7a8; }
.slashbox ul li{ float:left; margin-right:20px; }


/* box */
.gbox , .gbox2 , .obox , .obox2 , .rbox, .bbox{ width:700px; margin:0 20px 30px; }
.gbox  .exp{ border:solid 3px #91c000; }
.obox  .exp{ border:solid 3px #ffc000; }
.obox2 .exp{ border:solid 3px #fb8c00; }
.rbox  .exp{ border:solid 3px #a10e0e; }
.bbox  .exp{ border:solid 3px #4897d4; }
.gbox .exp , .obox .exp , .obox2 .exp , .rbox .exp , .bbox .exp{ background-color:#fff; padding:20px 30px; border-top:none; border-radius:0 0 20px 20px; }

.gbox2{ background-color:#fff; padding:20px 30px; border:solid 3px #91c000; border-radius:20px; }
.ybox{ background:url("../images/pr_bg.png"); padding:20px 30px; border:solid 3px #fddc02; border-radius:20px; }

.gcatch{ position:relative; }
.gcatch .abs{ position: absolute; top: -20px; left: -50px; }

/* detail */
.detail         { background-color:#e9f1c9; padding:10px 15px 10px 30px; margin-bottom:30px; font-size:12px; }
.detail li      { text-indent:-16px; }
.detail.idt32   { padding-left:46px; }
.detail.idt32 li{ text-indent:-32px; }
.detail li:not(:last-of-type){ margin-bottom:5px; }


/* bg */
.bgG{ background-color:#e9f1c9; padding:10px 20px; }
.bgO{ background-color:#fff1d5; padding:10px 20px; border:solid 2px #fb7b00; border-radius:10px; }
.bgR{ background-color:#ffe8e3; padding:10px 20px; }
.bgDR{ background-color:#a10e0e; color:#fff; padding:10px 20px; }
.bgO_2{ background-color:#fbf3da; padding:7px 10px 4px; color:#fb8c00; border:solid 2px #fb8c00; border-radius:10px; font-size:18px; }
.bgG_2{ background-color:#f5fae7; padding:7px 10px 4px; color:#81a300; border:solid 2px #81a300; border-radius:10px; font-size:18px; }

/* dott line */
.faq dl:not(:last-of-type), .guide dl/*:not(:last-of-type), .guide ul*//* , .login section:not(:last-of-type)*/{ background:url(../images/border_dott.png) left bottom repeat-x; padding-bottom:30px; }


/* caution */
.caution    { background:#e9f1c9 url(../images/listmark_caution.png) 20px 17px no-repeat; padding:15px 20px 15px 50px; /*color:#647d04;*/ margin-bottom:30px; }
.caution.red{ background:#ffe8e3 url(../images/listmark_caution_red.png) 20px 17px no-repeat; color:#a10e0e; }
.caution-tit{ background-color:#ffc1c0; padding:6px 20px 3px; }


/* dl */
.guide dl:not(:first-child) , .faq dl:not(:first-child){ margin-top:30px; }
.guide dl dt , .faq dl dt , .orderfrm .offset dl dt{ margin-bottom:5px; }


/* more */
.more_balloon , .close{ width:100px; position:relative; display:block; padding:5px 10px 3px; background-color:#91c000; color:#fff; text-align:center; font-size:12px; cursor:pointer; }
.more_balloon:after{ content:""; position:absolute; bottom:-5px; left:45%; display:block; width:0px; height:0px; border-style:solid; border-width:5px 5px 0 5px; border-color:#91c000 transparent transparent transparent; }

.more_box{ background-color:#fff; border:dashed 1px #91c000; padding:35px 25px; position:absolute; z-index:200; }

.close{ /*margin:15px auto 0;*/ position:absolute; top:-1px; right:-1px; border-radius:0 0 0 5px; }


/* overlay */
.overlay , .overlay_pdf{ display:none; position:fixed; top:140px; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.5); z-index:200; }
.overlay .more_box , .overlay_pdf .more_box{ width:740px; margin:30px 120px 0; }
.overlay .frame , .overlay_pdf .frame{ height:400px; overflow:auto; }
.overlay.ajiro .more_box{ width:600px; margin:30px 120px 0; }
.overlay.on_cau .more_box, .overlay.off_cau .more_box{ width:740px; margin:30px 120px 0; overflow-y: scroll; height: 680px; }
.overlay.on_cau .more_box h3{ border-radius: 7px; }

/* pr */
.pr-obj{ width:740px; background:url(../images/pr_frame_top.png) left top no-repeat , url(../images/pr_frame_bottom.png) left bottom no-repeat , url(../images/pr_frame_bg.png) repeat-y; padding:45px 35px 35px; }
.pr-obj .pic{ float:right; width:282px; margin-left:20px; }
.pr-obj .txt{ float:left; width:368px; }
.pr-obj .chk{ background-color:#fcf6e4; border:solid 1px #f5da8c; border-radius:5px; }
.pr-obj .chk h6{ margin:5px 0 15px; }
.pr-obj .chk p , .pr-obj .chk ul{ margin:0 25px 15px; }
.pr-obj .chk ul li{ background:url(../images/listmark_check_yellow.png) left 1px no-repeat; padding:0 0 3px 28px; border-bottom:dashed 1px #fb8e05; }
.pr-obj .chk ul li:not(:first-child){ margin-top:8px; }


/* disabled_message */
.disabled_message{ display:inline-block; max-width:300px; background:#ffe8e3; color:#d91319; border:solid 1px #d91319; font-weight:bold; line-height:1.3; padding:4px 10px 2px; margin-left:10px; position:absolute; display:none; }


/* guide **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.guide .cmt{ height:200px; background:url(../images/guide_cmt_bg.png) no-repeat; padding-top:15px; margin-bottom:30px; margin-top:30px; text-align:center; }

.guide .cmt p:nth-child(1) {line-height: 1.3;}
.guide .outline ul:first-child{ margin-right:20px; }
.guide .outline ul   { width:360px; float:left; padding:0 15px; }
.guide .outline ul li{ padding-bottom:18px; }

.guide dl.folder dt{ margin-bottom:10px; margin-top: 50px; }

/* guide01 */
.guide.p01 .gbox.floatL , .guide.p01 .gbox.floatR{ width:330px; }
.guide.p01 .gbox.floatL .exp , .guide.p01 .gbox.floatR .exp{ padding:20px 0; }
.guide.p01 .pagelink ul:nth-child(1), .guide.p01 .pagelink ul:nth-child(2) { margin-bottom: 10px; }

/* guide02 */
.guide.p02 .cmt{ height:215px; background:url(../images/guide02_cmt_bg.png) no-repeat; }
.guide.p02 .outline{ margin-top: 80px; }
.guide.p02 .outline ul{ padding-top: 10px; }
.guide.p02 .outline ul:nth-child(3) {
    border: inherit;
    float: inherit;
    padding-top: 40px;
    display: flex;
    width: 100%;
    justify-content: center;
}
.guide.p02 .outline .driver{ border: dashed 3px #c3c3c3; padding-left: 13px;}
.guide.p02 .outline .driver h2{ margin: -50px 0 15px 0; text-align: center;}
.guide.p02 .outline .file  { border: dashed 3px #c3c3c3; padding-left: 13px;}
.guide.p02 .outline .file h2{ margin: -58px 0 15px 0; text-align: center;}

/* guide03 */
.guide.p03 h2.circle_g {
    font-size: 23px;
}
.guide.p03 .cmt { height:432px; background: url(../images/guide03_cmt_bg2.png) no-repeat top center; padding-top: 30px;}
.guide.p03 .flow{ background:url(../images/listmark_flow_arrow.png) center top no-repeat; padding-top:60px; }
.guide.p03 .cmt dl {
    background: none;
    width: 430px;
    margin: 0 auto;
    text-align: left;
}

.guide.p03 .cmt dl dt {
    margin-bottom: 10px;
    margin-top: 30px;
}
.guide.p03 dl:last-of-type .txt {
    color: #ec701d;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 15px;
}

.guide.p03 dl:last-of-type {
    position: relative;
}

.guide.p03 dl:last-of-type .txt p:nth-child(1) {
    margin-bottom: 10px;
}
/* guide04 */
.guide.p04 .gbox .slashbox ul li{ float:none; }


/* guide05 */
.guide.p05 .cmt  { height:200px; background:url(../images/guide05_cmt_bg.png) no-repeat; }


/* guide06 */
.guide.p06 .more_box{ font-size:12px; }


/* dbbox */
.dbbox{ height:238px; background:url(../images/border_box_double.png) center no-repeat; padding:30px 0; margin-top:30px; text-align:center; }
.kantan .dbbox{ height:253px; background:url(../images/border_box_double_nouki_l.png) center no-repeat; }
.price  .dbbox , .orderfrm.kantan .dbbox{ height:204px; padding-top:40px; background:url(../images/border_box_double_nouki.png) center no-repeat; }


/* pdf compile */
.guide .bbtn{ width:380px; margin:0 auto; }


/* truth */
.guide.truth .cmt{ height:146px; background:url(../images/guide_truth_cmt_bg.png) no-repeat; padding-top:30px; }


.guide .check{ background:url(../images/listmark_check.png) no-repeat; padding-left:30px; }

.guide h2 span:nth-child(1){ float: left; }
.guide h2 span:nth-child(2){ float: right; color: #000; font-size: 12px; margin: 20px 100px 0 0; font-weight: initial; }

/* kantan **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.kantan .cmt{ height:200px; background:url(../images/kantan_cmt_bg.png) no-repeat; padding-top:20px; margin-bottom:30px; text-align:center; }

.kantan .btn1{ position:absolute; top:-25px; left:5px; }
.kantan .btn2{ position:absolute; top:-25px; left:305px; }
.kantan .btn3{ position:absolute; top:322px; left:247px; }
.kantan .btn4{ position:absolute; top:315px; left:227px; }
.kantan .btn5{ position:absolute; top:-20px; left:25px; }
.kantan .btn6{ position:absolute; top:-20px; left:227px; }

.kantan .folder dt{ margin-bottom:15px; }
.kantan h2 span:nth-child(1){ float: left; }
.kantan h2 span:nth-child(2){ float: right; color: #000; font-size: 12px; margin: 20px 100px 0 0; font-weight: initial; }

/*.kantan .select-area{ position:relative; }
.kantan .select-area .campaign{ position:absolute; top:-25px; right:20px; z-index:999; } ?L?????y?[???L???p */


/* support **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*
.support .suplist .gbox , .support .suplist .obox , .support .suplist .rbox{ width:240px; float:left; }
.support .suplist .gbox , .support .suplist .obox{ margin:0 10px 30px 0; }
.support .suplist .rbox{ margin:0 0 30px 0; }
.support .suplist .gbox .exp , .support .suplist .obox .exp , .support .suplist .rbox .exp{ padding:20px 10px; }
*/
.support .circle_g{ border-bottom:solid 2px #91c000 !important; margin-bottom:20px; }
.support .circle_o{ border-bottom:solid 2px #fb8c00 !important; margin-bottom:20px; }
.support .circle_r{ border-bottom:solid 2px #a10e0e !important; margin-bottom:20px; }
.support .circle_b{ border-bottom:solid 2px #4897d4 !important; margin-bottom:20px; }

.support table{ width:auto; white-space:nowrap }
.support table th , .support table td{ padding:10px 10px 8px !important; }

/* リセット */
.support .pagelink{ background-color:transparent; padding:0; margin-bottom:0; }
.support .pagelink ul li{ float:none; }
.support .pagelink ul li:not(:last-of-type){ margin-right:0; }
/**/
.support .pagelink .exp img{ float:right; }
.support .pagelink .bbox .exp img{ margin-top:18px; }


/* soudan **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.soudan .cmt{ height:200px; background:url(../images/soudan_cmt_bg.png) no-repeat; padding-top:20px; margin-bottom:30px; text-align:center; }

.soudan .gbox .exp li{ background:url(../images/border_dott_green.png) left bottom repeat-x; margin-bottom:30px; }
.soudan .gbox .exp li:last-child{ background:none; margin-bottom:0; }

.soudan .gbox .exp li div{ padding:10px 10px 30px 250px; min-height:230px; }
.soudan .gbox .exp li div.q{ background:url(../images/soudan_icon_q.png) 30px top no-repeat; }
.soudan .gbox .exp li div.a{ background:url(../images/soudan_icon_a.png) 30px top no-repeat; }
.soudan .gbox .exp li div.heart  { background:url(../images/soudan_icon_heart.png) 30px top no-repeat; }
.soudan .gbox .exp li div.star   { background:url(../images/soudan_icon_star.png) 30px top no-repeat; }
.soudan .gbox .exp li div.support{ background:url(../images/soudan_icon_support.png) left top no-repeat; }

.soudan .gbox .exp li dl dt{ background:url(../images/listmark_question.png) no-repeat; padding:5px 0 0 40px; }
.soudan .gbox .exp li dl dd{ margin:0 0 10px 40px; }
.soudan .gbox .exp li dl dd:last-child{ margin-bottom:0; }

.soudan .gbox .exp li ul.list li{ background:url(../images/listmark_circle_green_s.png) left 7px no-repeat; padding-left:20px; margin-bottom:10px; }


/* about_us **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.abouts h4{ margin-bottom:0; }


/* userguide **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.userguide h5.slashbox{ padding:10px 0 8px 20px; font-weight:bold; }

.userguide .detail{ padding:20px; font-size:16px; }
.userguide .detail li{ text-indent:0; background:url(../images/listmark_circle_green_s.png) 3px 6px no-repeat; padding-left:20px; }

.userguide .gbox .exp{ padding:10px 15px; }
.userguide .gbox .exp dl:not(:last-of-type){ background:url(../images/listmark_flow_arrow.png) center bottom no-repeat; padding-bottom:50px; }
.userguide .gbox .exp dt{ background-color:#ffed27; display:inline-block; padding:2px 10px 0; font-size:18px; }
.userguide .gbox .exp dd , .userguide .gbox .exp p{ font-size:14px; }

.userguide .gbox.floatL , .userguide .gbox.floatR{ width:330px; }
.userguide .gbox.floatL dt , .userguide .gbox.floatR dt{ margin-bottom:10px; }
.userguide .gbox.floatL dl:not(:first-child) , .userguide .gbox.floatR dl:not(:first-child){ margin-top:10px; }

.userguide .flow dl{ width:595px; margin:0 0 0 40px; }
.userguide .flow dl.normal dt{ background:url("../images/userguide_flow_normal.png") no-repeat; }
.userguide .flow dl.mail dt{ background:url("../images/userguide_flow_mail.png") no-repeat; }
.userguide .flow dl.estimate dt{ background:url("../images/userguide_flow_estimate.png") no-repeat; }
.userguide .flow dl.order dt{ background:url("../images/userguide_flow_order.png") no-repeat; }
.userguide .flow dl.regist dt{ background:url("../images/userguide_flow_regist.png") no-repeat; }
.userguide .flow dl.entry dt{ background:url("../images/userguide_flow_entry.png") no-repeat; }
.userguide .flow dl.data dt{ background:url("../images/userguide_flow_data.png") no-repeat; }
.userguide .flow dt{ height:80px; font-weight:bold; padding:35px 0 0 65px; }
.userguide .flow dt.alignC{ padding:35px 0 0 0; }
.userguide .flow dd{ background:url(../images/listmark_flow_arrow_o.png) 48px center no-repeat; padding:20px 40px 20px 130px; }
.userguide .flow dd.stuff{ background:url("../images/userguide_icon_stuff.png") 34px center no-repeat; }
.userguide .flow dd p{ margin:0; }
.userguide .flow dd .pay{ background:#f4f5f2; border:solid 1px #91c000; padding:10px; }
.userguide .flow dd .pay .pay-title{ display:inline-block; color:#fff; background:#91c000; padding:2px 10px 0; margin-bottom:10px; }
.userguide .flow{ position:relative; }
.userguide .flow .txt{ position:absolute; top:10px; right:40px; }

.userguide .frame dl dt{ padding-left:30px; }
.userguide .frame dl dt:nth-of-type(1){ background:url(../images/userguide_sbt1.png) left 2px no-repeat; }
.userguide .frame dl dt:nth-of-type(2){ background:url(../images/userguide_sbt2.png) left 2px no-repeat; }
.userguide .frame dl dt:nth-of-type(3){ background:url(../images/userguide_sbt3.png) left 2px no-repeat; }
.userguide .frame dl dt:nth-of-type(4){ background:url(../images/userguide_sbt4.png) left 2px no-repeat; }
.userguide .frame dl dd{ text-align:center; }

.userguide .line_g{ border-bottom:solid 2px #91c000 !important; margin-bottom:20px; }


/* mihon **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mihon ul   { margin-right:5px; }
.mihon ul li{ width:135px; background:url(../images/listmark_circle_green_s.png) left 6px no-repeat; padding-left:15px; }
.mihon ul.bun li {
    width: 175px;
}
.mihon table tr th, .mihon table tr td {
    border: inherit;
    padding: 20px;
    font-size: 12px;
}
.mihon input.win_close {
    font-size: 14px;
    padding: 4px 10px;
    margin-top: 20px;
}
.mihon table tr {
    display: flex;
}
.mihon .rezac a {
    color: #fff;
    text-decoration: inherit;
}


/* price **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.price .pagelink dt{ color:#647d04; font-weight:bold; border-bottom:dotted 2px #647d04; }
.price .pagelink dd p  { background:url(../images/listmark_circle_green_l.png) left 4px no-repeat; padding-left:20px; }
.price .pagelink dd p a{ color:#333; text-decoration:none; }
.price .pagelink dd p a:hover{ text-decoration:underline; }
.price .pagelink dd ul   { margin-left:25px; }
.price .pagelink dd ul li{ margin-right:20px; }

.price.ond .pagelink dd ul li{ float:none; }

/* gbox obox */
.price .exp dt{ background:url(../images/listmark_circle_orange_s.png) left 6px no-repeat; padding-left:15px; color:#fb8c00; font-weight:bold; }
.price .exp dt.sbt-y{ background:none; background-color:#ffed27; color:#333; display:inline-block; padding:2px 10px 0; margin-bottom:8px; font-size:16px; }
.price .exp dd{ margin-left:15px; }


/* nouki **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.nouki .detail{ padding:20px; font-size:16px; }
.nouki .detail li{ text-indent:0; background:url(../images/listmark_circle_green_s.png) 3px 6px no-repeat; padding-left:20px; }
.nouki img.kani { max-width: 100%; }
.nouki table tr.head th, table tr.head td { background-color: #e9f1c9 !important; }

/* kiyaku **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.kiyaku .gbox2{ padding-right:20px; }
.kiyaku .frame{ height:650px; overflow:auto; padding-right:10px; }


/* privacy **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.privacy h4{ color:#647d04; font-size:20px; }
.privacy dl dd{ padding-left:24px; }

.privacy dl dd.idt{ padding-left:40px; }
.privacy dl dd.idt2{ padding-left:56px; }

.gbox2.pri{ margin-top:30px; }
.gbox2.pri .frame{ height:250px; overflow:auto; padding-right:10px; }

.icon_tel{ background:url(../images/privacy_listmark_tel.png) left 4px no-repeat; padding-left:30px; margin-bottom:0; }


/* login **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.login table{ width:600px; margin-left:50px; }
.login table th{ width:150px; }
.login table td{ text-align:left; padding:10px 15px; }

.login table input.login-ipt{ width:295px; }
.login table td .btn{ float:right; }

.login .flow{ margin:0 0 -5px; }


/* orderfrm **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.orderfrm a{ cursor:pointer; text-decoration:none; }
.orderfrm .overlay.output ul li{ background:url(../images/listmark_circle_green_s.png) 2px 6px no-repeat; padding-left:20px; }
.orderfrm .overlay.output ul li ul li{ background:none; padding-left:15px; }

.orderfrm .overlay.paylater_invoice ul li{ background:url(../images/listmark_circle_green_s.png) 2px 6px no-repeat; padding-left:20px; }
.orderfrm .overlay.paylater_invoice ul li ul li{ background:none; padding-left:15px; }
.orderfrm a.paylater_invoice, .orderfrm a.ajiro, .orderfrm a.on_cau, .orderfrm a.off_cau{ text-decoration:inherit; color:inherit; }
.orderfrm .overlay.paylater_school ul li{ background:url(../images/listmark_circle_green_s.png) 2px 6px no-repeat; padding-left:20px; }
.orderfrm .overlay.paylater_school ul li ul li{ background:none; padding-left:15px; }
.orderfrm a.paylater_school{ text-decoration:inherit; color:inherit; }

.orderfrm .detail{ padding:15px 20px 20px; font-size:16px; margin-bottom:15px; }
.orderfrm .detail li{ text-indent:0; background:url(../images/listmark_circle_green_s.png) 3px 6px no-repeat; padding-left:20px; }

/* estimate kantan */
.orderfrm.kantan .detail.est{ position:relative; }
.orderfrm.kantan .detail.est .campaign{ position:absolute; top:-15px; right:-34px; z-index:999; }

.orderfrm.kantan .detail.est dt{ font-size:22px; padding:4px 0 0 20px; margin-bottom:10px; line-height:1.4; }
.orderfrm.kantan .detail.est dt.circle_g{ background-position:left 10px; }

.orderfrm.kantan .detail.est dd{ width:500px; margin:0 auto; }
.orderfrm.kantan .detail.est dd .price , .orderfrm .detail.est dd input , .orderfrm.kantan .detail.est .campaign-area dd .off-per , .orderfrm.kantan .detail.est .campaign-area dd .pre-price{ float:left; }
.orderfrm.kantan .detail.est dd .price{ width:250px; height:52px; padding:9px 20px 0; margin-right:20px; background-color:#fff; border:solid 2px #91c000; border-radius:10px; font-size:20px; font-weight:bold; text-align:right; box-sizing:border-box; }

.orderfrm.kantan .detail.est dd.mitsumori{ width: 0px; margin: 10px 0 0 370px; }
.orderfrm.kantan .detail.est .campaign-area dd{ width:610px; margin-top:10px; position:relative; }
.orderfrm.kantan .detail.est .campaign-area dd .price{ width:170px; }
.orderfrm.kantan .detail.est .campaign-area dd .pre-price{ width:124px; height:62px; padding:24px 0 0 0; margin-top:-10px; background:url(../images/estimate_kantan_campaign_preprice.png) top center no-repeat; font-size:16px; font-weight:bold; text-align:center; box-sizing:border-box; }
.orderfrm.kantan .detail.est .campaign-area dd .off-per{ width:64px; height:62px; margin-top:-10px; background:url(../images/estimate_kantan_campaign_arrow.png) center 20px no-repeat; text-align:center; font-weight:bold; }
.orderfrm.kantan .detail.est dd .price.txt{ padding:6px 20px 0; font-size:16px; text-align:left; line-height:1.2; }

.orderfrm.kantan .detail.est .chk-other{ /*background:#f2f9e2; border:solid 1px #85a600;*/ padding:10px 15px 40px; margin:15px 0 0; }


/* 料金シュミレーション部分追加分 */
.orderfrm.kantan .detail.sim{height:391px; }
.orderfrm.kantan .detail.sim dd{ width:540px; margin:20px auto 0; }
.orderfrm.kantan .detail.sim dd .price{ width:250px; height:52px; padding:9px 20px 0; margin-right:40px; background-color:#fff; border:solid 2px #91c000; border-radius:10px; font-size:20px; font-weight:bold; text-align:right; box-sizing:border-box; }
.orderfrm.kantan .detail.sim dd.mitsumori{ width: 560px; margin: 10px auto; }
.orderfrm.kantan .detail.sim .chk-other{ padding:10px 15px 10px; width: 300px; float: left; margin: 0; }
.orderfrm.kantan .detail.sim .mitsumori .btn{position: absolute; left: 390px; }
.orderfrm.kantan .detail.sim p.hosoku{ position: absolute; bottom: 20px;}



.orderfrm .detail.cau{ font-size:16px; }
.orderfrm .detail.cau li{ text-indent:0; background:url(../images/listmark_circle_green_s.png) 3px 6px no-repeat; padding-left:20px; }

.orderfrm.kantan .slashbox table{ width:auto; margin:0 auto; }
.orderfrm.kantan .slashbox table tr th , .orderfrm .slashbox table tr td{ border:none; padding:0; background:transparent; }
.orderfrm.kantan .slashbox table tr td input[type="image"]{ padding:10px 0 0 10px; }

.orderfrm.kantan .cmt{ height:166px; background:url(../images/estimate_kantan_cmt_bg.png) no-repeat; padding-top:20px; margin:0 0 20px; text-align:center; }

.orderfrm.kantan .pagelink{ margin-top:100px; }
.orderfrm.kantan .pagelink .cmt1{ position:absolute; top:-70px; left:30px;  z-index:1; }
.orderfrm.kantan .pagelink .cmt2{ position:absolute; top:-70px; left:215px; z-index:1; }
.orderfrm.kantan .pagelink .cmt4{ position:absolute; top:-70px; left:580px; z-index:1; }

.orderfrm.kantan .best dt{ background:url(../images/estimate_kantan_best_star.png) left top no-repeat; padding:2px 0 0 45px; margin-bottom:5px; color:#fc8c00; font-size:20px; font-weight:bold; }
.orderfrm.kantan .best dt.king{ background:url(../images/estimate_kantan_best_king.png) left top no-repeat; padding-left:45px; }
.orderfrm.kantan .best dd{ margin-left:100px; }
.orderfrm.kantan .best dd:not(:last-of-type){ margin-bottom:10px; }

.orderfrm.kantan .pub{ margin-bottom:40px; }
.orderfrm.kantan .pub dl{ margin-top:10px; border-bottom:solid 1px #d2d2d2; }
.orderfrm.kantan .pub dt , .orderfrm.kantan .pub dd{ float:left; padding:2px 10px; }
.orderfrm.kantan .pub dt{ width:140px; margin-right:20px; color:#647d04; }
.orderfrm.kantan .pub dd{ width:260px; }

.orderfrm.kantan .dbbox ul{ text-align:left; margin-left:230px; }

.orderfrm.kantan .estbtnexp{ margin:5px 0 30px 0px; }
.orderfrm.kantan .select-area .half img{ width:365px; height:auto; }
.orderfrm.kantan .estbtnexp li{ background:url(../images/listmark_circle_green_s.png) 3px 4px no-repeat; padding-left:20px; font-size:12px; width: 348px; }

.orderfrm.kantan .flow{ margin-top:-15px; }

.orderfrm.kantan ul.atena{ width: 440px; margin: 0 auto 10px; }

.orderfrm.kantan .banner, .mypage.orderfrm .banner, .main.orderfrm .banner { width: 524px; margin: 20px auto; }    
.orderfrm.kantan .banner ul li, .mypage.orderfrm .banner ul li, .main.orderfrm .banner ul li{ float:left; margin: 2px; }



.orderfrm .cau_check dl dt{ position: relative;
    line-height: 18px;
    font-weight: bold;
    margin-top: 50px; }

.orderfrm .cau_check dl dt span{ border-bottom: solid 1px #a10e0e; padding-left: 7px; font-weight:bole; color:#a10e0e; }
.orderfrm .cau_check dl dd.asta{ margin-top: -6px; }
.orderfrm .cau_check dl dd { padding-left: 1.0em; text-indent: -1.0em; margin-top:8px; }
.orderfrm .cau_check dl dd img{ margin-top: 10px; }
.orderfrm .cau_check dl dd.asta span{ padding-left: 1.0em; text-indent: -1.0em; font-size: 12px; margin: -6px 0 5px; }
.orderfrm .cau_check dl dt:before{
    content: "Check1";
    left: -30px;
    width: 30px;
    height: 32px;
    background: #a10e0e;
    text-align: center;
    color: #fff;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(1%);
    padding: 1px 7px;
    }
.orderfrm .cau_check dl:nth-child(1) dt{ margin-top:10px; }
.orderfrm .cau_check dl:nth-child(2) dt:before{ content: "Check2"; }
.orderfrm .cau_check dl:nth-child(3) dt:before{ content: "Check3"; }
.orderfrm .cau_check dl:nth-child(4) dt:before{ content: "Check4"; }
.orderfrm .cau_check dl:nth-child(5) dt:before{ content: "Check5"; }
.orderfrm .cau_check dl:nth-child(6) dt:before{ content: "Check6"; }
.orderfrm .cau_check dl:nth-child(7) dt:before{ content: "Check7"; }
.orderfrm .cau_check dl:nth-child(8) dt:before{ content: "Check8"; }
.orderfrm .cau_check dl:nth-child(9) dt:before{ content: "Check9"; }
.orderfrm .cau_check dl dd:nth-of-type(1){ margin-top:20px; }

.orderfrm .cau_check dl dd ul li p{ margin-bottom:15px; margin-left:1em; padding-left: 0em; text-indent: 0em; }

/* 入稿アプリケーション形式 */
.orderfrm table .data:nth-child(n + 2){ border-top:solid 1px #d2d2d2; margin-top:10px; padding-top:10px; }
.orderfrm table .data .icon , .orderfrm table .data .ipt{ float:left; }
.orderfrm table .data .icon{ margin-right:20px; }


/* 入稿データチェック形式 */
.orderfrm table.check tr:nth-child(1) td{ border-bottom:none; }
.orderfrm table.check tr:nth-child(2) td{ border-top:none; border-bottom:none; }
.orderfrm table.check tr:nth-child(3) td{ border-top:none; }


/* 入稿データ形式 */
.step_nyu { padding: 10px; }

/* データチェックコース選択 */
.check_co .icon_pdf{ padding-left: 60px; }
.check_co .office{ padding-left: 60px; margin-bottom: 10px; }
.check_co .icon_pdf .vtop{ vertical-align:super; }
.check_co h6 { margin:30px auto 15px; float:left; }
.check_co h6 img { border: 2px #fb8c00 solid; padding: 6px 14px 8px; border-radius: 6px; }
.check_co table.child { width: 658px; margin-left: auto; }
.check_co table.child td { border: dotted 1px #858585; }
.check_co .sbt-g, .check_co .sbt-o { margin-bottom: 10px; }


/*
.orderfrm .offset .floatL{ width:280px; margin-left:25px; }
.orderfrm .offset .floatR{ width:280px; margin-right:35px; }
.orderfrm .offset .floatL dl , .orderfrm .offset .floatR dl{ margin:15px 0; }
.orderfrm .offset .floatL dt , .orderfrm .offset .floatR dt{ margin-bottom:0; }

.orderfrm .offset h5{ margin-bottom:15px; }

.orderfrm .offset .detail , .orderfrm .offset .caution{ margin-right:15px; }

.orderfrm .offset nav ul{ margin-left:30px; }
.orderfrm .offset nav li{ float:left; }
.orderfrm .offset nav li:not(:last-of-type){ margin-right:15px; }

.orderfrm .offset .cmt{ height:170px; background:url(../images/estimate_kantan_offset_cmt_bg.png) center no-repeat; padding-top:20px; margin-bottom:15px; text-align:center; }

.orderfrm .offset .list li{ background:url(../images/listmark_circle_green_s.png) 8px 6px no-repeat; padding-left:30px; }
*/

.orderfrm .bbtn{ width:400px; margin:30px auto 0; }

.orderfrm .campaign-txt{ font-weight:bold; font-size:14px; }
.orderfrm table tr td.error .campaign-txt{ color:#fff; }
.orderfrm .campaign-off-per{ border:solid 1px #ddd; padding:7px 20px 4px; background-color:#f9f9f9; }

/*file list*/
.orderfrm .file-list li{ border-bottom:solid 1px #e9e9e9; padding:10px 0 7px; }
.orderfrm .file-list li table.page{ margin:5px 0 0 18px; }

.orderfrm .file-list-detail{ background-color:#e9f1c9; /*padding:10px 15px 10px 30px;*/ padding:10px 15px; margin:5px 0; font-size:12px; }
.orderfrm .file-list-detail.bg-o{ background-color:#fff1d5; }
.orderfrm .file-list-detail.bg-o.smb60{ margin-left:60px; }
.orderfrm .file-list-detail li{ text-indent:-16px; }
.orderfrm .file-list-detail li:not(:last-of-type){ margin-bottom:5px; }

.orderfrm .file-list-fl{ width:calc(100% - 192px - 20px); margin:0 0 0 20px; }

.orderfrm .file-list-link{ margin-top:12px; }
.orderfrm .file-list-link li{ float:left; margin-right:15px; }

.orderfrm .file-exp{ display:flex; display:-webkit-flex; border-bottom:solid 1px #e9e9e9; padding-bottom:10px; margin-bottom:10px; }
.orderfrm .file-exp:last-child{ border-bottom:none; padding-bottom:2px; margin-bottom:0; }
.orderfrm .file-exp dt{ width:182px; border-radius:5px; padding:0 15px; margin-right:15px; position:relative; }
.orderfrm .file-exp dt img{ position:absolute; top:0; bottom:0; margin:auto; }
.orderfrm .file-exp dd{ width:520px; }

.orderfrm .file-exp.file1 dt{ background:#f5fae7; border:solid 1px #c2d287; }
.orderfrm .file-exp.file2 dt{ background:#fbf3da; border:solid 1px #f5c992; }
.orderfrm .file-exp.file3 dt{ background:#e9f6ff; border:solid 1px #a8d2f2; }


.orderfrm .brdr_dash_tp{ border-top:1px dashed #858585; }
.orderfrm .no_brdr_btm{ border-bottom:none; } 
.orderfrm .brder_top{ padding:10px 20px 4px; margin:10px 0 15px; font-size:20px; position:relative; }
.orderfrm .brder_top_g{ border-top:solid 15px #91c000; }
.orderfrm .brder_top_o{ border-top:solid 15px #fb8c00; }
.orderfrm .brder_top_gray{ border-top:solid 15px #9e9e9e; }
 


.orderfrm .obj{ background:url(../images/bg_slash.jpg); padding:20px 20px 5px; margin-bottom:20px; border: solid 1px #dae7a8; }
.orderfrm .obj dl{ margin-bottom:15px; position:relative; }
.orderfrm .obj dl dt, .orderfrm h5.step span{
    color: #fff;
    font-weight:bold;
    font-size:14px;
    background: #c62084;
    padding: 5px 15px 4px;
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 100;
    border-radius: 2px; }
    
.orderfrm .obj dl dt:after, .orderfrm h5.step span:after {
    content: "";
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #c62084;
    position: absolute;
    top: 50%;
    left: 97%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.orderfrm .obj dl:nth-of-type(2) dt, .orderfrm h5.step.scg span{ background: #9ec620; }
.orderfrm .obj dl:nth-of-type(2) dt:after, .orderfrm h5.step.scg span:after{ border-color: transparent transparent transparent #9ec620; }
.orderfrm .obj dl:nth-of-type(3) dt, .orderfrm h5.step.scb span{ background: #c68320; }
.orderfrm .obj dl:nth-of-type(3) dt:after, .orderfrm h5.step.scb span:after{ border-color: transparent transparent transparent #c68320; }




.orderfrm .obj dl dd{ margin-left:105px; }


.orderfrm .obj dl dt, .orderfrm .obj dl dd{ float:left; }

.orderfrm .obj dl dd{ padding: 5px 0 0 10px; }
.orderfrm .obj dl dd span { font-weight:bold; }
.orderfrm h5.step{ position:relative; }
.orderfrm h5.step img{ padding: 4px 0 0 110px; }

.orderfrm .idtc{ padding-left: 1.0em; text-indent: -1.0em; margin-left: 2em;}

.orderfrm .rel_busu{ position: relative; padding:inherit; background-color: inherit;}
.orderfrm .rel_busu_wrap{background-color:#fff; padding:10px 10px 8px; }
.orderfrm .abs{ top: 5px; right: 0;  margin-right: 10px; display: block; }
.orderfrm .error.rel_busu .abs{ color: #fff; }
.orderfrm .abs .fontS{ font-size: 11px; }
.orderfrm .pink{ background: #f6ced8; padding: 4px 7px; font-size: 11px; }
/* nyuko_check **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.nyuko_check h6{ font-weight: bold; font-size: 20px; }


/* mypage **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* pagelink */
.mypage .pagelink{ background:none; padding:0; }

/* rireki */
.mypage .rireki{ background:none; padding:0; }

/* slashbox */
.mypage .slashbox{ background:url(../images/bg_slash_orange.jpg); padding:15px 20px 12px 20px; border:solid 1px #ffda6a; }
.mypage .slashbox span{ background:url(../images/mypage_user.png) left 2px no-repeat; padding:5px 0 3px 45px; }

/* h */
.mypage h3{ background:url(../images/sbt2_orange_bg.png) no-repeat; }

/* detail */
.mypage .detail{ padding:20px; }

/* table */
.mypage table tr th , .mypage table tr td{ padding:10px 5px 8px; }
.mypage table.nyukou tr th , .mypage table.nyukou tr td{ padding:10px 10px 8px; }

.mypage table tr th .guide_nyuko{ position: relative;}
.mypage table tr th .guide_nyuko:before{display: block;
  position: absolute; top: -60px; left:25px; width: 106px; height: 57px; content: ""; background:url(../images/guide_mypage_icon.png) no-repeat;}

/* ドロップエリア */
div.DDFile
{
  width:100%;
  text-align:center;
  border: 2px #c3c2c2 dashed;
  margin-bottom: 10px;
  background: url(images/bg_slash_orange.jpg);
  background: #f7f7f7;
  padding: 100px 10px 100px 10px;
}
/* ドロップエリア:hover */
div.DDFile:hover,
div.DDFile.hover
{
  /*border: 2px solid #c3c2c2;*/
  background: #e9f1c9;
}

/* input を機能だけ使用してボタンのみの雰囲気に */
/* ラッパー、input、ボタン を同サイズにして重ねる */
div.DDFile div,
div.DDFile div input,
div.DDFile div div
{
   width: 280px;
   height: 60px;
   line-height: 64px;
}
div.DDFile div
{
  position: relative;
  margin:auto;
}
div.DDFile div input,
div.DDFile div div
{
  position: absolute;
  top: 0;
  left: 0;
}
div.DDFile div input:hover + div.DDFile div div
{
  background:#333;
}
div.DDFile div input
{
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}
div.DDFile div div
{
  z-index: 2;
  border-radius:4px;
  background:#91c000;
  color:#fff;
  font-size:20px;
  font-weight:bold;
}

/* 一覧およびメッセージ */
div.DDFile ul
{
  height:24px; /* 初期は li が無い為、高さを確保 - これがないと、div.DDFile の高さがドロップ時に動く */
}
div.DDFile ul li
{
  list-style-type:none;
}

/* contact complete **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contact table.comp tr th { background-color: #ffc1c0; }
.contact table.comp tr td { background-color: #ffe8e3; }


/* blog **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.blog .blog_article_list {
    margin: 20px 0;
    padding: 20px 0 0 0;
    border-top: 1px dashed #9ec600;
}
.blog .blog_list p {
    margin-bottom: 10px;
}
.blog .blog_image {
    float: left;
    width: 320px;
    height: 225px;
    padding: 0 20px 0 0;
}
.blog .blog_image img {
    max-width: 320px;
    max-height: 225px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.blog .blog_date span.blog_cat {
    font-size: 13px;
    color: #4d4d4d;
}
.blog .blog_date span.blog_tags {
    padding: 0 0 0 15px;
    background: url(../images/icon_tags.png) 0px 3px no-repeat;
    font-size: 13px;
    color: #4d4d4d;
}
.blog .blog_detail h2 {
    margin: 20px 0 20px 0;
    padding: 10px 20px 5px 0;
    border-bottom: 5px solid #348bed;
    font-size: 24px;
    color: #4d4d4d;
    font-weight: 700;
}
.blog .blog_detail h2 {
    margin: 0 0 10px 0!important;
    border: none!important;
    font-size: 16px!important;
    background: none;
}
.blog .blog_detail .btn_blog_continue {
    float: right;
    width: 100px;
    margin: 0 0 10px 10px;
    padding: 5px 0 5px 21px;
    background: #fb7b00 url(../images/btn_arrow.png) 9px 13px no-repeat;
    border-radius: 4px;
}
.blog .btn_blog_continue a {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
}
.blog .blog_article_list:after {
    content: "";
    display: block;
    clear: both;
}
.blog .blog_abr{
    line-height: 1.4;
    max-height: 4.2em;
    overflow: hidden;
    position: relative;
    text-align: justify;
    text-overflow: ellipsis;
    margin: auto;
}
.blog .blog_abr::before, .blog .blog_abr::after {
  content: '...';
  line-height: 1;
  position: absolute;
  right: 0;
  top: 3em;
  -ms-wrap-flow: start;
}
.blog .blog_abr::after {
  background: currentColor;
  color: white;
  top: auto;
}
@supports (-webkit-line-clamp: 4) {/*モダンブラウザ用*/
  .blog .blog_abr {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
  }
  .blog .blog_abr::before, .blog .blog_abr::after {
    content: normal;
  }
}

.blog .pagination {
    margin: 20px 0;
    text-align: center;
}
.pagination a {
    color: inherit;
    text-decoration: none;
}

.blog .pagination span.current {
    border: 1px solid #647d04;
    background: #647d04;
    color: #fff;
}

.blog .pagination .pages {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #a3b5c4;
    border-radius: 4px;
    vertical-align: middle;
}

.blog .pagination .pages {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #a3b5c4;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

/* blog 詳細用**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.blog .column_tags{
    padding: 0 0 0 15px;
    background: url(../images/icon_tags.png) 0px 3px no-repeat;
    font-size: 13px;
    color: #4d4d4d;   
}
.blog .image-frame {
    text-align: center;
}
.blog .image-frame img {
    width: 500px;
    height: auto;
}

/* blog 目次用**********/
.blog .mokuji{
    background: #e9f1c9;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
    margin: 0px auto 30px;
    min-width: 300px;
}

.blog .mokuji .mokuji_title {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #647d04;
}
.blog .mokuji .title {
    font-size: 20px;
    font-weight: 700;
}

.blog .mokuji .switch {
    cursor: pointer;
}
.blog .mokuji a {
    text-decoration: none;
    text-shadow: none;
    color: #647d04;
}
.blog .mokuji ul ul {
    margin-left: 1.5em;
}
/* checkbox non-display */
.mokuji .chk{
    display: none;
}
/* button control */
.mokuji #open-close ~ .btn-open-close::before {
    content: "[開く]" ;
}
.mokuji #open-close ~ .mokuji_list {
    display: none ;
}
.mokuji #open-close:checked ~ .btn-open-close::before {
    content: "[閉じる]" ;
}
.mokuji #open-close:checked ~ .mokuji_list {
    display: block ;
    text-align: left;
}
/* blog 記述用**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.main h1 {
    /* height: 56px; */
    /* background: url(../images/sbt1_bg.png) no-repeat; */
    /* color: #647d04; */
    /* font-size: 28px; */
    /* margin-bottom: 24px; */
    /* padding-top: 5px; */
    /* font-weight: bold; */
}
article.main.blog h2{
    background-image: none;
    height: inherit;
    padding:inherit;
    font-size: 20px;
    color:inherit;
}

article.main.blog h3{
    background-image: none;
    height: inherit;
    padding:inherit;
    font-size: inherit;
    color:inherit;
}


article.main.blog h2.pattern-a.green{
    background-color: #91c000;
    color: #fff;
    padding: 6px 20px 4px;
    margin-bottom: 15px;
    font-size: 20px;
}
article.main.blog h2.pattern-a.orange{
    background-color: #fb8c00;
    color: #fff;
    padding: 6px 20px 4px;
    margin-bottom: 15px;
    font-size: 20px;
}
article.main.blog h2.pattern-a.red{
    background-color: #a10e0e;
    color: #fff;
    padding: 6px 20px 4px;
    margin-bottom: 15px;
    font-size: 20px;
}
article.main.blog h2.pattern-a.blue{
    background-color: #4897d4;
    color: #fff;
    padding: 6px 20px 4px;
    margin-bottom: 15px;
    font-size: 20px;
}

article.main.blog h2.pattern-b.green{
    border-left: 10px solid #91c000;
    border-bottom: 1px dashed #91c000;
    padding-left: 10px;
    color: #647d04;
}
article.main.blog h2.pattern-b.orange{
    border-left: 10px solid #fb8c00;
    border-bottom: 1px dashed #fb8c00;
    padding-left: 10px;
    color: #fb8c00;
}
article.main.blog h2.pattern-b.red{
    border-left: 10px solid #a10e0e;
    border-bottom: 1px dashed #a10e0e;
    padding-left: 10px;
    color: #a10e0e;
}
article.main.blog h2.pattern-b.blue{
    border-left: 10px solid #4897d4;
    border-bottom: 1px dashed #4897d4;
    padding-left: 10px;
    color: #4897d4;
}

article.main.blog h3.pattern-a.green{
    border-bottom: solid 2px #91c000 !important;
    margin-bottom: 20px;
    color: #647d04;
    font-size: 20px;
    padding-left: 20px;
    font-weight: bold;
    background: url(../images/listmark_circle_green_l.png) left 8px no-repeat;
}
article.main.blog h3.pattern-a.orange{
    border-bottom: solid 2px #fb8c00 !important;
    margin-bottom: 20px;
    color: #fb8c00;
    font-size: 20px;
    padding-left: 20px;
    font-weight: bold;
    background: url(../images/listmark_circle_orange_l.png) left 8px no-repeat;
}
article.main.blog h3.pattern-a.red{
    border-bottom: solid 2px #a10e0e !important;
    margin-bottom: 20px;
    color: #a10e0e;
    font-size: 20px;
    padding-left: 20px;
    font-weight: bold;
    background: url(../images/listmark_circle_red_l.png) left 8px no-repeat;
}
article.main.blog h3.pattern-a.blue{
    border-bottom: solid 2px #4897d4 !important;
    margin-bottom: 20px;
    color: #4897d4;
    font-size: 20px;
    padding-left: 20px;
    font-weight: bold;
    background: url(../images/listmark_circle_blue_l.png) left 8px no-repeat;
}

article.main.blog h3.pattern-b.green{
    border-bottom: dashed 2px #91c000 !important;
    margin-bottom: 20px;
    color: #647d04;
    font-size: 20px;
    font-weight: bold;
}
article.main.blog h3.pattern-b.orange{
    border-bottom: dashed 2px #fb8c00 !important;
    margin-bottom: 20px;
    color: #fb8c00;
    font-size: 20px;
    font-weight: bold;
}
article.main.blog h3.pattern-b.red{
    border-bottom: dashed 2px #a10e0e !important;
    margin-bottom: 20px;
    color: #a10e0e;
    font-size: 20px;
    font-weight: bold;
}
article.main.blog h3.pattern-b.blue{
    border-bottom: dashed 2px #4897d4 !important;
    margin-bottom: 20px;
    color: #4897d4;
    font-size: 20px;
    font-weight: bold;
}

article.main.blog span.sizeM{
    font-size: 16px
}
article.main.blog span.sizeS{
    font-size: 12px;
}
article.main.blog span.sizeL{
    font-size: 20px;
}
article.main.blog span.green{
    color: #647d04;
}
article.main.blog span.red{
    color: #a10e0e;
}
article.main.blog span.orange{
    color: #fb8c00;
}
article.main.blog span.blue{
    color: #4897d4;
}
article.main.blog span.brown{
    color: #9c7b66;
}

article.main.blog span.marker-yellow{
    background-color:#f6f0a9;
}
article.main.blog span.marker-pink{
    background-color:#f7d1d3;
}
article.main.blog span.under{
    text-decoration: underline;
}
article.main.blog span.bold{
    font-weight: bold;
}

/* bunsyu**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap_bunsyu {
    width: 740px;
    margin: 0 auto;
}
.bunsyu_bg header h1.top_bunsyu {
    padding-top: 4px;
    top: 0;
    height: 40px;
    color: #fff;
}
.bunsyu_logo {
    position: absolute;
    top: 5px;
    right: 10px;
}
.bunsyu_logo img {
    height: 30px;
}
.main.bunsyu {
    float: inherit;
    margin: 20px auto;
    margin-bottom: 100px;

}
.main.bunsyu h2 {
    font-size: 24px;
}
.bunsyu table.normal tr th {
    width: 35%;
}
.login.bunsyu .slashbox {
    background:/* url(../images/bunsyu_reader.png) no-repeat bottom left, */url(../images/bg_slash.jpg);
	padding: 10px;
	max-width: 600px;
    margin: 0 auto;
}
.login.bunsyu .slashbox .sp-item img { width: 100%; }
.login.bunsyu .slashbox p {
    max-height: 8em;
    overflow: auto;
}
.login.bunsyu table {
    margin: 20px auto 0;
	width: 400px;
}
.login.bunsyu table .ctl {
    width: 100%;
}
.login.bunsyu table {
    width: 400px;
}
.bunsyu table {
    width: 100%;
}
.bunsyu .btn {
    margin-top: 30px;
    text-align: center;
}
.bunsyu .btn input:nth-child(2) {
    margin-left: 10px;
}
.bunsyu .dbbox{ height:inherit; background:url(../images/border_box_double.png) center / 100% 100% no-repeat; padding: 30px 0; margin-top:30px; text-align:center; }

.bunsyu a {
    color: #000;
}

/* bunsyu_new**********
///////////////////////////////////////////////////////////////////////////////////////////////*/

.bunsyu_bg footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.bunsyu_bg {
    background: #f8f8f8 url(../images/bunsyu_bg2.jpg) no-repeat bottom center / 40%;
    background-size: cover;
    min-width: 100%;
    background-attachment: fixed;
    height: calc(100vh + 500px);
}

/* 22/08/29 renewal**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.size_bg_a4 {
    width: 467px;
    height: 622px;
    background: #d9eef9;
    border: solid 2px #5d6163;
    margin: 0 auto;
    position: relative;
    /* box-sizing: border-box; */
}

.size_bg_b5 {
    width: 403px;
    height: 535px;
    background: #f8dae8;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 2px #5d6163;
    border-right: solid 2px #5d6163;
}

.size_bg_a5 {
    width: 332px;
    height: 445px;
    background: #d0e6d2;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 2px #5d6163;
    border-right: solid 2px #5d6163;
}

.size_bg_46 {
    width: 285px;
    height: 372px;
    background: #ef9a0b;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 2px #5d6163;
    border-right: solid 2px #5d6163;
}

.size_bg_b6 {
    width: 285px;
    height: 350px;
    background: #66c1f2;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 2px #5d6163;
    border-right: solid 2px #5d6163;
}

.size_bg_shin {
    width: 248px;
    height: 350px;
    background: #eae4f9;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 2px #5d6163;
    border-right: solid 2px #5d6163;
}
.size_bg_a4 img {
    position: absolute;
    right: 7px;
    top: 11px;
}
.size_bg_b5 img {
    position: absolute;
}

.size_bg_b5 img {
    position: absolute;
    right: 8px;
    top: 8px;
}

.size_bg_a5 img {
    position: absolute;
    right: 9px;
    top: 9px;
}

.size_bg_46 img {
    position: absolute;
    right: 25px;
    top: 51px;
}
.size_bg_shin h3:nth-child(1) img {
    position: absolute;
    left: 18px;
    top: -16px;
}

.size_bg_shin h3:nth-child(2) img {
    position: absolute;
    left: 18px;
    top: 119px;
}

.size_bg_shin h3:nth-child(3) img {
    position: absolute;
    left: 18px;
    top: 212px;
}
/*230210新規ページ用//////////////*/
.guide.shuppan .flow {
    background: url(../images/listmark_flow_arrow.png) center top no-repeat;
    padding-top: 60px;
}
.guide.shuppan dl {
    background: none;
    padding-bottom: 0px;
}
.guide.shuppan .cmt {
    height: 221px;
    background: url(../images/guide_cmt_shuppan_bg.png) no-repeat;
}
.guide.shuppan .cmt dl dd {
    display: flex;
    justify-content: center;
}
.guide.shuppan .cmt dl dd ul {
    text-align: left;
}
.guide.shuppan dl:not(:first-child) {
    margin-top: 0;
    padding-bottom: 0;
}
.guide.shuppan dl.pagelink {
    background-color: #e9f1c9 !important;
    padding: 15px;
    margin-bottom: 30px;
}
.shuppan .pagelink ul li {
    float: inherit;
}
.guide.shuppan .pagelink dt{ color:#647d04; font-weight:bold; border-bottom:dotted 2px #647d04; }
.guide.shuppan .pagelink dd p  { background:url(../images/listmark_circle_green_l.png) left 4px no-repeat; padding-left:20px; }
.shuppan_mitsu {
    width: 231px;
    height: 172px;
    border: solid;
    position: relative;
    margin-bottom: 20px;
}

.shuppan ul li:nth-child(odd) dl dd img {
    float: right;
}

.shuppan ul li:nth-child(even) dl dd img {
    float: left;
    margin-right: 10px;
}
.shuppan ul li:nth-child(3n) dl dd img {
    display: none;
}

.shuppan ul li:nth-child(4) dl dd img {
    float: right;
    margin-left: 10px;
}

.shuppan ul li:nth-child(5) dl dd img {
    float: left;
    margin-right: 10px;
}

.shuppan ul li:nth-child(8) dl dd img {
    float: right;
    margin-left: 10px;
}
/*.shuppan ul.list li {
    margin-bottom: 20px;
}*/
.shuppan ul.list li span {
    color: #fff;
    font-weight: bold;
    /*font-size: 14px;*/
    background: #7cd31f;
    padding: 5px 10px 4px;
    position: relative;
    z-index: 100;
    border-radius: 2px;
    margin-right: 15px;
    display: inline-block;
    margin-bottom: 5px;
}

.shuppan ul li span:after {
    content: "";
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #7cd31f;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shuppan ul.list li:nth-child(2) span {
    background: #2d1a7f;
}
.shuppan ul.list li:nth-child(2) span:after{
border-color: transparent transparent transparent #2d1a7f;
}    

.shuppan ul.list li:nth-child(3) span {
    background: #6e6ae8;
}

.shuppan ul.list li:nth-child(3) span:after{
border-color: transparent transparent transparent #6e6ae8;
}

.shuppan ul.list li:nth-child(4) span {
    background: #cd2ad6;
}

.shuppan ul.list li:nth-child(4) span:after{
border-color: transparent transparent transparent #cd2ad6;
}

.shuppan ul.list li:nth-child(5) span {
    background: #e5974e;
}

.shuppan ul.list li:nth-child(5) span:after{
border-color: transparent transparent transparent #e5974e;
}

.shuppan_mitsu2 {
    width: 170px;
    height: 107px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid;
    border-right: solid;
}

.shuppan_mitsu3 {
    width: 100px;
    height: 66px;
    border-top: solid;
    position: absolute;
    bottom: 0;
    left: 0;
    border-right: solid;
}

.shuppan_mitsu p {
    padding: 7px 14px;
}
.shuppan_mitsu {
    width: 214px;
    height: 172px;
    border: solid;
    position: relative;
    margin-bottom: 20px;
    background: #d9eef9;
    margin-right: 10px;    
}

.shuppan_mitsu2 {
    width: 123px;
    height: 107px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid;
    border-right: solid;
    background: #f8dae8;
}

.shuppan_mitsu3 {
    width: 100px;
    height: 66px;
    border-top: solid;
    position: absolute;
    bottom: 0;
    left: 0;
    border-right: solid;
    background: #d0e6d2;
}

.shuppan_mitsu p {
    padding: 7px 14px;
    font-weight: bold;
}
.shuppan_mitsu_frm {
    display: flex;
}
.shuppan_mitsu_frm ul li {
    padding-bottom: 12px;
}

.shuppan_mitsu_frm ul li {
    padding-bottom: 5px;
}

.shuppan_mitsu_frm ul li:nth-child(1) {
    color: #0095e2;
}
.shuppan_mitsu_frm ul li:nth-child(2) {
    color: #c5408d;
}.shuppan_mitsu_frm ul li:nth-child(3) {
    color: #009441;
}

.shuppan_mitsu_frm ul li {
    font-weight: bold;
}
/*.guide.shuppan .denwa{display: flex; justify-content: center;}*/
.guide.shuppan .denwa table{ border: 1px solid #80a000; width: 220px; }
.guide.shuppan .denwa table tr th{ background-color: #e3efb4 !important; color: #fff; background: url(../images/top_objmenu_bg.png) !important; padding: 4px 0 2px; font-size: 14px; font-weight: bold; text-align: center; }
.guide.shuppan .denwa table tr td { text-align: center; padding: 0 0 5px 0; }
.guide.shuppan .denwa table tr td span{ background:url(../images/freedial.png) no-repeat; display: inline-block; padding-left:35px; text-align:center; color: #a10e0e; background-position: 0px 5px;}
.shuppan dl dd table tbody td span {
    position: absolute;
    display: block;
    bottom: 0px;
    right: 0;
    font-size: 14px;
}

.shuppan dl dd table tbody td {
    position: relative;
}
/*/////////////////////////////*/