@charset "UTF-8";

/*--------------------------------------------------------------------------------
MODULE
--------------------------------------------------------------------------------*/
h3 {font-size: 118%; font-weight: bold; margin-bottom: 10px;}


/*--------------------------------------------------------------------------------
mainCol2Block03
--------------------------------------------------------------------------------*/
.mainCol2Block03{ width:100%; overflow:hidden; margin-top: 40px;}
.mainCol2Block03 .mainColL{ float:left; width:760px;}
.mainCol2Block03 .mainColR{ float:right; width:180px;}


/*--------------------------------------------------------------------------------
categoryMenu11
--------------------------------------------------------------------------------*/
.categoryMenu11 dd p a {padding: 9px 24px 9px 8px; font-size: 85%; background-position: 96% 48%;}
.categoryMenu11 dd p.open a {background-position: 96% 48%;}


/*--------------------------------------------------------------------------------
tblMod01
--------------------------------------------------------------------------------*/
.tblMod01 td {word-break: break-all;}
.tblMod01 .brdB {border-bottom: 2px solid #d3d0d0;}

.tblMod01.telFlowBlock td {padding: 15px 45px; border-bottom: 1px dotted #e5e5e5;}


/*--------------------------------------------------------------------------------
faqFlowBlock
--------------------------------------------------------------------------------*/
.faqFlowBlock .faqFlowBlockInner > div {margin-bottom: 20px; padding: 26px 0 40px 39px;}
.faqFlowBlock .faqFlowBlockInner > div.lastChild {margin-bottom: 0;}
.faqFlowBlock .faqFlowBlockInner > div:before {content: " "; display: block; position: absolute; bottom: -20px; left: 64px; width: 28px; height: 20px; background: url(/support/faq/common/images/bg_step_01.gif) no-repeat 0 0;}
.faqFlowBlock .faqFlowBlockInner > div.lastChild:before {display: none;}
.faqFlowBlock .faqFlowBlockInner > div .sndElm {width: 555px; margin: 0 0 0 20px;}

.faqFlowBlock .faqFlowBlockInner .relatedMod02 .infoTel { padding: 6px 0 0 40px; font-size: 192%;}
.faqFlowBlock .faqFlowBlockInner .relatedMod02 .tblMod02 td {padding: 13px 15px;}

.faqFlowBlock .faqFlowBlockInner.outerVer {position: relative; margin-bottom: 30px;}
.faqFlowBlock .faqFlowBlockInner.outerVer.lastChild, .faqFlowBlock .faqFlowBlockInner.outerVer > div {margin-bottom: 0;}
.faqFlowBlock .faqFlowBlockInner.outerVer:before {content: " "; display: block; position: absolute; bottom: -31px; left: 448px; width: 63px; height: 31px; background: url(/support/hoshu/common/images/bg_push_01.gif) no-repeat 0 0;}
.faqFlowBlock .faqFlowBlockInner.outerVer.lastChild:before, .faqFlowBlock .faqFlowBlockInner.outerVer > div:before{display: none;}
.faqFlowBlock .faqFlowBlockInner.outerVer .inner {margin-top: 25px; padding-top: 25px; border-top: 1px dotted #e2e2e2;}
.faqFlowBlock .faqFlowBlockInner.outerVer > div .sndElm {width: 732px; margin: 8px 0 0 20px;}


/*--------------------------------------------------------------------------------
linkBlock
--------------------------------------------------------------------------------*/
.linkBlock {overflow: hidden;}
.linkBlock ul {margin: 0 0 0 -20px;}
.linkBlock ul li {float: left; width: 240px; margin: 0 0 0 20px;}
.linkBlock ul li.adjust a {height: 15px; padding: 12px 5px 12px; font-size: 82%; text-align: right;}
.linkBlock ul li.adjust02 a {padding: 12px 5px 12px; font-size: 77%; text-align: right;}
.linkBlock ul li.adjust03 a {padding: 13px 4px 6px; font-size: 77%; text-align: right;}
.linkBlock ul li a img {border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.linkBlock ul li a {display: block; padding: 10px 0 9px; text-align: center; color: #fff; background: #005ab4 url(/common/images/ico_link_02.png) no-repeat 10px 50%;}
.linkBlock ul li a:hover {color: #fff;}
.linkBlock ul li span {display: block; padding: 14px 10px 13px; border: 1px solid #e2e2e2; border-top: none;}

.linkBlock.fourBlock ul li {float: left; width: 225px;}


/*--------------------------------------------------------------------------------
serviceContentsBlock
--------------------------------------------------------------------------------*/
.serviceContentsBlock {background: #fafafa url(/support/hoshu/kitting/common/images/bg_kitting_001.jpg) no-repeat 100% 63px;}
.serviceContentsBlock .tblMod01 th, .serviceContentsBlock .tblMod01 td {padding: 15px 20px; vertical-align: middle;}
.serviceContentsBlock .tblMod01 th {background: #fff5f7;}
.serviceContentsBlock .tblMod01 td {background: #fff;}
.serviceContentsBlock .tblMod01 dl dt {margin-bottom: 8px; color: #d70544; font-size: 113%;}


/*--------------------------------------------------------------------------------
serviceContentsBox
--------------------------------------------------------------------------------*/
.serviceContentsBox {padding: 12px;}
.serviceContentsBox dt {margin-bottom: 8px; font-size: 142%; text-align: center; color: #005AB4;}


/*--------------------------------------------------------------------------------
figureBlock
--------------------------------------------------------------------------------*/
.figureBlock {margin: 20px auto 0; text-align: center;}
.figureBlock .col {display: inline-block; margin-left: 30px;}
.figureBlock .col:first-child {margin-left: 0;}
.figureBlock .caption {margin-bottom: 5px; font-weight: bold;}




/* ------ indentNum01 ------ */
.indentNum01 {margin-right: 5px; padding: 0 4px; color: #fff; background: #d70544;}

/* ------ brdrdBlock01 ------ */
.brdrdBlock01 {position: relative; background: #fff;}
.brdrdBlock01:before {content: " "; display: block; position: absolute; top: -3px; left: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_tl_01.gif) no-repeat 0 0;border-radius: 0;}
.brdrdBlock01:after {content: " "; display: block; position: absolute; bottom: -3px; left: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_bl_01.gif) no-repeat 100% 0;}
.brdrdBlock01 .brdrdBlockInner01:before {content: " "; display: block; position: absolute; top: -3px; right: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_tr_01.gif) no-repeat 0 100%;}
.brdrdBlock01 .brdrdBlockInner01:after {content: " "; display: block; position: absolute; bottom: -3px; right: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_br_01.gif) no-repeat 100% 100%;}


/* ------ padding ------ */
.p15 {padding:15px;}

/* ------ /support/hoshu/list/ss_08_pc_endeavor.htmのpadding調整 ------ */
.tblMod01 td.padding_adjustment {padding-left: 13px;padding-right: 13px;}

/*--------------------------------------------------------------------------------
menyBlock2
--------------------------------------------------------------------------------*/
.menyBlock2 {margin-top: 12px;}
.menyBlock2 ul {overflow:hidden; margin-right: -20px;}
.menyBlock2 ul li {float: left; width: 200px; min-height: 172px; margin: 0 3px 20px 0}
.menyBlock2 ul li a{color: #fff;}
.menyBlock2 ul li a img {border: 1px solid #e2e2e2; border-bottom: none;}
.menyBlock2 ul li a span {display: block; width: 183px; padding: 10px 10px 9px; text-align: right; background: #005ab4 url(/common/images/ico_link_02.png) no-repeat 10px 48%;}
.menyBlock2 ul li.adjust a span {font-size: 90%; text-align: right;}
.menyBlock2 ul li.adjust02 a span {height: 29px; max-height: 40px; padding: 6px 0 4px; font-size: 86%; line-height: 1.3;}
.menyBlock2 ul li.adjust04 a span {font-size: 90%; text-align: center;}
.menyBlock2 ul li p {width: 200px; margin: 5px auto 0;}

.tblMod04 {width: 100%; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-collapse: collapse;}
.tblMod04 th, .tblMod04 td {padding: 10px 0 0 5px; text-align: left; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;
vertical-align:top;}


/*--------------------------------------------------------------------------------
tblMod09
--------------------------------------------------------------------------------*/
.tblMod09 {width:100%; border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-collapse:collapse;}
.tblMod09 th {background-color:#FAFAFA;}
.tblMod09 th, .tblMod09 td {padding:10px 5px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.tblMod09 td {text-align: right;}
.tblMod09.center th, .tblMod09.center td {text-align: center;}
.tblMod09 th.cell01, .tblMod09 td.cell01 {color: #000; font-weight: normal; background: #7BBBFB;}
.tblMod09 th.cell02, .tblMod09 td.cell02 {color: #000; font-weight: normal; background: #09F;}


/*--------------------------------------------------------------------------------
linkSpot
--------------------------------------------------------------------------------*/
.linkSpot {display: block; padding: 0 52px 0 5px; border: 1px solid #e2e2e2; background: url(/common/images/products_top_arrow_1.png) no-repeat 92% 50%;}
.linkSpot .linkSpotInner {display: table-cell; width: 100%; height: 72px; padding: 20px 18px; vertical-align: middle;}
.linkSpot .linkSpotInner span {display: block;}

/* ------ menyBlock/menyBlock2の一部hover修正 ------ */
.col1Contents .menyBlock ul li a, .col1Contents .menyBlock2 ul li a{color: #fff; text-decoration:none;}

@media only screen and (max-width: 768px){
.col1Contents .tblMod04 {display: table;}
}

/*--------------------------------------------------------------------------------
notice__topItems
--------------------------------------------------------------------------------*/
.notice__topItems {margin-bottom: 35px; padding: .5em 1em; border: solid 1px #ff4b00;}