@charset "UTF-8";

/* スマホ表示時の文字サイズ調整
-----------------------------------------------------------------------------*/

body { -webkit-text-size-adjust: 100%; }
* { max-height: max-height: 999999px; }


/*shortning.css
-------------------------------------------------*/

/*[MARGIN]
-----------------------------------------------------------------------------*/

.m0{margin:0px !important;}
.m00{margin:0px !important;}

.mb0{margin-bottom:0px !important;}
.mb00{margin-bottom:0px !important;}
.mb02{margin-bottom:2px !important;}
.mb03{margin-bottom:3px !important;}
.mb04{margin-bottom:4px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}

.mr0{margin-right:0px !important;}
.mr00{margin-right:0px !important;}
.mr02{margin-right:2px !important;}
.mr03{margin-right:3px !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}

.ml0{margin-left:0px !important;}
.ml00{margin-left:0px !important;}
.ml02{margin-left:2px !important;}
.ml03{margin-left:3px !important;}
.ml04{margin-left:4px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml50{margin-left:50px !important;}
.ml70{margin-left:70px !important;}

.mt0{margin-top:0px !important;}
.mt00{margin-top:0px !important;}
.mt02{margin-top:2px !important;}
.mt03{margin-top:3px !important;}
.mt04{margin-top:4px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}

.ma0{margin:0px !important;}
.ma00{margin:0px !important;}
.ma02{margin:2px !important;}
.ma03{margin:3px !important;}
.ma04{margin:4px !important;}
.ma05{margin:5px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma35{margin:35px !important;}


/*[PADDING]
-----------------------------------------------------------------------------*/

.p0{padding:0px !important;}
.p00{padding:0px !important;}
.p20{padding:2px 0px !important;}

.pb0{padding-bottom:0px !important;}
.pb00{padding-bottom:0px !important;}
.pb02{padding-bottom:2px !important;}
.pb03{padding-bottom:3px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}

.pr0{padding-right:0px !important;}
.pr00{padding-right:0px !important;}
.pr02{padding-right:2px !important;}
.pr03{padding-right:3px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}

.pl0{padding-left:0px !important;}
.pl00{padding-left:0px !important;}
.pl02{padding-left:2px !important;}
.pl03{padding-left:3px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}

.pt0{padding-top:0px !important;}
.pt00{padding-top:0px !important;}
.pt02{padding-top:2px !important;}
.pt03{padding-top:3px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}

.pa0{padding:0px !important;}
.pa00{padding:0px !important;}
.pa02{padding:2px !important;}
.pa03{padding:3px !important;}
.pa05{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}



/*[TEXT-INDENT]
-----------------------------------------------------------------------------*/

.indent05{padding-left:0.5em;text-indent:-0.5em !important;}
.indent1{padding-left:1em;text-indent:-1em !important;}
.indent2{padding-left:2em;text-indent:-2em !important;}


/*[FONT]
-----------------------------------------------------------------------------*/

.fwn{font-weight:normal !important;}
.fwb{font-weight:bold !important;}
.fs150{font-size:150% !important;}
.fs140{font-size:140% !important;}
.fs130{font-size:130% !important;}
.fs120{font-size:120% !important;}
.fs110{font-size:110% !important;}
.fs100{font-size:100% !important;}
.fs95{font-size:95% !important;}
.fs90{font-size:90% !important;}
.fs85{font-size:85% !important;}
.fs80{font-size:80% !important;}
.fs75{font-size:75% !important;}
.fs70{font-size:70% !important;}

.tdu{text-decoration:underline !important;}
.tdn{text-decoration:none !important;}

.ffm{font-family: "メイリオ", Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;}
.font2016{ font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif; }
.ffold{font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;}


/*[LINE-HEIGHT]
-----------------------------------------------------------------------------*/

.lh200{line-height:200% !important;}
.lh180{line-height:180% !important;}
.lh150{line-height:150% !important;}
.lh140{line-height:140% !important;}
.lh130{line-height:130% !important;}
.lh120{line-height:120% !important;}
.lh110{line-height:110% !important;}
.lh70{line-height:70% !important;}
.lh01{line-height:1% !important;}


/*[LETTER-SPACING]
-----------------------------------------------------------------------------*/

.ls005{letter-spacing:0.05em !important;}
.ls01{letter-spacing:0.1em !important;}
.ls02{letter-spacing:0.2em !important;}
.ls-001{letter-spacing:-0.01em !important;}
.ls-002{letter-spacing:-0.02em !important;}
.ls-003{letter-spacing:-0.03em !important;}
.ls-005{letter-spacing:-0.05em !important;}
.ls-01{letter-spacing:-0.1em !important;}
.ls-02{letter-spacing:-0.2em !important;}


/*[ETC]
-----------------------------------------------------------------------------*/

.wsn{white-space:nowrap !important;}
.lsn{list-style:none !important;}
.vat{vertical-align:top !important;}	
.vam{vertical-align:middle !important;}	
.vab{vertical-align:bottom !important;}	
.bs1{border:solid 1px !important;}
.fl{float:left !important;}	
.fr{float:right !important;}
.cb{clear:both !important;}
.cl{clear:left !important;}
.cr{clear:right !important;}
.e6{color:#e60000 !important;}
.ccc{color:#cccccc !important;}
.grn{color:#228b22 !important;}
.bccc{border-color:#cccccc !important;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.pr{position:relative !important;}
.pa{position:absolute !important;}
.dn{display:none !important;}
.db{display:block !important;}
.di{display:inline !important;}
.bn{border:none !important;}
.tan{-webkit-text-size-adjust: none;}


/*[color]
-----------------------------------------------------------------------------*/
.red{color:#ee0000 !important;}
.red2{color:#cc3300 !important;}
.red3{color:#740e00 !important;}
.crimson {color:#dc143c !important;}

.blue{color:#006699 !important;}
.yellow{color:#ffff00 !important;}
.green{color:#006600 !important;}
.brown{color:#740e00 !important;}
.ppl{color:#8c23f0 !important;}
.noBg{background:none !important;}
.normal{font-weight:normal !important;}


/*[ui016] spec
-----------------------------------------------------------------------------*/

.bdr-y{width:450px; border:1px solid #ffcc66; padding:5px; background-color:#ffffcc; font-size:90%;}
.bdr-r{width:450px; border:1px solid #ff6675; padding:5px; background-color:#ffe5e8; font-size:90%;}


/*[ui073] spec
-----------------------------------------------------------------------------*/

.deliv{background-color:#f1f1f1; border:1px #aaa solid;}


/*[new-window] icon
-----------------------------------------------------------------------------*/

a.nwic{padding-right:21px; margin-right:5px; border-style:none; background:url(../../common/v4icons/icon-newwindow.gif?$staticlink$) no-repeat right center;}



/*[cclogin]
-----------------------------------------------------------------------------*/

.ccl-bg{background:none repeat scroll 0 0 #FFEEEE; border:1px solid #CC6666;}
.ccl-bg2{background:none repeat scroll 0 0 #FFFFFF; border:none;}
.ccl-title{background-color:#ffcc66;}
.ccl-title2{background-color:#fdaaaa; width:270px;}
.ccl-table{border-collapse:collapse; margin:0; padding:0;}


/*[HOVER] img
-----------------------------------------------------------------------------*/
a.link-img:hover img{opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}




/*initialize.css
-------------------------------------------------*/
body {
    font-size: 140%;
    margin: 0px;
}
.footer {  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

.new-ff {
    font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

*:first-child+html body {
    letter-spacing: 0;
}
/* 下部に余白できるため削除
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
*/
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
p {
margin-top: 0px;
}
ul,
ol {
    margin-top: 0px;
}




/*layout_base_fujitsu.css
-------------------------------------------------*/

.stage {
width: 100%;
min-width: 980px;
}

div#blockskip a {
float: left;
background: #666;
margin-top: -1px;
width: 100%;
text-align: center;
text-decoration: none;
cursor: default;
height: 1px;
-webkit-text-size-adjust: none;
}

div#blockskip a.show {
color: #FFF;
height: 1em;
margin-top: -3px;
padding: 5px 0;
font-size: 93%;
line-height: 1;
cursor: pointer;
}

div.header {
width: 980px;
min-height: 94px;
_height: 94px;
margin: 0 auto 10px;
text-align: left;
}

div.headertop {
width: 978px;
float: left;
}

#corporatesymbol {
float: left;
margin: 11px 10px 7px 11px;
}

#corporatesymbol p {
padding: 0;
margin: 0;
font-size: 100%;
line-height: 1;
}

.bodyarea {
width: 980px;
margin: 0 auto;
text-align: left;
padding-bottom: 30px;
}

#location {
background: #F7F7F7;
border: 1px solid #EEE;
margin-bottom: 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

#location ol {
padding: 7px 10px 7px;
font-size: 93%;
}

ol.location-inside {
border: 1px solid #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#location li {
display: inline;
margin-right: 2px;
line-height: 1.3;
}

#location li a:link, #location li a:visited, #location li a:active {
margin-right: 2px;
text-decoration: none;
}

input#submit {
vertical-align: middle;
}



/*fujitsu_layout_webmart.css
-------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, address, cite, pre {
margin-bottom: 0px;
}

ul,
ol,
dl {
    margin-bottom: 0px;
}
li,
dt,
dd {
    margin-bottom: 0px;
}

li {
line-height: 1.2;
}
.footer li {line-height: initial;}

div.navihidden {
position: absolute;
}

div.contentsarea h1 {
padding: 0px;
}

div.contentsarea p {
line-height: 150%;
}







/*top.css
-------------------------------------------------*/

img { border: none; }
.goBusiness,
.goPersonal {
    float: left
}
.clearall {
clear: both;
}
.pageName {
font-size: 110% !important;
width: 420px;
position: static !important;
}


div.personal.gig3content.mart div.header {
    min-height: 68px
}
div.personal.gig3content.mart div.headertop {
    min-height: 68px;
    border: none;
    padding: 0 1px;
    background: url(../../css/comcssv4/mainnav-back-bottom-subsidiary.png?$staticlink$) left bottom no-repeat #fff
}
.headertop .personal.webmartBlockA01 {
    position: relative
}
.headertop .personal.webmartBlockA01 p.change {
    position: absolute;
    top: 21px;
    right: 263px
}
.headertop .personal.webmartBlockA01 p.webmartLogo {
    position: absolute;
    top: 24px;
    right: 13px
}
#headingAreaTop {
    margin-bottom: 5px;
	font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}
#headingAreaTop .topinfoBlock {
    float: left;
    width: 525px
}
#headingAreaTop .cartBlock {
    float: left;
    width: 180px;
    height: 23px;
    padding-left: 10px;
    position: relative
}
#headingAreaTop .serchBlock {
    float: right;
    width: 265px
}
#headingAreaTop .topinfoBlock .infoBox {
    float: left;
    margin-top: 3px
}
#headingAreaTop .topinfoBlock .infoBox .gray_txt {
    color: #666
}
#headingAreaTop .topinfoBlock .linkBox {
    float: right;
    margin-top: 3px;
    padding-right: 10px
}
#headingAreaTop .topinfoBlock .linkBox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #ccc
}
#headingAreaTop .topinfoBlock .linkBox ul li {
    display: inline;
    border-right: 1px solid #ccc;
    padding: 0 5px
}
#headingAreaTop .topinfoBlock .linkBox ul li a:hover {
    text-decoration: none
}
#headingAreaTop .topinfoBlock .linkBox ul li .icon_compare,
#headingAreaTop .topinfoBlock .linkBox ul li .icon_mycloud,
#headingAreaTop .topinfoBlock .linkBox ul li .icon_premium {
    padding-left: 15px
}
#headingAreaTop .topinfoBlock .linkBox ul li .icon_mycloud {
    background: url(../../common/head_icon_mycloud.gif?$staticlink$) no-repeat
}
#headingAreaTop .topinfoBlock .linkBox ul li .icon_premium {
    background: url(../../common/head_icon_premium.gif?$staticlink$) no-repeat
}
#headingAreaTop .topinfoBlock .linkBox ul li .icon_compare {
    background: url(../../common/head_icon_compare.gif?$staticlink$) no-repeat
}
#headingAreaTop .topinfoBlock .linkBox .hover_link {
    position: relative;
    z-index: 5
}
#headingAreaTop .topinfoBlock .linkBox .hover_link .hover_txt {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    background-color: #ffc;
    border: 2px solid grey;
    padding: 5px;
    width: 186px;
    z-index: 10
}
#headingAreaTop .topinfoBlock .linkBox .hover_link:hover .hover_txt {
    display: block
}
#headingAreaTop .cartBlock a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"
}
#headingAreaTop .cartBlock img {
    position: absolute;
    top: 0;
    left: 0
}
#headingAreaTop .cartBlock .cart_price {
    display: block;
    position: absolute;
    top: 3px;
    left: 67px;
    text-align: center;
    width: 105px;
    color: #000;
    text-decoration: none
}
#headingAreaTop .cartBlock .cart_price .price {
    font-size: 12px
}
#headingAreaTop .cartBlock .cart_price .zei {
    font-size: 9px
}
#headingAreaTop .serchBlock .serchBox {
    float: left;
    background: url(../../common/serch01_bg_002.gif?$staticlink$) repeat-y;
    width: 220px;
    zoom: 1
}
#headingAreaTop .serchBlock .serchBox .serchBoxInner {
    background: url(../../common/serch01_bg_003.gif?$staticlink$) 0 100% no-repeat;
    zoom: 1
}
#headingAreaTop .serchBlock .serchBox #Search {
    display: block;
    padding: 3px 5px;
    height: 17px;
    width: 210px;
    font-size: 90%;
    border: none;
    zoom: 1;
    color: #777;
    background: url(../../common/serch01_bg_001.gif?$staticlink$) no-repeat;
    vertical-align: middle;
    overflow: hidden
}
#headingAreaTop .serchBlock .serchBtn {
    float: right;
    width: 42px;
    margin: 0;
    padding: 0
}
#headingAreaTop .serchBlock .serchBtn input {
    background: url(../../common/serch_btn_001.gif?$staticlink$) no-repeat;
    width: 42px;
    height: 24px;
    border: none;
    margin: 0;
    padding: 0
}
#headingAreaTop .serchBlock .serchBtn input:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"
}
#headingAreaBtm {
    margin: 10px 0;
    font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
    letter-spacing: -0.05em;
}
#headingAreaBtm .keywordBlock {
    float: left;
    width: 710px;
    text-align: left
}
#headingAreaBtm .telBlock {
    float: right;
    width: 260px
}
#headingAreaBtm .keywordBlock img {
    vertical-align: middle
}
#headingAreaBtm .keywordBlock .keyword_tit {
    float: left;
    width: 100px
}
#headingAreaBtm .keywordBlock .keyword_list {
    float: right;
    width: 600px
}
#headingAreaBtm .keywordBlock .keyword_list ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#headingAreaBtm .keywordBlock .keyword_list ul li {
    display: inline;
    padding: 0 5px 0 0
}
#headingAreaBtm .keywordBlock .keyword_list ul li a:hover {
    text-decoration: none
}
#headingAreaBtm .keywordBlock .keyword_list .link {
    padding-left: 10px;
    background: url(../../common/menu_icon_001.gif?$staticlink$) 2px 50% no-repeat
}
#headingAreaBtm .telBlock img {
    vertical-align: middle
}
#headingAreaBtm #hcd0KwBlc{
    width: 733px;
}
#headingAreaBtm #hcd0KwBlc .keyword_tit{
    width: 75px;
}
#headingAreaBtm #hcd0KwBlc .keyword_list{
    width: 650px;
}
#headingAreaBtm #hcd0TelBlc{
    width: 246px;
}
.headertop .business.webmartBlockA01 {
    position: relative
}
.headertop .business.webmartBlockA01 p.change {
    position: absolute;
    top: 21px;
    right: 263px
}
.headertop .business.webmartBlockA01 p.webmartLogo {
    position: absolute;
    top: 24px;
    right: 13px
}
.alignleft {
    float: left
}
div.contentsarea .textcenter {
    text-align: center
}
div.contentsarea h3.accent010 {
    position: static;
    border-style: solid;
    border-width: 0 0 0 5px;
    border-color: #C00;
    padding: 2px 0 1px 3px
}
div.contentsarea ol {
    list-style: decimal;
    border-style: none;
    margin: 0;
    padding: .5em 0 .5em 40px
}
div.label-left div.label {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 45px;
    border-style: none
}
div.label-left {
    position: relative;
    width: 100%;
    border: 1px solid #FFF;
    margin-top: 1em
}
div.contentsarea strong.label_q {
    display: block;
    width: 1.8em;
    margin: 0;
    padding: 2px;
    text-align: center;
    background: #C03;
    color: #FFF;
    font-size: 110%;
    font-weight: 700
}
div.label-left div.innerblock {
    border-style: none;
    width: 500px;
    margin: 0 0 0 50px;
    padding: 0
}
div.contentsarea strong.label_a {
    display: block;
    width: 1.8em;
    margin: 0;
    padding: 2px;
    text-align: center;
    background: #888;
    color: #FFF;
    font-size: 110%;
    font-weight: 700
}
div.contentsarea h3 {
    clear: both;
    margin: 1.5em 0 0;
    padding: 0;
    font-size: 110%
}
div.contentsarea ul {
    list-style: disc;
    border-style: none;
    margin: 0;
    padding: .5em 0 .5em 40px
}
div.contentsarea li {
    border-style: none;
    margin: 0 0 .5em;
    padding: 0
}
div.contentsarea .clearleft {
    clear: left
}
form .innerblock {
    padding: 10px
}
div.footerwm {
/* float: left; */
margin: 10px 0 0;
/* width: 980px; */
font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}
#martFooter li.firstchild {
border-width: 0;
}
#martFooter li {
display: inline;
border-style: solid;
border-width: 0 0 0 1px;
border-color: #999;
padding: 0 3px 0 6px;
font-size: 90%;
}
#martFooter ul {
padding: 0;
text-align: center;
}
.pcMbArea {
display: none;
}
#martFooter {
margin: 5px 0 0;
}
/*deqwasのjs直すまで*/
#deqwas-collection-k{
display:none;
}




