@-ms-viewport {
  width: auto !important;
  initial-scale: 1 !important;
}
.linkblock {
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
  margin: 0 5px;
  font-weight: bold;
  display: inline-block;
  padding: 10px;
  background-color: #f7f7f7;
  border: 1px solid #c5d1d8;
}
.linkblock:hover {
  border: 1px solid #b0db48;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.article_detail .linkblock {
  margin-top: 20px;
}
.contents_table .head .linkblock {
  margin: 0 0 20px 20px;
}
.linkblock a {
  display: inline-block;
  background: url("../../../common/img/icon/linkarrow_left.png") no-repeat left center;
  padding-left: 10px;
}
.categorytitle {
  width: 945px;
  height: 35px;
  margin: 10px 0 15px;
  _margin: 20px 0 5px;
  background: url("../img/titlebar/categorytitle.jpg") no-repeat;
  text-align: left;
}
.categorytitle .title {
  width: 935px;
  letter-spacing: 2px;
  color: #ffffff;
  font-size: 16px;
  line-height: 35px;
  font-weight: bold;
  margin-left: 10px;
}
.contentstitle {
  line-height: 20px;
  padding: 5px 0 0;
  margin: 15px 0;
  background: url("../img/titlebar/h1_bg.jpg") no-repeat right center;
  text-align: left;
}
.contentstitle .title {
  background: url("../img/titlebar/h1_text.jpg") no-repeat left top;
  letter-spacing: 2px;
  display: inline-block;
  padding: 2px 10px 0 20px;
  color: #001e47;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
}
.iconarea div img {
  vertical-align: top;
}
.iconarea .kokugo,
.iconarea .shakai,
.iconarea .sugaku,
.iconarea .sansu,
.iconarea .eigo,
.iconarea .rika,
.iconarea .gika,
.iconarea .kaitei,
.iconarea .kaishin,
.iconarea .taiou {
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 3px;
}
.iconarea .kokugo {
  margin-top: 5px;
}
.iconarea .shakai {
  margin-top: 5px;
}
.iconarea .sugaku {
  margin-top: 5px;
}
.iconarea .sansu {
  margin-top: 5px;
}
.iconarea .eigo {
  margin-top: 5px;
}
.iconarea .rika {
  margin-top: 5px;
}
.iconarea .gika {
  margin-top: 5px;
}
.iconarea .kaitei {
  width: 100px;
  height: 20px;
  margin-left: 5px;
}
.iconarea .kaishin {
  width: 80px;
  height: 20px;
  margin-left: 5px;
}
.iconarea .taiou {
  width: 120px;
  height: 20px;
  margin-left: 5px;
}
.contents_detail .iconarea div {
  margin-top: 0;
}
.contentstitle .iconarea {
  line-height: 20px;
  display: inline-block;
  background-color: #ffffff;
  padding: 0 10px 0;
}
.matome1_2 .contentstitle .iconarea {
  padding: 0;
}
.kyozaititle .iconarea {
  display: inline-block;
  margin: 0 0 0 15px;
}
.kyozaititle .iconarea div {
  margin-top: 0;
}
.kyozaititle .area2 {
  margin: 0 0 5px 0;
}
.quarter .kyozaititle .iconarea,
.half .kyozaititle .iconarea {
  margin-left: 5px;
}
.contentstitle_h2 {
  margin-top: 20px;
  color: #13171d;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid #cccccc;
}
.contentstitle_h2 .caution {
  padding-left: 10px;
}
.contentslead {
  font-size: 14px;
  margin: -5px 20px 10px;
  text-align: left;
}
.contentslead_h2 {
  font-size: 14px;
  margin: 10px 0 15px;
}
.contentsbody {
  width: 925px;
  margin: 0 auto;
  text-align: left;
}
.contentsbody a {
  text-decoration: underline;
}
.contentsbody a:hover {
  text-decoration: none;
}
.contentsbody p {
  margin: 1em 0;
  line-height: 1.5;
}
.banner,
.button {
  display: block;
}
.banner {
  margin: 0 auto;
}
.cautiontext {
  font-weight: bold;
  color: #cc0000;
  font-size: 12px;
}
.kyozaititle .cautiontext {
  display: inline-block;
}
.feature .cautiontext {
  font-size: 14px;
  list-style: none;
  margin: 10px 0 5px;
  line-height: 1.5;
}
.anchormenuarea {
  display: inline-block;
  _display: inline;
  line-height: 30px;
  margin-bottom: 5px;
  background: #f4f4f4 url("../img/bg/anchormenu_left.jpg") no-repeat left center;
}
.chu_index .anchormenuarea,
.support_index .anchormenuarea {
  background: none;
  background-color: #f4f4f4;
  padding: 10px 0;
}
.anchormenu {
  background: url("../img/bg/anchormenu_right.jpg") no-repeat right center;
  padding: 0 20px;
  display: inline-block;
}
.chu_index .anchormenu,
.support_index .anchormenu {
  padding: 0 20px;
  background: none;
  background-color: #f4f4f4;
}
.anchormenu .menu {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 0 20px;
  margin: 5px 0;
}
.detail .anchormenu .menu {
  overflow: hidden;
}
.chu_index .anchormenu .menu,
.support_index .anchormenu .menu {
  padding: 0 15px;
}
.support_index .anchormenu .menu a {
  text-decoration: none;
}
.anchormenuarea ul li {
  border-left: 1px solid #7f7f7f;
}
.anchormenuarea ul li:first-child,
.anchormenu li.firstchild {
  border-left: 0;
}
.anchormenuarea ul li a {
  text-decoration: underline;
}
.anchormenuarea ul li a:hover {
  text-decoration: none;
}
.maintext .anchormenu.list,
.maintext .anchormenuarea .list {
  list-style-type: none;
  margin: 0 0 0 0;
}
.pagetoparea {
  width: 885px;
  margin: 0 auto;
  clear: both;
}
.pagetoparea:after {
  content: "";
  display: block;
  clear: both;
}
.button_pagetop {
  display: block;
  width: 11px;
  height: 11px;
  background: url("../../../common/img/button/bt_pagetop.gif") no-repeat;
  _overflow: hidden;
  text-indent: -9999px;
  float: right;
}
.simplelist {
  margin: 5px 20px;
}
.simplelist li {
  list-style-type: disc;
  font-weight: bold;
  margin: 5px 0 10px;
  color: #480a0a;
}
.simplelist .description {
  font-weight: normal;
  margin-bottom: 15px;
  color: #666666;
}
.simplelist_third {
  margin: 5px 0;
}
.simplelist_third:after {
  content: "";
  display: block;
  clear: both;
}
.simplelist_third li {
  width: 240px;
  float: left;
  font-size: 14px;
  font-weight: normal;
  list-style-type: disc;
  margin: 5px 20px;
}
#body {
  background-color: #ffffff;
  background: url("../img/bg/body.jpg") repeat-y;
  border-bottom: 1px solid #cccccc;
}
#foot {
  height: 25px;
  width: 985px;
  margin: 15px auto 0;
}

