@charset "UTF-8";
body .pc_only {
  display: block;
}

body .sp_only {
  display: none;
}

body .smartphone_only {
  display: none;
}

li {
  list-style-type: none;
}

#container {
  width: 980px;
  color: #333333;
  font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
  line-height: 1.7;
}

#container:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

h2 {
  font-size: 1.7em;
  color: #328ED7;
  border-bottom: 2px solid #328ED7;
  line-height: 1;
  padding: 0 0 0.6% 3%;
}

/* トップイメージ */
div.right_area {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
}

/* タイトル
-------------------------------*/
#container h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 0 30px;
  padding-bottom: 0;
}

/* 確定申告、後回しになっていませんか？ */
#main-contents {
  float: none;
  width: 980px;
}

div#read {
  margin-bottom: 6%;
}

div#read div#read-inner {
  padding: 3%;
}

div#read div#read-inner strong {
  display: block;
  font-size: 1.4em;
  margin-bottom: 1%;
}

div#read-img {
  background-color: #f0f0f0;
  margin: 0 3%;
  padding: 3% 6%;
}

div#read-img .read-img-top .read-note-left {
  float: left;
  width: 46.8%;
  padding: 0 0 1%;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}

div#read-img .read-img-top .read-note-right {
  float: right;
  width: 46.8%;
  padding: 0 0 1%;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}

div#read-img .read-img-bottom .read-i-left {
  float: left;
}

div#read-img .read-img-bottom .read-i-right {
  float: right;
}

/* 自宅のパソコンでラクラク確定申告 */
#easy div#easy-inner {
  padding: 1.5% 3% 7%;
}

#easy div#easy-inner span.att {
  font-size: 0.9em;
}

#easy-inner .easy-note {
  width: 59%;
  display: inline-block;
  padding-bottom: 30%;
}

#easy-inner .easy-product {
  width: 38%;
  float: right;
}

#easy-inner .easy-product .photo img {
  width: 100%;
}

#easy-inner .easy-product .easy-product-item {
  background-color: #ebf8ff;
  display: flex;
  padding: 2%;
  margin: 2% 0 0;
  font-size: 0.8em;
}

#easy-inner .easy-product .easy-product-item .easy-product-photo {
  display: block;
  width: 27%;
}

#easy-inner .easy-product .easy-product-item .easy-product-photo img {
  width: 100%;
}

#easy-inner .easy-product .easy-product-item .easy-product-right {
  width: 70%;
  margin: 0 0 0 5%;
}

#easy-inner .easy-product .easy-product-item .easy-product-right a {
  display: block;
  margin: 0.5em 0 0;
}

#easy-inner .easy-product .easy-product-item .easy-product-right a img {
  vertical-align: middle;
  margin: 0 2% 0 0;
}

#easy-inner .easy-product .easy-product-item .easy-product-right .price {
  margin-left: 1.5em;
}

#easy div#e-tax {
  margin: 3% 0 0;
}

#easy div#e-tax p {
  color: #0C4F9D;
  font-weight: bold;
  font-size: 1.45em;
  text-align: center;
}

#easy div#e-tax ul {
  padding: 1.2% 2% 4%;
  text-align: center;
}

#easy div#e-tax ul li {
  display: inline-block;
  padding: 0 3.5% 0 0;
  width: 23.5%;
  vertical-align: top;
}

#easy div#e-tax ul li:nth-of-type(3),
#easy div#e-tax ul li:nth-of-type(5) {
  padding: 0;
}

#easy div#e-tax ul li span {
  display: block;
  margin: 3% 0 0 3%;
  font-size: 0.9em;
}

#easy div#e-tax ul li img {
  width: 100%;
}

/* 手順 */
div#process p.title {
  background-color: #03519B;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFFFFF;
}

div#process p.title {
  background-color: #03519b;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: bold;
  padding: 1%;
  text-align: center;
}

div#process-inner {
  background-color: #BFE3F3;
  padding: 3% 3% 1px;
}

div#process-inner div.process {
  background-color: #FFFFFF;
  padding: 6% 10% 3%;
  margin-bottom: 3%;
}

div#process-inner div.process p.order {
  font-size: 1.43em;
  text-align: center;
  font-weight: bold;
  color: #21439B;
}