/*footer.css
-------------------------------------------------*/

.naviscrolltop {
    padding: 4px 0 6px
}
div.naviscrolltop p {
    margin: 5px 0 0;
    font-size: 90%;
    text-align: right;
    padding: 0 17px 0 0;
    background: url(../../common/navi-top.gif?$staticlink$) right center no-repeat;
}
div.naviscrolltop div.martFooterTop p {
    padding: 0 0 0 17px;
    background: url(../../common/arrow-back.gif?$staticlink$) left center no-repeat;
    text-align: left
}
div.naviscrolltop div.martFooterUp p {
    float: right;
}
.naviscrolltop a {
    text-decoration: underline
}
.footerBlockA01 {
    margin-bottom: 40px}
.footerBlockA01 li {
    list-style: none
}
#footerBasis {
    margin: 0 0 30px;}
#footerBasis h2, #ft-lineup h2, #ft-searchMnList h2 {
    font-size: 110%;
    letter-spacing: .1em;
    min-height: 14px;
    color: #2a8cbd;
    margin: 30px 0 14px;
    background: url(../../common/personal/footer_heading_bg01.gif?$staticlink$) 18em center no-repeat!important}
#ft-lineup h2 span {
    padding-left: 24px;
    background: url(../../common/personal/footer_heading_bg02.gif?$staticlink$) left .1em no-repeat}
