@charset "UTF-8";
/*
YUI 3.15.0 (build 834026e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure, figcaption, time {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

h1, h2, h3, h4, h5, h6, section, div, p, aside, figure, figcaption, a, article, span, em, blockquote, dl, dt, dd, time {
  box-sizing: border-box; }

sup {
  vertical-align: super; }

img {
  display: block; }

input[type="text"], input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

header, footer, section, nav {
  margin: 0;
  padding: 0; }

.__reset {
  position: static;
  visibility: visible;
  left: auto;
  right: auto;
  top: auto;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: none;
  min-width: none;
  bottom: auto;
  margin: 0;
  padding: 0;
  zoom: 1;
  z-index: auto;
  background: transparent;
  border: 0 solid black;
  border-bottom: 0 solid black;
  border-left: 0 solid black;
  border-right: 0 solid black;
  border-top: 0 solid black;
  border-radius: none;
  box-shadow: none;
  box-sizing: border-box;
  outline: 0 solid black;
  overflow: visible;
  float: none;
  list-style: none;
  clear: none;
  color: inherit;
  cursor: auto;
  font: inherit;
  line-height: 1.0;
  letter-spacing: 0;
  text-align: inherit;
  text-decoration: none;
  text-indent: 0;
  text-shadow: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased; }
  .__reset * {
    color: inherit; }
  .__reset:hover {
    text-decoration: none; }
  .__reset a {
    color: inherit;
    cursor: pointer !important;
    text-decoration: none; }
    .__reset a:visited, .__reset a:hover, .__reset a:active {
      color: inherit;
      cursor: pointer !important;
      text-decoration: none; }

html {
  font-size: 62.5%;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Helvetica, sans-serif; }

body {
  position: relative;
  width: 100%; }

strong {
  font-weight: bold; }

a {
  -webkit-transition: all 0.15s;
          transition: all 0.15s; }
  a:link {
    color: black;
    text-decoration: none; }
  a:visited {
    color: black;
    text-decoration: none; }
  a:hover {
    color: black;
    text-decoration: none; }

.w960, .w900 {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.w900 {
  width: 900px; }

.h650 {
  position: relative;
  height: 650px; }

header.root .hgroup {
  position: relative;
  padding: 12px 0 14px;
  zoom: 1; }
  header.root .hgroup:after {
    display: block;
    clear: both;
    content: ""; }
  header.root .hgroup .h1 {
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.1; }

.c-red {
  color: #b22b30; }

.h2-b {
  font-weight: bold;
  line-height: 1.2;
  text-align: center; }

.lead {
  margin: 0 auto;
  line-height: 1.5; }
  
.attention {
  font-weight: bold;
  font-size: 1.5rem;
  color: #b22b30; }

.attention2 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #ffffff; }

.content-a, .content-b {
  position: relative;
  width: 100%;
  background: no-repeat 0 0;
  background-size: cover; }

.content-b.arrow:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 21px;
  background: url(../images/ico_arrow_02.png) no-repeat 50% top; }

ul.attention li {
  padding-left: 20px;
  background: url(https://c.azmarche.com/lp/autodesk/autocad/images/ico_arrow_01.png) no-repeat 0 2px;
  font-size: 1.3rem;
  line-height: 1.23077; }

ul.attention li + li {
  margin-top: 4px; }

.buy {
  margin-top: 30px;
  text-align: center; }
  .buy .ttl {
    display: inline-block;
    height: 38px;
    padding-left: 45px;
    padding-top: 9px;
    background: url(../images/ico_cart_01.png) no-repeat 0 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center; }
   .buy .btn {
    margin-top: 25px; }
    .buy .btn a {
      display: inline-block;
      padding: 9px;
      background-color: white;
      border: 1px solid #CCC;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      font-weight: bold;
      line-height: 1.1;
      text-align: left; }
       .buy .btn a img {
        float: left; }
      .buy .btn a p {
        color:black;
        margin-left: 80px;
        background: url(../images/ico_arrow_03.png) no-repeat right 50%; }
      .buy .btn a:hover {
        color:white;
        background-color: rgba(178, 43, 48, 0.1);
        border-color: #b22b30; }
    .buy .btn a ~ a {
      margin-left: 30px; }

/* buy2 */

.buy2 {
  margin-top: 30px;
  text-align: center; }
  .buy2 .ttl {
    display: inline-block;
    height: 38px;
    padding-left: 45px;
    padding-top: 9px;
    background: url(../images/ico_cart_01.png) no-repeat 0 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center; }
  .buy2 .btn {
    margin-top: 25px; }
    .buy2 .btn a {
      display: inline-block;
      padding: 9px;
      background-color: white;
      border: 1px solid #CCC;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      font-color: black;
      font-weight: bold;
      line-height: 1.1;
      text-align: left; }
      .buy2 .btn a img {
        float: left; }
      .buy2 .btn a p {
        color: black;
        margin-left: 80px;
        background: url(../images/ico_arrow_03.png) no-repeat right 50%; }
      .buy2 .btn a:hover {
        color: white;
        background-color: rgba(178, 43, 48 , 0.1);
        border-color: #b22b30; }
      .buy2 .btn a ~ a {
       margin-left: 30px; }

/* buy2 */

a.frame-gray {
  display: block;
  width: 330px;
  text-align: center;
  background-color: white;
  color: black; }
  a.frame-gray p {
    color: black;
    padding: 15px 0;
    border: 3px solid #cacac7;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.1;
    background: url(../images/ico_e_01.png) no-repeat 280px 50% white;
    -webkit-transition: all 0.15s;
            transition: all 0.15s; }

  /* add 20160331 */
  a.frame-gray2 p {
    color: black;
    width: 330px;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
    border: 3px solid #cacac7;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.1;
    background-color: #fff;
    -webkit-transition: all 0.15s;
            transition: all 0.15s; }
  /* add 20160331 */

  /* add 20160615 */
a.frame-gray3 {
  display: block;
  width: 330px;
  text-align: center;
  background-color: white;
  color: black;
  margin: 20px auto 0 auto; }
  a.frame-gray3 p {
    color: black;
    padding: 15px 5px 15px 15px;
    border: 3px solid #cacac7;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.1;
  -webkit-transition: all 0.15s;
          transition: all 0.15s; }
  a.frame-gray3 p:hover {
    background-color: rgba(178, 43, 48 , 0.1);
    border-color: #b22b30;
  }
  /* add 20160615 */


    a.frame-gray p small {
      font-size: 80%; }
  a.frame-gray:hover p {
    background-color: rgba(178, 43, 48, 0.1);
    border-color: #b22b30; }

table.list {
  width: 100%; }
  table.list th, table.list td {
    padding-top: 2px; }
  table.list th {
    line-height: 1.2; }
  table.list td {
    font-size: 1.3rem;
    line-height: 3.27273; }
  table.list thead th {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.25;
    font-weight: bold; }
    table.list thead th p {
      display: inline-block;
      padding-bottom: 4px; }
    table.list thead th img {
      float: left; }
    table.list thead th span {
      display: inline-block;
      margin-left: 10px;
      margin-top: 23px;
      line-height: 1.1; }
  table.list tbody tr:nth-child(odd) {
    background-color: #eeeeee; }
  table.list tbody tr.cat {
    background-color: #dad9d6; }
    table.list tbody tr.cat th {
      font-size: 1.6rem;
      line-height: 2.25;
      font-weight: bold; }
  table.list tbody th {
    padding-left: 25px;
    padding-right: 10px;
    font-size: 1.3rem; }
  table.list tbody td {
    text-align: center;
    border-left: 2px solid white;
    font-weight: bold; }
    table.list tbody td ul.disc {
      margin-top: 15px;
      margin-bottom: 15px;
      line-height: 1.5; }
    table.list tbody td p.att {
      position: relative;
      margin-top: 15px;
      margin-bottom: 15px;
      padding-left: 28px;
      line-height: 1.5; }
      table.list tbody td p.att span {
        position: absolute;
        left: 0; }

ul.disc {
  padding-left: 24px; }
  ul.disc li {
    list-style: disc; }
  ul.disc li + li {
    margin-top: 8px; }

.a-open, .a-close {
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -20px;
  height: 80px;
  -webkit-transform: translatex(-50%);
      -ms-transform: translatex(-50%);
          transform: translatex(-50%);
  background: url(https://c.azmarche.com/lp/autodesk/autocad/images/btn_g_01.png) no-repeat 50% 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  cursor: pointer; }
  .a-open:hover, .a-close:hover {
    color: #b22b30; }

.a-close {
  display: none;
  bottom: 0;
  padding-top: 26px;
  background-image: url(https://c.azmarche.com/lp/autodesk/autocad/images/btn_g_02.png); }

#price-head {
  background-image: url(https://c.azmarche.com/lp/autodesk/autocad/images/bg_a_01.jpg);
  zoom: 1; }
  #price-head:after {
    display: block;
    clear: both;
    content: ""; }
  #price-head .h2-a {
    text-shadow: 0px 0px 8px white, 0px 0px 8px white, 0px 0px 8px white, 0px 0px 8px white; }
  #price-head .h3-b {
    position: absolute;
    right: -20px;
    top: 182px;
    z-index: 2; }
  #price-head .pos-b a {
    display: block;
    position: relative;
    width: 490px; }
    #price-head .pos-b a:hover {
      opacity: 0.8; }
    #price-head .pos-b a p {
      position: absolute;
      z-index: 1; }
  #price-head .pos-b .btn-a p {
    display: none; }
  #price-head .pos-b .btn-b p, #price-head .pos-b .btn-c p {
    left: 85px;
    /* font-size: 1.35rem; */
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.2; }
    #price-head .pos-b .btn-b p strong, #price-head .pos-b .btn-c p strong {
      font-size: 2.2rem; }
  #price-head .pos-b .btn-b {
    height: 118px;
    margin-top: -23px; }
    #price-head .pos-b .btn-b p {
      top: 54px;
      padding-left: 10px; }
  #price-head .pos-b .btn-c {
    height: 107px; }
    #price-head .pos-b .btn-c p {
      top: 26px; }


