/** === elementSubNavi === */
.elementSubNavi { width: 224px; float: right; margin-top: 20px; padding-bottom: 30px; background: url(/common/images/line_dot.png) no-repeat 0 100%; text-align: left; /* background-position */ }
@media screen and (max-width: 640px) { .elementSubNavi { width: 100%; height: 38px; position: relative; float: none; margin-top: 0; padding-bottom: 0; background: none; z-index: 9999; } }
@media screen and (max-width: 640px) { .elementSubNavi.subSimple .label { background: url(/common/images/header/index_img_set.png) no-repeat 0 0; background-position: 10px -63px; } }
.elementSubNavi .root { display: block; }
@media screen and (max-width: 640px) { .elementSubNavi .root { display: none; } }
.elementSubNavi .top { display: none; }
@media screen and (max-width: 640px) { .elementSubNavi .top { width: 100%; height: 36px; display: block; padding: 1px 0; } }
.elementSubNavi .top > .service { cursor: pointer; height: 36px; display: block; margin: 0 auto; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.elementSubNavi .top > .menu { display: block; cursor: pointer; margin: 0; position: absolute; left: 0; top: 0; height: 36px; -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.elementSubNavi .top > .tel { display: none; }
@media screen and (max-width: 640px) { .elementSubNavi .top > .tel { cursor: pointer; display: block; height: 30px; width: 100px; position: absolute; right: 10px; top: 3px; background: url(/common/images/header/201507/menu_icon_telephone.png) no-repeat center center; background-size: 60px auto; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  .elementSubNavi .top > .tel .icon { cursor: pointer; background: url(/common/images/header/201507/menu_icon_telephone_mark.png) no-repeat center center; background-size: 13px auto; -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease; display: block; height: 30px; width: 50px; position: absolute; right: -18px; top: 0px; } }
@media screen and (max-width: 640px) { .elementSubNavi .top > .tel.open .icon { background: url(/common/images/header/201507/menu_icon_telephone_close.png) no-repeat center center; background-size: 13px auto; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
.elementSubNavi.subNaviService .top { border: none; position: relative; }
.elementSubNavi.subNaviService .top > .service { width: 75px; background: url(/common/images/header/label-nuro-sp@2x.png) no-repeat center center; background-size: 50px auto; }
.elementSubNavi.subNaviService .top > .service a { display: block; height: 36px; }
.elementSubNavi.subNaviService .top > .menu { width: 50px; background: url(/common/images/header/201507/menu_icon.png) no-repeat center center; background-size: 20px auto; }
.elementSubNavi.subNaviService .top > .menu.open { background: url(/common/images/header/201507/menu_icon_close.png) no-repeat center center; background-size: 20px auto; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.elementSubNavi.subNaviWhatsNuro .top { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0OTdkZSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjNGQ2ODhkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDQ2MTg4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6497de), color-stop(60%, #4d688d), color-stop(100%, #446188)); background-image: -moz-linear-gradient(#6497de, #4d688d 60%, #446188 100%); background-image: -webkit-linear-gradient(#6497de, #4d688d 60%, #446188 100%); background-image: linear-gradient(#6497de, #4d688d 60%, #446188 100%); border-bottom: 1px solid #273447; }
.elementSubNavi.subNaviWhatsNuro .top > .service { width: 90px; background-image: url(/common/images/subnavi/label-pulldownWhatsNuro-sp@2x.png); }
.elementSubNavi.subNaviWhatsNuro .top > .menu { width: 129px; position: relative; background-image: url(/common/images/subnavi/label-pulldown-menu-sp@2x.png); }
.elementSubNavi.subNaviWhatsNuro .top > .menu:after { width: 14px; height: 13px; content: ""; display: block; position: absolute; left: -20px; top: 0; margin: 0; background-image: url(/common/images/subnavi/icon-pulldown-menu-sp@2x.png); background-size: 100% 100%; }
.elementSubNavi.submansion .top > .tel { background: url(/common/images/header/201507/menu_icon_telephone_01.png) no-repeat center center; }
.elementSubNavi.submansion { display: none; }
@media screen and (max-width: 640px) { .elementSubNavi.submansion { display: block; } }
@media screen and (max-width: 640px) { .elementSubNavi.submansion ul { background: url(/common/images/header/201507/ico02.png) no-repeat 13px 3px; }
  .elementSubNavi.submansion ul li { background: #FFA500; height: 40px; }
  .elementSubNavi.submansion ul li a { border-bottom: 1px solid #FFC55A; border-right: 1px solid #FFC55A; background: #FFA500; }
  .elementSubNavi.submansion ul li.hikariTop { background: #A3D839; height: 80px; }
  .elementSubNavi.submansion ul li.hikariTop a { border: none; background: #A3D839; height: 80px; }
  .elementSubNavi.submansion ul li.hikariTop a span { height: 80px; background: url(/common/images/header/201507/icon_kodate.png) no-repeat center center; background-size: 120px auto; text-indent: -9999px; }
  .elementSubNavi.submansion ul li.mansionTop { height: 80px; }
  .elementSubNavi.submansion ul li.mansionTop a { height: 80px; }
  .elementSubNavi.submansion ul li.mansionTop a span { height: 80px; background: url(/common/images/header/201507/icon_mansion.png) no-repeat center center; background-size: 120px auto; text-indent: -9999px; }
  .elementSubNavi.submansion ul li.support { height: 60px; }
  .elementSubNavi.submansion ul li.support a { background: #000; border: none; height: 60px; }
  .elementSubNavi.submansion ul li.support a span { height: 60px; background: url(/common/images/header/201507/icon_support.png) no-repeat center center; text-indent: -9999px; } }
.elementSubNavi.subtop { display: none; }
@media screen and (max-width: 640px) { .elementSubNavi.subtop { display: block; background: #000; } }
@media screen and (max-width: 640px) { .elementSubNavi.subtop ul { background: url(/common/images/header/201507/ico00.png) no-repeat 13px 3px; }
  .elementSubNavi.subtop ul li { background: #A3D839; height: 40px; }
  .elementSubNavi.subtop ul li a { border: none; }
  .elementSubNavi.subtop ul li.hikariTop { height: 80px; }
  .elementSubNavi.subtop ul li.hikariTop a { height: 80px; }
  .elementSubNavi.subtop ul li.hikariTop a span { height: 80px; background: url(/common/images/header/201507/icon_kodate.png) no-repeat center center; background-size: 120px auto; text-indent: -9999px; }
  .elementSubNavi.subtop ul li.mansionTop { height: 80px; }
  .elementSubNavi.subtop ul li.mansionTop a { background: #FFA500; border: none; height: 80px; }
  .elementSubNavi.subtop ul li.mansionTop a span { height: 80px; background: url(/common/images/header/201507/icon_mansion.png) no-repeat center center; background-size: 120px auto; text-indent: -9999px; }
  .elementSubNavi.subtop ul li.support { height: 80px; }
  .elementSubNavi.subtop ul li.support a { background: #000; border: none; height: 80px; }
  .elementSubNavi.subtop ul li.support a span { height: 80px; background: url(/common/images/header/201507/icon_support.png) no-repeat center center; text-indent: -9999px; } }
.elementSubNavi.subhikari { display: none; }
@media screen and (max-width: 640px) { .elementSubNavi.subhikari { display: block; } }
@media screen and (max-width: 640px) { .elementSubNavi.subhikari ul { background: url(/common/images/header/201507/ico00.png) no-repeat 13px 3px; }
  .elementSubNavi.subhikari ul li { background: #A3D839; height: 40px; }
  .elementSubNavi.subhikari ul li a { border-bottom: 1px solid #BCF363; border-right: 1px solid #BCF363; background: #A3D839; }
  .elementSubNavi.subhikari ul li.hikariTop { height: 80px; }
  .elementSubNavi.subhikari ul li.hikariTop a { height: 80px; }
  .elementSubNavi.subhikari ul li.hikariTop a span { height: 80px; background: url(/common/images/header/201507/icon_kodate.png) no-repeat center center; background-size: 120px auto; text-indent: -9999px; }
  .elementSubNavi.subhikari ul li.mansionTop { height: 60px; }
  .elementSubNavi.subhikari ul li.mansionTop a { background: #FFA500; border: none; height: 60px; }
  .elementSubNavi.subhikari ul li.mansionTop a span { height: 60px; background: url(/common/images/header/201507/icon_mansion.png) no-repeat center center; background-size: 120px auto; text-indent: -9999px; }
  .elementSubNavi.subhikari ul li.support { height: 60px; }
  .elementSubNavi.subhikari ul li.support a { background: #000; border: none; height: 60px; }
  .elementSubNavi.subhikari ul li.support a span { height: 60px; background: url(/common/images/header/201507/icon_support.png) no-repeat center center; text-indent: -9999px; } }
.elementSubNavi .sony-banner { height: 36px; background: #000000; position: relative; }
.elementSubNavi .sony-banner span { position: absolute; top: 11px; right: 14px; display: block; width: 72px; height: 14px; background: url(/common/images/header/sony_logo.png) no-repeat -5px -9px; background-size: auto 33px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.elementSubNavi ul { margin: 0; padding: 0; }
@media screen and (max-width: 640px) { .elementSubNavi ul { overflow: hidden; position: static; width: 98%; padding-top: 10px; margin: -15px auto 0; box-sizing: border-box; } }
.elementSubNavi ul.telephone { display: none; }
@media screen and (max-width: 640px) { .elementSubNavi ul.telephone { background: url(/common/images/header/201507/ico01.png) no-repeat right 5px top 3px; margin: -12px auto 0; }
  .elementSubNavi ul.telephone li { float: none; width: 100%; background: #6699ff; text-align: center; padding: 16px 0 15px; }
  .elementSubNavi ul.telephone li a { border: none !important; background: none !important; height: auto; }
  .elementSubNavi ul.telephone li a img { width: 188px; height: auto !important; }
  .elementSubNavi ul.telephone.subIndex li { background: #fff; } }
.elementSubNavi ul.open { display: block !important; }
.elementSubNavi li { margin: 0; padding: 0; }
.elementSubNavi li.hikariTop, .elementSubNavi li.mansionTop, .elementSubNavi li.support { display: none; }
@media screen and (max-width: 640px) { .elementSubNavi li.hikariTop, .elementSubNavi li.mansionTop, .elementSubNavi li.support { display: block; float: none; width: 100%; clear: both; } }
@media screen and (max-width: 640px) { .elementSubNavi li { float: left; width: 50%; }
  .elementSubNavi li.width { width: 100%; } }
.elementSubNavi li a { display: block; background-repeat: no-repeat; color: #222; font-size: 100%; font-style: normal; height: 56px; line-height: 56px; }
.elementSubNavi li a.outside span { padding: 0; background: url(/common/images/icon-outside_white.png) no-repeat 100% 50%; background-size: 14px auto; }
@media screen and (max-width: 640px) { .elementSubNavi li a { padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: 100% 50% !important; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #0f0f0f; color: #fff; font-size: 14px; text-decoration: none; } }
@media screen and (max-width: 640px) { .elementSubNavi li li li a { margin-left: 50px; } }
.elementSubNavi li a > span { padding: 0 10px 0 40px; }
@media screen and (max-width: 640px) { .elementSubNavi li a > span { display: block; text-align: center; padding: 0; } }
.elementSubNavi.subNaviService li a { background-image: url(/common/images/subnavi/201501/bg-subNaviService.gif); }
@media screen and (max-width: 640px) { .elementSubNavi.subNaviService li a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAAPUlEQVQYlWP4////PSB2AmIGWmEQ8RuIvwHxYiA2BWImWljy5T8CTAFiLlpY8hWIdwKxIy2DCxQfLLSMEwBu/X9J1Nud3AAAAABJRU5ErkJggg==); } }
.elementSubNavi.subNaviService li a.lte { background-image: url(/common/images/subnavi/bg-lte.gif); }
@media screen and (max-width: 640px) { .elementSubNavi.subNaviService li a.lte { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAAPUlEQVQYlWP4////PSB2AmIGWmEQ8RuIvwHxYiA2BWImWljy5T8CTAFiLlpY8hWIdwKxIy2DCxQfLLSMEwBu/X9J1Nud3AAAAABJRU5ErkJggg==); } }
@media screen and (max-width: 640px) { .elementSubNavi.subNaviService > ul > li > a { font-size: 98%; padding: 0 10px; background-image: none; } }
@media screen and (max-width: 640px) { .elementSubNavi.subNaviService > ul > li > a.lte { background-color: #4d688d; border-bottom: 1px solid #273447; } }
.elementSubNavi.subNaviWhatsNuro li a { background-image: url(/common/images/subnavi/bg-subNaviWhatsNuro.gif); }
@media screen and (max-width: 640px) { .elementSubNavi.subNaviWhatsNuro li a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAAPUlEQVQYlWP4////PSB2AmIGWmEQ8RuIvwHxYiA2BWImWljy5T8CTAFiLlpY8hWIdwKxIy2DCxQfLLSMEwBu/X9J1Nud3AAAAABJRU5ErkJggg==); } }
@media screen and (max-width: 640px) { .elementSubNavi.subNaviWhatsNuro > ul > li > a { background-color: #4d688d; border-bottom: 1px solid #273447; } }
@media screen and (max-width: 640px) { .elementSubNavi.subNaviWhatsNuro > ul > li > ul.switch { display: block; } }
.elementSubNavi > ul > li > a { height: 56px; line-height: 56px; }
@media screen and (max-width: 640px) { .elementSubNavi > ul > li > a { height: 40px; line-height: 40px; border: 0; } }
.elementSubNavi li a, .elementSubNavi li a.close { background-position: 0 -112px; }
.elementSubNavi li a:hover, .elementSubNavi li a.close:hover { background-position: 0 -168px; }
.elementSubNavi li a.current { background-position: 0 -224px; }
.elementSubNavi li a.current:hover { background-position: 0 -224px; }
.elementSubNavi li li a, .elementSubNavi li li a.close { background-position: 0 -280px; }
.elementSubNavi li li a:hover, .elementSubNavi li li a.close:hover { background-position: 0 -323px; }
.elementSubNavi li li a.current { background-position: 0 -366px; }
.elementSubNavi li li a.current:hover { background-position: 0 -366px; }
.elementSubNavi li li li a, .elementSubNavi li li li a.close { background-position: 0 -538px; }
.elementSubNavi li li li a:hover, .elementSubNavi li li li a.close:hover { background-position: 0 -581px; }
.elementSubNavi li li li a.current { background-position: 0 -624px; }
.elementSubNavi li li li a.current:hover { background-position: 0 -624px; }
.elementSubNavi li.last a { background-position: 0 0; }
.elementSubNavi li.last a:hover { background-position: 0 -56px; }
.elementSubNavi li.last a.current { background-position: 0 -224px; }
.elementSubNavi li.last a.current:hover { background-position: 0 -224px; }
.elementSubNavi li li.last a { background-position: 0 0; }
.elementSubNavi li li.last a:hover { background-position: 0 -56px; }
.elementSubNavi li li.last a.current { background-position: 0 -224px; }
.elementSubNavi li li.last a.current:hover { background-position: 0 -224px; }
.elementSubNavi li li li.last a.current { background-position: 0 -753px; }
.elementSubNavi li li li.last a.current:hover { background-position: 0 -753px; }

@media screen and (max-width: 640px) { .elementSubNavi.subhikari ul li.hikariTop a span, .elementSubNavi.submansion ul li.hikariTop a span, .elementSubNavi.subtop ul li.hikariTop a span { height: 80px; background: url(/common/images/header/icon_kodate_top.png) no-repeat center center; background-size: 220px auto; text-indent: -9999px; }
  .elementSubNavi.subhikari ul li.mansionTop a span, .elementSubNavi.submansion ul li.mansionTop a span, .elementSubNavi.subtop ul li.mansionTop a span { height: 90px; background: url(/common/images/header/icon_mansion_top.png) no-repeat center center; background-size: 164px auto; text-indent: -9999px; }
  .elementSubNavi.subhikari ul li.tengTop a, .elementSubNavi.submansion ul li.tengTop a, .elementSubNavi.subtop ul li.tengTop a { background: #666; border: none; }
  .elementSubNavi.subhikari ul li.toppage, .elementSubNavi.submansion ul li.toppage, .elementSubNavi.subtop ul li.toppage { height: auto; border-top: 1px solid #333; background: #f3f3f3; }
  .elementSubNavi.subhikari ul li.toppage a, .elementSubNavi.submansion ul li.toppage a, .elementSubNavi.subtop ul li.toppage a { background: #ddd; border: none; height: auto; text-align: center; color: #000; font-weight: bold; }
  .elementSubNavi.subhikari ul li.toppage a span, .elementSubNavi.submansion ul li.toppage a span, .elementSubNavi.subtop ul li.toppage a span { height: 50px; background: url(/common/images/header/201507/icon_toppage.png) no-repeat center center; text-indent: -9999px; }
  .elementSubNavi.subhikari { background: #000; }
  .elementSubNavi.submansion { background: #000; }
  #toppage .elementSubNavi.subhikari { background: none !important; }
  #toppage .elementSubNavi.subhikari ul { margin: 6px auto 0; }
  .elementSubNavi .headerLink a { display: block; margin: 0 auto; width: 60px; }
  .elementSubNavi.subhikari ul, .elementSubNavi.subtop ul { background: url(/common/images/header/201507/ico00.png) no-repeat 13px 3px; }
  .elementSubNavi.submansion ul { background: url(/common/images/header/201507/ico02.png) no-repeat 13px 3px; }
  .elementSubNavi ul.telephone { background: url(/common/images/header/201507/ico01.png) no-repeat right 5px top 3px; margin: -12px auto 0; } }
.elementSubNavi .headerLink { background: #666; text-align: center; padding: 8px 8px; box-sizing: border-box; color: #fff; }

@media screen and (max-width: 640px) { .area .elementSubNavi, .plan .elementSubNavi, .legal .elementSubNavi { display: block; background-color: #000; height: auto !important; }
  .area .elementSubNavi .top, .plan .elementSubNavi .top, .legal .elementSubNavi .top { position: relative; }
  .area .elementSubNavi ul, .plan .elementSubNavi ul, .legal .elementSubNavi ul { position: absolute; left: 1%; } }
/** === elementFunctions === */
.elementFunctions { width: 224px; float: right; }
@media screen and (max-width: 640px) { .elementFunctions { width: 100%; float: none; margin-top: 50px; margin-bottom: 17px; padding-right: 10px; padding-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.elementFunctions ul { display: block; margin-top: 0; margin-bottom: 0; }
.elementFunctions li { width: 224px; vertical-align: bottom; }
@media screen and (max-width: 640px) { .elementFunctions li { width: auto; background: #f2f3f4 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAGCAYAAAAhS6XkAAAAVUlEQVQYlWPIy8//f+vW7f+vXr1igOH///+ThRmMjY3/W1lZ/Z84cdL/d+8//KfYMBj28vL6v3Xbtv9UM2zz5i2UGWZhYQH25pu37yjzZlZWFtUiAAB5/EOnNV5ozwAAAABJRU5ErkJggg==) no-repeat 100% 50%; } }
.elementFunctions a { display: block; text-indent: -999em; background: url(/common/images/functions/201403/label-navigations-inquiryMerge.png) no-repeat 0 0; }
@media screen and (max-width: 640px) { .elementFunctions a { height: 38px; margin-top: -1px; background: none; border: 1px solid #cdcdcd; color: #333; font-size: 100%; line-height: 1.0; text-align: center; text-decoration: none; text-indent: 0; vertical-align: top; } }
.elementFunctions .text { display: none; }
@media screen and (max-width: 640px) { .elementFunctions .text { display: inline-block; vertical-align: top; } }
@media screen and (max-width: 640px) { .elementFunctions .text:before { content: ''; display: inline-block; margin: 0 0 0 -40px; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: middle; } }
@media screen and (max-width: 640px) { .elementFunctions .text span { display: inline-block; } }

/** === elementFunctionsSpecial === */
.elementFunctionsSpecial { width: 224px; float: right; }
.elementFunctionsSpecial ul li { padding: 0 0 10px; border-bottom: 1px dashed #a0a0a0; text-align: left; }
.elementFunctionsSpecial ul li a { color: #222; }
.elementFunctionsSpecial ul li.title { padding: 0; border: none; background-image: url(/common/images/functions/special_title.png); background-repeat: no-repeat; text-indent: -999em; height: 31px; border-bottom: 2px solid #89DA15; }
@media screen and (max-width: 640px) { .elementFunctionsSpecial { width: 100%; float: none; margin-bottom: 17px; padding-right: 10px; padding-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/** === elementFunctionsSupport === */
.elementFunctionsSupport { width: 224px; float: right; }
@media screen and (max-width: 640px) { .elementFunctionsSupport { width: 100%; float: none; margin-bottom: 17px; padding-right: 10px; padding-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.elementFunctionsSupport ul { display: block; margin-top: 0; margin-bottom: 0; }
.elementFunctionsSupport li { width: 224px; vertical-align: bottom; }
@media screen and (max-width: 640px) { .elementFunctionsSupport li { width: auto; } }
.elementFunctionsSupport a { display: block; text-indent: -999em; background: url(/common/images/functions/201403/label-navigations-inquiryMerge.png) no-repeat 0 0; }
@media screen and (max-width: 640px) { .elementFunctionsSupport a { height: 38px; margin-top: -1px; background: none; border: 1px solid #cdcdcd; color: #333; font-size: 100%; line-height: 1.0; text-align: center; text-decoration: none; text-indent: 0; vertical-align: top; } }
.elementFunctionsSupport .text { display: none; }
@media screen and (max-width: 640px) { .elementFunctionsSupport .text { display: inline-block; vertical-align: top; } }
@media screen and (max-width: 640px) { .elementFunctionsSupport .text:before { content: ''; display: inline-block; margin: 0 0 0 -40px; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: middle; } }
@media screen and (max-width: 640px) { .elementFunctionsSupport .text span { display: inline-block; } }
.elementFunctionsSupport .mypage { border-top: 2px solid #8bd830; }
.elementFunctionsSupport .mypage a { height: 43px; margin-top: 20px; background-position: -448px 0; }
@media screen and (max-width: 640px) { .elementFunctionsSupport .mypage a { height: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f2f3f4 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAGCAYAAAAhS6XkAAAAVUlEQVQYlWPIy8//f+vW7f+vXr1igOH///+ThRmMjY3/W1lZ/Z84cdL/d+8//KfYMBj28vL6v3Xbtv9UM2zz5i2UGWZhYQH25pu37yjzZlZWFtUiAAB5/EOnNV5ozwAAAABJRU5ErkJggg==) no-repeat 100% 50%; padding: 0 0 10px; } }
.elementFunctionsSupport .mypage a:hover { background-position: -448px -43px; }
@media screen and (max-width: 640px) { .elementFunctionsSupport .mypage .text { width: 238px; } }
@media screen and (max-width: 640px) { .elementFunctionsSupport .mypage .text:before { width: 36px; height: 36px; margin-top: 5px; margin-bottom: -10px; background-image: url(/common/images/functions/icon-customers.gif); } }
@media screen and (max-width: 640px) { .elementFunctionsSupport .mypage .label1 { margin-top: 15px; vertical-align: top; } }
@media screen and (max-width: 640px) { .elementFunctionsSupport .mypage .label2 { margin-top: -6px; padding-left: 10px; font-size: 83%; vertical-align: top; } }

/** === elementFunctionsAfter === */
.elementFunctionsAfter { width: 224px; float: right; }
@media screen and (max-width: 640px) { .elementFunctionsAfter { width: 100%; float: none; margin-top: 10px; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.elementFunctionsAfter .replacement { background-repeat: no-repeat; background-position: 0 0; height: 0; overflow: hidden; }
.elementFunctionsAfter .replacement span.text { z-index: -1; }
@media screen and (max-width: 640px) { .elementFunctionsAfter .replacement { background: none !important; height: auto; padding-top: 0 !important; width: 100% !important; }
  .elementFunctionsAfter .replacement span.text { display: block; z-index: auto; } }
.elementFunctionsAfter .speedupContents { margin-top: 10px; margin-bottom: 0; }
.elementFunctionsAfter .speedupContents .banner a { background-image: url(/common/images/supplementLinks/bn_speedupContents.png); padding-top: 52px; width: 224px; display: block; margin-bottom: 10px; }
@media screen and (max-width: 640px) { .elementFunctionsAfter .speedupContents .banner { width: auto; background: #f2f3f4 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAGCAYAAAAhS6XkAAAAVUlEQVQYlWPIy8//f+vW7f+vXr1igOH///+ThRmMjY3/W1lZ/Z84cdL/d+8//KfYMBj28vL6v3Xbtv9UM2zz5i2UGWZhYQH25pu37yjzZlZWFtUiAAB5/EOnNV5ozwAAAABJRU5ErkJggg==) no-repeat 100% 50%; }
  .elementFunctionsAfter .speedupContents .banner a { border: 1px solid #cdcdcd; box-sizing: border-box; color: #333; font-size: 100%; line-height: 1.0; text-align: center; text-decoration: none; text-indent: 0; vertical-align: top; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
  .elementFunctionsAfter .speedupContents .banner a .text { height: 38px; line-height: 38px; }
  .elementFunctionsAfter .speedupContents .banner a .text .step { color: #4b49a7; font-weight: bold; font-size: 1.2em; }
  .elementFunctionsAfter .speedupContents .banner a .text:before { content: ''; display: inline-block; margin: 0 0 0 -40px; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: middle; width: 16px; height: 16px; margin-right: 6px; background-image: url(/common/images/icon-outside.gif); } }
.elementFunctionsAfter .speedupContents .checkLink { text-align: left; }
@media screen and (max-width: 640px) { .elementFunctionsAfter .speedupContents .checkLink { margin-left: 10px; } }

/** === elementSupplementLinks === */
.elementSupplementLinks { width: 224px; float: right; margin-top: 40px; text-align: left; }
@media screen and (max-width: 640px) { .elementSupplementLinks { width: 100%; position: relative; float: none; margin-top: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.elementSupplementLinks .linklist { margin-top: -10px; margin-bottom: 0; text-align: left; }
.elementSupplementLinks .linklist p { margin-top: 2px; color: #333; font-size: 100%; }
@media screen and (max-width: 640px) { .elementSupplementLinks .linklist { margin-left: 10px; } }
.elementSupplementLinks .linklist .replacement .text { display: none; }
@media screen and (max-width: 640px) { .elementSupplementLinks .linklist .replacement a { background: url(/common/images/icon-link.gif) no-repeat 0 50%; display: inline-block; padding-left: 18px; }
  .elementSupplementLinks .linklist .replacement .image { display: none; }
  .elementSupplementLinks .linklist .replacement .text { display: block; } }

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