#camp01 h2 {
    margin-top: 0}
.campInner {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 2px 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, .1) 1px 2px 1px;
    box-shadow: rgba(0, 0, 0, .1) 1px 2px 1px;
    width: 976px}
.campInner ul {
    overflow: hidden;
    position: relative;
    padding: 0!important;
    margin-left:0; /* for IE7 */
}
#footerBasis .campInner li {
    width: 244px;
    float: left;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 15%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #fff), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(top, #fff 15%, #fcfcfc 100%);
    background: -o-linear-gradient(top, #fff 15%, #fcfcfc 100%);
    background: -ms-linear-gradient(top, #fff 15%, #fcfcfc 100%);
    background: linear-gradient(to bottom, #fff 15%, #fcfcfc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=0);
    text-align: center}
.campInner li a {
    display: block;
    min-height: 240px;
    text-decoration: none;
    color: #333;
    padding-top: 5px;
    border: 1px solid!important;
    border-color: #fff #eee #fcfcfc #fff!important
}
.campInner li.eos a {
    background: 0 0!important;
    cursor: default!important
}
.campInner li.eos .heading {
    text-decoration: none!important
}
.campInner li.btn05,
.campInner li.long {
    margin-bottom: -100px!important;
    padding-bottom: 100px!important
}
.campInner li.btn05 a,
.campInner li.long a {
    margin-bottom: -100px;
    padding-bottom: 100px
}
.campInner li.btn04 a,
.campInner li.btn05 a {
    min-height: 119px
}
#footerBasis .campInner li.btn04 a {
    border-bottom-color: #ddd!important
}
*+html .campArea{
width:978px;
}
.campArea li a:hover {
    background: #ffe
}
.campInner li a span.inner {
    display: block;
    padding: 10px 20px;
    text-align: left;
    line-height: 1.5em
}
.campInner li.long a span.inner {
    display: block;
    padding: 10px 20px 130px;
    text-align: left;
    line-height: 1.5em
}
.campInner li.long a img {
    position: absolute;
    bottom: 2px
}
.campInner li.btn01 a img {
    left: 60px
}
.campInner li.btn02 a img {
    left: 305px
}
.campInner li.btn03 a img {
    left: 553px
}
.campInner li.btn04 a img {
    left: 796px
}
.campInner li a span.heading {
    display: block;
    font-weight: 700;
    padding: 0 0 5px 15px;
    letter-spacing: .1em
}
.campInner li {
    font-size: 90%
}
/* old IE */
*+html .campArea #guideLnk{
    margin-top:30px;
}
.campArea a span.heading {
    color: #039;
    font-size: 130%;
    background: url(../../common/personal/arrow01_039.png?$staticlink$) 0 .3em no-repeat
}
/* old IE */
*+html .campInner a span.heading { background: url(../../common/personal/arrow01_039.png?$staticlink$) no-repeat 0px 0.25em; }