.tableblock {
  clear: both;
  text-align: center;
  width: 925px;
  margin: 15px auto 10px;
}
.tableblock .addition {
  text-align: left;
  margin-top: 5px;
}
.tableblock:after {
  content: "";
  display: block;
  clear: both;
}
.contents_detail .tableblock {
  width: auto;
  float: left;
  clear: none;
}
.tableblock .tabletitle {
  font-size: 16px;
  margin: 10px 0 5px;
  font-weight: bold;
  text-align: left !important;
  background: url("../img/titlebar/mark_square.jpg") no-repeat left center;
  padding-left: 20px;
}
.contents_detail .tableblock .tabletitle {
  margin: 0;
}
.table2 .tabletitle {
  background: none;
  padding: 0;
}
.contents_detail .table2 .tabletitle {
  margin: 10px 0 5px;
}
.tableblock .tabletitle .subtitle {
  font-size: 14px;
  font-weight: normal;
  float: right;
}
.tableblock .tablelead {
  text-align: left;
  margin-bottom: 10px;
  padding-left: 20px;
}
.tableblock .tablelead .leadtitle {
  font-weight: bold;
  margin-top: 5px;
}
.tableblock .tablelead .addition {
  margin-top: 5px;
  text-align: left !important;
}
.tableblock table {
  width: 885px;
  margin: 0 auto 10px;
  margin-bottom: 10px;
}
.taioublock .contents_detail .tableblock table,
.jituryoku .contents_detail .tableblock table {
  width: 500px;
}
.taioublock .contents_detail .table2 table {
  width: 880px;
}
.tableblock table a {
  text-decoration: underline;
}
.contents_detail .tableblock .wd600 {
  width: 600px;
}
.tableblock .half {
  width: 430px;
  margin: 0 15px 10px 10px;
  float: left;
}
.tableblock .lefthalf {
  margin-left: 20px;
}
.tableblock .third {
  width: 280px;
  margin: 0 15px 10px 10px;
  float: left;
}
.contents_table .tableblock .third {
  width: 270px;
  margin: 0 5px 10px;
}
.tableblock .font_s {
  font-size: 12px;
}
.contents_detail .tableblock table {
  width: auto;
  margin-bottom: 0;
}
table tr,
table th,
table td {
  border: 1px solid #c6c6c6;
  padding: 5px;
  text-align: left;
}
.bunko tr,
.bunko th,
.bunko td {
  padding: 12px 10px;
}
.tableblock table th {
  background-color: #e2ecf2;
}
.table2 table th {
  background-color: #d2f476;
}
.table2 table tr {
  background-color: #fffbd4;
}
.tableblock table .quarter_square {
  height: 200px;
}
.tableblock table .title {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
}
.tableblock .bunko .title {
  font-size: 14px;
}
.tableblock table .number {
  text-align: right;
}
.tableblock table .kubun {
  background-color: #f8fdd5;
}
.tableblock table .price {
  background-color: #f3db6d;
}
.tableblock table .boldtext {
  margin: 2px 0;
}
.tableblock table span.boldtext {
  padding-left: 5px;
}
.tableblock table .smalltext {
  margin-top: 5px;
}
.tableblock table .caution {
  font-size: 14px;
}
.tableblock table .fuzoku .title {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  margin-bottom: 5px;
}
.tableblock table .fuzoku {
  line-height: 1.5;
  text-align: left;
}
.tableblock table .icontext {
  margin: 0 auto;
  display: inline-block;
}
.tableblock table .icontext:after {
  content: "";
  display: block;
  clear: both;
}
.tableblock table .icontext img {
  margin: 5px;
  float: left;
}
.tableblock table .icontext .icontitle {
  line-height: 50px;
  float: left;
}
.tableblock table .subtitle {
  font-size: 12px;
  text-align: right;
}
.tableblock table .align_left {
  text-align: left;
  padding-left: 10px;
}
.tableblock table .align_center {
  text-align: center;
}
.tableblock table .align_left .boldtext {
  padding: 0;
}
.tabletext {
  text-align: left;
}
.smalltable {
  font-size: 12px;
  margin: 5px 0 10px;
}
.smalltable th {
  background-color: #e2ecf2;
}
.contents_table {
  width: 925px;
  margin: 15px auto 10px;
  text-align: left;
}
.contents_table .head:after {
  content: "";
  display: block;
  clear: both;
}
.contents_table .head .title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  background: url("../img/titlebar/mark_square.jpg") no-repeat left center;
  padding-left: 20px;
}
.contents_table .head .lead {
  font-size: 14px;
  margin: 0 0 5px 20px;
  color: #888888;
}
.contents_table .head .addition {
  padding-left: 10px;
  font-weight: normal;
}
.tab_contents .tablist {
  padding: 0 15px;
  margin: 0 20px;
  _height: 40px;
  _overflow: hidden;
}
.tab_contents .tablist a {
  height: 28px;
  _height: 40px;
  padding-top: 12px;
  display: block;
  margin: 0 4px;
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}
.tab_contents .foot .tablist a {
  padding-top: 10px;
  height: 30px;
  _height: 40px;
}
.tab_contents .tablist a:hover {
  background-position: 0 -40px;
  text-decoration: none;
}
.tab_contents .tabs4 a,
.tab_contents .tabs2 a {
  width: 205px;
  background: url("../img/button/tab_feature_tabs4.jpg") no-repeat;
}
.tab_contents .foot .tabs4 a,
.tab_contents .foot .tabs2 a {
  width: 205px;
  background: url("../img/button/tab_feature_tabs4_foot.jpg") no-repeat;
}
.tab_contents .tabs5 a {
  width: 163px;
  background: url("../img/button/tab_feature_tabs5.jpg") no-repeat;
}
.tab_contents .foot .tabs5 a {
  width: 163px;
  background: url("../img/button/tab_feature_tabs5_foot.jpg") no-repeat;
}
.tab1_active .tab_contents div .tab1,
.tab2_active .tab_contents div .tab2,
.tab3_active .tab_contents div .tab3,
.tab4_active .tab_contents div .tab4,
.tab5_active .tab_contents div .tab5 {
  background-position: 0 -80px;
  text-decoration: none;
}
.tab1_active .tab_contents div .tab1:hover,
.tab2_active .tab_contents div .tab2:hover,
.tab3_active .tab_contents div .tab3:hover,
.tab4_active .tab_contents div .tab4:hover,
.tab5_active .tab_contents div .tab5:hover {
  background-position: 0 -80px;
  cursor: default;
  text-decoration: none;
}
.kokugo .actionbuttonarea .kokugo,
.shakai .actionbuttonarea .shakai,
.sugaku .actionbuttonarea .sugaku,
.rika .actionbuttonarea .rika,
.eigo .actionbuttonarea .eigo {
  display: none;
}
.text_tablink {
  text-align: right;
}
.text_tablink a {
  margin-right: 20px;
  text-decoration: underline;
}
.contents_table .body,
.article_detail .contents_table .body {
  border: 1px solid #cccccc;
  margin: 0 20px;
  padding: 20px 20px 15px;
}
.contents_table .body:after {
  content: "";
  display: block;
  clear: both;
}
.contents_table .tableblock {
  width: auto;
}
.contents_table .tableblock table {
  width: 835px;
}
.contents_table .imgbox {
  text-align: center;
}
.contents_table .imgbox img {
  margin: 0 auto;
}
.feature_row {
  text-align: center;
}
.feature_row .featuretitle {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #cccccc;
  color: #000000;
  margin-bottom: 10px;
  background: url("../img/titlebar/mark_square.jpg") no-repeat left bottom;
  _background-position: left 5px;
  padding-left: 20px;
}
.feature_row .featuresubtitle {
  text-align: left;
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: normal;
  color: #333333;
}
.featurelead {
  text-align: left;
  font-size: 16px;
  margin-bottom: 20px;
  color: #114856;
  line-height: 1.5;
}
.featurelead_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #001e47;
}
.feature_row .addition {
  text-align: left;
  margin-top: 5px;
}
.contents_table .foot div {
  margin-top: 5px;
}
.contents_table .foot .tabs2,
.contents_table .foot .tabs4,
.contents_table .foot .tabs5 {
  margin-top: 0;
}
.contents_table .contents_detail {
  width: 835px;
}
.contents_table .contents_detail .feature {
  width: 560px;
}
.contents_table .addition {
  margin-top: 5px;
}
.contents_table .cautionblock {
  border: 2px solid #ff8e8e;
  margin: 10px;
  padding: 20px 30px;
}
.feature_row li {
  margin: 5px 0 15px;
  text-align: center;
}
.feature_row .feature_block {
  padding: 15px;
  background-color: #ffeec5;
  margin-bottom: 30px;
  text-align: left;
}
.feature_row li .title {
  text-align: left;
  padding: 5px 0 5px 30px;
  font-size: 16px;
  color: #0d3b51;
  font-weight: bold;
  background: url("../img/icon/contents_table_feature.jpg") no-repeat left top;
  line-height: 25px;
  _height: 35px;
}
.optionblock .contents_table .feature_row li .title {
  background: url("../img/icon/contents_table_option.jpg") no-repeat left top;
}
.cdrblock .contents_table .feature_row li .title,
.feature_row .cdr .title {
  background: url("../img/icon/contents_table_cdr.jpg") no-repeat left top;
}
.aboutblock .contents_table .feature_row li .title {
  background: url("../img/icon/contents_table_about.jpg") no-repeat left top;
}
.xlsblock .contents_table .feature_row li .title {
  background: url("../img/icon/contents_table_xls.jpg") no-repeat left top;
}
.feature_row li .subtitle {
  text-align: left;
  font-weight: bold;
}
.feature_row li .title .subtitle {
  text-align: left;
  font-size: 14px;
  display: inline-block;
  margin-left: 1em;
}
.feature_row li .title .subtitle_2 {
  text-align: left;
  font-size: 14px;
  display: inline-block;
  margin-left: 0;
}
.feature_row li .specialtext {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #ec9125;
  margin: 20px 0 20px 35px;
}
.feature_row .description {
  text-align: left;
  padding: 0 15px 0 30px;
  line-height: 1.5;
}
.feature_row .description div {
  text-align: left;
  background: url("../img/icon/feature_description.jpg") no-repeat;
  padding-left: 15px;
  margin: 0 0 10px;
}
.contents_table .feature_row .float_layout {
  _display: block;
}
.feature_row .float_layout .explanation,
.feature_row .float_layout .imageblock {
  float: left;
  margin: 10px 10px 0;
  white-space: nowrap;
}
.feature_row .description .lead {
  background: none;
  padding: 0;
  margin: 10px 0 20px;
  font-weight: bold;
}
.feature_row .description .explanation {
  background: none;
  margin-top: -5px;
  font-size: 12px;
  color: #4a6168;
}
.feature_row .description .caution,
.feature_row .description .addition {
  background: none;
  padding-left: 0;
}
.feature_row .description .linkblock {
  background: none;
}
.feature_row .description .desc_list:after {
  content: "";
  display: block;
  clear: both;
}
.feature_row .description .desc_title {
  font-weight: bold;
  display: block;
  float: left;
  margin-right: 10px;
}
.feature_row .description .desc_body {
  display: block;
  float: left;
  color: #666666;
}
.feature_row .description .simplelist {
  background: none;
  margin: 0 0 5px;
  padding-left: 0;
  font-weight: bold;
}
.feature_row .description .simplelist span {
  margin-right: 20px;
  line-height: 1.75;
  display: inline-block;
  _display: inline;
  _float: left;
  color: #ec9125;
  white-space: nowrap;
}
.feature_row .description .simplelist .listtitle {
  background: none;
  margin: 0;
}
.feature_row .icon_new {
  width: 40px;
  height: 15px;
  display: inline-block;
  _display: block;
  _float: left;
  padding: 0;
  margin: 0 5px;
}
.feature_row .icon_new img {
  vertical-align: middle;
}
.feature_row .description div .title {
  font-weight: bold;
  padding-right: 10px;
}
.contents_table .description .tableblock {
  width: auto;
  background: none;
  clear: none;
}
.contents_table .description .tableblock table {
  margin: 0;
  width: auto;
  text-align: left;
}
.contents_table .description .tableblock table td {
  padding: 10px 15px;
}
.contents_table .description .tableblock table .boldtext {
  background-color: #f5f5f5;
}
.feature_row .thirdblock {
  text-align: left;
  padding: 0;
  margin: 10px 0 20px;
}
.feature_row .thirdblock:after {
  content: "";
  display: block;
  clear: both;
}
.feature_row .thirdblock .block {
  line-height: 1.5;
  text-align: center;
  width: 235px;
  _width: 268px;
  height: 255px;
  _height: 265px;
  border: 1px solid #d0e8ac;
  background-color: #f5ffdd;
  float: left;
  margin: 0 5px;
  padding: 10px 15px;
}
.feature_row .thirdblock .block .imgarea {
  height: 140px;
}
.feature_row .thirdblock .block .blocktitle {
  text-align: center;
  margin: 0 0 5px;
  font-weight: bold;
  color: #480a0a;
}
.feature_row .thirdblock .block .blocklead {
  text-align: left;
  font-size: 12px;
}
.feature_row .videocaption {
  font-weight: bold;
  color: #75ab00;
  margin-top: 1em;
}
.feature_row video {
  max-width: 100%;
  height: auto;
  border: 1px solid #eee;
}
.feature_row video.v640x360 {
  width: 640px;
  height: 360px;
}

