@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;}




/*--------------------------------------------------------------------------------
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 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;}


/*---/support/misc/210623_oshirase.htm--*/

h2.head3Gray2{width:auto}
.comment li{text-indent: -3em; padding-left: 3em;}

.menyBlock .damageEx li{
width:auto;
text-align:center;
}

.rw_img{
max-width:100%;
width:auto;
}

.column2 li{
float:left;
width:48%;
margin-right:4%;
}

.column2 li:last-child{
margin-right:0;
}

.ancBtn{
margin : 15px 0 20px 30px;
}
.ancBtn li{
margin-bottom:20px;
}

.ancBtn li:last-child{
margin-bottom:0;
}

.ancBtn li a{
display:block;
width:300px;
height:50px;
line-height:50px;
text-align:center;
color:#fff;
font-weight:bold;
background-color:#005AB4;
}

.ancBtn li a:hover {
opacity:0.7;
}

.sp_block{
display:none;
}

@media screen and (max-width: 767px){
.column2 li{
float:none;
width:100%;
margin:0 0 30px 0;
text-align:center;
}

.ancBtn{
margin-left:0;
}

.ancBtn li {
max-width:250px;
margin : 0 auto 20px;
}

.ancBtn li:last-child{
margin-bottom:0;
}

.ancBtn li a{
width:auto;
}

.sp_block{
display:block;
}

}