/* price-head2 */
#price-head2 {
  background-image: url(../images/bg_a_04.jpg);
  zoom: 1; }
  #price-head2:after {
    display: block;
    clear: both;
    content: ""; }
  #price-head2 .h2-a {
    text-shadow: 0px 0px 8px white, 0px 0px 8px white, 0px 0px 8px white, 0px 0px 8px white; }
  #price-head2 .h3-b {
    position: absolute;
    top: 240px;
    z-index: 2; }
  #price-head2 .pos-b a {
    display: block;
    position: relative;
    width: 490px; }
    #price-head2 .pos-b a:hover {
      opacity: 0.8; }
    #price-head2 .pos-b a p {
      position: absolute;
      z-index: 1; }
  #price-head2 .pos-b .btn-a p {
    display: none; }
  #price-head2 .pos-b .btn-b p, #price-head2 .pos-b .btn-c p {
    left: 85px;
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.2; }
    #price-head2 .pos-b .btn-b p strong, #price-head2 .pos-b .btn-c p strong {
      font-size: 2.2rem; }
  #price-head2 .pos-b .btn-b {
    height: 118px;
    margin-top: -23px; }
    #price-head2 .pos-b .btn-b p {
      top: 75px;
      padding-left: 10px; }
  #price-head2 .pos-b .btn-c {
    height: 107px; }
    #price-head2 .pos-b .btn-c p {
      top: 26px; }


.limited {
  width: 100%;
  background: url(../images/bg_a_02.gif) repeat 0 0; }

.limited2 {
  width: 100%;
  background: url(https://c.azmarche.com/lp/autodesk/autocad/images/bg_a_03.gif) repeat 0 0; }

.limited-inn {
  margin: 0 auto;
  display: block; }
  .limited-inn a {
    color: white; }

.limited-ttl {
  display: block;
  padding: 15px 0;
  color: white;
  font-size: 2.5rem;
  line-height: 1.2;
  text-align: center; }
  .limited-ttl .lft, .limited-ttl .txt, .limited-ttl .rgt {
    display: inline-block;
    vertical-align: middle; }
  .limited-ttl .txt .l {
    font-size: 3.5rem; }
  .limited-ttl .txt .m {
    font-size: 3.0rem; }
  .limited-ttl .lft {
    margin-right: 20px; }
  .limited-ttl .rgt {
    margin-left: 20px; }

.limited-sub {
  padding: 10px 0;
  border-left: 2px solid #5fb324;
  border-right: 2px solid #5fb324;
  border-bottom: 2px solid #5fb324;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 1.7rem; }

#subscription {
  background-image: url(../images/bg_b_01.jpg);}
  #subscription .merrit {
    margin: 30px auto 0 auto;
    zoom: 1; }
    #subscription .merrit:after {
      display: block;
      clear: both;
      content: ""; }
    #subscription .merrit h3 {
      padding-top: 24px;
      float: left;
      /* background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_01.png) no-repeat 50% 50%; */
      background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_05.png) no-repeat 50% 50%;
      font-weight: bold;
      text-align: center; }
      #subscription .merrit h3.n2 {
        /* background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_01.png) no-repeat 50% 50%; */
        background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_06.png) no-repeat 50% 50%; }
      #subscription .merrit h3.n3 {
        /* background-image: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_03.png); */
        background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_07.png) no-repeat 50% 50%; }
      #subscription .merrit h3.n4 {
        background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_08.png) no-repeat 50% 50%; }
      #subscription .merrit h3.n5 {
        background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_09.png) no-repeat 50% 50%; }
      #subscription .merrit h3.n6 {
        background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_10.png) no-repeat 50% 50%; }

#price .limited {
  margin-top: 0px; }

#price .limited2 {
  margin-top: 30px; }

#price .lead {
  text-align: center; }

#howtobuy .lead {
  text-align: center; }

#about .lead {
  text-align: center; }

#faq .lead {
  text-align: center; }

#price .h3-b {
  position: absolute;
  right: 0;
  top: 30px; }

#price table {
/*  margin-top: 10px; */ 
  width: 100%; }

.price-title, .price2-title {
  margin-top: 30px;
  width: 100%; }

  #price table th, #price table td, #price2 table th, #price2 table td, .price-title, .price2-title {
    line-height: 1.0; }
    #price table th img, #price table td img, #price2 table td img {
      display: inline; }
    #price table th small.n, #price table td small.n, #price2 table td small.n, .price-title, .price2-title {
      font-weight: normal; }
  #price table thead, .price-title, .price2-title {
    background-color: #666;
    color: white; }
    #price table thead th, #price2 table thead th, .price-title, .price2-title {
      font-weight: bold; }
  #price table tbody th, #price table tbody td{
    padding: 10px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC; }
#price2 table tbody th, #price2 table tbody td, .td-title {
    padding: 10px 0;
    border-bottom: 1px solid #CCC; }

  #price table tbody th, #price table tbody td, #price2 table tbody th, #price2 table tbody td {
    text-align: center; }
  #price table .r, #price2 table .r {
    text-align: right; }
  #price table .l, #price2 table .l {
    text-align: left; }
  #price table .price, #price2 table .price {
    font-weight: bold;
    text-align: right;
    padding-right: 40px; }
  #price table .new-icon, #price2 table .new-icon {
    margin: 0 0 6px -0.7em; }
  #price table .align-right, #price2 table .align-right {
    margin-left: -0.7em; }

#price dl {
  margin-top: 5%; }
  #price dl dt {
    padding: 15px 10px 13px 10px;
    background-color: #666;
    color: white;
    font-size: 1.6rem;
    font-weight: bold; }
  #price dl dd {
    padding: 12px 10px 10px 10px;
    border-bottom: 1px solid #CCC;
    font-size: 1.5rem; }
    #price dl dd span {
      width: 25%;
      float: left; }
    #price dl dd em {
      width: 35%;
      float: left;
      font-weight: bold;
      text-align: right; }