div#process-inner div.process p.order img {
  width: 5%;
  display: block;
  margin: 0 auto 2.5%;
}

div#process-inner div.process-a ul {
  padding: 1.5% 3% 1.5% 6%;
  width: 87%;
  margin: 0 auto 3%;
}

div#process-inner div.process-a ul,
div#process-inner div.process-b ul,
div#process-inner div.process-c ul {
  padding: 2.5% 3% 1.5% 6%;
}

div#process-inner div.process-a ul li.p-left,
div#process-inner div.process-c ul li.p-left {
  float: left;
  width: 42%;
}

div#process-inner div.process-b ul li.p-left {
  float: left;
  padding: 0 5% 0 0;
  width: 44%;
}

div#process-inner div.process-b ul li.p-left span {
  display: block;
  color: #004499;
  font-weight: bold;
  font-size: 1.1em;
  margin: 0 0 2%;
}

div#process-inner div.process-c img.sasikomi {
  display: block;
  margin: 3% auto 4%;
}

div#process-inner div.process-a .p-center {
  float: left;
  width: 9%;
  padding: 7% 3% 0 0;
  font-size: 5em;
  font-weight: bold;
  color: #055698;
}

div#process-inner div.process-c .p-center {
  color: #055698;
  float: left;
  font-size: 5em;
  font-weight: bold;
  padding: 0 3%;
  width: 8%;
}

div#process-inner div.process-c .p-center img {
  vertical-align: middle;
}

div#process-inner div.process-a .p-right,
div#process-inner div.process-c .p-right {
  float: left;
  width: 42%;
}

div#process-inner div.process-b .p-right {
  border-left: 1px dotted #333333;
  float: left;
  padding: 0 0 0 5%;
  width: 44%;
}

div#process-inner div.process-b .p-right span {
  display: block;
  color: #004499;
  font-weight: bold;
  font-size: 1.1em;
  margin: 0 0 2%;
}

div#process-inner div.process-b .p-right span.download {
  display: block;
  text-align: right;
  padding-top: 3%;
}

div#process-inner div.process-b .p-right img {
  width: 70%;
}

div#process-inner div.process-c ul li.p-left span,
div#process-inner div.process-c ul li.p-right span {
  display: block;
  margin: 3% 0 0;
  font-size: 0.85em;
  line-height: 1.3;
}

.p-left img.p-leftimg {
  display: block;
  width: 46%;
  margin: 20px auto 0;
}

.p-center img {
  width: 100%;
}

.p-right a {
  text-align: center;
  display: block;
  font-weight: bold;
  opacity: 1;
  transition: 0.2s;
}

.p-right a.link-btn {
  background: #4472c4;
  color: #fff;
  margin: 4% 0 0;
  padding: 2%;
  border-radius: 7px;
  font-size: 0.95em;
}

.p-right a.link-btn .sankaku {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #ffffff;
  display: inline-block;
  margin: 0 0 0 2%;
}

.p-right a:hover {
  opacity: 0.6;
  transition: 0.2s;
}

.p-right img.p-rightimg {
  display: block;
  width: 53%;
  margin: 20px auto 0;
}

.p-right img:nth-of-type(2) {
  vertical-align: 0;
  margin: 0 2% 0 0;
}

.p-left span,
.p-right span {
  display: block;
  text-align: center;
  font-weight: bold;
}

div#process-inner div.process-d {
  background-color: #26B1EA;
  border-radius: 10px;
  padding: 4% 0;
  margin: 0 3%;
}

div#process-inner div.process-d span.taiou {
  display: block;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3;
  color: #FFFFFF;
  margin: 0 0 1%;
}

div#process-inner div.process-d span.taiou object {
  display: block;
  font-size: 1.4em;
  color: #F9FD33;
}

div#process-inner div.process-d ul.taiou li.p-left img,
div#process-inner div.process-d ul.taiou li.p-right img {
  width: 85%;
}

div#process-inner div.process-d p {
  text-align: center;
  padding: 2%;
}

div#process-inner div.process-d ul {
  width: 405px;
  margin: 0 auto;
}

div#process-inner div.process-d ul li.p-left {
  width: 174px;
  float: left;
  text-align: center;
}