.campArea a:visited span.heading {
    color: #609
}
li a span.noLink span.heading {
    color: #333
}
.campArea li a span.linkTxt {
    padding: 20px 0 0;
    color: #039;
    display: none
}
.intxt {
    display: block
}
#camp01 .twoCols {
    overflow: hidden
}
#camp01 .twoCols li {
    width: 488px
}
#camp01 .twoCols li.btn01 a img,
#camp01 .twoCols li.btn02 a img {
    left: 350px
}
#camp01 .twoCols li a {
    min-height: 100px;
    height: auto!important;
    height: 100px;
    position: relative
}
#camp01 .twoCols li a img {
    top: -25px;
    position: absolute
}
#camp01 .twoCols li a span.inner {
    padding: 15px 150px 20px 20px
}
#footerBasis .campInner_3cols ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    position: relative;
    width: 976px
}
#footerBasis .threeCols {
    overflow: hidden
}
#footerBasis .threeCols li {
    width: 325px;
    margin-bottom: -100px!important;
    padding-bottom: 100px!important
}
#footerBasis .threeCols li:first-child {
    width: 326px
}
#footerBasis .threeCols li a img {
    position: absolute
}
#footerBasis .threeCols li a {
    position: relative;
    margin-bottom: -100px!important;
    padding-bottom: 100px!important;
    min-height: 120px;
    height: auto!important;
    height: 120px
}
#camp01 .threeCols li a img {
    top: 0;
    left: 211px
}
#camp01 .threeCols li a span.inner {
    padding: 15px 112px 30px 20px;
    min-height: 90px;
    height: auto!important;
    height: 90px
}
.threeCols li a span.inner {
    padding: 15px 20px 20px
}
.threeCols li.btn01 a span.inner {
    padding-right: 97px
}
.threeCols li.btn02 a span.inner {
    padding-right: 122px
}
.threeCols li.btn03 a span.inner {
    padding-right: 115px
}
.threeCols li.btn04 a span.intxt {
    padding-right: 77px
}
.threeCols li.btn05 a span.intxt {
    padding-right: 87px
}
.threeCols li.btn06 a span.intxt {
    padding-right: 77px
}
.threeCols li.btn04 a img.artwk {
    left: 229px;
    top: 40px
}
.threeCols li.btn05 a img.artwk {
    left: 229px;
    top: 53px
}
.threeCols li.btn06 a img.artwk {
    left: 229px;
    top: 47px
}
#footerBasis .threeCols li a img.nw {
    position: static
}
#footerBasis .threeCols li.bdrTop {
    border-top: solid 1px #eee!important
}
.lbFloat,.modalArea {
    background: #000;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1500;
    text-align: center
}
.lbTblBgWh,.mdlBgWh {
    position: absolute;
    z-index: 1600;
    display: none;
    background: #fff;
    width: 980px;
    left: 50%;
    margin-left: -490px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px #000;
    -moz-box-shadow: 3px 3px 5px #000;
    -o-box-shadow: 3px 3px 5px #000;
    -ms-box-shadow: 3px 3px 5px #000;
    box-shadow: 3px 3px 5px #000
}
.lbTblBgWhIn,.mdlBgWhIn {
    background: #fff;
    margin: 0 auto;
    width: 980px
}
.lbTblBgTp,.mdlBgTp {
    position: relative;
    text-align: left
}
#floatHead {
    background: 0 0;
    font-size: 130%;
    float: left;
    width: 220px;
    color: #333;
    margin: .2em 0 0 25px;
    text-align: center
}
/* old IE */ *+html #floatHead {
margin-top:0.8em;
}
.slessText {
    margin: 10px 0 0 270px;
    width: 660px
}
.slessText .heading {
    display: none
}
.floatHeadArea {
    padding-bottom: 15px;
    border-bottom: dotted 1px #ccc
}
.floatHeadArea img {
    display: none
}
.lessSup h2 {
    font-size: 110%;
    letter-spacing: .1em;
    min-height: 14px;
    color: #2a8cbd;
    margin: 25px 0 0;
    background: url(../../common/personal/footer_heading_bg01.gif?$staticlink$) 19em center no-repeat
}
.lessSup h2 span {
    display: block;
    padding-left: 24px;
    background: url(../../common/personal/footer_heading_bg02.gif?$staticlink$) left .1em no-repeat
}
.lessSup .howToApplyzoom {
    position: relative;
    margin: 15px 0 0
}
.lessSup .howToApplyzoom .lb {
    display: none;
    position: absolute;
    text-align: center
}
.lessSup .howToApplyzoom .lb img {
    border: 3px solid #C1E1ED
}
.lbIn01 {
    border: 1px solid #c7c7c7;
    position: absolute;
    width: 729px
}
.lbIn02 {
    background: #EAF5F9;
    text-align: center;
    position: relative
}
.lbIn02:before {
    content: "";
    top: 0;
    left: 12px;
    height: 10px;
    border: 15px solid #3ea6d3;
    border-bottom-color: #EAF5F9;
    position: absolute
}
.lbIn02:after {
    content: "";
    top: 0;
    left: 17px;
    height: 15px;
    border: 15px solid #007EB5;
    border-bottom-color: #EAF5F9;
    position: absolute
}
.howToApply {
    float: right
}
.lessSup {
    margin: 10px;
    padding-top: 10px
}
.lessSup .howToApply ul {
    padding: 0;
    overflow: hidden;
    height: auto;
    border-top: solid 1px #c7c7c7;
    line-height: 0;
    vertical-align: bottom
}
.lessSup .howToApply li {
    width: 228px;
    background: #f6f6f6;
    list-style: none;
    padding: 0;
    position: relative;
    cursor: pointer;
    border-right: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    border-left: solid 1px #c7c7c7
}
.lessSup .howToApply li.current {
    background: #EAF5F9;
    border-left: solid 1px #D1E9F2
}
.lessSup .howToApply li:hover {
    background: #ffe
}
.lessSup .howToApply p.thumbImg {
    position: absolute;
    top: 10px;
    right: 20px;
    height: 104px
}
.lessSup .howToApply img {
    border: 1px solid #ccc
}
.lessSup .howToApply dl {
    margin: 0 10px;
    padding-top: 110px
}
.lessSup .howToApply dt {
    font-weight: 700;
    width: 50px
}
.lessSup .howToApply dd {
    margin: 5px 0 0;
    padding: 0 0 10px
}
.lessSup .howToApply h3 {
    margin: 0 0 5px
}
.lessSup .howToApply p {
    font-size: 90%;
    line-height: 150%
}
.lessSup .howToApply p.zoomBtn a {
    padding: 0 5px;
    top: 93px;
    right: 20px;
    position: absolute;
    font-size: 80%;
    color: #fff;
    background: #707070;
    text-decoration: none
}
.lb dl {
    margin: 0 0 10px 60px
}
/* old IE */ *+html .lb dl{
margin:0 0 10px 10px;
border-left:solid 5px #007EB5;
padding:5px 0 0 10px;
}
.lb dt {
    float: left;
    font-weight: 700;
    font-size: 150%
}
.lb dd {
    padding-left: 2.5em
}
.lb h3 {
    text-align: left;
    font-size: 150%
}
.lb h3 span {
    font-size: 55%!important
}
.lb p {
    text-align: left;
    margin-top: 5px
}
.lb_space {
    margin-bottom: 50px
}
.lbCloseBtn,.mdlCloseBtn {
    position: absolute;
    right: 5px;
    top: -5px;
    cursor: pointer
}
/* old IE */ *+html .lbCloseBtn{ top: 5px; }
#aigentRecommender {
    clear: both;
    margin-bottom: 20px!important
}
#aigentRecommender h2 {
    padding: 5px 0!important
}
#aigentRecommender .dv_recommend .dv_rc_items {
    display: block!important;
    width: 186px!important;
    padding: 0 5px!important;
    float: left!important;
    text-align: center!important
}
#aigentRecommender .dv_recommend .dv_rc_items .dv_rc_img img {
    width: 120px!important;
    height: 120px!important
}
#aigentRecommender .dv_rc_name {
    font-size: 110%!important;
    font-weight: 700!important
}
#aigentRecommender .dv_rc_price {
    color: #e00!important;
    font-size: 130%!important;
    font-weight: 700!important
}
#aigentRecommender .dv_rc_description {
    display: none!important
}
#aigentRecommender .dv_recommend .dv_rc_footer {
    clear: both!important
}
#footerWmAreaA01.business {
    width: 980px;
    margin: 10px 0 0;
    clear: both
}
#footerWmAreaA01.business h2 {
    margin-bottom: 14px;
    background: 0 0;
    height: auto
}
#footerWmAreaA01.business .footerBlockA01,
#footerWmAreaA01.business dl {
    text-align: left
}
#footerWmAreaA01.business dd,
#footerWmAreaA01.business ul {
    margin: 0;
    padding: 0
}
#footerWmAreaA01.business li {
    list-style: none
}
#footerWmAreaA01.business .footerBlockA01,
#footerWmAreaA01.business .footerBlockB01,
#footerWmAreaA01.business .footerBlockC01 {
    margin-bottom: 25px
}
#footerWmAreaA01.business .footerBlockA01 .footerBlockInner {
    padding: 0 40px
}
#footerWmAreaA01.business .footerBlockA01 .footerBlockInner dl {
    margin: 0 0 5px;
    width: 780px
}
#footerWmAreaA01.business .footerBlockA01 .footerBlockInner dt a {
    line-height: 2em;
    font-size: 110%;
    padding: 2px
}
#footerWmAreaA01.business .footerBlockA01 .footerBlockInner dt a img {
    float: left;
    margin: 0 10px 10px 0
}
#footerWmAreaA01.business .footerBlockA01 .footerBlockInner dd {
    margin-top: 0;
    width: 650px;
    padding: 2px;
    margin-left: 110px;
    position: relative
}
#footerWmAreaA01.business .footerBlockA01 .footerBlockInner dd span {
    padding: 3px;
    color: #e60000;
    font-size: 80%;
    position: absolute;
    bottom: 0;
    left: 680px;
    width: 120px
}
#footerWmAreaA01.business .footerBlockB01 .footerBlockInner ul {
    margin: 0;
    padding: 0
}
#footerWmAreaA01.business .footerBlockB01 .footerBlockInner h3 {
    margin-bottom: 10px
}
#footerWmAreaA01.business .footerBlockB01 .footerBlockInner .sectionLeft {
    width: 550px;
    float: left
}
#footerWmAreaA01.business .footerBlockB01 .footerBlockInner .sectionRight {
    width: 408px;
    float: right
}
#footerWmAreaA01.business .footerBlockB01 .footerBlockInner .sectionLeft li {
    float: left;
    margin-right: 10px;
    list-style: none;
    width: 130px
}
#footerWmAreaA01.business .footerBlockB01 .footerBlockInner .sectionRight li {
    float: left;
    margin-right: 9px;
    list-style: none;
    width: 130px
}
#footerWmAreaA01.business .footerBlockC01 {
    margin-bottom: 40px
}
#footerWmAreaA01.business .footerBlockC01 .footerBlockInner ul {
    list-style: none;
    margin: 0 50px;
    padding: 0
}
#footerWmAreaA01.business .footerBlockC01 .footerBlockInner ul li {
    text-align: center
}
#ui6000 #intelSignInner,
#ui6001 #intelSignInner,
#ui6014 #intelSignInner {
    width: 790px;
    padding-bottom: 14px!important;
    position: relative
}
#ui6000 #intelSignH2,
#ui6001 #intelSignH2,
#ui6014 #intelSignH2 {
    line-height: 100%;
    width: 257px;
    position: absolute;
    top: 0;
    left: 8px
}
#ui6000 #intelSignLogoArea,
#ui6001 #intelSignLogoArea,
#ui6014 #intelSignLogoArea {
    width: 470px;
    margin: 22px 0 0 10px!important
}
#ui6000 #intelLogoBlock,
#ui6001 #intelLogoBlock,
#ui6014 #intelLogoBlock {
    padding: 20px 0 0
}
#ui6000 .intellogoSignlist,
#ui6001 .intellogoSignlist,
#ui6014 .intellogoSignlist {
    width: 155px;
    margin: 0!important;
    padding-top: 85px!important
}
#ui6000 #intelSignTxt,
#ui6001 #intelSignTxt,
#ui6014 #intelSignTxt {
    width: 287px;
    margin: 30px 0 0 7px!important
}
#intelSignInner {
    min-height: 170px;
    padding-bottom: 14px;
    position:relative;
}
#intelSignInner>div.clearfix {
    background:#eee;
    border-bottom:solid 1px #ccc;
    text-align: center;
    padding: 6px;
}
#intelLogoBlock-2015 {
    padding: 0 0 0 188px!important;
    background: url(../../common/personal/footer-ilogo.png?$staticlink$) 9px 10px no-repeat
}
#intelSignH2 {
    text-decoration: underline;
    display: inline;
    margin-right: 20px;
    font-size: 120%;
}
#intelSignInner div p{
    display: inline;
    font-size: 110%;
}
.intellogoSignlist {
    float: left;
    width: 105px;
    font-weight: 700;
    font-size: 85%;
    margin: 0 5px 0 0!important;
    text-align: center;
    padding-top: 85px!important
}
#intellogoSigni3 {
    background: url(../../common/personal/footer_i3logo201405.png?$staticlink$) center 0 no-repeat
}
#intellogoSigni5 {
    background: url(../../common/personal/footer_i5logo201405.png?$staticlink$) center 0 no-repeat
}
#intellogoSigni7 {
    background: url(../../common/personal/footer_i7logo201405.png?$staticlink$) center 0 no-repeat
}
#intelSignTxt {
    margin: 17px 5px 0 545px;
    line-height: 1.4em;
}
#recommendArea .last {
    position: absolute;
    right: 1px
}
.pcMbArea {
    display: none
}
#ft-lineup {
    text-align: left
}
#ft-lineup dl dd {
    font-size: 93%
}
#ft-lineup dt {
    width: 300px;
    float: left
}
#ft-lineup dd,
#ft-lineup ul {
    padding: 0;
    margin: 0
}
#ft-lineup dd {
    width: 678px;
    float: left
}
#ft-lineup li {
    float: left;
    width: 200px;
    line-height: 160%;
    background: url(../../common/personal/arrow01_039.png?$staticlink$) 0 .5em no-repeat;
    padding-left: 10px;
    margin-bottom: 0
}
#ft-lineup dl {
    font-size: 90%;
    border-bottom: solid 1px #eee;
    padding: .5em 0;
    margin: 0;
    float: none!important
}
#ft-lineup .dh {
    width: 240px
}
#ft-lineup .rh, #ft-lineup .qh {
    width: 280px
}
#ft-lineup em {
    font-style: normal;
    font-size: 120%;
    font-weight: 700;
    padding-right: 13px;
    margin-left: 60px
}
#ft-lineup dl span {
    font-size: 95%
}
#ft-lineup .ft-lup-nt dt {
    margin-top: .7em
}
#ft-lineup dl.ft-lup-tt {
    border: none;
    padding-bottom: 0
}
#ft-lineup dd a {
    font-size: 107%
}
#ft-lineup a {
    text-decoration: none
}
#ft-lineup a:hover {
    text-decoration: underline
}
#ft-lineup .ft-lup-tt li {
    display: inline!important
}
dl.ft-lup-dk {
    background: url(../../common/personal/footer-lineup-icon.png?$staticlink$) 20px 3px no-repeat
}
dl.ft-lup-gh {
    background: url(../../common/personal/footer-lineup-icon.png?$staticlink$) 20px -110px no-repeat
}
dl.ft-lup-nt {
    background: url(../../common/personal/footer-lineup-icon.png?$staticlink$) 20px -24px no-repeat
}
dl.ft-lup-tt {
    background: url(../../common/personal/footer-lineup-icon.png?$staticlink$) 20px -70px no-repeat;
    padding-top: .7em!important
}