#support {
  background-image: url(../images/bg_d_01.jpg); }
  #support .items {
    zoom: 1; }
    #support .items:after {
      display: block;
      clear: both;
      content: ""; }
    #support .items .item .inner {
      height: 100%;
      background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_d_01.png) no-repeat 50% 90px #f2a6a8; }
      #support .items .item .inner h3 {
        padding: 20px 0 15px 0;
        background: url(../images/bg_d_01.gif) 0 0;
        color: white;
        font-weight: bold;
        line-height: 1.0;
        text-align: center; }
        #support .items .item .inner h3 small {
          font-size: 50%; }
      #support .items .item .inner h4 {
        font-weight: bold;
        text-align: center; }
    #support .items .item.n2 .inner {
      background-image: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_d_02.png); }

  /* add 20160222 */
  #support .items2 {
    zoom: 1; }
    #support .items2:after {
      display: block;
      clear: both;
      content: ""; }
    #support .items2 .item .inner {
      height: 100%;
      background: url(../images/img_d_03.png) no-repeat 50% 90px #31addf; }
      #support .items2 .item .inner h3 {
        padding: 20px 0 15px 0;
        background: url(../images/bg_d_01.gif) 0 0;
        color: white;
        font-weight: bold;
        line-height: 1.0;
        text-align: center; }
        #support .items2 .item .inner h3 small {
          font-size: 50%; }
      #support .items2 .item .inner h4 {
	width: 86%;
        font-weight: normal;
        margin: 0 auto 0 auto;
	color: #fff;
	line-height: 1.25; }
    #support .items2 .item.n2 .inner {
      background-image: url(../images/img_d_04.png); }

#howtobuy {
  padding-bottom: 0; }
  #howtobuy .wrapper {
    background: url(../images/bg_e_06.png) no-repeat 50% bottom; }
  #howtobuy .cols {
    position: relative;
    margin-top: 30px;
    zoom: 1; }
    #howtobuy .cols:after {
      display: block;
      clear: both;
      content: ""; }
    #howtobuy .cols .bracket {
      width: 162px;
      padding: 18px 8px;
      background: url(../images/bg_e_05f.png) no-repeat 0 0 rgba(255, 255, 255, 0.6);
      text-align: center; }
      #howtobuy .cols .bracket img {
        display: inline-block; }
      #howtobuy .cols .bracket p {
        margin-top: 10px;
        line-height: 1.2;
        text-align: left; }
      #howtobuy .cols .bracket:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bg_e_04r.png) no-repeat 0 bottom; }
    #howtobuy .cols .flow {
      text-align: center;
      max-width: 330px;
      margin-left: auto;
      margin-right: auto; }
      #howtobuy .cols .flow > p {
        font-size: 1.4rem; }
      #howtobuy .cols .flow .arrow {
        margin-top: 8px;
        padding-top: 20px;
        background: url(../images/ico_arrow_04.png) no-repeat 50% top; }
      #howtobuy .cols .flow .n1 span, #howtobuy .cols .flow .n2 span, #howtobuy .cols .flow .n3 span, #howtobuy .cols .flow .n4 span, #howtobuy .cols .flow .n5 span {
        display: block;
        height: 44px;
        background: url(../images/bg_e_01.png) no-repeat 0 0;
        color: white;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 46px; }
      #howtobuy .cols .flow .n2 span {
        background-image: url(../images/bg_e_02.png); }
      #howtobuy .cols .flow .n3 span {
        background-image: url(../images/bg_e_03.png); }
      #howtobuy .cols .flow .n4 span {
        background-image: url(../images/bg_e_04.png); }
      #howtobuy .cols .flow .n5 span {
        background-image: url(https://c.azmarche.com/lp/autodesk/autocad/images/bg_e_05.png); }
      #howtobuy .cols .flow .frame-red span {
        display: block;
        width: 100%;
        padding: 7px 0 5px 0;
        border: 3px solid #b22b30;
        font-size: 1.8rem; }
      #howtobuy .cols .flow a.frame-gray {
        margin-top: 10px; }
  #howtobuy .foot {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 50px;
    background-color: #ebebe9; }
    #howtobuy .foot .buy {
      margin-top: 0; }

#about {
  background-image: url(../images/bg_f_01.jpg);
  color: white; }
  #about .cols {
    zoom: 1; }
    #about .cols:after {
      display: block;
      clear: both;
      content: ""; }
  #about a.frame-gray {
    margin: 40px auto 0 auto; }
  #about .item .h3-a {
    margin-bottom: 20px; }
  #about .item h4 {
    margin-bottom: 15px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.625; }
  #about .item .txt {
    font-size: 1.3rem;
    line-height: 2; }

/* add 20160222 */
#about2 {
  background-image: url(../images/bg_f_01.jpg);
  color: white; }
  #about2 .cols {
    zoom: 1; }
    #about2 .cols:after {
      display: block;
      clear: both;
      content: ""; }
  #about2 a.frame-gray {
    margin: 40px auto 0 auto; }
  #about2 .item .h3-a {
    margin-bottom: 20px; }
  #about2 .item h4 {
    margin-bottom: 15px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.625; }
  #about2 .item .txt {
    font-size: 1.3rem;
    line-height: 2; }
  #about2 .center {
    text-align: center;
    line-height: 1.5; }
  #about2 .about-lead {
    margin-bottom: 1.0em !important; }
.h3-a {
  height: 63px;
  font-size: 2.2rem;
  font-weight: bold; }
  .h3-a img {
    float: left; }
  .h3-a p {
    padding-top: 21px;
    margin-left: 80px; }

#comparison .w900 {
  height: 650px;
  overflow: hidden; }

#comparison table.list {
  margin-bottom: 50px; }

/*#environment {
  background-image: url(../images/bg_f_01.jpg); } */
  #environment .w900 {
    height: 650px;
    overflow: hidden; }
  #environment .h2-b {
    color: white;
    padding-bottom: 15px;
    padding-top: 65px; }
  #environment table.list {
    margin-bottom: 50px;
    color: white; }
    #environment table.list thead th {
      padding-left: 25px;
      font-size: 2.4rem;
      text-align: left; }
    #environment table.list tbody tr:nth-child(odd) {
      background-color: #7e7d76; }
    #environment table.list tbody tr.cat {
      background-color: #57564f; }
      #environment table.list tbody tr.cat th + th {
        border-left: 1px solid #b1b1ac; }
    #environment table.list tbody td {
      border-left: 1px solid #b1b1ac;
      font-weight: normal;
      text-align: left;
      padding-left: 25px;
      padding-right: 10px; }
    #environment table.list.n2 {
      margin-top: 20px; }
  #environment .buy .ttl {
    color: white; }


#faq .cols {
  margin-top: 20px;
  zoom: 1; }
  #faq .cols:after {
    display: block;
    clear: both;
    content: ""; }
  #faq .cols dl .ico {
    width: 39px;
    height: 33px;
    padding-top: 9px;
    padding-right: 6px;
    float: left;
    background: url(../images/bg_i_01.png) no-repeat;
    color: white;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.0;
    text-align: center; }
  #faq .cols dl dt {
    zoom: 1; }
    #faq .cols dl dt:after {
      display: block;
      clear: both;
      content: ""; }
    #faq .cols dl dt p {
      padding-top: 8px;
      margin-left: 45px;
      font-size: 1.6rem;
      line-height: 1.2;
      font-weight: bold; }
  #faq .cols dl dd {
    margin-top: 20px;
    zoom: 1; }
    #faq .cols dl dd:after {
      display: block;
      clear: both;
      content: ""; }
    #faq .cols dl dd p {
      padding-top: 7px;
      margin-left: 45px;
      font-size: 1.3rem;
      line-height: 1.6; }
    #faq .cols dl dd .ico {
      background-image: url(../images/bg_i_02.png); }
    #faq .cols dl dd a.frame {
      display: block;
      margin-top: 15px;
      padding: 10px;
      border: 4px solid #231f20;
      font-size: 1.2rem; }
      #faq .cols dl dd a.frame strong {
        font-size: 1.4rem;
        text-decoration: underline; }
      #faq .cols dl dd a.frame:hover {
        border-color: #b22b30;
        color: #b22b30; }
  #faq .cols dl dt ~ dt {
    margin-top: 40px; }