.chart {
  list-style-type: decimal;
  text-align: left;
  padding-left: 30px;
  line-height: 2;
}
.chart li {
  background: url("../img/bg/chart_arrow.jpg") no-repeat 7px 25px;
  padding-bottom: 10px;
}
.chart .listend {
  background: none;
  padding: 0;
}
.simplechart {
  list-style-type: decimal;
  text-align: left;
  padding-left: 30px;
  line-height: 2;
}
.simplechart li {
  font-weight: bold;
  text-align: left;
}
.simplechart .explanation {
  font-weight: normal;
  color: #4a6168;
}

.kyoka_list {
  text-align: left;
  font-size: 16px;
  margin: 10px 0;
}
.contents_table .kyoka_list {
  margin-left: 40px;
}
.kyoka_list li {
  text-align: left;
  line-height: 25px;
  margin: 20px 0;
  padding-left: 35px;
}
.kyoka_list .kokugo {
  background: url("../img/icon/kokugo2.jpg") no-repeat;
}
.kyoka_list .shakai {
  background: url("../img/icon/shakai2.jpg") no-repeat;
}
.kyoka_list .sugaku {
  background: url("../img/icon/sugaku2.jpg") no-repeat;
}
.kyoka_list .rika {
  background: url("../img/icon/rika2.jpg") no-repeat;
}
.kyoka_list .eigo {
  background: url("../img/icon/eigo2.jpg") no-repeat;
}
.kyoka_list .gika {
  background: url("../img/icon/gika2.jpg") no-repeat;
}