div#process-inner div.process-d ul li.p-center,
div#process-inner div.process-d ul li.p-right {
  float: left;
  margin-left: 45px;
  text-align: center;
  width: 167px;
  position: relative;
}

div#process-inner div.process-d ul li.p-left img.my {
  width: 149px;
  margin-top: 4%;
}

div#process-inner div.process-d ul li.p-center span {
  color: #ffffff;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  left: -29%;
  line-height: 1.2;
  margin-top: 2%;
  position: absolute;
  text-align: left;
  top: 110%;
  width: 170%;
}

div#process-inner div.process-d ul li.p-center img.ki {
  width: 93.8%;
  margin-top: 4%;
}

div#process-inner div.process-d ul li.p-left img,
div#process-inner div.process-d ul li.p-right img {
  width: 100%;
}

div#process-inner div.process-d ul li.p-left span.card-detail,
div#process-inner div.process-d ul li.p-right span.card-detail {
  background-color: #FFFFFF;
  border-radius: 2em;
  width: 170px;
  margin-top: 4%;
  padding: 1.5% 0;
  text-align: center;
  color: #4B88D3;
  font-weight: bold;
}

div#process-inner div.process dl.install {
  margin: 4% 0 0;
}

div#process-inner div.process dl.install dt {
  font-weight: bold;
}

div#process-inner div.process ul.install {
  line-height: 1.4;
  margin: 3% 0 0;
}

div#process-inner div.process ul.install li {
  margin: 0 0 2.5%;
}

div#process-inner div.process ul.install li a span {
  text-decoration: underline;
}

div#process-inner div.process p.driver,
div#process-inner div.process p.kidou {
  margin: 4% 0 0;
  letter-spacing: -0.03em;
}

div#process-inner div.process dl.driver {
  margin: 4% 0 0;
  text-align: center;
}

div#process-inner div.process dl.driver dt {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 0.5%;
}

div#process-inner div.process dl.driver dd img {
  width: 42.5%;
}

div#process-inner div.process-att {
  margin: 5.5% 0;
}

div#process-inner div.process-att p.attention {
  width: 85%;
  margin: 0 auto;
  padding: 3.8% 0 3.2%;
  background-color: #FFF79A;
  border-radius: 0.6em;
  text-align: center;
}

div#process-inner div.process-att p.attention img {
  vertical-align: middle;
}

div#process-inner div.process-att p.attention span.attentiontext {
  display: inline-block;
  width: 57%;
  vertical-align: middle;
  line-height: 2;
  text-align: left;
  padding: 0 0 0 4%;
}

div#process-inner div.process-att p.attention span.attentiontext span.soft {
  display: block;
  font-weight: bold;
}

div#process-inner div.process dl.connect {
  margin: 7% 0 0;
}

div#process-inner div.process dl.connect dt {
  float: left;
  width: 40%;
}

div#process-inner div.process dl.connect dt img {
  width: 100%;
}

div#process-inner div.process dl.connect dd {
  float: right;
  width: 55%;
  text-align: center;
  line-height: 1.5;
}

div#process-inner div.process dl.connect dd span {
  display: block;
  text-align: left;
  margin: 0 0 10%;
}

div#process-inner div.process dl.connect dd a {
  display: inline-block;
  text-align: left;
  background: url(/static/images/seihin_joho/ic_card_rw/yaji_wh.png) no-repeat 95% 50%;
  background-size: 3.5%;
  background-color: #05D48E;
  color: #FFFFFF;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.3;
  padding: 4% 13% 4% 4%;
  border-radius: 0.3em;
}

div#process-inner div.process dl.connect dd a:hover {
  text-decoration: none;
  opacity: 0.6;
}

div#process-inner div.process dl.kidou {
  margin: 2% 0 0;
}

div#process-inner div.process dl.kidou dt {
  color: #0099FF;
}

div#process-inner div.process dl.kidou dd {
  margin: 4% 0 0;
  text-align: center;
}

div#process-inner div.process dl.kidou dd a {
  display: inline-block;
  text-align: left;
  background: url(/static/images/seihin_joho/ic_card_rw/yaji_wh.png) no-repeat 95% 50%;
  background-size: 2.5%;
  background-color: #F57F03;
  color: #FFFFFF;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.3;
  padding: 1.5% 7% 1.2% 3%;
  border-radius: 0.3em;
}