#ft-searchMnList li {
  float: left;
  width: 220px;
  line-height: 160%;
  background: url(../../common/personal/arrow01_039.png?$staticlink$) 0 .5em no-repeat;
  padding-left: 10px;
  margin-bottom: 0;
  font-size: 90%;
}

#intelLogoBlock {
  padding: 0 0 0 188px;
  background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) 9px 10px no-repeat;

}





/*-------------fotter intel logo-------------*/

/*-------------<<< for ui3811/3812-------------*/

.newIntelSign #intelSignLogoArea{
float: left;
}

.newIntelSign #intelLogoBlock {
padding: 0 0 0 188px !important;
background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) 9px 10px no-repeat;
}

.newIntelSign .intellogoSignlist {
width: 105px;
list-style:none;
}

.newIntelSign #intellogoSigni3 {
background: url(../../common/personal/footer-ilogo.png?$staticlink$) 22px -170px no-repeat;
}
.newIntelSign #intellogoSigni5 {
background: url(../../common/personal/footer-ilogo.png?$staticlink$) -88px -170px no-repeat;
}
.newIntelSign #intellogoSigni7 {
background: url(../../common/personal/footer-ilogo.png?$staticlink$) -198px -170px no-repeat;
}

/*-------------for ui3811/3812 >>>-------------*/