.kyozailist {
  text-align: left;
  margin: 10px 0;
}
.kyozailist:after {
  content: "";
  display: block;
  clear: both;
}
.kyozai_row {
  display: block;
  overflow: hidden;
  padding-left: 25px;
  margin: 20px 10px;
  background: url("../img/icon/kyozai.jpg") no-repeat left top;
  position: relative;
}
.kyozai_row:after {
  content: "";
  display: block;
  clear: both;
}

.half .kyozai_row {
  width: 430px;
  _width: 450px;
  height: 220px;
  float: left;
  margin: 10px 5px 20px 10px;
}
.half .kyozai_row:hover {
  height: 220px;
}
.quarter .kyozai_row {
  width: 215px;
  float: left;
  background: none;
  padding-left: 0;
  text-align: center;
}
.quarter .catch_row {
  position: relative;
  overflow: visible;
}
.quarter .catch_row .catchblock {
  position: absolute;
  top: -25px;
  left: 65px;
}
.kyozaititle {
  background: url("../../../common/img/dotline.gif") repeat-x left bottom;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.kyozaititle .title {
  font-size: 16px;
  font-weight: bold;
  display: inline;
  line-height: 1.5;
}
.kyozaititle .smalltitle {
  font-size: 12px;
  font-weight: bold;
  display: inline;
  line-height: 1.5;
}
a .title:hover {
  text-decoration: underline;
}
.kyozaititle .mediumtext {
  font-size: 14px;
}
/*
.quarter .kyozaititle{height: 35px;_height: 45px;text-align: center;background: none;_margin-bottom: 0;_padding-bottom: 0;}
*/
.quarter .kyozaititle {
  text-align: center;
  background: none;
}
.quarter .kyozaititle .title {
  margin: 0 auto;
  line-height: 1.75;
  text-align: left;
  display: inline-block;
  float: none;
}
.kyozaititle .subtitle {
  font-size: 10px;
  line-height: 15px;
}
.kyozaititle img {
  margin: 0 5px;
  line-height: 1;
  vertical-align: top;
}
.kyozaititle .kyozaiinfo {
  padding-bottom: 3px;
  cursor: default;
}
.quarter .kyozaititle .kyozaiinfo {
  padding: 0;
}
.kyozaititle .catch {
  font-weight: bold;
  color: #75ab00;
}
.quarter .kyozaititle .catch {
  font-size: 12px;
  margin-bottom: 0;
}
.kyozaititle .catch li {
  margin-right: 10px;
}
.quarter .kyozaititle .catch li {
  margin-right: 0;
}
.catchblock {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  height: 17px;
  color: #ffffff;
  background: #e52525 url("../../../common/img/bg/detailicon_left.gif") no-repeat left center;
  line-height: 1;
  margin: 3px 0;
}
.contents_table .catchblock {
  margin: 0 0 0 7px;
}
.contents_table .feature_row li .catchblock {
  margin: 0 0 10px 0;
}
.contents_table .feature_row li .featuretitle .catchblock {
  margin: 0 10px 5px;
}
.catchblock .icontext {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 3px 0 2px;
}
.catchblock a {
  color: #ffffff;
  text-decoration: underline;
}
.catchblock a:hover {
  color: #ffffff;
}
.catchblock .iconright {
  background: url("../../../common/img/bg/detailicon_right.gif") no-repeat right center;
  display: inline-block;
  padding: 0 8px;
}
.catchblock_subtext {
  font-size: 14px;
  display: inline-block;
}
.kyozaititle .catchblock {
  display: inline-block;
  font-weight: normal;
}
.contents_detail .kyozaititle .catchblock {
  margin: 0 0 0 10px;
}

.feature {
  cursor: default;
  color: #114856;
  list-style-type: disc;
}
.feature a {
  text-decoration: underline;
}
.feature .addition {
  list-style-type: none;
}
.quarter .feature {
  height: 60px;
}
.feature li {
  margin: 0.5em 0 0.5em 1em;
}
.feature .explanation {
  color: #666666;
  margin-top: 5px;
  font-size: 12px;
}
.contents_detail .bannerarea {
  float: left;
  margin: 5px;
}
.exparea {
  border-left: 6px solid #d5d5d5;
  font-size: 12px;
  padding-left: 5px;
  color: #333333;
}
.kyozai_row .exparea {
  cursor: default;
  float: left;
  margin-bottom: 10px;
  line-height: 1;
  margin: 0 auto;
}
.half .kyozai_row .exparea {
  position: absolute;
  bottom: 10px;
  left: 25px;
  margin: 0 0 0 0;
}
.quarter .kyozai_row .exparea {
  font-size: 10px;
  float: none;
  margin-top: 5px;
}
.kyozai_row .exparea dt,
.kyozai_row .exparea dd {
  display: inline-block;
  padding: 5px 0;
}
.kyozai_row .exparea dt {
  _margin-right: 5px;
}
.kyozai_row .exparea dd {
  margin-right: 10px;
}
.quarter .kyozai_row .exparea dd {
  margin-right: 5px;
}

.kyozaiimage {
  float: right;
  background-color: #ffffff;
  padding: 8px 0 10px 5px;
}
.osusume .kyozaiimage a {
  display: block;
  width: 132px;
  height: 210px;
  position: relative;
}
.otherdetail {
  clear: both;
}
.kyozaiimage img {
  border: 1px solid #cccccc;
  margin: 0 0 0 5px;
}
.osusume .kyozaiimage .actionbutton img {
  border: 0;
  margin: 0;
}
.kyozaiimage .noborder {
  border: 1px solid #ffffff;
}
.kyozaiimage img:hover {
  border: 1px solid #1cb0a4;
}
div.kyozai_row .kyozaiimage img:hover {
  border: 1px solid #cccccc;
}
.osusume .kyozai_row .kyozaiimage img:hover {
  border: 1px solid #1cb0a4;
}
.osusume .kyozai_row .kyozaiimage .actionbutton img:hover {
  border: 0;
  margin-top: -20px;
}
.kyozaiimage .noimg {
  background-color: #cd0000;
  width: 120px;
  height: 170px;
  text-align: center;
  line-height: 170px;
  margin: 0 auto;
  color: #ffffff;
}
.contents_detail .kyozaiimage .noimg {
  width: 200px;
  height: 270px;
  line-height: 270px;
}
.contents_table .kyozaiimage .noimg {
  width: 340px;
  height: 240px;
  line-height: 240px;
}
.quarter .kyozaiimage {
  text-align: center;
  padding: 0;
  float: none;
  height: 175px;
}
.quarter .pdt30 {
  padding-top: 30px;
  height: 145px;
}
.quarter .kyozaiimage img {
  margin: 0 auto;
}
.kyozaiimage .copyright {
  font-size: 10px;
  color: #787878;
  margin: 10px 5px 0;
  text-align: right;
}
.otherdetail .kyozaiimage .copyright {
  text-align: left;
  clear: both;
}
.kyozaiimage .imgtitle {
  color: #4d616f;
  font-weight: bold;
  margin: 5px 0;
}
.kyozaiimage .expansion {
  position: relative;
  display: block;
  padding-top: 5px;
  margin-bottom: 5px;
}
.kyozaiimage .expansion img:hover {
  border: 1px solid #1cb0a4;
}
.kyozaiimage .expansion .icon {
  background: url("../img/icon/expansion.png") no-repeat;
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: 15px;
  right: 25px;
  z-index: 1;
}

.bannerlink {
  float: left;
  width: 420px;
  height: 140px;
  margin: -10px 10px 20px 40px;
  display: block;
  overflow: hidden;
}
.chu_index .bannerlink {
  margin: 20px 10px 0 40px;
}

.contents_detail .actionbuttonarea {
  margin: 10px 5px 20px;
}
.contents_detail .actionbuttonarea .actionbutton {
  margin-right: 10px;
  float: left;
}
.actionbutton {
  width: 100px;
  height: 20px;
  display: block;
  overflow: hidden;
}
.gotodetail {
  cursor: pointer;
  float: left;
  width: 120px;
  margin-right: 20px;
}
.osusume_spring_2013 .gotodetail {
  float: none;
  margin: 0;
  position: absolute;
  left: 7px;
  bottom: 5px;
}
.download {
  width: 100px;
  margin: 0 auto;
}
.half .gotodetail {
  float: right;
  margin-right: 0;
  clear: both;
}
.quarter .gotodetail {
  margin: 0 auto 5px;
  float: none;
}
.tableblock .actionbutton {
  text-indent: -9999px;
}
.tableblock .download {
  background: url("../img/button/download.jpg") no-repeat;
}
.tableblock .table_download {
  background: url("../img/button/download.jpg") no-repeat;
  width: 100px;
  margin: 0 auto;
}
.tableblock .print_prev {
  background: url("../img/button/print_prev.jpg") no-repeat;
  width: 100px;
  margin: 0 auto;
}
.tableblock .print_prev2 {
  background: url("../img/button/print_prev2.jpg") no-repeat;
  width: 60px;
  height: 30px;
  margin: 5px auto;
}
.tableblock .print_prev2:hover img {
  margin-top: -30px;
}
.actionbutton:hover img {
  margin-top: -20px;
}

.actionbutton2 {
  height: 40px;
  display: block;
  line-height: 40px;
  font-size: 16px;
}
.actionbutton2:hover {
  background-position: 0 -40px;
}
.feature_kyoka {
  background: url("../img/button/feature_kyoka.jpg") no-repeat;
  width: 163px;
}

.info .article_list a:hover {
  text-decoration: underline;
}
.info .list_item {
  margin: 0 5px;
  padding: 10px 5px 20px;
  background: url("../../../common/img/dotline.gif") repeat-x left bottom;
  text-align: left;
}
.info .list_item div {
  line-height: 20px;
}
.info .list_item .title,
.info .article_detail .title {
  display: inline-block;
}
.info .headline .title {
  font-weight: bold;
  font-size: 18px;
  color: #0c0d0e;
}
.info .icon {
  display: inline-block;
  margin-right: 5px;
}
.info .icon span {
  display: block;
  width: 70px;
  height: 20px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background-image: url("../img/icon/gakusan_text.jpg");
}
.info .icon .gakusan_info {
  background-image: url("../img/icon/gakusan_info.jpg");
  text-indent: -9999px;
}
.info .icon .gakusan_support {
  background-image: url("../img/icon/gakusan_support.jpg");
  text-indent: -9999px;
}
.info .icon .gakusan_q_and_a {
  background-image: url("../img/icon/gakusan_q_and_a.jpg");
  text-indent: -9999px;
}
.info .icon .gakusan_download {
  background-image: url("../img/icon/gakusan_download.jpg");
  text-indent: -9999px;
}
.info .icon .gakusan_data {
  background-image: url("../img/icon/gakusan_data.jpg");
  text-indent: -9999px;
}
.info .date {
  display: inline-block;
  font-size: 14px;
  color: #858585;
  width: 100px;
}
.info .article_list .foot {
  text-align: right;
}
.info .article_list .foot .pagelist ul:after {
  display: inline;
  clear: none;
}
.article_list .deleted a,
.article_detail .deleted {
  color: silver;
}
.article_list .draft a,
.article_detail .draft {
  color: gray;
}
.article_list .private a,
.article_detail .private {
  color: fuchsia;
}
.article_list .waiting a,
.article_detail .waiting {
  color: purple;
}
.article_list .expired a,
.article_detail .expired {
  color: red;
}
.article_list .head,
.article_detail .head {
  line-height: 20px;
}
.article_detail .head div {
  line-height: 20px;
}
.article_detail {
  text-align: left;
  margin: 0 20px;
}
.article_detail .head {
  margin: 20px 0 0;
  border-bottom: 2px solid #cccccc;
  color: #001e47;
}
.article_detail .title {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}
.article_detail .body {
  margin: 5px 0 25px;
  font-size: 14px;
  line-height: 1.5;
  padding: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.article_detail .body:after {
  content: "";
  display: block;
  clear: both;
}
.article_detail .body .article_text {
  margin: 0;
  padding: 0;
}
.article_detail .h1 {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  background: url("../img/titlebar/mark_square.jpg") no-repeat left center;
  padding-left: 20px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.article_errormessage {
  display: table;
  font-size: 14px;
  background: url("../../../common/img/etc/form_erroricon.gif") no-repeat left center;
  margin: 0 auto;
  padding-left: 25px;
  text-align: left;
}
.list_index .foot,
.contents_detail .foot,
.article_list .foot {
  text-align: right;
}
.article_list .foot {
  margin-top: 5px;
  padding-right: 10px;
}
.foot .indexlink {
  font-size: 14px;
}
.article_detail .foot {
  text-align: center;
}
.article_detail .foot .actionbutton .backbutton {
  width: 110px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background: url("main.css");
  text-indent: -9999px;
}
.article_detail .foot .actionbutton .backbutton:hover {
  background-position: 0 -40px;
}
.pagelist {
  width: auto;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
.pagelist:after {
  content: "";
  display: block;
  clear: both;
}
.pagelist ul {
  display: inline;
  list-style-type: none;
}
.pagelist li {
  display: inline;
}
.pagelist a {
  display: inline-block;
  margin: 2px 4px;
  width: 18px;
  height: 18px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  padding: 1px;
}
.pagelist a:hover {
  padding: 0;
  border: 1px solid #abd235;
}
.pagelist a.active {
  background-color: #afdb4f;
  color: #ffffff;
}
.pagelist a.nolink:hover {
  padding: 1px;
  border: none;
  text-decoration: none;
}
.pagelist a.arrow {
  width: 12px;
  margin: 2px 0;
  padding: 0;
}
.pagelist a.arrow:hover {
  padding: 0;
  border: none;
}

/*///////整対・シュートクダウンロードページ用レイアウト///////*/
.surpportDLP .left {
  text-align: left;
}
.surpportDLP .my_1 {
  margin: 1rem 0 !important;
}
.surpportDLP .my_15 {
  margin: 1.5rem 0 !important;
}
.surpportDLP .my_2 {
  margin: 2rem 0 !important;
}
.surpportDLP .mb_1 {
  margin-bottom: 1rem !important;
}
.surpportDLP .mb_15 {
 margin-bottom: 1.5rem !important;
}
.surpportDLP .mb_2 {
  margin-bottom: 2rem !important;
}
.surpportDLP .ml_1 {
  margin-left: 1rem !important;
}
.surpportDLP .ml_125 {
  margin-left: 1.25rem !important;
}
.surpportDLP .ml_15 {
  margin-left: 1.5rem !important;
}
.surpportDLP .mr_1 {
  margin-right: 1rem !important;
}
.surpportDLP .mr_125 {
  margin-right: 1.25rem !important;
}
.surpportDLP .mr_15 {
  margin-right: 1.5rem !important;
}
.surpportDLP .float_l {
  float: left;
}
.surpportDLP .float_r {
  float: right;
}
.surpportDLP .clear {
  clear: both;
}
.surpportDLP .btnlink_title {
  text-align: left;
  color: #459ecd;
  font-weight: 700;
  font-size: 0.89rem;
  margin: 0.5rem 0 0.5rem;
  padding: 0em 0.5em 0em;
  border-left: solid 5px #71bcdb;
}
.surpportDLP .btnlink_title_2nd {
  text-align: left;
  margin: 0.5rem 0 0.5rem;
}
.surpportDLP .btnlink_title_2nd .subtitle {
  display: inline-block;
  color: #459ecd;
  font-weight: 700;
  font-size: 0.89rem;
  padding: 0.2em 0.5em 0.2em;
  background: #eff4fa;
  border-left: solid 5px #91d1f3;
  border-radius: 0.2rem;
}
.surpportDLP .table_container {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
.surpportDLP .table_container .table_row {
  display: table-row;
  border: 2px solid #ddd;
}

.surpportDLP .table_container .item {
  display: table-cell;
  padding: 0.7em;
}
.surpportDLP .table_container .item:first-child {
  text-align: left;
  background: #eff4fa;
  padding-right: 1.5rem;
  color: #1e96d5;
  font-weight: 700;
}
/*1番目にヘッダセルがない場合のテーブルレイアウト*/
.surpportDLP .table_container .item_noheading {
  display: table-cell;
  padding: 10px 7.5px;
}
.surpportDLP .flexbutton {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px 20px;
  align-items: center;
}
/*//ボタンデザイン//*/
/*ダウンロードボタン*/
.surpportDLP .dl_btn a {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.15em;
  text-align: center;
  padding: 0.3125rem 1.75rem 0.3125rem 2.55rem;
  text-decoration: none;
  color: #fff !important;
  border-radius: 50vh;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);
  background: #8d9999;
  transition: all ease-in-out 0.3s;
  position: relative;
  text-align: left;
}
/*別タブ・別windowで開くボタン, サイト内遷移ボタン*/
.surpportDLP .transition_newtab_btn a,
.surpportDLP .transition_arrow_btn a {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.15em;
  text-align: center;
  padding: 0.3125rem 2.25em 0.3125rem 2.05rem;
  text-decoration: none;
  color: #fff !important;
  border-radius: 50vh;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);
  background: #8d9999;
  transition: all ease-in-out 0.3s;
  position: relative;
  text-align: left;
}
/*サンプルボタン*/
.surpportDLP .sample_btn a {
  display: inline-block;
  background-color: #dbe6f3;
  border-radius: 3px;
  color: #1e96d5;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 2.25;
  padding: 0 0.8em;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
  border: 1px solid #dbe6f3;
}
/*ダウンロードアイコン*/
.surpportDLP .dl_btn a::after {
  background: url(../img/icon/download_icon.svg) no-repeat right center / contain;
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  left: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
}

/*別タブで開くアイコン*/
.surpportDLP .transition_newtab_btn a::after {
  background: url(../img/icon/arrow-icon.svg) no-repeat right center / contain;
  content: "";
  position: absolute;
  width: 0.6em;
  height: 0.6rem;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
/*サイト内ページ遷移アイコン*/
.surpportDLP .transition_arrow_btn a::after {
  content: "";
  position: absolute;
  top: 40%;
  right: 1.2rem;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.surpportDLP .dl_btn a:hover,
.surpportDLP .transition_newtab_btn a:hover,
.surpportDLP .transition_arrow_btn a:hover {
  opacity: 0.7;
}
.surpportDLP a.subject_k {background: #e75821;}
.surpportDLP a.subject_s {background: #f6aa00;}
.surpportDLP a.subject_m {background: #20aff5;}
.surpportDLP a.subject_r {background: #13a674;}
.surpportDLP a.subject_e {background: #bc5aec;}
.surpportDLP a.subject_gi {background: #ff76c9;}
.surpportDLP a.subject_katei {background: #34b5b5;}
.surpportDLP a.subject_5 {background: #5B76FA;}
.surpportDLP a.string {background:#6abbe5;}
.surpportDLP a.optional {background: #3d62ac;}

.surpportDLP .sample_btn a:hover {background: #fff; color:#1e96d5; border: 1px solid #1e96d5;}


/*グレーアウトボタン*/
.surpportDLP .dl_btn a.disabled,
.surpportDLP .transition_newtab_btn a.disabled,
.surpportDLP .transition_arrow_btn a.disabled {
  border-color: #8d9999;
  background: #8d9999;
  pointer-events: none;
  cursor: default;
  color: #ccc !important;
  opacity: 65%;
  padding: 0.3125rem 2.15rem 0.3125rem 2.15rem;
}
.surpportDLP .dl_btn a.disabled::after {
  border-top: transparent;
  border-right: transparent;
  background: none;
}