div#process-inner div.process dl.kidou dd a:hover {
  text-decoration: none;
  opacity: 0.6;
}

div#process-inner div.process ul.shinkoku li {
  width: 41%;
  float: left;
  text-align: left;
  font-size: 0.9em;
}

div#process-inner div.process ul.shinkoku li:nth-of-type(2) {
  width: 7.5%;
  padding: 6.5% 5% 0;
}

div#process-inner div.process ul.shinkoku li img {
  width: 100%;
}

div#process-inner div.process ul.shinkoku li span {
  display: block;
  margin: 5% 0 0;
}

div#process-inner div.process ul.shinkoku {
  border-bottom: 3px dotted #C1E2F1;
  padding: 0 0 4%;
  margin: 5% 0;
}

div.led {
  border-top: 3px dotted #C1E2F1;
  padding: 4% 0 0;
  margin: 5% 0 0;
}

div#process-inner div.process p.sashikomi span.sashikomitext {
  display: block;
  font-size: 1.35em;
  font-weight: bold;
  color: #21439B;
  text-align: center;
  margin: 0 0 3%;
}

div#process-inner div.process p.sashikomi img {
  display: block;
  margin: 0 auto 1%;
  width: 67%;
}

div#process-inner div.process p.sashikomi span.sashikomiatt {
  display: block;
  font-size: 0.85em;
  color: #0099FF;
  text-align: center;
}

div#process-inner div.process div.sashikomimovie {
  margin: 5.3% 0 5%;
  border-bottom: 3px dotted #C1E2F1;
  padding: 0 0 6%;
}

div#process-inner div.process div.sashikomimovie iframe {
  display: block;
  margin: 0 auto;
}

div#process-inner div.process div.led ul {
  margin: 4% 0 0;
}

div#process-inner div.process div.led ul li {
  float: left;
  width: 48%;
  height: 16em;
}

div#process-inner div.process div.led ul li:nth-of-type(2n) {
  float: right;
}

div#process-inner div.process div.led ul li img.tentou {
  width: 100%;
  margin: 0 0 2%;
}

div#process-inner div.process div.led ul li span.option {
  display: block;
  text-align: center;
  font-size: 1.25em;
  color: #21439B;
  font-weight: bold;
  margin: 0 0 3%;
}

div#process-inner div.process div.led ul li span.option img {
  width: 9%;
  vertical-align: -7px;
  margin: 0 2% 0 0;
}

div#process-inner div.process div.led ul li span.optiontext {
  display: block;
  padding: 0 2%;
  letter-spacing: -0.03em;
  line-height: 1.4;
}

div#process-inner div.process div.led ul li span.optionatt {
  display: block;
  color: #0099FF;
}

div#process-inner div.process div.ledmovie {
  margin: 0;
  padding: 0 0 1%;
}

div#process-inner div.process div.ledmovie iframe {
  display: block;
  margin: 0 auto;
}

/* 製品紹介 */
div#product {
  margin: 0 0 5.5%;
}

div#product div#product-inner {
  margin: 2% 0 0 0;
  padding: 0 3% 4%;
  border-bottom: 1px solid #c0c0c0;
}

div#product div#product-inner:nth-last-of-type(1) {
  border-bottom: none;
}

div.pro-left {
  float: left;
  width: 30.5%;
}

div.pro-left img {
  width: 100%;
}

div.pro-right {
  float: right;
  width: 67%;
}

p.pro-title {
  font-weight: bold;
  font-size: 1.1em;
}

div.pro-right a {
  font-size: 1.1em;
  font-weight: bold;
}

div.pro-right a img {
  vertical-align: middle;
  margin-right: 1%;
}

p.icon {
  margin: 2% 0;
}

p.icon span {
  display: inline-block;
  color: #FFF;
  font-size: 0.9em;
  font-weight: bold;
  padding: 5px 0 2px;
  border-radius: 0.3em;
  width: 100px;
  text-align: center;
}

p.icon span.blue {
  background-color: #0053C4;
}

p.icon span.red {
  background-color: #E34004;
}

p.icon img.et {
  width: 17%;
}

p.icon img.ko {
  width: 27%;
}

p.icon img.wi {
  width: 19%;
}

p.torisetsu {
  margin-top: 30px;
  text-align: right;
}