#catalog {
  background-image: url(../images/bg_f_01.jpg);
  color: white; }
  #catalog .cols {
    margin-top: 20px;
    zoom: 1; }
    #catalog .cols:after {
      display: block;
      clear: both;
      content: ""; }
    #catalog .cols .lft, #catalog .cols .rgt {
      text-align: center; }
      #catalog .cols .lft p.img, #catalog .cols .rgt p.img {
        display: inline-block; }
      #catalog .cols .lft .h3-a, #catalog .cols .rgt .h3-a {
        margin-top: 30px;
        text-align: left; }
      #catalog .cols .lft p.txt, #catalog .cols .rgt p.txt {
        margin-top: 15px;
        height: 100px;
        font-size: 1.3rem;
        line-height: 1.6;
        text-align: left; }

    /* add 20160401 */
    .notice-frame {
      padding: 3%;
      width: 100%;
      font-size: 1.4rem;
      background-color: #f5f5f5; }
      .notice-frame > .title {
        margin-bottom: 0.5em;
	font-size: 1.3em;
        font-weight: bold; }
      .notice-frame ul li {
        line-height: 140%; }




/******************* PC */
@media screen and (min-width: 960px) {
  .tb-only {
    display: none; }
  .sp-only {
    display: none; }
  .w960, .w900 {
    width: 960px; }
  .bg-fixed {
    background-attachment: fixed; }
  .h2-a {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.25; }
    .h2-a strong {
      font-size: 3.5rem; }
  .h2-b {
    padding-bottom: 25px;
    font-size: 3.6rem;
    text-align: center; }
  .lead {
    font-size: 1.6rem; }
  .buy .btn a {
    width: 360px;
    font-size: 2.2rem; }
    .buy .btn a p {
      margin-top: 10px; }
    .buy .btn.autocad a p {
      margin-top: 20px; }
  .buy .btn a ~ a {
    margin-left: 30px; }

  /* buy2 */
  .buy2 .btn a {
    width: 360px;
    font-size: 2.2rem; }
    .buy2 .btn a p {
      margin-top: 10px; }
  .buy2 .btn a ~ a {
    margin-left: 30px; }
  /* buy2 */

  /* btnMail */
  .btnMail {
    float: left; }
  /* btnMail */

  .global-menu ul li.w240 {
	width:240px; }
  .global-menu ul li.w140 {
	width: 140px; }

  .a-open, .a-close {
    width: 960px; }
  header.root .hgroup .ttl-b {
    position: absolute;
    right: 0;
    bottom: 14px; }
  #price-head .pos-a {
    position: absolute;
    left: 470px;
    top: 48px;
    width: 490px; }
  #price-head .pos-b {
    position: absolute;
    left: 470px;
    bottom: 180px; }
  #price-head .pos-c {
    position: absolute;
    left: 0;
    bottom: 85px; }


  /* price-head2 */
  #price-head2 .h3-b {
    left: 400px; }
  #price-head2 .pos-a {
    position: absolute;
    right: 470px;
    top: 48px;
    width: 490px; }
  #price-head2 .pos-b {
    position: absolute;
    right: 470px;
    bottom: 240px; }
  #price-head2 .pos-c {
    position: absolute;
    right: 0;
    bottom: 85px; }




  a.limited-ttl:hover .txt {
    color: #b22b30 !important; }
  #subscription .merrit {
    width: 900px; }
    #subscription .merrit h3 {
      width: 280px;
      height: 254px;
      /* font-size: 2.2rem; */
      font-size: 2.0rem;
      line-height: 1.27273; }
    #subscription .merrit h3 + h3 {
      margin-left: 30px; }
  #price table thead th, #price2 table thead th, .price-title, .price2-title {
    line-height: 1.5;
    font-size: 3.0rem; }
  #price table th, #price table td, #price2 table th {
    font-size: 2.2rem; }
  table .td-title {
    font-size: 1.9rem !important;}
  #price2 table td {
    font-size: 2.0rem;
    line-height: 1.3;
  }

  #price table .price, #price2 table .price {
    font-size: 3.2rem; }
    #price table .price small, #price2 table .price small {
      font-size: 1.8rem; }
  #support .items .item {
    width: 460px;
    height: 460px;
    border: 10px solid rgba(255, 255, 255, 0.6);
    float: left; }
    #support .items .item .inner h3 {
      font-size: 2.4rem; }
    #support .items .item .inner h4 {
      margin-top: 210px;
      font-size: 1.8rem; }
    #support .items .item .inner .attention {
      margin: 20px 35px 0 35px; }
  #support .items .item ~ .item {
    margin-left: 40px; }

  /* add 20160222 */
  #support .items2 .item {
    width: 460px;
    height: 460px;
    border: 10px solid rgba(255, 255, 255, 0.6);
    float: left; }
    #support .items2 .item .inner h3 {
      font-size: 2.4rem; }
    #support .items2 .item .inner h4 {
      margin-top: 180px;
      font-size: 1.8rem; }
    #support .items2 .item .inner .attention {
      margin: 20px 35px 0 35px; }
  #support .items2 .item ~ .item {
    margin-left: 40px; }


  #howtobuy .wrapper {
    padding-bottom: 130px; }
  #howtobuy .cols .rgt {
    right: 120px;
    top: 0; }
  #howtobuy .cols .lft {
    top: 0;
    left: 120px; }
  #howtobuy .cols .bracket {
    position: absolute; }
    #howtobuy .cols .bracket p {
      font-size: 1.3rem; }
  #howtobuy .cols .flow {
    width: 330px;
    margin: 0 auto; }
  #about .cols {
    margin-top: 40px; }
    #about .cols.n2 {
      margin-top: 70px; }
  #about .item {
    width: 320px;
    float: left; }
  #about img.rgt {
    width: 550px;
    height: auto;
    float: right; }

  /* add 20160222 */
  #about2 .center {
    font-size: 1.6rem; }
  #about2 .cols {
    margin-top: 40px; }
    #about2 .cols.n2 {
      margin-top: 70px; }
  #about2 .item {
    width: 320px;
    float: left; }
  #about2 img.rgt {
    width: 550px;
    height: auto;
    float: right; }

  #faq .cols .lft {
    float: left; }
  #faq .cols .rgt {
    float: right; }
  #faq .cols dl {
    width: 420px; }
  #catalog .cols .lft, #catalog .cols .rgt {
    width: 300px; }
  #catalog .cols .lft {
    margin-left: 75px;
    float: left; }
  #catalog .cols .rgt {
    margin-right: 75px;
    float: right; }

  #about2 .center span {
    font-size: 2.6rem;}

  /* add 20160331 */
  .campaign-btn {
    width: 680px;
    margin: 20px auto 0 auto;
  }

  .campaign-btn:after {
    content: ' ';
    clear: both;
    display: block;
  }

  .campaign-btn .frame-gray2 {
    width: 330px;
    float: left;
  }

  .campaign-btn .frame-gray2 ~ .frame-gray2 {
    margin-left: 20px;
  }

  .campaign-btn p:hover {
    background-color: rgba(178, 43, 48 , 0.1);
    border-color: #b22b30; }

}


/**************** PC && Tablet */
@media screen and (min-width: 640px) {
  .pagetop {
    margin-top: 30px; }
  .content-b {
    padding-top: 65px;
    padding-bottom: 50px; }
  header.root .hgroup .ttl-a {
    width: 281px; }
  .global-menu {
    width: 100%;
    border-top: 1px solid #c6c6c0;
    border-bottom: 1px solid #c6c6c0;
    background-color: #e7e7e6; }
    .global-menu.is-sticky {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999; }
    .global-menu ul {
      zoom: 1; }
      .global-menu ul:after {
        display: block;
        clear: both;
        content: ""; }
      .global-menu ul li {
        width: 120px;
        /* width: 119px; */
        float: left; }
        .global-menu ul li a {
          display: block;
          width: 100%;
          padding: 22px 0;
          color: black;
          font-size: 1.5rem;
          font-weight: bold;
          line-height: 1.1; }
          .global-menu ul li a span {
            display: inline-block;
            padding-top: 3px;
            width: 100%;
            border-left: 1px solid #b1b1ac;
            text-align: center; }
          .global-menu ul li a:hover {
            color: #b22b30;
            background-color: #eeeeee; }
        .global-menu ul li:first-child a span {
          border-left: none; }
  #price table thead th, #price2 table thead th, .price-title, .price2-title {
    padding: 8px; }
    #price table thead th img, #price2 table thead th img, .price-title img, .price2-title img {
      width: 50px;
      height: 50px;
      margin-right: 15px; }
  #subscription ul.attention {
    margin: 55px 60px 0 60px;
    padding-left: 58px;
    background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_04.png) no-repeat 0 0; }
  #environment .buy, #comparison .buy {
    margin-bottom: 50px; } }