#intelSignArea{
border:solid 1px #ccc;
color:#555 !important;
margin-top:15px;
}

#intelSignHd{
background:#eee; border-bottom:solid 1px #ccc;; padding:10px 0 8px 0 !important;
}

#intelSignH2-2015{
font-size: 125% !important;
margin:1px 0 0 32px !important;
color: #555 !important;
width: 340px;
line-height:100%;
}

#intelSignLogoArea{
width: 520px;
margin: 17px 0 0 20px;
position: absolute;
left: 0;
}

/*ie7 hack*/
*+html #intelLogoBlock {  margin-left: 0; }


#intelLogoBlock-2015 {
padding: 0 0 0 188px !important;
background: url(../../common/personal/footer-ilogo.png?$staticlink$) 9px 10px no-repeat;
}

.intellogoSignlist-2015 {
float: left;
width: 105px;
font-weight: bold;
font-size: 88%;
margin: 0 5px 0 0 !important;
text-align: center;
padding-top: 85px !important;
}

#intellogoSigni3-2015 {
background: url(../../common/personal/footer-ilogo.png?$staticlink$) 22px -170px no-repeat;
}
#intellogoSigni5-2015 {
background: url(../../common/personal/footer-ilogo.png?$staticlink$) -88px -170px no-repeat;
}
#intellogoSigni7-2015 {
background: url(../../common/personal/footer-ilogo.png?$staticlink$) -198px -170px no-repeat;
}

#intelSignTxt-2015{
width: 407px;
margin: 17px 0 0 7px !important;
float: left;
line-height: 135%;
}


/*-------------intel area for sp 201610 add-------------*/

.sp #intelSignTxt {
  margin: 10px;
  font-size: 0.6rem;
}

.newIntelSign .sp #intelSignLogoArea {
  float:none;
}

.sp #intelSignLogoArea {
  position: static;
  margin:20px auto;
}

.sp #intelSignH2 {
  font-size: 100%;
  display: block;
  margin-top: 10px;
}

#intelSignInner.sp div p {
  font-size: 95%;
}