/* 確定申告特集へのリンクバナー */
.tax {
  text-align: center;
  margin: 0 auto 2.5em;
  width: 980px;
  padding: 2em 0 0;
  border-top: 1px dotted #333333;
}

.tax strong {
  font-size: 1.6em;
  line-height: 1.4;
}

.tax span {
  color: #3865d9;
}

.tax p {
  width: 63.878%;
  margin: 0.6em auto 0%;
}

.tax img {
  width: 100%;
}

/* 関連製品 */
div#kanren {
  background-color: #D7EBF6;
  padding: 1.7% 0 2.3% 3.5%;
  margin: 0 0 6% 0;
}

div#kanren p {
  font-weight: bold;
  font-size: 1.1em;
  margin: 0 0 0.5% 0;
}

div#kanren ul li {
  float: left;
  margin-right: 1.5%;
}

/* サイドメニュー */
div#side_sp {
  display: none;
}

/* ICカードリーダライタが認識されたか確認する方法 */
div.recognition {
  font-size: 1rem;
  width: 980px;
  margin: 10px auto 0 auto;
  padding: 40px 10px;
}

div#windows,
div#mac,
div#setting {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 5%;
  padding: 0 3% 5%;
}

div#windows {
  margin: 5% 0 5%;
}

div#windows p.os {
  background-color: #00A0EA;
  font-size: 1.4em;
  font-weight: bold;
  padding: 1% 0 0.8%;
  width: 14%;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

div#mac p.os {
  background-color: #EB6876;
  font-size: 1.4em;
  font-weight: bold;
  padding: 1% 0 0.8%;
  width: 14%;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

p.osnote,
p.settingnote {
  margin: 1.5% 0 0;
}

p.osnote span {
  font-weight: bold;
  color: #FF0000;
}

div.recognition dl {
  margin: 4% 0 0;
}

div.recognition dl dt {
  font-size: 1.25em;
  font-weight: bold;
  color: #00A0EA;
}

div.recognition dl dd {
  padding: 0 0 0 2%;
}

div.recognition dl dd span {
  font-weight: bold;
  color: #FF0000;
}

div#windows div img {
  margin: 2.5% 0 0;
}

div#mac ul {
  margin: 5% 0 0;
}

div#mac ul li.arrow {
  padding: 2% 0 2% 5%;
}

div#link {
  text-align: center;
  margin: 8% 0 0;
}

a.close {
  display: block;
  width: 22%;
  text-align: center;
  margin: 5% auto 0;
  padding: 0;
  font-weight: bold;
  color: #014DA1;
  border: 1px solid #014DA1;
  cursor: pointer;
}

a.close span {
  font-size: 1.3em;
}

a.close:hover {
  text-decoration: none;
  opacity: 0.6;
}

div#setting ul {
  margin: 3% 0 4%;
}

div#setting ul li {
  margin: 0 0 2.5%;
  line-height: 1.5;
}

div#setting ul.settinglist li span {
  font-size: 1.25em;
  font-weight: bold;
}

div#setting dl.ura {
  border: 2px solid #E5E5E5;
  border-radius: 0.8em;
  padding: 5%;
}

div#setting dl.ura dt {
  float: left;
}

div#setting dl.ura dd {
  float: right;
  width: 47%;
}

div#setting dl.ura dd span.uranote {
  font-weight: normal;
  color: #333333;
}

div#setting dl.ura dd span.uranote span {
  display: block;
  font-weight: normal;
}

div#setting dl.ura dd span.large {
  font-size: 1.3em;
}

div#setting dl.ura dd ul {
  background-color: #EEEEEE;
  padding: 5% 5% 2%;
  margin: 6% 0 0;
}

div#setting dl.ura dd ul li {
  margin: 0 0 4%;
}

img.new {
  vertical-align: middle;
}

/* 注記スタイル */
.super {
  vertical-align: super;
  font-size: 0.8em;
  color: #0099FF;
}

.att-blue {
  color: #0099FF;
  font-size: 0.85em;
}

.att-blue span {
  display: block;
}

.att-blue span:nth-of-type(1) {
  margin: 6px 0 0;
}

.att-blue span:nth-last-of-type(1) {
  margin: -5px 0 0;
}

/* clfx */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}