/********************** Tablet */
@media screen and (max-width: 959px) and (min-width: 640px) {
  .pc-only {
    display: none; }
  .sp-only {
    display: none; }
  .w960, .w900 {
    width: 90%; }

  .global-menu ul li.w240 {
     width: 25%;
   }

  .h650 {
    height: auto; }
  .h2-a {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4; }
    .h2-a strong {
      font-size: 3.0rem; }
  .h2-b {
    padding-bottom: 5%;
    font-size: 3.2rem;
    text-align: center; }
  .lead {
    width: 90%;
    font-size: 1.5rem; }

  .buy .btn a {
    width: 280px;
    font-size: 1.6rem; }
    .buy .btn a p {
      margin-top: 16px; }
  .buy .btn a ~ a {
    margin-left: 15px; }



  /* buy2 */
  .buy2 .btn a {
    width: 280px;
    font-size: 1.6rem; }
    .buy2 .btn a p {
      margin-top: 16px; }
  .buy2 .btn a ~ a {
    margin-left: 15px; }
  /* buy2 */

  /* btnMail */
  .btnMail {
    float: left; }
  /* btnMail */
 
  .a-open, .a-close {
    width: 100%; }
  header.root .hgroup .h1 {
    font-size: 1.4rem; }
  header.root .hgroup .ttl-b {
    position: absolute;
    right: 0;
    bottom: 14px; }
  .global-menu ul li {
    width: 12.5%; }
  #price-head {
    padding-top: 5%;
    background-position: 62% 0; }
    #price-head .h3-b {
      right: 18%;
      top: 130px; }
    #price-head .pos-b {
      margin: 5% auto 10% auto; }

  /* price-head2 */
  #price-head2 {
    padding-top: 5%;
    background-position: 62% 0; }
    #price-head2 .h3-b {
      right: 18%;
      top: 100px; }
    #price-head2 .pos-b {
      margin: 5% auto 10% auto; }

  .limited-ttl {
    font-size: 1.7rem;
    line-height: 1.1; }
    .limited-ttl .txt .l {
      font-size: 2.3rem; }
    .limited-ttl .txt .m {
      font-size: 1.9rem; }
    .limited-ttl .lft img, .limited-ttl .rgt img {
      width: 50px; }
    .limited-ttl .lft {
      margin-right: 10px; }
    .limited-ttl .rgt {
      margin-left: 10px; }
  .limited-sub {
    font-size: 1.5rem; }
  #subscription .merrit {
    width: 600px; }
    #subscription .merrit h3 {
      width: 190px;
      height: 254px;
      font-size: 1.4rem;
      line-height: 1.46667; }
    #subscription .merrit h3 + h3 {
      margin-left: 15px; }
  #price .h3-b {
    top: -25px; }
    #price .h3-b img {
      width: 90px; }
  #price table th, #price table td, #price2 table th, #price2 table td, .price-title, .price2-title {
    font-size: 1.8rem; }
  table .td-title {
    font-size: 1.7rem !important;}
  #price table thead th, #price2 table thead th, .price-title, .price2-title {
    line-height: 2.0;
    font-size: 2.5rem; }
  #price table .price, #price2 table .price {
    font-size: 2.5rem; }
    #price table .price small, #price2 table .price small {
      font-size: 1.5rem; }
  #support .items {
    width: 580px;
    margin: 0 auto; }
    #support .items .item {
      width: 280px;
      border: 5px solid rgba(255, 255, 255, 0.6);
      float: left; }
      #support .items .item .inner {
        min-height: 350px;
        background-position: 50% 80px; }
        #support .items .item .inner h3 {
          font-size: 1.8rem; }
        #support .items .item .inner h4 {
          margin-top: 180px;
          font-size: 1.6rem; }
        #support .items .item .inner .attention {
          margin: 15px 15px 0 15px; }
    #support .items .item ~ .item {
      margin-left: 20px; }

  /* add 20160222 */
  #support .items2 {
    width: 580px;
    margin: 0 auto; }
    #support .items2 .item {
      width: 280px;
      border: 5px solid rgba(255, 255, 255, 0.6);
      float: left; }
      #support .items2 .item .inner {
        min-height: 350px;
        background-position: 50% 80px; }
        #support .items2 .item .inner h3 {
          font-size: 1.8rem; }
        #support .items2 .item .inner h4 {
          margin-top: 180px;
          font-size: 1.6rem;
      	  padding-bottom: 20px; }
        #support .items2 .item .inner .attention {
          margin: 15px 15px 0 15px; }
    #support .items2 .item ~ .item {
      margin-left: 20px; }

  #howtobuy .wrapper {
    padding-bottom: 160px; }
  #howtobuy .cols {
    width: 512px;
    margin: 10% auto 0 auto; }
    #howtobuy .cols .rgt {
      float: left;
      margin-top: 5%; }
    #howtobuy .cols .lft {
      float: left; }
    #howtobuy .cols .bracket {
      position: relative; }
      #howtobuy .cols .bracket p {
        font-size: 1.2rem; }
    #howtobuy .cols .flow {
      width: 330px;
      float: right; }
  #about .cols {
    margin-top: 20px; }
    #about .cols.n2 {
      margin-top: 50px; }
  #about .item {
    width: 40%;
    float: left; }
  #about img.rgt {
    width: 58%;
    height: auto;
    float: right; }

  /* add 20160222 */
  #about2 .cols {
    margin-top: 20px; }
    #about2 .cols.n2 {
      margin-top: 50px; }
  #about2 .item {
    width: 40%;
    float: left; }
  #about2 img.rgt {
    width: 58%;
    height: auto;
    float: right; }

  #faq .cols .lft {
    float: left; }
  #faq .cols .rgt {
    float: right; }
  #faq .cols dl {
    width: 48%; }
  #faq a.frame {
    display: inline-block !important; }
    #faq a.frame strong {
      display: block; }
  #catalog .cols .lft, #catalog .cols .rgt {
    width: 48%; }
  #catalog .cols .lft {
    float: left; }
  #catalog .cols .rgt {
    float: right; } }

/************** Tablet && Smart Phone */
@media screen and (max-width: 959px) {
  #price-head .w960 {
    width: 100%; }
  #price-head .pos-a {
    margin: 0 auto;
    text-align: center; }
  #price-head .pos-b {
    width: 100%;
    max-width: 490px; }
    #price-head .pos-b > a {
      width: 100%; }
    #price-head .pos-b .btn-b, #price-head .pos-b .btn-c {
      height: auto; }
      #price-head .pos-b .btn-b p, #price-head .pos-b .btn-c p {
        left: 19%;
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1.3; }
        #price-head .pos-b .btn-b p strong, #price-head .pos-b .btn-c p strong {
          font-size: 1.3rem; }
    #price-head .pos-b .btn-b {
      margin-top: -5%; }
      #price-head .pos-b .btn-b p {
        top: 28%; }
    #price-head .pos-b .btn-c p {
      top: 22%; }
  #price-head .pos-c {
    position: relative;
    width: 100%;
    height: 160px;
    background-color: white;
    overflow: hidden; }
    #price-head .pos-c img {
      position: absolute;
      left: 50%;
      top: -42px;
      -webkit-transform: translatex(-50%);
          -ms-transform: translatex(-50%);
              transform: translatex(-50%); }

  /* price-head2 */
  #price-head2 .w960 {
    width: 100%; }
  #price-head2 .pos-a {
    margin: 0 auto;
    text-align: center; }
  #price-head2 .pos-b {
    width: 100%;
    max-width: 490px; }
    #price-head2 .pos-b > a {
      width: 100%; }
    #price-head2 .pos-b .btn-b, #price-head2 .pos-b .btn-c {
      height: auto; }
      #price-head2 .pos-b .btn-b p, #price-head2 .pos-b .btn-c p {
        left: 19%;
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1.3; }
        #price-head2 .pos-b .btn-b p strong, #price-head2 .pos-b .btn-c p strong {
          font-size: 1.3rem; }
    #price-head2 .pos-b .btn-b {
      margin-top: -5%; }
      #price-head2 .pos-b .btn-b p {
        top: 28%; }
    #price-head2 .pos-b .btn-c p {
      top: 22%; }
  #price-head2 .pos-c {
    position: relative;
    width: 100%;
    height: 160px;
    background-color: white;
    overflow: hidden; }
    #price-head2 .pos-c img {
      position: absolute;
      left: 50%;
      top: -42px;
      -webkit-transform: translatex(-50%);
          -ms-transform: translatex(-50%);
              transform: translatex(-50%); }

  /* add 20160331 */
  .campaign-btn {
    width: 90%;
    margin: 20px auto 0 auto;
  }

  .campaign-btn .frame-gray2 {
    width: 100%;
  }

  .campaign-btn .frame-gray2 ~ .frame-gray2 {
    margin-left: 20px;
  }

  a.frame-gray2 p {
    width: 100%; }

 }