/*-------------intel logo 201509 add-------------*/

.gen6#intellogoSigni3 {background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) 15px -170px no-repeat;}
.gen6#intellogoSigni5 {background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) -89px -170px no-repeat;}
.gen6#intellogoSigni7 {background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) -194px -170px no-repeat;}


/*-------------intel logo for ui3811,3812,eshop-------------*/
.newIntelSign .gen6#intellogoSigni3 {background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) 15px -170px no-repeat;}
.newIntelSign .gen6#intellogoSigni5 {background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) -89px -170px no-repeat;}
.newIntelSign .gen6#intellogoSigni7 {background: url(../../common/personal/201601-footer-ilogo-g6.png?$staticlink$) -194px -170px no-repeat;}


/*-------------from addsocialbutton.css-------------*/

#socialButton {
	float: right !important;
	list-style-type: none !important;
	margin-top: 10px;
	padding: 0 !important;
	max-height: 31px;
	max-width: 370px;
	overflow: hidden;
	opacity: 0;
}
div .seo{
	width: 390px !important;
}
#socialButton li{
	float: right !important;
	margin: 0;
}
.fb-like span{
	vertical-align: middle !important;
}
#socialButton .socialButton-google{
	margin-right: 15px;
}
#socialButton .socialButton-hatena{
	margin-right: 15px;
}
#socialButton .socialButton-twitter {
	margin-right: 15px;
}


/* 2015-06 add */
hr {
margin-top: 0px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #CCC;
}


.infoFakeSite{
  background:#edf6f9; border:1px solid #c1e0f0; padding:10px;
  margin-bottom:30px;
}





/* -------------------------------------------------------------------- 
 2018.4.16 スマホ用ミニマムサポート表示
-------------------------------------------------------------------- */
.spMdlOverlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: rgba(0,0,0,0.7);
	z-index: 900;
}
.spMdlWrap{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 901;
	overflow: auto;
}
.spMdlWin{
	position: relative;
	width: 82%;
	margin: 20px 0;
	padding: 15px 15px 20px;
	background: #fff;
	font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}
#dispSp .spMdlWin h2{
	margin: 2px 0 13px;
	padding: 0;
	border: none;
	font-size: 160%;
	font-weight: bold;
	text-align: left;
	color: #007EB5;
}
.spMdlWin .stepNo{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #007EB5;
	list-style: none;
}
.spMdlWin .stepNo li{
	width: 47.5%;
	padding: 7px 0;
	border-top: 2px solid #007EB5;
	border-right: 2px solid #007EB5;
	border-left: 2px solid #007EB5;
	border-radius: 10px 10px 0 0;
	font-size: 150%;
	text-align: center;
}
.spMdlWin .stepNo li.active{
	background: #007EB5;
	color: #ffffff;
}
.spMdlWin .stepWrap{
	padding: 15px 10px;
	border-right: 2px solid #007EB5;
	border-bottom: 2px solid #007EB5;
	border-left: 2px solid #007EB5;
}
.spMdlWin .stepTxtArea{
	margin: 0;
	padding: 0;
	list-style: none;
}
.spMdlWin .stepTxtArea li{
	display: none;
}
.spMdlWin .stepTxtArea li.active{
	display: block;
}
.spMdlWin .stepTxtArea h3{
	margin: 0 0 12px;
	padding-left: 5px;
	border-left: 4px solid #007EB5;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	color: #007EB5;
}
.spMdlWin .stepTxtArea h3 span{
	font-size: 80%;
}
.spMdlWin .stepTxtArea .stepTxt{
	margin: 0;
	font-size: 115%;
	text-align: left;
}
.spMdlWin .stepTxtArea .stepTxt span{
	font-size: 90%;
}
.spMdlWin .stepImg{
	width: 100%;
	margin: 15px 0 0;
	border: 1px solid #aaaaaa;
}
.spMdlWin .stepImg img{
	width: 100%;
	height: auto;
}
.spMdlWin .closeBtn{
	position: absolute;
	right: 10px;
	top: 10px;
	display: inline-block;
	margin: 0;
}





/* -------------------------------------------------------------------- 
 2019.1.9 フッター改修
-------------------------------------------------------------------- */
#headingAreaTop .cartBlock{
  width: 179px;
}
#wmFooterBg {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #F2F2F2;
  z-index: -1;
}
#footer2019{
  margin: 20px 0 30px;
}
#footer2019 ul{
  padding: 0;
  list-style: none;
  text-align: left;
}
#footer2019 dl{
  margin: 0;
}
#footer2019 dd{
  margin: 0;
  padding: 0;
}
#footer2019 .colFourBox > li{
  float: left;
  width: 22%;
}
#footer2019 .colFourBox > li + li{
  margin-left: 4%;
}
#footer2019 .colFourBox .unitBox + .unitBox{
  margin-top: 20px;
}
#footer2019 .colFourBox .unitBox dt{
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  color: #1a1a1a;
}
#footer2019 .colFourBox .unitBox dt.titleLink a{
  color: #000;
  text-decoration: none;
}
#footer2019 .colFourBox .unitBox dt.titleLink a:hover{
  color: #555;
}
#footer2019 .colFourBox .unitBox dt .unitIcon{
  display: none;
}
#footer2019 .colFourBox .unitBox dd li + li{
  margin-top: 5px;
}
#footer2019 .colFourBox .unitBox dd li a{
  color: #555;
  font-size: 90%;
  text-decoration: none;
}
#footer2019 .colFourBox .unitBox dd li a:hover{
  text-decoration: underline;
}
#location{
  display: none;
}
#location2019{
  margin-top: 50px;
}
#location2019 ol{
  padding: 0;
  border: none;
  list-style: none;
}
#location2019 ol li{
  float: left;
  color: #555;
}
#location2019 ol li a{
  color: #555;
  text-decoration: none;
}
#location2019 ol li a:hover{
  text-decoration: underline;
}
#location2019 ol li .locSep{
  margin: 0 8px;
}
img[height="1"][width="1"]{
 display:none;
}
iframe[title="sprocket control"]{
 display:none;
}
div.naviscrolltop div.martFooterTop p{
  background: url(../../common/arrow-back.gif?$staticlink$") no-repeat left center;
}
div.naviscrolltop p{
  background: url(../../common/navi-top.gif?$staticlink$") no-repeat right center;
}
#intelSignLogoArea{
  background: none !important;
}


/* -------------------------------------------------------------------- 
 2019.1.9 フッター改修(sp)
-------------------------------------------------------------------- */
#spwrap #footer2019{
  margin: 15px 0 40px;
}
#spwrap #footer2019 .colFourBox > li{
  float: none;
  width: 100%;
}
#spwrap #footer2019 .colFourBox > li + li{
  margin-left: 0;
}
#spwrap #footer2019 .colFourBox .unitBox{
  margin-bottom: 10px;
  padding: 0 15px 10px;
  border-bottom: 1px solid #ccc;
}
#spwrap #footer2019 .colFourBox .unitBox + .unitBox{
  margin-top: 0;
}
#spwrap #footer2019 .colFourBox .unitBox dt{
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#spwrap #footer2019 .colFourBox .unitBox dt.titleLink a{
  display: block;
  position: relative;
  padding: 13px 0;
}
#spwrap #footer2019 .colFourBox .unitBox dt.titleLink a::after{
  display: inline-block;
  position: absolute;
  top: 38%;
  right: 1%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