/***************** Smart Phone */
@media screen and (max-width: 639px) {
  .pc-only {
    display: none; }
  .tb-only {
    display: none; }
  .pc-tb-only {
    display: none; }
  .sp-ww {
    width: 100%; }
  .sp-w {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%; }
  .h650 {
    height: auto; }
  .h2-a {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4; }
    .h2-a strong {
      font-size: 2.2rem; }
  .h2-b {
    padding-bottom: 5%;
    font-size: 2.3rem;
    text-align: center; }
  .lead {
    font-size: 1.3rem; }
  .content-b {
    padding-top: 17.5%;
    padding-bottom: 12.5%; }

  .buy .btn {
    margin-top: 7.5%; }
    .buy .btn a {
      width: 100%;
      font-size: 1.6rem; }
      .buy .btn a p {
        margin-top: 16px; }
    .buy .btn a ~ a {
      margin-left: 0;
      margin-top: 5%; }


  /* buy2 */
  .buy2 .btn {
    margin-top: 7.5%; }
    .buy2 .btn a {
      width: 100%;
      font-size: 1.6rem; }
      .buy2 .btn a p {
    .buy2 .btn a:hover {
      color: white;}
        margin-top: 16px; }
    .buy2 .btn a ~ a {
      margin-left: 0;
      margin-top: 5%; }
  /* buy2 */

  /* btnMail */
  .btnMail {
    float: left; }
  /* btnMail */
 
  table.list thead th p img {
    width: 30px;
    height: 30px; }
  table.list thead th p span {
    margin-top: 0; }
  table.list tbody th {
    padding-left: 10px; }
  a.frame-gray {
    width: 100%; }
    a.frame-gray p {
      font-size: 1.6rem;
      background-position: 96% 50%; }

    /* add 20160331 */
    a.frame-gray2 p {
      font-size: 1.6rem;
      background-position: 96% 50%; }
   /* add 20160331 */

    /* add 20160615 */
    a.frame-gray3 {
    	width: 100%; }
    a.frame-gray3 p {
	font-size: 1.6rem; }
    /* add 20160615 */

  header.root .hgroup {
    padding-bottom: 10px;
    margin-left: 5%;
    margin-right: 2.5%; }
    header.root .hgroup .h1 {
      width: 70%;
      margin-top: 44px;
      font-size: 1.05rem; }
    header.root .hgroup .ttl-a {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 49px;
      padding-left: 5%;
      padding-top: 10px;
      z-index: 9998;
      background-color: white; }
      header.root .hgroup .ttl-a.is-on {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }
      header.root .hgroup .ttl-a img {
        width: 245px !important; }
    header.root .hgroup .ttl-b {
      position: absolute;
      right: 0;
      bottom: 13px; }
      header.root .hgroup .ttl-b img {
        width: 90px !important; }
  a#toggle {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 49px;
    height: 49px;
    background-color: #333;
    z-index: 9999; }
    a#toggle div {
      position: absolute;
      left: 10px;
      width: 30px;
      height: 3px;
      background-color: white; }
      a#toggle div.top-bar {
        top: 13px; }
      a#toggle div.mid-bar {
        top: 23px; }
      a#toggle div.bot-bar {
        top: 33px; }
    a#toggle.is-on .top-bar {
      -webkit-transform: translate(0, 10px) rotate(225deg) scale(1, 1);
          -ms-transform: translate(0, 10px) rotate(225deg) scale(1, 1);
              transform: translate(0, 10px) rotate(225deg) scale(1, 1); }
    a#toggle.is-on .mid-bar {
      -webkit-transform: scale(0, 1);
          -ms-transform: scale(0, 1);
              transform: scale(0, 1); }
    a#toggle.is-on .bot-bar {
      -webkit-transform: translate(0, -10px) rotate(-225deg) scale(1, 1);
          -ms-transform: translate(0, -10px) rotate(-225deg) scale(1, 1);
              transform: translate(0, -10px) rotate(-225deg) scale(1, 1); }
  .global-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 49px;
    width: 100%;
    z-index: 9999; }
    .global-menu ul {
      zoom: 1; }
      .global-menu ul:after {
        display: block;
        clear: both;
        content: ""; }
      .global-menu ul li {
        width: 50%;
        float: left;
        border-top: 1px solid #666; }
        .global-menu ul li:nth-child(2n) {
          border-left: 1px solid #666; }
        .global-menu ul li a {
          display: block;
          padding: 16px 0 14px 0;
          color: white;
          font-size: 1.4rem;
          font-weight: bold;
          line-height: 1.1;
          background-color: #333;
          text-align: center; }
          .global-menu ul li a:hover {
            color: white; }
  table.list td {
    line-height: 2.0; }
  table.list tbody th, table.list tbody td {
    padding: 8px 6px 6px 6px; }
  table.list tbody tr.cat th {
    font-size: 1.4rem; }
  .a-open, .a-close {
    width: 100%; }
  #price-head {
    background: none;
    background-color: #CCC;
    overflow: hidden; }
    #price-head .h2-a {
      padding-top: 80px;
      padding-bottom: 80px;
      background: url(https://c.azmarche.com/lp/autodesk/autocad/images/bg_a_01.jpg) no-repeat 0 0;
      background-size: cover; }
    #price-head .h3-b {
      right: -8px;
      top: 215px; }
      #price-head .h3-b img {
        width: 65px; }
    #price-head .pos-b {
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 1px; }

  /* price-head2 */
  #price-head2 {
    background: none;
    background-color: #CCC;
    overflow: hidden; }
    #price-head2 .h2-a {
      padding-top: 80px;
      padding-bottom: 80px;
      background: url(../images/bg_a_04.jpg) no-repeat 0 0;
      background-size: cover; }
    #price-head2 .h3-b {
      right: -8px;
      top: 215px; }
      #price-head2 .h3-b img {
        width: 65px; }
    #price-head2 .pos-b {
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 1px; }


  .limited-ttl {
    font-size: 1.35rem;
    line-height: 1.2; }
    .limited-ttl .txt .l {
      font-size: 1.8rem; }
    .limited-ttl .txt .m {
      font-size: 1.4rem; }
    .limited-ttl .lft, .limited-ttl .rgt {
      width: 100%;
      text-align: center; }
      .limited-ttl .lft img, .limited-ttl .rgt img {
        display: inline-block;
        width: 40px; }
    .limited-ttl .lft {
      margin-right: 0;
      margin-bottom: 10px; }
    .limited-ttl .rgt {
      margin-left: 0;
      margin-top: 10px; }
  .limited-sub {
    font-size: 1.3rem;
    line-height: 1.3; }
  #subscription .merrit h3 {
    width: 100%;
    height: 240px;
    font-size: 1.8rem;
    line-height: 1.3; }
  #subscription .merrit h3 + h3 {
    margin-top: 5%; }
  #subscription ul.attention {
    padding-top: 58px;
    margin-top: 10%;
    background: url(https://c.azmarche.com/lp/autodesk/autocad/images/img_b_04.png) no-repeat 50% 0; }
  #price2 .h2-b {
    font-size: 2.0rem;
    line-height: 1.4;
  }
  #price .h3-b {
    top: -25px; }
    #price .h3-b img {
      width: 60px; }
  #price .limited-ttl {
    font-size: 1.2rem;
    line-height: 1.1; }
    #price .limited-ttl .txt .l {
      font-size: 1.8rem; }
    #price .limited-ttl .txt .m {
      font-size: 1.4rem; }
  #price table th, #price table td, #price2 table ht, #price2 table td {
    font-size: 1.0rem; }
  #price table thead th, #price2 table thead th, .price-title, .price2-title {
    padding: 8px;
    font-size: 1.7rem;
    line-height: 1.7; }
    #price table thead th small, #price2 table thead th small {
      font-size: 1.1rem; }
    #price table thead th img, #price2 table thead th img, .price-title img, .price2-title img {
      width: 30px;
      height: 30px;
      margin-right: 10px; }
  #price table tbody th img,
  #price table tbody td img,
  #price2 table tbody th img,
  #price2 table tbody td img {
    width: 40px; }
  #price table .new-icon, #price2 table .new-icon {
    margin-left: 0; }
  #price table .price, #price2 table .price {
    font-size: 1.3rem; }
    #price table .price small, #price2 table .price small {
      font-size: 1.0rem; }
  #support .items .item {
    width: 100%;
    border: 5px solid rgba(255, 255, 255, 0.6); }
    #support .items .item .inner {
      padding-bottom: 20px;
      background-position: 50% 80px; }
      #support .items .item .inner h3 {
        font-size: 1.8rem; }
      #support .items .item .inner h4 {
        margin-top: 180px;
        font-size: 1.6rem; }
      #support .items .item .inner .attention {
        margin: 15px 15px 0 15px; }
  #support .items .item ~ .item {
    margin-top: 5%; }

  /* add 2016022 */
  #support .items2 .item {
    width: 100%;
    border: 5px solid rgba(255, 255, 255, 0.6); }
    #support .items2 .item .inner {
      padding-bottom: 20px;
      background-position: 50% 80px; }
      #support .items2 .item .inner h3 {
        font-size: 1.8rem; }
      #support .items2 .item .inner h4 {
        margin-top: 180px;
        font-size: 1.6rem; }
      #support .items2 .item .inner .attention {
        margin: 15px 15px 0 15px; }
  #support .items2 .item ~ .item {
    margin-top: 5%; }



  #howtobuy .wrapper {
    background-position: 46.5% bottom;
    padding-bottom: 210px; }
  #howtobuy .cols {
    margin: 10% auto 0 auto; }
    #howtobuy .cols .flow {
      margin-bottom: 10%; }
    #howtobuy .cols .rgt {
      float: right; }
    #howtobuy .cols .lft {
      float: left; }
    #howtobuy .cols .bracket {
      position: relative;
      width: 46.5%;
      background-size: contain; }
      #howtobuy .cols .bracket:after {
        background-size: contain; }
      #howtobuy .cols .bracket p {
        font-size: 1.1rem; }
  #about .cols {
    margin-top: 20px; }
    #about .cols.n2 {
      margin-top: 50px; }
    #about .cols img.rgt {
      margin-top: 5%; }

  /* add 20160222 */
  #about2 .cols {
    margin-top: 20px; }
    #about2 .cols.n2 {
      margin-top: 50px; }
    #about2 .cols img.rgt {
      margin-top: 5%; }

  #comparison .w900 {
    height: 300px; }
  #comparison table.list {
    margin-bottom: 0; }
    #comparison table.list colgroup col:nth-child(1) {
      width: 40%; }
    #comparison table.list colgroup col:nth-child(2) {
      width: 30%; }
    #comparison table.list colgroup col:nth-child(3) {
      width: 30%; }
    #comparison table.list thead th p {
      text-align: center;
      font-size: 1.3rem; }
      #comparison table.list thead th p img {
        display: block;
        margin: 0 auto;
        float: none; }
      #comparison table.list thead th p span {
        margin-left: 0; }
    #comparison table.list tbody th {
      font-size: 1.2rem; }
  #comparison .buy {
    margin-bottom: 50px; }
  #environment .w900 {
    height: 300px; }
  #environment .h2-b {
    padding-top: 17.5%;
    padding-bottom: 12.5%; }
  #environment table.list {
    margin-bottom: 0; }
    #environment table.list thead th {
      padding-left: 6px;
      font-size: 1.8rem; }
    #environment table.list tbody th, #environment table.list tbody td {
      font-size: 1.2rem; }
    #environment table.list tbody td {
      padding-left: 6px;
      padding-right: 6px; }
  #environment .buy {
    margin-bottom: 50px; }
  #faq .cols dl dt p {
    font-size: 1.5rem; }
  #faq .cols dl dd {
    margin-top: 10px; }
    #faq .cols dl dd p {
      font-size: 1.2rem; }
    #faq .cols dl dd a.frame {
      display: inline-block;
      margin-top: 10px;
      padding: 6px 10px;
      font-size: 1.1rem; }
      #faq .cols dl dd a.frame span {
        display: block; }
  #faq .cols dl dt ~ dt {
    margin-top: 20px; }
  #faq .cols dl.rgt {
    margin-top: 20px; }
  #catalog .cols .lft .h3-a, #catalog .cols .rgt .h3-a {
    display: inline-block;
    margin-top: 7.5%; }
  #catalog .cols .lft p.txt, #catalog .cols .rgt p.txt {
    height: auto;
    font-size: 1.4rem; }
  #catalog .cols .lft .frame-gray, #catalog .cols .rgt .frame-gray {
    margin-top: 5%; }
  #catalog .cols .rgt {
    margin-top: 15%; }


 }


/* 20151207 add */


.camp-title {
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    margin: 0px auto 10px auto;
}
/*
.price2-area table {
    margin-top: 20px;
}
*/

table .td-title {
    padding: 15px 0;
    background-color: #d0d0d0;
}

table .td-title p {
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: bold;
    color: #000;
}




#price table tbody .td-title, #price2 table tbody .td-title {
    padding-bottom: 0;
}

.buy2 .btn a {
    width: 80%;
}

.clearfix:after {
    content: '';
    clear: both;
    display: block;
    *z-index: 1;
}

#price2 {
    background-color: #94cae6;
    padding-bottom: 30px;
}

.price-title img, .price2-title img {
    margin-right: 15px;
    display: inline;
}

.price2-area {
    background-color: #fff; 
    width: 100%;
    height: auto;
    padding: 2%;
}

.price2-area table {
    width: 100%;
}

.price2-area table .icon-price2 {
    vertical-align: middle;
}

.price2-area table .interval {
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
}

.buy2 .btn a .standalone {
    margin-bottom: 10px;
}

#price2 .buy2 .btn {
    margin-bottom: 3.5em;
}

#price2 table .term {
  padding-left: 10px; }
#price2 table .price {
  padding-right: 10px; }

table .item-title {
    background-color: #e7e7e6;
}

.item-title {
    width: 100%;
    height: auto;
    color: #000;
}


@media screen and (min-width: 959px) {
    .buy2 .btn a .btn-left {
        margin-left: 0;
        margin-top: 0;
        float: left;
        background: none;
        width: 55%;
        vertical-align: middle;
        position: relative;
        padding-top: 6px;
    }

    .buy2 .btn a .btn-left img {
        margin-right: 4%;
    }

    .buy2 .btn a .btn-left span {
        position: absolute;
        top: 10px;
        width: 80%;
    }

    .buy2 .btn a .btn-right {
        margin-top: 10px;
        margin-left: 0;
        float: left;
        width: 45%;
        border-left: 1px solid #d0d0d0;
        padding-right: 4%;
        padding-left: 4%;
        min-height: 63px;
        vertical-align: middle;
        position: relative;
    }

    .buy2 .btn a .btn-right img {
        margin-right: 4%;
        position: absolute;
        top: 12px;
    }

    .buy2 .btn a .btn-right span {
        position: absolute;
        top: 30%;
        left: 70px;
    }

    #price2 .title-left {
	float: left; 
	width: 60%;
    }

    #price2 .title-left h2 {
        text-align: left;
        margin-top: 70px;
        padding-bottom: 10px;
    }

    #price2 .title-right {
	float: left; 
	width: 40%;
    }

    #price2 .title-right img {
	width: 100%;
	height: auto;
    }

    #standalone-pack .btn a {
	padding-bottom: 15px;
    }

    .item-title {
        text-align: left !important;
        padding: 10px 10px !important;
        border: none !important;
    }

    /* campaign-box2 */
    #subscription-campaign .campaign-inner .campaign-box2 .text-campaign {
        margin-top: 45px;
        font-size: 3.2rem; }



}