#spwrap #footer2019 .colFourBox .unitBox dt.titleLink a:hover{
  color: #000;
}
#spwrap #footer2019 .colFourBox .unitBox dt:not(.titleLink) .unitTitle{
  padding: 13px 0;
}
#spwrap #footer2019 .colFourBox .unitBox dt .unitIcon{
  display: block;
  position: absolute;
  top: 46%;
  right: 0;
  width: 15px;
  height: 15px;
}
#spwrap #footer2019 .colFourBox .unitBox dt .unitIcon span{
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  transition: all .4s;
}
#spwrap #footer2019 .colFourBox .unitBox dt .unitIcon span:nth-of-type(1){
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
#spwrap #footer2019 .colFourBox .unitBox dt .unitIcon span:nth-of-type(2){
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#spwrap #footer2019 .colFourBox .unitBox.active dt .unitIcon span:nth-of-type(1){
	display: none;
}
#spwrap #footer2019 .colFourBox .unitBox.active dt .unitIcon span:nth-of-type(2){
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#spwrap #footer2019 .colFourBox .unitBox dd{
  display: none;
  padding-left: 20px;
}
#spwrap #footer2019 .colFourBox .unitBox.active dd{
  display: block;
}
#spwrap #footer2019 .colFourBox .unitBox dd li + li{
  margin-top: 3px;
}
#spwrap #footer2019 .colFourBox .unitBox dd li a{
  display: block;
  padding: 13px 0;
}
#spwrap #footer2019 .colFourBox .unitBox dd li a:hover{
  text-decoration: none;
}
#spwrap #location{
  display: none;
}
#spwrap #location2019{
  margin-top: 0;
  padding: 20px 15px 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#spwrap #location2019 .olWrap{
  padding-bottom: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
#spwrap #location2019 ol{
  white-space: nowrap;
}
#spwrap #location2019 ol li{
  display: inline-block;
  float: none;
}
#spwrap #location2019 ol li a:hover{
  text-decoration: none;
}
#spwrap .contentsarea{
  margin-bottom: 50px !important;
}

#dispSp #location{
  display: none;
}
#dispSp #location2019{
  margin-top: 0;
  padding: 0px 15px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#dispSp #location2019 .olWrap{
  padding-bottom: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
#dispSp #location2019 ol{
  white-space: nowrap;
}
#dispSp #location2019 ol li{
  display: inline-block;
  float: none;
}
#dispSp #location2019 ol li a:hover{
  text-decoration: none;
}
#dispSp #footer2019{
  margin: 10px 0 30px;
}
#dispSp #footer2019 .colFourBox{
  margin: 0;
}
#dispSp #footer2019 .colFourBox > li{
  float: none;
  width: 100%;
}
#dispSp #footer2019 .colFourBox > li + li{
  margin-left: 0;
}
#dispSp #footer2019 .colFourBox .unitBox{
  margin-bottom: 5px;
  padding: 0 15px 7px;
  border-bottom: 1px solid #ccc;
}
#dispSp #footer2019 .colFourBox .unitBox + .unitBox{
  margin-top: 0;
}
#dispSp #footer2019 .colFourBox .unitBox dt{
  float: none;
  width: 100%;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#dispSp #footer2019 .colFourBox .unitBox dt .unitTitle{
  margin: 0;
}
#dispSp #footer2019 .colFourBox .unitBox dt.titleLink a{
  display: block;
  position: relative;
  padding: 10px 0;
}
#dispSp #footer2019 .colFourBox .unitBox dt.titleLink a::after{
  display: inline-block;
  position: absolute;
  top: 38%;
  right: 1%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
#dispSp #footer2019 .colFourBox .unitBox dt.titleLink a:hover{
  color: #000;
}
#dispSp #footer2019 .colFourBox .unitBox dt:not(.titleLink) .unitTitle{
  padding: 10px 0;
}
#dispSp #footer2019 .colFourBox .unitBox dt .unitIcon{
  display: block;
  position: absolute;
  top: 12%;
  right: 0;
  width: 10px;
  height: 10px;
}
#dispSp #footer2019 .colFourBox .unitBox dt .unitIcon span{
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  transition: all .4s;
}
#dispSp #footer2019 .colFourBox .unitBox dt .unitIcon span:nth-of-type(1){
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
#dispSp #footer2019 .colFourBox .unitBox dt .unitIcon span:nth-of-type(2){
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#dispSp #footer2019 .colFourBox .unitBox.active dt .unitIcon span:nth-of-type(1){
	display: none;
}
#dispSp #footer2019 .colFourBox .unitBox.active dt .unitIcon span:nth-of-type(2){
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#dispSp #footer2019 .colFourBox .unitBox dd{
  display: none;
  padding-left: 20px;
}
#dispSp #footer2019 .colFourBox .unitBox.active dd{
  display: block;
}
#dispSp #footer2019 .colFourBox .unitBox dd ul{
  margin: 0;
}
#dispSp #footer2019 .colFourBox .unitBox dd li + li{
  margin-top: 1px;
}
#dispSp #footer2019 .colFourBox .unitBox dd li a{
  display: block;
  padding: 10px 0;
}
#dispSp #footer2019 .colFourBox .unitBox dd li a:hover{
  text-decoration: none;
}





/* -------------------------------------------------------------------- 
 2019.1.9 フッター改修(sp)
-------------------------------------------------------------------- */
/*#headingAreaBtm{
  margin: 10px 0 0;
}
#headingAreaBtm #hcd0KwBlc{
  width: 710px !important;
}
#headingAreaBtm #hcd0KwBlc .keyword_list{
  width: 620px !important;
}
#headingAreaBtm #hcd0KwBlc .keyword_list{
  padding-bottom: 7px;
  overflow-x: scroll;
  -ms-overflow-style: none;
}
@-moz-document url-prefix() {
	#headingAreaBtm #hcd0KwBlc .keyword_list{
		overflow-x: hidden;
	}
}
#headingAreaBtm #hcd0KwBlc .keyword_list::-webkit-scrollbar{
  height: 3px;
}
#headingAreaBtm #hcd0KwBlc .keyword_list::-webkit-scrollbar-track{
  background: #fff;
}
#headingAreaBtm #hcd0KwBlc .keyword_list::-webkit-scrollbar-thumb{
  border-radius: 50px;
  background: rgba(0,0,0,0.2);
}
#headingAreaBtm #hcd0KwBlc .keyword_list ul{
  white-space: nowrap;
}*/



/* 2021.2.4 法人仕様ページ向け追加（ui6721など）
-------------------------------------------------------------------- */
#ui6300 #reliability table.efforts tr * {
    padding: 10px;
    border: solid 1px #999;
}