@media screen and (max-width: 959px) and (min-width: 640px) {

    .buy2 .btn a .btn-left {
        margin-left: 0;
        margin-top: 0;
        float: left;
        background: none;
        width: 50%;
        vertical-align: middle;
        position: relative;
        padding-top: 6px;
    }

    .buy2 .btn a .btn-left img {
        margin-right: 4%;
    }

    .buy2 .btn a .btn-left span {
        position: absolute;
        top: 16px;
	width: 65%;
    }

    .buy2 .btn a .standalone span {
        top: 13px;
    }

    .buy2 .btn a .btn-right {
        margin-top: 10px;
        margin-left: 0;
        float: left;
        width: 50%;
        border-left: 1px solid #d0d0d0;
        padding-right: 4%;
        padding-left: 4%;
        min-height: 63px;
        vertical-align: middle;
        position: relative;
    }

    .buy2 .btn a .btn-right img {
        margin-right: 4%;
        position: absolute;
        top: 12px;
    }

    .buy2 .btn a .btn-right span {
        position: absolute;
        top: 30%;
        left: 60px;
	width: 62%;
    }

    #price2 .title-left {
	float: left; 
	width: 60%;
    }

    #price2 .title-left h2 {
        text-align: left;
        margin-top: 65px;
        padding-bottom: 10px;
    }

    #price2 .title-right {
	float: left; 
	width: 40%;
    }

    #price2 .title-right img {
	width: 100%;
	height: auto;
    }

    .item-title {
        text-align: left !important;
        padding: 10px 10px !important;
        border: none !important;
    }

    /* campaign-box2 */
    #subscription-campaign .campaign-inner .campaign-box2 .text-campaign {
        margin-top: 45px;
        font-size: 2.8rem; }

}


@media screen and (max-width: 650px) {


    .buy2 .btn a .btn-left,.buy2 .btn a .btn-right {
        width: 96%;
        margin: 0 2%;
	padding: 4% 0;
        background: none;
	position: relative;
    }

    .buy2 .btn a .btn-left {
        border-bottom: 1px solid #d0d0d0;
    }

    .buy2 .btn a .btn-left span {
	position: inherit;
	top: 12px;
    }

    .buy2 .btn a .standalone span {
	position: inherit;
	top: 3px;
    }

    .buy2 .btn a .btn-left img,.buy2 .btn a .btn-right img {
	margin-right: 10px;
    }

    .buy2 .btn a .btn-right span {
	position: absolute;
	top: 28px;
    }

    .buy2 .btn a .btn-left span:after,.buy2 .btn a .btn-right:after {
        content: '';
        clear: both;
        display: block;
        *z-index: 1;
    }

    #price2 .h2-b {
        text-align: left;
        padding-top: 30px;
    }

    .item-title {
        text-align: left !important;
        padding: 10px 10px !important;
        border: none !important;
    }

    #price2 .title-left h2 {
	padding-top: 17.5%;
    }


}


/* add campagin 20160222
----------------------------------- */

#subscription-campaign .img-title {
    padding-bottom: 30px; }

#subscription-campaign .h3-b {
    padding-bottom: 30px;
    font-size: 2.6rem;
    text-align: center; }

#subscription-campaign .btn {
    width: 58px;
    margin: 0 auto 0 auto;}

#subscription-campaign .campaign-inner p {
    text-align: center;
}

@media screen and (min-width: 650px) {
#subscription-campaign .campaign-box {
    width: 32%;
}

#subscription-campaign .campaign-box ~ .campaign-box {
   margin-left: 2%;
}

#subscription-campaign .campaign-inner {
    width: 100%;
    margin: 0 auto 3.0em auto;
}

#subscription-campaign .campaign-inner .campaign-box {
    float: left;
}

#subscription-campaign .campaign-inner .campaign-box img {
    margin-bottom: 30px;
}


#subscription-campaign .campaign-inner p.lead {
    font-size: 1.8em;
    margin-bottom: 1.2rem;
}

#subscription-campaign p.campaign-text {
    font-size: 1.7em;
    margin-bottom: 1.5rem;
    text-align: center;
}

#subscription-campaign p.campaign-text strong {
    font-size: 1.8em;
}

#subscription-campaign .campaign-inner p.text-campaign span {
    font-size: 1.9em;
    padding: 0 5px;
}

/* campagin-box2 */
#subscription-campaign .campaign-inner .campaign-box2 {
    float: left;
    margin: 0 2%;
    width: 18%;
}

#subscription-campaign .campaign-inner p.text-campaign {
    font-size: 3.2em;
    font-weight: bold;
    color: #2b99d7;
    margin: 10px 0;
}

}

@media screen and (max-width: 649px) {

#subscription-campaign {
    padding-top: 4%; }

#subscription-campaign .campaign-box img {
    margin: auto;
}

#subscription-campaign .campaign-inner p.lead {
    margin-bottom: 20px;
}

#subscription-campaign .img-title {
    padding-bottom: 15px; }

#subscription-campaign .h3-b {
    padding-bottom: 1.2rem;
    font-size: 1.6rem;
    text-align: center; }

#subscription-campaign .campaign-inner p.lead {
    font-size: 1.6em;
}

#subscription-campaign .btn {
    margin-top: 2.0em;
}

#subscription-campaign p.campaign-text strong {
    font-size: 1.5em;
}

#subscription-campaign p.campaign-text strong:after {
	content: "\A" ;
	white-space: pre ;
}

#subscription-campaign .campaign-inner p.text-campaign span {
    font-size: 1.3em;
    padding: 0 5px;
}

#subscription-campaign .campaign-inner p.text-campaign {
    font-size: 2.4em;
    font-weight: bold;
    color: #2b99d7;
    margin: 10px 0;
}

/* campagin-box2 */
#subscription-campaign .campaign-inner .campaign-box2 {
    margin: 20px 0;
}

}



/* add #subscription .items 20160225
----------------------------------- */
#subscription .items {
  zoom: 1;
  margin-top: 3.0em; }
  #subscription .items:after {
    display: block;
    clear: both;
    content: ""; }
  #subscription .items .item .inner {
    height: 100%;
    background: url(../images/bg_k_01.png);
    padding: 20px; }
  #subscription .items .item .inner h3 {
    font-size: 1.8em;
    line-height: 1.25;
    font-weight: bold;
    float: left;}
  #subscription .items img {
    float: left;
    padding-right: 10px; }
  #subscription .items .lead {
    font-size: 1.3em;
    width: 100%; }

@media screen and (min-width: 960px) {
  #subscription .items .item {
    width: 460px;
    height: 170px;
    float: left; }
  #subscription .items .item ~ .item {
    margin-left: 40px; }
  #subscription .items img {
    width: 80px; }
}

@media screen and (max-width: 959px) {

  #subscription .items .item {
    width: 100%;
    margin-top: 5%; }
    #subscription .items .item .inner {
      padding-bottom: 20px; }
    #subscription .items .item .inner .icon-items {
      width: 20%;}
    #subscription .items .item .inner h3 {
      width: 80%;
      word-break: break-all; }
}

/* add 20170308
----------------------------------- */
.box-r{
	border: 1px solid #b22b30;
	padding: 15px;
	margin-bottom:20px;
}
.box-w{
	border: 1px solid #fff;
	padding: 15px;
	margin-bottom:20px;
}