@charset "UTF-8";
body {
  color: #000000;
  background: #ffffff; }

a img {
  border: none;
  color: #ffffff;
  background: transparent; }

/* Common
///////////////////////////////////////////////////////////////////////*/
@font-face {
  font-family: 'Artifakt';
  src: url("../font/WOFF/Artifakt_Element_Light.woff") format("woff"), url("../font/TTF/Artifakt_Element_Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'Artifakt';
  src: url("../font/WOFF/Artifakt_Element_Regular.woff") format("woff"), url("../font/TTF/Artifakt_Element_Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Artifakt';
  src: url("../font/WOFF/Artifakt_Element_Bold.woff") format("woff"), url("../font/TTF/Artifakt_Element_Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600; }

html {
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  color: #000000;
  background: #000000;
  font-family: 'Artifakt', Arial, "メイリオ" , Meiryo ,"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 500;
  font-size: 12px;
  font-size: 1.2rem; }

a:link {
  text-decoration: none;
  color: #007EB8; }

a:visited {
  text-decoration: none;
  color: #006666; }

a:active {
  text-decoration: none;
  color: #007EB8; }

a:hover {
  text-decoration: underline;
  color: #007EB8; }

img {
  border: none;
  border: 0px; }

/*
hr{ display: none; }
*/
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

ol {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4 {
  font-weight: normal;
  margin: 0;
  padding: 0; }

p {
  margin: 0;
  padding: 0; }

#wrapper {
  margin: 0 auto 0;
  padding: 0;
  width: 880px; }

/* hasen */
hr {
  color: #cccccc;
  width: 660px;
  height: 1px;
  border-style: solid none none none; }

/* Page Top Button */
.pagetop {
  position: relative;
  float: right;
  width: 100px;
  padding-left: 10px;
  margin: 10px 0;
  background: url(../img/ic_arrow2.gif) no-repeat 0 7px; }

/* Header
///////////////////////////////////////////////////////////////////////*/
#header {
  position: relative;
  width: 880px;
  height: 72px;
  margin: 21px 0 26px 0; }

#header #headerleft {
  float: left;
  width: 200px; }

#header #headerleft #arealogo {
  float: left; }

/* Autodesk Logo */
#header #headerleft #autologo {
  clear: left;
  padding: 15px 0 0 0; }

/* Main Logo */
#header h1 {
  float: right;
  margin-top: 35px; }

/* Left Menu */
#leftmenu {
  position: relative;
  float: left;
  width: 220px;
  margin: 10px 0 10px 13px;
  padding-bottom: 10px; }

#leftmenu ul {
  border-bottom: 1px solid #000; }

#leftmenu li {
  height: 29px;
  width: 220px;
  background: url(../common/img/btn_side_bg.gif) no-repeat;
  font-size: 10px; }

#leftmenu li a {
  padding: 9px 0 0 22px;
  color: #fff; }

#leftmenu li a:hover {
  color: #fff;
  background: url(../common/img/btn_side_bg_ov.gif) no-repeat; }

/* Link */
#leftmenu li a {
  text-decoration: none;
  display: block;
  height: 29px; }

/* Leftmenu Image */
#leftmenu img {
  margin-top: 10px; }

/* Footer */
#foot2 {
  width: 880px;
  padding: 10px 0 20px; }

address {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal; }

/* Copy */
#copy {
  float: left;
  width: 580px;
  padding: 10px 0 0 0;
  margin-bottom: 20px; }

/* Top Page
///////////////////////////////////////////////////////////////////////*/
/* Page Body New
--------------------------------------*/
#pagebodynew {
  margin-top: 10px;
  width: 880px;
  background: url(../img/backnew.gif) repeat-y; }

/* clear: both for printout */
#pagebodynew:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Hides from IE-mac ¥*/
* html #pagebodynew {
  height: 1%; }

/* End hide from IE-mac */
/* Page Body New
--------------------------------------*/
/* Top Area */
#toparea {
  float: left;
  width: 880px;
  height: 250px; }

#toparea #topright {
  float: left;
  width: 230px;
  height: 250px;
  background: #333333; }

#toparea #topright .rbox {
  float: left;
  margin: 6px 0 0 6px;
  width: 218px; }

#leftcont {
  width: 650px;
  float: left; }

/* left */
#index_left_trial {
  margin: 8px 0px 14px 0px; }

#index_left_trial img {
  float: left;
  width: 220px;
  margin: 0 0 2px 0px;
  padding: 0; }

/* Cover */
#covertop {
  float: left;
  width: 650px;
  height: 250px;
  vertical-align: bottom; }

/* sukima wo umeru */
#covertop img {
  vertical-align: bottom; }

/* Content */
#content {
  position: relative;
  float: left;
  width: 650px; }

/* Center
--------------------------------------*/
#topcenter {
  float: left;
  width: 390px;
  margin: 10px 0 10px 15px;
  font-size: x-small;
  line-height: 1.6; }

.topcenterbox {
  margin-bottom: 20px; }

#topcenter h2 {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  width: 390px;
  height: 25px;
  border-bottom: 5px #cccccc solid;
  letter-spacing: 2px; }

#topcenter .date {
  padding: 5px 10px 0 10px; }

#topcenter dl {
  padding: 5px 10px 5px 10px;
  border-bottom: 1px dotted #999999;
  margin: 0; }

#topcenter dt {
  font-weight: normal; }

#topcenter dd {
  padding: 0;
  margin: 0; }

/* Right Menu
--------------------------------------*/
#rightmenu {
  float: left;
  width: 230px;
  text-align: center; }

#rightmenu .rdbox {
  width: 230px;
  margin-top: 10px; }

#rightmenu .rdbox img {
  margin: 0; }

#rightmenu img {
  margin-top: 10px; }

/* Middle Page 1
///////////////////////////////////////////////////////////////////////*/
/* Pagebody */
#midbody {
  position: relative;
  margin-top: 19px;
  width: 880px;
  background: url(../img/bg_mid_1.gif) repeat-y; }

#leftfield {
  float: left;
  width: 267px;
  padding-bottom: 14px; }

#leftfield img {
  float: left;
  width: 220px;
  margin: 0 0 11px 13px;
  padding: 0; }

#left_trial {
  margin: 8px 0px 14px 0px; }

#left_trial img {
  float: left;
  width: 220px;
  margin: 0 0 2px 13px;
  padding: 0; }

/* Cover */
#cover {
  float: left;
  position: relative;
  vertical-align: bottom;
  margin: 0;
  padding: 0; }

/* Content */
#content2 {
  float: left;
  width: 581px;
  padding-left: 17px;
  padding-top: 13px;
  padding-bottom: 10px; }

#content2 h2 {
  float: left;
  position: relative;
  width: 567px;
  font-size: medium;
  font-weight: bold;
  padding-left: 14px;
  line-height: 2.4;
  background: url(../img/h2_back.gif) no-repeat;
  color: #FFFFFF;
  margin-bottom: 10px;
  height: 36px; }

#content2 h2.L2 {
  float: left;
  position: relative;
  width: 567px;
  font-size: medium;
  font-weight: bold;
  padding-left: 14px;
  padding-top: 5px;
  line-height: 1.3;
  background: url(../img/h2_back2.gif) no-repeat;
  color: #FFFFFF;
  margin-bottom: 10px;
  height: 45px; }

#content2 #cover {
  float: left;
  position: relative;
  width: 581px;
  margin-top: 12px;
  vertical-align: bottom; }

/* Common Honbun */
#content2 #honbun {
  float: left;
  position: relative;
  width: 581px;
  margin-top: 0; }

#content2 #honbun .box1 {
  float: left;
  position: relative;
  width: 581px;
  padding-bottom: 15px; }

#content2 #honbun .box1 img {
  float: left;
  position: relative;
  width: 190px;
  display: block;
  padding-top: 5px; }

#content2 #honbun .box1 .boxtitle {
  float: left;
  position: relative;
  width: 380px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-weight: bold; }

#content2 #honbun .box1 .boxtitle2 {
  float: left;
  position: relative;
  width: 580px;
  padding-bottom: 5px;
  font-weight: bold; }

#content2 #honbun .box1 .boxtitle3 {
  float: left;
  position: relative;
  width: 580px;
  margin: 5px 0 20px 0;
  padding: 5px 0;
  font-size: midium;
  font-weight: bold;
  border-bottom: #000000 solid 1px;
  border-top: #000000 solid 1px; }

#content2 #honbun .box1 .boxtext {
  float: left;
  position: relative;
  width: 380px;
  padding-left: 10px; }

#content2 #honbun .box1 .clear {
  float: center;
  position: relative;
  width: 581px;
  background: url(../img/line_dot.gif) no-repeat;
  padding: 10px 0; }

/* Migiyose 580px */
.migiyose580 {
  float: left;
  width: 580px;
  text-align: right;
  font-size: 10px;
  margin-bottom: 10px; }

.topbtn {
  float: right;
  width: 120px;
  text-align: left;
  background: url(../img/ic_arrow1.gif) no-repeat;
  padding-left: 15px; }

/* Middle Page 2 (Common)
///////////////////////////////////////////////////////////////////////*/
#content2 #honbun2 {
  float: left;
  position: relative;
  width: 580px; }

#content2 #honbun2 p {
  margin: 1em 0; }

#content2 #honbun2 hr {
  float: left;
  margin: 10px 0;
  padding: 0;
  width: 580px;
  height: 1px;
  border: 0;
  background-color: #000000;
  color: #000000; }

#content2 #honbun2 h3 {
  margin: 5px 0;
  font-weight: bold;
  font-size: medium; }

#content2 #honbun2 h4 {
  margin-bottom: 10px;
  padding: 0;
  font-weight: bold;
  font-size: small; }

#content2 #honbun2 h5 {
  margin: 0;
  padding: 0; }

#content2 #honbun2 h6 {
  margin: 5px 0 10px 0;
  padding: 5px 0;
  font-size: small;
  font-weight: bold;
  border-bottom: #000000 solid 1px;
  border-top: #000000 solid 1px; }

/* main cover */
#content2 #honbun2 #cover {
  float: left;
  position: relative;
  vertical-align: bottom;
  margin: 0;
  margin-bottom: 10px;
  padding: 0; }

/* sub cover */
#content2 #honbun2 #scover {
  float: left;
  width: 580px;
  padding: 10px 0; }

/* Sub Photo */
#content2 #honbun2 #scover .subp {
  float: left;
  width: 200px;
  padding-right: 10px; }

#content2 #honbun2 #scover .subp .cap2 {
  padding: 5px 0 0 0; }

/* Sub Photo2 */
#content2 #honbun2 #scover .subp2 {
  float: left;
  width: 580px;
  padding-right: 10px; }

#content2 #honbun2 #scover .subp2 img {
  float: left;
  width: 200px;
  padding-right: 10px; }

#content2 #honbun2 #scover .subp2 .cap2 {
  float: left;
  width: 370px;
  padding: 5px 0 0 0; }

/* Box2 */
#content2 #honbun2 .box2 {
  position: relative;
  padding-bottom: 10px; }

#content2 #honbun2 .box2 #box2left {
  float: left;
  width: 465px; }

#content2 #honbun2 .box2 #box2right {
  float: left;
  width: 100px;
  padding-left: 7px; }

#content2 #honbun2 .box2 #box2right .cap {
  padding: 5px 0; }

/* Photo1 */
#content2 #honbun2 .box2 .pht1 {
  width: 107px;
  padding-left: 15px;
  padding-bottom: 5px;
  float: right; }

#content2 #honbun2 .box2 .pht1 img {
  vertical-align: bottom; }

#content2 #honbun2 .box2 .pht1 .zoom {
  width: 101px;
  background-color: #cccccc;
  background: url(../img/ic_zoom.gif) no-repeat;
  font-size: x-small;
  padding: 3px;
  text-indent: 15px; }

#content2 #honbun2 .box2 .pht1 .cap {
  padding: 0 0 5px 0; }

#content2 #honbun2 .box2 .pht1 .zoom .zoom2 a {
  text-decoration: none;
  display: block;
  height: 18px; }

/* Box List */
#content2 #honbun2 .box2 ul {
  padding: 0 24px;
  list-style: circle; }

.pdf {
  text-indent: 20px;
  background: url(../img/ic_pdf.gif) no-repeat; }

.pdf2 {
  text-indent: 28px;
  padding: 3px 0;
  margin-bottom: 10px;
  background: url(../img/ic_pdf.gif) no-repeat 8px 5px;
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC; }

/* Photo2 */
#content2 #honbun2 .box2 .pht2 {
  width: 580px;
  padding-bottom: 5px; }

#content2 #honbun2 .box2 .pht2 .zoom {
  width: 580px;
  background-color: #cccccc;
  background: url(../img/ic_zoom.gif) no-repeat;
  font-size: x-small;
  padding: 3px;
  text-indent: 15px; }

#content2 #honbun2 .box2 .pht2 .zoom a {
  text-decoration: none;
  display: block;
  height: 18px; }

/* Mini Footer (Back, Next) */
#minifoot {
  float: left;
  width: 580px;
  padding: 10px 0; }

#minifoot #left {
  float: left;
  width: 300px; }

#minifoot #right {
  float: left;
  width: 280px;
  text-align: right; }

/* visualization*/
#content2 #honbun2 .vbox2 {
  float: left;
  position: relative;
  width: 581px;
  padding-bottom: 10px; }

#content2 #honbun2 .vbox2 #vbox2left {
  float: left;
  width: 435px;
  padding-top: 10px; }

#content2 #honbun2 .vbox2 #vbox2left #dvh2 {
  float: left;
  width: 435px;
  font-size: small;
  font-weight: bold; }

#content2 #honbun2 .vbox2 #vbox2left #vunderbox {
  float: left;
  width: 435px; }

#content2 #honbun2 .vbox2 #vbox2right {
  float: left;
  width: 135px;
  padding-top: 10px;
  padding-left: 7px; }

#content2 #honbun2 .vbox2 #vbox2right .cap {
  padding: 5px 0; }

/* Plug-In 2 2010/06/15 @yamade
///////////////////////////////////////////////////////////////////////*/
.middlecopybox, .middlecopybox2, .middlecopybox3 {
  position: relative;
  padding: 0 0 10px 0;
  zoom: 1; }
  .middlecopybox:before, .middlecopybox:after, .middlecopybox2:before, .middlecopybox2:after, .middlecopybox3:before, .middlecopybox3:after {
    content: "";
    display: table; }
  .middlecopybox:after, .middlecopybox2:after, .middlecopybox3:after {
    clear: both; }

.middlecopybox2 {
  padding: 10px 10px 0px 10px; }

.middlecopybox3 {
  width: 540px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  border-left: 4px solid #000; }

/* IE6 Hack */
* html .middlecopybox3 {
  margin-left: 5px; }

.middlecopy {
  font-size: 18px;
  font-weight: bold; }

.middlecopybox p#leftline {
  border-left: 4px #000 solid;
  padding-left: 15px; }

.visualization_line {
  clear: both;
  width: 560px;
  height: 1px;
  margin: 20px 0 40px 10px;
  border-bottom: solid 1px #000;
  padding: 0; }

.intbox1, .intbox3 {
  background-color: #e5e5e5;
  padding: 10px;
  margin-bottom: 10px; }

.intbox3 {
  background-color: #ffffff;
  padding-top: 10px;
  border-bottom: 1px solid #e5e5e5;
  zoom: 1; }
  .intbox3:before, .intbox3:after {
    content: "";
    display: table; }
  .intbox3:after {
    clear: both; }

.intbox1 .left {
  float: left; }

.intbox3 .left {
  float: left;
  width: 220px; }

.intbox1 .left img, .intbox3 .left img {
  margin-right: 10px;
  margin-bottom: 5px;
  display: block; }

.intbox1 .left .cap, .intbox3 .left .cap {
  width: 120px;
  margin: 5px 0 0 0; }

.intbox3 .left .cap {
  width: 190px; }

.intbox1 .right, .intbox3 .right {
  float: left;
  width: 430px; }

.intbox3 .right {
  float: left;
  width: 330px; }

.intbox1 .right h4, .intbox3 .right h4 {
  font-weight: bold;
  font-size: small; }

.intbox1 .right img, .intbox3 .right img {
  float: left;
  margin-top: 10px;
  margin-right: 5px; }

.intbox3 .right .newframe {
  width: 330px;
  float: left; }

#content2 #honbun2 .box2 .intbox3 h4.newh4,
#content2 #honbun2 .box2 .intbox3 h4.newh42,
#content2 #honbun2 .box2 .intbox3 h4.newh43 {
  line-height: 1;
  width: 290px;
  float: left;
  font-size: 14px;
  line-height: 1.2; }

#content2 #honbun2 .box2 .intbox3 h4.newh42 {
  width: 330px; }

#content2 #honbun2 .box2 .intbox3 h4.newh43 {
  width: 560px; }

.intbox3 .right .newframe .newicon {
  width: 28px;
  height: 13px;
  float: right;
  line-height: 1; }

.intbox3 .right .newframe .newicon img {
  padding: 0;
  margin: 0;
  width: 28px;
  height: 13px; }

.intbox3 .right .eventbox2 {
  width: 330px;
  float: left; }

.intbox3 .eventbox3 {
  width: 560px;
  float: left; }

#content2 #honbun2 .box2 .intbox3 .right h4.boxh4 {
  line-height: 1;
  width: 290px;
  float: left;
  font-size: 16px;
  line-height: 1.2; }

/* Plug-In 2 2010/06/15 @yamade
///////////////////////////////////////////////////////////////////////*/
.middlecopybox2 {
  padding: 10px 10px 0px 10px; }

.middlecopybox3 {
  width: 540px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  border-left: 4px solid #000; }

/* IE6 Hack */
* html .middlecopybox3 {
  margin-left: 5px; }

.middlecopy {
  font-size: 18px;
  font-weight: bold; }

.middlecopybox p#leftline {
  border-left: 4px #000 solid;
  padding-left: 15px; }

#headbtnarea {
  position: relative;
  float: left;
  width: 580px;
  height: 42px;
  background: url("../plugin/img/btn_plugin.gif") no-repeat; }

#headbtnarea ul {
  height: 42px; }

#headbtnarea li {
  position: absolute;
  height: 42px;
  text-indent: -9999px;
  width: 116px;
  list-style: none; }

/* Architect
///////////////////////////////////////////////////////////////////////*/
.bb {
  padding: 5px 10px;
  background-color: #000000;
  font-weight: bold;
  color: #ffffff;
  background: url(../img/black_grade.jpg) repeat-y; }

.archibox {
  width: 580px; }

.archibox img {
  float: left;
  width: 260px; }

.archibox p {
  float: left;
  width: 300px;
  padding: 0;
  padding-left: 10px;
  margin: 0; }

/* New Icon Box
///////////////////////////////////////////////////////////////////////*/
.newframe {
  width: 430px;
  float: left; }

.newframe h4 {
  line-height: 1;
  width: 390px;
  float: left; }

.newframe .newicon {
  width: 28px;
  height: 13px;
  float: right;
  line-height: 1; }

.newframe .newicon img {
  padding: 0;
  margin: 0;
  width: 28px;
  height: 13px; }

.eventbox2 {
  width: 430px;
  float: left; }

/* Photo Frame
///////////////////////////////////////////////////////////////////////*/
/* Column Page
///////////////////////////////////////////////////////////////////////*/
/* Content */
#content3 {
  float: left;
  width: 581px;
  padding-left: 17px;
  padding-top: 13px;
  padding-bottom: 10px; }

#content3 h2 {
  float: left;
  position: relative;
  padding: 10px;
  width: 561px;
  color: #ffffff;
  font-size: small;
  font-weight: bold;
  background: #669900;
  margin-bottom: 20px; }

#content3 #honbun {
  float: left;
  position: relative;
  padding: 0 10px;
  width: 561px;
  margin-top: 0; }

#content3 #honbun h3 {
  font-size: medium;
  font-weight: bold;
  padding-bottom: 1em; }

#content3 #honbun .box {
  float: left;
  position: relative;
  width: 561px;
  padding-bottom: 1em; }

#content3 #honbun .box h4 {
  font-weight: bold;
  padding: 0.5em 0 0.5em 0.5em;
  border-top: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
  margin-bottom: 1em;
  font-size: small; }

#content3 #honbun .box img {
  float: left;
  padding: 0 10px 5px 0; }

#minifoot2 {
  float: left;
  width: 560px;
  padding: 0;
  text-align: right; }

#minifoot3 {
  float: left;
  width: 560px;
  padding: 5px 0 10px 0;
  text-align: right; }

/* Profile Area */
#content3 #honbun #profile {
  float: left;
  position: relative;
  width: 561px;
  padding: 1em 0 1em 0; }

#content3 #honbun #profile #left {
  float: left;
  width: 115px; }

#content3 #honbun #profile #right {
  float: left;
  width: 446px;
  font-size: 11px;
  line-height: 1.4; }

/* No Link */
#minifoot3 ul {
  float: right;
  height: 17px; }

#minifoot3 li {
  width: 17px;
  height: 17px;
  float: left;
  margin-left: 3px;
  border: 1px solid #666666;
  text-align: center;
  line-height: 1.5;
  font-size: x-small;
  font-weight: bold;
  background: #ffffff; }

#minifoot3 li a {
  text-decoration: none;
  display: block;
  height: 17px; }

#minifoot3 li a:link {
  text-decoration: none;
  color: #000000; }

#minifoot3 li a:visited {
  text-decoration: none;
  color: #000000; }

#minifoot3 li a:active {
  text-decoration: none;
  color: #000000; }

#minifoot3 li a:hover {
  text-decoration: underline;
  color: #000000; }

#minifoot3 li.off {
  background: #e5e5e5; }

#minifoot4 {
  float: left;
  width: 560px;
  padding: 0; }

/* 达
///////////////////////////////////////////////////////////////////////*/
/* Common */
.boxviz {
  position: relative;
  padding-bottom: 20px; }

ul#merit {
  width: 480px;
  background: #227A7E;
  color: #FFFFFF;
  font-weight: bold; }

ul#merit li {
  line-height: 2.5;
  border-bottom: solid 1px #FFFFFF;
  padding-left: 2em;
  background: url(../img/ic_arrow2.gif) no-repeat 10px 12px; }

#content2 #honbun2 h3.vizh3 {
  padding-left: 10px;
  line-height: 2;
  background: #000000;
  color: #FFFFFF;
  border-bottom: solid 4px #227A7E;
  margin-bottom: 10px; }

#content2 #honbun2 h4.viztoph4 {
  width: 540px;
  padding: 0 0 0 10px;
  border-left: solid 4px #CCCCCC;
  font-size: medium; }

.topbtn2 {
  float: right;
  text-align: left;
  background: url(../img/ic_arrow3.gif) no-repeat 0 4px;
  padding-left: 12px;
  font-size: 10px;
  text-transform: uppercase; }

.topbtn3 {
  float: right; }

h2#viztop {
  padding: 0;
  height: auto;
  background: none; }

/* 種㤺 */
#viztopt {
  width: 548px;
  border: solid 4px #E5E5E5;
  padding: 8px;
  margin-bottom: 15px; }

#content2 #viztopt h2 {
  width: auto;
  padding: 0;
  margin: 0; }

#content2 #viztopt p {
  clear: both;
  width: 528px;
  background: #f3f3f3;
  padding: 10px; }

ul#vizlink {
  width: 550px;
  padding-left: 10px;
  padding-bottom: 15px; }

ul#vizlink li {
  padding-left: 15px;
  background: url(../img/ic_arrow_4.gif) no-repeat 5px 5px; }

#content2 #honbun2 h4.vizh4 {
  width: 544px;
  padding: 5px 8px;
  border: solid 1px #68AACC;
  font-size: medium;
  color: #007DAA;
  line-height: 1.2; }

.boxinit .vizright {
  width: 150px;
  float: right;
  margin-left: 10px;
  margin-bottom: 5px; }

.boxinit .vizright img {
  vertical-align: bottom; }

.boxinit .vizright .vizrcap {
  background: #1E1E1F;
  color: #FFFFFF;
  font-size: 11px;
  text-align: center;
  padding: 3px 0; }

.boxviz .graybox {
  background: #f3f3f3;
  padding: 1em 1em 1px 1em;
  margin-bottom: 20px;
  border: solid 1px #e5e5e5; }

.graybox {
  clear: both; }

/* ㎫ */
table#quicklink {
  width: 560px;
  border: none;
  border-collapse: collapse;
  margin-bottom: 20px; }

table#quicklink td {
  width: 250px;
  border: 1px solid #CCCCCC;
  padding: 3px 3px 3px 15px;
  background: url(../img/ic_arrow_4.gif) no-repeat 5px 10px; }

/*　visualization */
.main_img img {
  margin: 0;
  padding: 0; }

.zoom2 {
  width: 550px;
  height: 15px;
  position: relative;
  background: url(../img/ic_zoom.gif) no-repeat;
  background-color: #cccccc;
  font-size: x-small;
  padding: 5px;
  text-indent: 15px;
  margin-top: -1px;
  margin-bottom: 10px; }

.zoom2 a {
  text-decoration: none;
  display: block;
  height: 18px; }

.t_event {
  width: 577px;
  clear: right;
  margin-top: 10px;
  margin-bottom: 10px; }

.t_event .right {
  float: right; }

/**/
.line1 {
  clear: both;
  width: 100%;
  height: 1px;
  background: #CCCCCC;
  margin: 0;
  padding: 0; }

.boxdl .boxdlleft {
  float: left;
  width: 180px;
  margin-right: 20px; }

.boxdl .boxdlright {
  float: left;
  width: 360px; }

.boxdl .boxdlright h3 {
  float: left;
  width: 350px;
  padding: 0;
  margin: 0; }

.boxdl .boxdlright p {
  float: left;
  width: 360px; }

/*designviztoha*/
.gyokai_image_right {
  float: right;
  margin-left: 5px; }

#gyokai_solution_box {
  float: left;
  width: 500px;
  padding: 10px;
  margin: 10px 0px 20px 10px;
  border: solid 1px #e7e7e7;
  background: #F7F7F7; }

.gyokai_komidashi {
  border: solid 1px #e7e7e7;
  background: #F7F7F7;
  padding: 0 1em 1px 1em;
  margin-top: 10px; }

.designviz_riyousoft_box {
  border: solid 1px #e7e7e7;
  background: #F7F7F7;
  padding: 5px 5px 5px 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 138px;
  font-size: 11px;
  line-height: 16px; }

.designviz_riyousoft_box .title {
  font-size: 10px;
  background-color: #555;
  color: #FFFFFF;
  text-align: center;
  padding: 3px 0px;
  margin-bottom: 6px; }

.designviz_nextbox {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
  border: solid 1px #e7e7e7; }

.designviz_caption {
  font-size: 10px; }

.quicklink {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0; }
  .quicklink__item {
    display: inline-block;
    width: 33%;
    font-size: 12px;
    font-size: 1.2rem;
    height: 40px;
    box-sizing: border-box;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7; }
    .quicklink__item:nth-child(3n+1) {
      border-left: 1px solid #e7e7e7; }
    .quicklink__item:nth-last-child(1) {
      border-bottom: 1px solid #e7e7e7; }
    .quicklink__item:nth-last-child(2) {
      border-bottom: 1px solid #e7e7e7; }
    .quicklink__item:nth-last-child(3) {
      border-bottom: 1px solid #e7e7e7; }
    .quicklink__item a {
      display: table;
      height: 40px;
      width: 100%;
      padding: 0 5px;
      box-sizing: border-box; }
      .quicklink__item a span {
        display: table-cell;
        vertical-align: middle;
        height: 40px; }

.scenebox {
  margin: 0 0 30px; }

.scenebox__table {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  background: #000;
  border-collapse: collapse; }

.scenebox__tr {
  border-bottom: 1px solid #000; }
  .scenebox__tr--arch {
    background: #663d00; }
    .scenebox__tr--arch img {
      border-left: 3px solid #ff9900; }
  .scenebox__tr--product {
    background: #143d00; }
    .scenebox__tr--product img {
      border-left: 3px solid #339900; }
  .scenebox__tr--ad {
    background: #52143d; }
    .scenebox__tr--ad img {
      border-left: 3px solid #cc3399; }

.scenebox__th--empty {
  width: 19%; }

.scenebox__th--title {
  width: 27%;
  padding: 8px 0;
  color: #fff;
  text-align: center;
  background: #19681a;
  background: linear-gradient(left, #0c320c, #33cc33);
  border-top: 1px solid #000;
  border-right: 1px solid #000; }

.scenebox__th--inner {
  color: #fff;
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center; }
  .scenebox__th--inner--sub {
    font-size: 10px;
    font-size: 1rem; }

.scenebox__td a {
  display: block;
  background: #fff;
  line-height: 1.2;
  background: #fff;
  transition: 0.2s ease-out; }
  .scenebox__td a:hover {
    background: #ccc;
    transition: 0.2s ease-out; }

.scenebox__td__fig {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  overflow: hidden; }

.scenebox__td__img {
  width: 100%;
  height: auto; }
  .scenebox__td__img--2 {
    height: 100%;
    width: auto; }

.scenebox__td__title {
  display: inline-block;
  vertical-align: middle;
  width: 98px;
  height: 50px;
  box-sizing: border-box;
  color: #000;
  margin-left: 2px;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 10px 0 0; }

.scenebox__td--blank {
  background: #ccc; }

/* Font CSS */
.text {
  color: #000000;
  font-size: small;
  line-height: 1.6; }

.textm {
  font-size: medium;
  font-weight: bold; }

.texts {
  color: #000000;
  font-size: x-small;
  line-height: 1.4; }

.textwhite {
  color: #ffffff;
  font-size: small;
  line-height: 1.4; }

.cap {
  color: #000000;
  font-size: x-small;
  line-height: 1.4; }

.cap2 {
  color: #000000;
  font-size: small;
  line-height: 1.2; }

/* Footer */
#foot2 {
  color: #fff; }

.redb {
  color: #FF0000;
  font-weight: bold; }

#tooltip1, #tooltip2, #tooltip3, #tooltip4, #tooltip5, #tooltip6, #tooltip7, #tooltip8 {
  display: none;
  background: #333333;
  border: 1px solid #000000;
  padding: 5px;
  width: 300px;
  font-size: 12px;
  line-height: 1.4;
  color: #FFFFFF;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

/* ==========================================================================
   Module CSS
   ========================================================================== */
/*	spacer
------------------------------------*/
.mt05 {
  margin-top: 5px; }

.mr05 {
  margin-right: 5px; }

.mr16 {
  margin-right: 16px; }

.mb02 {
  margin-bottom: 2px; }

.mb05 {
  margin-bottom: 5px; }

.ml05 {
  margin-left: 5px; }

.ml125 {
  margin-left: 125px; }

.pt05 {
  padding-top: 5px; }

.pr05 {
  padding-right: 5px; }

.pb05 {
  padding-bottom: 5px; }

.pb08 {
  padding-bottom: 8px; }

.pl05 {
  padding-left: 5px; }

.mauto {
  margin-right: auto !important;
  margin-left: auto !important; }

.mall0 {
  margin: 0px !important; }
  @media only screen and (max-width: 767px) {
    .mall0 {
      margin: 0px !important; } }

.mall5 {
  margin: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mall5 {
      margin: 3px !important; } }

.mall10 {
  margin: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mall10 {
      margin: 5px !important; } }

.mall15 {
  margin: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mall15 {
      margin: 8px !important; } }

.mall20 {
  margin: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mall20 {
      margin: 10px !important; } }

.mall25 {
  margin: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mall25 {
      margin: 13px !important; } }

.mall30 {
  margin: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mall30 {
      margin: 15px !important; } }

.mall35 {
  margin: 35px !important; }
  @media only screen and (max-width: 767px) {
    .mall35 {
      margin: 18px !important; } }

.mall40 {
  margin: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mall40 {
      margin: 20px !important; } }

.mall45 {
  margin: 45px !important; }
  @media only screen and (max-width: 767px) {
    .mall45 {
      margin: 23px !important; } }

.mall50 {
  margin: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mall50 {
      margin: 25px !important; } }

.mall55 {
  margin: 55px !important; }
  @media only screen and (max-width: 767px) {
    .mall55 {
      margin: 28px !important; } }

.mall60 {
  margin: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mall60 {
      margin: 30px !important; } }

.mall65 {
  margin: 65px !important; }
  @media only screen and (max-width: 767px) {
    .mall65 {
      margin: 33px !important; } }

.mall70 {
  margin: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mall70 {
      margin: 35px !important; } }

.mall75 {
  margin: 75px !important; }
  @media only screen and (max-width: 767px) {
    .mall75 {
      margin: 38px !important; } }

.mall80 {
  margin: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mall80 {
      margin: 40px !important; } }

.mall85 {
  margin: 85px !important; }
  @media only screen and (max-width: 767px) {
    .mall85 {
      margin: 43px !important; } }

.mall90 {
  margin: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mall90 {
      margin: 45px !important; } }

.mall95 {
  margin: 95px !important; }
  @media only screen and (max-width: 767px) {
    .mall95 {
      margin: 48px !important; } }

.mall100 {
  margin: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mall100 {
      margin: 50px !important; } }

.mt0 {
  margin-top: 0px !important; }
  @media only screen and (max-width: 767px) {
    .mt0 {
      margin-top: 0px !important; } }

.mt5 {
  margin-top: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mt5 {
      margin-top: 3px !important; } }

.mt10 {
  margin-top: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mt10 {
      margin-top: 5px !important; } }

.mt15 {
  margin-top: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mt15 {
      margin-top: 8px !important; } }

.mt20 {
  margin-top: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mt20 {
      margin-top: 10px !important; } }

.mt25 {
  margin-top: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mt25 {
      margin-top: 13px !important; } }

.mt30 {
  margin-top: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mt30 {
      margin-top: 15px !important; } }

.mt35 {
  margin-top: 35px !important; }
  @media only screen and (max-width: 767px) {
    .mt35 {
      margin-top: 18px !important; } }

.mt40 {
  margin-top: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mt40 {
      margin-top: 20px !important; } }

.mt45 {
  margin-top: 45px !important; }
  @media only screen and (max-width: 767px) {
    .mt45 {
      margin-top: 23px !important; } }

.mt50 {
  margin-top: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mt50 {
      margin-top: 25px !important; } }

.mt55 {
  margin-top: 55px !important; }
  @media only screen and (max-width: 767px) {
    .mt55 {
      margin-top: 28px !important; } }

.mt60 {
  margin-top: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mt60 {
      margin-top: 30px !important; } }

.mt65 {
  margin-top: 65px !important; }
  @media only screen and (max-width: 767px) {
    .mt65 {
      margin-top: 33px !important; } }

.mt70 {
  margin-top: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mt70 {
      margin-top: 35px !important; } }

.mt75 {
  margin-top: 75px !important; }
  @media only screen and (max-width: 767px) {
    .mt75 {
      margin-top: 38px !important; } }

.mt80 {
  margin-top: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mt80 {
      margin-top: 40px !important; } }

.mt85 {
  margin-top: 85px !important; }
  @media only screen and (max-width: 767px) {
    .mt85 {
      margin-top: 43px !important; } }

.mt90 {
  margin-top: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mt90 {
      margin-top: 45px !important; } }

.mt95 {
  margin-top: 95px !important; }
  @media only screen and (max-width: 767px) {
    .mt95 {
      margin-top: 48px !important; } }

.mt100 {
  margin-top: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mt100 {
      margin-top: 50px !important; } }

.mb0 {
  margin-bottom: 0px !important; }
  @media only screen and (max-width: 767px) {
    .mb0 {
      margin-bottom: 0px !important; } }

.mb5 {
  margin-bottom: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mb5 {
      margin-bottom: 3px !important; } }

.mb10 {
  margin-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mb10 {
      margin-bottom: 5px !important; } }

.mb15 {
  margin-bottom: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mb15 {
      margin-bottom: 8px !important; } }

.mb20 {
  margin-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mb20 {
      margin-bottom: 10px !important; } }

.mb25 {
  margin-bottom: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mb25 {
      margin-bottom: 13px !important; } }

.mb30 {
  margin-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mb30 {
      margin-bottom: 15px !important; } }

.mb35 {
  margin-bottom: 35px !important; }
  @media only screen and (max-width: 767px) {
    .mb35 {
      margin-bottom: 18px !important; } }

.mb40 {
  margin-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mb40 {
      margin-bottom: 20px !important; } }

.mb45 {
  margin-bottom: 45px !important; }
  @media only screen and (max-width: 767px) {
    .mb45 {
      margin-bottom: 23px !important; } }

.mb50 {
  margin-bottom: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mb50 {
      margin-bottom: 25px !important; } }

.mb55 {
  margin-bottom: 55px !important; }
  @media only screen and (max-width: 767px) {
    .mb55 {
      margin-bottom: 28px !important; } }

.mb60 {
  margin-bottom: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mb60 {
      margin-bottom: 30px !important; } }

.mb65 {
  margin-bottom: 65px !important; }
  @media only screen and (max-width: 767px) {
    .mb65 {
      margin-bottom: 33px !important; } }

.mb70 {
  margin-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mb70 {
      margin-bottom: 35px !important; } }

.mb75 {
  margin-bottom: 75px !important; }
  @media only screen and (max-width: 767px) {
    .mb75 {
      margin-bottom: 38px !important; } }

.mb80 {
  margin-bottom: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mb80 {
      margin-bottom: 40px !important; } }

.mb85 {
  margin-bottom: 85px !important; }
  @media only screen and (max-width: 767px) {
    .mb85 {
      margin-bottom: 43px !important; } }

.mb90 {
  margin-bottom: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mb90 {
      margin-bottom: 45px !important; } }

.mb95 {
  margin-bottom: 95px !important; }
  @media only screen and (max-width: 767px) {
    .mb95 {
      margin-bottom: 48px !important; } }

.mb100 {
  margin-bottom: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mb100 {
      margin-bottom: 50px !important; } }

.mr0 {
  margin-right: 0px !important; }
  @media only screen and (max-width: 767px) {
    .mr0 {
      margin-right: 0px !important; } }

.mr5 {
  margin-right: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mr5 {
      margin-right: 3px !important; } }

.mr10 {
  margin-right: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mr10 {
      margin-right: 5px !important; } }

.mr15 {
  margin-right: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mr15 {
      margin-right: 8px !important; } }

.mr20 {
  margin-right: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mr20 {
      margin-right: 10px !important; } }

.mr25 {
  margin-right: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mr25 {
      margin-right: 13px !important; } }

.mr30 {
  margin-right: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mr30 {
      margin-right: 15px !important; } }

.mr35 {
  margin-right: 35px !important; }
  @media only screen and (max-width: 767px) {
    .mr35 {
      margin-right: 18px !important; } }

.mr40 {
  margin-right: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mr40 {
      margin-right: 20px !important; } }

.mr45 {
  margin-right: 45px !important; }
  @media only screen and (max-width: 767px) {
    .mr45 {
      margin-right: 23px !important; } }

.mr50 {
  margin-right: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mr50 {
      margin-right: 25px !important; } }

.mr55 {
  margin-right: 55px !important; }
  @media only screen and (max-width: 767px) {
    .mr55 {
      margin-right: 28px !important; } }

.mr60 {
  margin-right: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mr60 {
      margin-right: 30px !important; } }

.mr65 {
  margin-right: 65px !important; }
  @media only screen and (max-width: 767px) {
    .mr65 {
      margin-right: 33px !important; } }

.mr70 {
  margin-right: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mr70 {
      margin-right: 35px !important; } }

.mr75 {
  margin-right: 75px !important; }
  @media only screen and (max-width: 767px) {
    .mr75 {
      margin-right: 38px !important; } }

.mr80 {
  margin-right: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mr80 {
      margin-right: 40px !important; } }

.mr85 {
  margin-right: 85px !important; }
  @media only screen and (max-width: 767px) {
    .mr85 {
      margin-right: 43px !important; } }

.mr90 {
  margin-right: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mr90 {
      margin-right: 45px !important; } }

.mr95 {
  margin-right: 95px !important; }
  @media only screen and (max-width: 767px) {
    .mr95 {
      margin-right: 48px !important; } }

.mr100 {
  margin-right: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mr100 {
      margin-right: 50px !important; } }

.ml0 {
  margin-left: 0px !important; }
  @media only screen and (max-width: 767px) {
    .ml0 {
      margin-left: 0px !important; } }

.ml5 {
  margin-left: 5px !important; }
  @media only screen and (max-width: 767px) {
    .ml5 {
      margin-left: 3px !important; } }

.ml10 {
  margin-left: 10px !important; }
  @media only screen and (max-width: 767px) {
    .ml10 {
      margin-left: 5px !important; } }

.ml15 {
  margin-left: 15px !important; }
  @media only screen and (max-width: 767px) {
    .ml15 {
      margin-left: 8px !important; } }

.ml20 {
  margin-left: 20px !important; }
  @media only screen and (max-width: 767px) {
    .ml20 {
      margin-left: 10px !important; } }

.ml25 {
  margin-left: 25px !important; }
  @media only screen and (max-width: 767px) {
    .ml25 {
      margin-left: 13px !important; } }

.ml30 {
  margin-left: 30px !important; }
  @media only screen and (max-width: 767px) {
    .ml30 {
      margin-left: 15px !important; } }

.ml35 {
  margin-left: 35px !important; }
  @media only screen and (max-width: 767px) {
    .ml35 {
      margin-left: 18px !important; } }

.ml40 {
  margin-left: 40px !important; }
  @media only screen and (max-width: 767px) {
    .ml40 {
      margin-left: 20px !important; } }

.ml45 {
  margin-left: 45px !important; }
  @media only screen and (max-width: 767px) {
    .ml45 {
      margin-left: 23px !important; } }

.ml50 {
  margin-left: 50px !important; }
  @media only screen and (max-width: 767px) {
    .ml50 {
      margin-left: 25px !important; } }

.ml55 {
  margin-left: 55px !important; }
  @media only screen and (max-width: 767px) {
    .ml55 {
      margin-left: 28px !important; } }

.ml60 {
  margin-left: 60px !important; }
  @media only screen and (max-width: 767px) {
    .ml60 {
      margin-left: 30px !important; } }

.ml65 {
  margin-left: 65px !important; }
  @media only screen and (max-width: 767px) {
    .ml65 {
      margin-left: 33px !important; } }

.ml70 {
  margin-left: 70px !important; }
  @media only screen and (max-width: 767px) {
    .ml70 {
      margin-left: 35px !important; } }

.ml75 {
  margin-left: 75px !important; }
  @media only screen and (max-width: 767px) {
    .ml75 {
      margin-left: 38px !important; } }

.ml80 {
  margin-left: 80px !important; }
  @media only screen and (max-width: 767px) {
    .ml80 {
      margin-left: 40px !important; } }

.ml85 {
  margin-left: 85px !important; }
  @media only screen and (max-width: 767px) {
    .ml85 {
      margin-left: 43px !important; } }

.ml90 {
  margin-left: 90px !important; }
  @media only screen and (max-width: 767px) {
    .ml90 {
      margin-left: 45px !important; } }

.ml95 {
  margin-left: 95px !important; }
  @media only screen and (max-width: 767px) {
    .ml95 {
      margin-left: 48px !important; } }

.ml100 {
  margin-left: 100px !important; }
  @media only screen and (max-width: 767px) {
    .ml100 {
      margin-left: 50px !important; } }

/*--------------------
 *    padding
 *--------------------*/
.pall0 {
  padding: 0px !important; }
  @media only screen and (max-width: 767px) {
    .pall0 {
      padding: 0px !important; } }

.pall5 {
  padding: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pall5 {
      padding: 3px !important; } }

.pall10 {
  padding: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pall10 {
      padding: 5px !important; } }

.pall15 {
  padding: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pall15 {
      padding: 8px !important; } }

.pall20 {
  padding: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pall20 {
      padding: 10px !important; } }

.pall25 {
  padding: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pall25 {
      padding: 13px !important; } }

.pall30 {
  padding: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pall30 {
      padding: 15px !important; } }

.pall35 {
  padding: 35px !important; }
  @media only screen and (max-width: 767px) {
    .pall35 {
      padding: 18px !important; } }

.pall40 {
  padding: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pall40 {
      padding: 20px !important; } }

.pall45 {
  padding: 45px !important; }
  @media only screen and (max-width: 767px) {
    .pall45 {
      padding: 23px !important; } }

.pall50 {
  padding: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pall50 {
      padding: 25px !important; } }

.pall55 {
  padding: 55px !important; }
  @media only screen and (max-width: 767px) {
    .pall55 {
      padding: 28px !important; } }

.pall60 {
  padding: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pall60 {
      padding: 30px !important; } }

.pall65 {
  padding: 65px !important; }
  @media only screen and (max-width: 767px) {
    .pall65 {
      padding: 33px !important; } }

.pall70 {
  padding: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pall70 {
      padding: 35px !important; } }

.pall75 {
  padding: 75px !important; }
  @media only screen and (max-width: 767px) {
    .pall75 {
      padding: 38px !important; } }

.pall80 {
  padding: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pall80 {
      padding: 40px !important; } }

.pall85 {
  padding: 85px !important; }
  @media only screen and (max-width: 767px) {
    .pall85 {
      padding: 43px !important; } }

.pall90 {
  padding: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pall90 {
      padding: 45px !important; } }

.pall95 {
  padding: 95px !important; }
  @media only screen and (max-width: 767px) {
    .pall95 {
      padding: 48px !important; } }

.pall100 {
  padding: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pall100 {
      padding: 50px !important; } }

.pt0 {
  padding-top: 0px !important; }
  @media only screen and (max-width: 767px) {
    .pt0 {
      padding-top: 0px !important; } }

.pt5 {
  padding-top: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pt5 {
      padding-top: 3px !important; } }

.pt10 {
  padding-top: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pt10 {
      padding-top: 5px !important; } }

.pt15 {
  padding-top: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pt15 {
      padding-top: 8px !important; } }

.pt20 {
  padding-top: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pt20 {
      padding-top: 10px !important; } }

.pt25 {
  padding-top: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pt25 {
      padding-top: 13px !important; } }

.pt30 {
  padding-top: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pt30 {
      padding-top: 15px !important; } }

.pt35 {
  padding-top: 35px !important; }
  @media only screen and (max-width: 767px) {
    .pt35 {
      padding-top: 18px !important; } }

.pt40 {
  padding-top: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pt40 {
      padding-top: 20px !important; } }

.pt45 {
  padding-top: 45px !important; }
  @media only screen and (max-width: 767px) {
    .pt45 {
      padding-top: 23px !important; } }

.pt50 {
  padding-top: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pt50 {
      padding-top: 25px !important; } }

.pt55 {
  padding-top: 55px !important; }
  @media only screen and (max-width: 767px) {
    .pt55 {
      padding-top: 28px !important; } }

.pt60 {
  padding-top: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pt60 {
      padding-top: 30px !important; } }

.pt65 {
  padding-top: 65px !important; }
  @media only screen and (max-width: 767px) {
    .pt65 {
      padding-top: 33px !important; } }

.pt70 {
  padding-top: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pt70 {
      padding-top: 35px !important; } }

.pt75 {
  padding-top: 75px !important; }
  @media only screen and (max-width: 767px) {
    .pt75 {
      padding-top: 38px !important; } }

.pt80 {
  padding-top: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pt80 {
      padding-top: 40px !important; } }

.pt85 {
  padding-top: 85px !important; }
  @media only screen and (max-width: 767px) {
    .pt85 {
      padding-top: 43px !important; } }

.pt90 {
  padding-top: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pt90 {
      padding-top: 45px !important; } }

.pt95 {
  padding-top: 95px !important; }
  @media only screen and (max-width: 767px) {
    .pt95 {
      padding-top: 48px !important; } }

.pt100 {
  padding-top: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pt100 {
      padding-top: 50px !important; } }

.pb0 {
  padding-bottom: 0px !important; }
  @media only screen and (max-width: 767px) {
    .pb0 {
      padding-bottom: 0px !important; } }

.pb5 {
  padding-bottom: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pb5 {
      padding-bottom: 3px !important; } }

.pb10 {
  padding-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pb10 {
      padding-bottom: 5px !important; } }

.pb15 {
  padding-bottom: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pb15 {
      padding-bottom: 8px !important; } }

.pb20 {
  padding-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pb20 {
      padding-bottom: 10px !important; } }

.pb25 {
  padding-bottom: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pb25 {
      padding-bottom: 13px !important; } }

.pb30 {
  padding-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pb30 {
      padding-bottom: 15px !important; } }

.pb35 {
  padding-bottom: 35px !important; }
  @media only screen and (max-width: 767px) {
    .pb35 {
      padding-bottom: 18px !important; } }

.pb40 {
  padding-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pb40 {
      padding-bottom: 20px !important; } }

.pb45 {
  padding-bottom: 45px !important; }
  @media only screen and (max-width: 767px) {
    .pb45 {
      padding-bottom: 23px !important; } }

.pb50 {
  padding-bottom: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pb50 {
      padding-bottom: 25px !important; } }

.pb55 {
  padding-bottom: 55px !important; }
  @media only screen and (max-width: 767px) {
    .pb55 {
      padding-bottom: 28px !important; } }

.pb60 {
  padding-bottom: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pb60 {
      padding-bottom: 30px !important; } }

.pb65 {
  padding-bottom: 65px !important; }
  @media only screen and (max-width: 767px) {
    .pb65 {
      padding-bottom: 33px !important; } }

.pb70 {
  padding-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pb70 {
      padding-bottom: 35px !important; } }

.pb75 {
  padding-bottom: 75px !important; }
  @media only screen and (max-width: 767px) {
    .pb75 {
      padding-bottom: 38px !important; } }

.pb80 {
  padding-bottom: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pb80 {
      padding-bottom: 40px !important; } }

.pb85 {
  padding-bottom: 85px !important; }
  @media only screen and (max-width: 767px) {
    .pb85 {
      padding-bottom: 43px !important; } }

.pb90 {
  padding-bottom: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pb90 {
      padding-bottom: 45px !important; } }

.pb95 {
  padding-bottom: 95px !important; }
  @media only screen and (max-width: 767px) {
    .pb95 {
      padding-bottom: 48px !important; } }

.pb100 {
  padding-bottom: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pb100 {
      padding-bottom: 50px !important; } }

.pr0 {
  padding-right: 0px !important; }
  @media only screen and (max-width: 767px) {
    .pr0 {
      padding-right: 0px !important; } }

.pr5 {
  padding-right: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pr5 {
      padding-right: 3px !important; } }

.pr10 {
  padding-right: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pr10 {
      padding-right: 5px !important; } }

.pr15 {
  padding-right: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pr15 {
      padding-right: 8px !important; } }

.pr20 {
  padding-right: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pr20 {
      padding-right: 10px !important; } }

.pr25 {
  padding-right: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pr25 {
      padding-right: 13px !important; } }

.pr30 {
  padding-right: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pr30 {
      padding-right: 15px !important; } }

.pr35 {
  padding-right: 35px !important; }
  @media only screen and (max-width: 767px) {
    .pr35 {
      padding-right: 18px !important; } }

.pr40 {
  padding-right: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pr40 {
      padding-right: 20px !important; } }

.pr45 {
  padding-right: 45px !important; }
  @media only screen and (max-width: 767px) {
    .pr45 {
      padding-right: 23px !important; } }

.pr50 {
  padding-right: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pr50 {
      padding-right: 25px !important; } }

.pr55 {
  padding-right: 55px !important; }
  @media only screen and (max-width: 767px) {
    .pr55 {
      padding-right: 28px !important; } }

.pr60 {
  padding-right: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pr60 {
      padding-right: 30px !important; } }

.pr65 {
  padding-right: 65px !important; }
  @media only screen and (max-width: 767px) {
    .pr65 {
      padding-right: 33px !important; } }

.pr70 {
  padding-right: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pr70 {
      padding-right: 35px !important; } }

.pr75 {
  padding-right: 75px !important; }
  @media only screen and (max-width: 767px) {
    .pr75 {
      padding-right: 38px !important; } }

.pr80 {
  padding-right: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pr80 {
      padding-right: 40px !important; } }

.pr85 {
  padding-right: 85px !important; }
  @media only screen and (max-width: 767px) {
    .pr85 {
      padding-right: 43px !important; } }

.pr90 {
  padding-right: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pr90 {
      padding-right: 45px !important; } }

.pr95 {
  padding-right: 95px !important; }
  @media only screen and (max-width: 767px) {
    .pr95 {
      padding-right: 48px !important; } }

.pr100 {
  padding-right: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pr100 {
      padding-right: 50px !important; } }

.pl0 {
  padding-left: 0px !important; }
  @media only screen and (max-width: 767px) {
    .pl0 {
      padding-left: 0px !important; } }

.pl5 {
  padding-left: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pl5 {
      padding-left: 3px !important; } }

.pl10 {
  padding-left: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pl10 {
      padding-left: 5px !important; } }

.pl15 {
  padding-left: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pl15 {
      padding-left: 8px !important; } }

.pl20 {
  padding-left: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pl20 {
      padding-left: 10px !important; } }

.pl25 {
  padding-left: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pl25 {
      padding-left: 13px !important; } }

.pl30 {
  padding-left: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pl30 {
      padding-left: 15px !important; } }

.pl35 {
  padding-left: 35px !important; }
  @media only screen and (max-width: 767px) {
    .pl35 {
      padding-left: 18px !important; } }

.pl40 {
  padding-left: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pl40 {
      padding-left: 20px !important; } }

.pl45 {
  padding-left: 45px !important; }
  @media only screen and (max-width: 767px) {
    .pl45 {
      padding-left: 23px !important; } }

.pl50 {
  padding-left: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pl50 {
      padding-left: 25px !important; } }

.pl55 {
  padding-left: 55px !important; }
  @media only screen and (max-width: 767px) {
    .pl55 {
      padding-left: 28px !important; } }

.pl60 {
  padding-left: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pl60 {
      padding-left: 30px !important; } }

.pl65 {
  padding-left: 65px !important; }
  @media only screen and (max-width: 767px) {
    .pl65 {
      padding-left: 33px !important; } }

.pl70 {
  padding-left: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pl70 {
      padding-left: 35px !important; } }

.pl75 {
  padding-left: 75px !important; }
  @media only screen and (max-width: 767px) {
    .pl75 {
      padding-left: 38px !important; } }

.pl80 {
  padding-left: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pl80 {
      padding-left: 40px !important; } }

.pl85 {
  padding-left: 85px !important; }
  @media only screen and (max-width: 767px) {
    .pl85 {
      padding-left: 43px !important; } }

.pl90 {
  padding-left: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pl90 {
      padding-left: 45px !important; } }

.pl95 {
  padding-left: 95px !important; }
  @media only screen and (max-width: 767px) {
    .pl95 {
      padding-left: 48px !important; } }

.pl100 {
  padding-left: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pl100 {
      padding-left: 50px !important; } }

/*	text lifter
------------------------------------*/
.bold {
  font-weight: bold; }

.strike {
  text-decoration: line-through; }

.oblique {
  font-style: oblique; }

.x-small {
  font-size: 10px;
  font-size: 1rem; }

.small {
  font-size: 12px;
  font-size: 1.2rem; }

.normal {
  font-size: 14px;
  font-size: 1.4rem; }

.large {
  font-size: 16px;
  font-size: 1.6rem; }

.x-large {
  font-size: 20px;
  font-size: 2rem; }

.text--L {
  font-size: 18px;
  font-size: 1.8rem; }

.text--2L {
  font-size: 24px;
  font-size: 2.4rem; }

.text--3L {
  font-size: 32px;
  font-size: 3.2rem; }

.text--4L {
  font-size: 40px;
  font-size: 4rem; }

.lh_100 {
  line-height: 1; }

.lh_120 {
  line-height: 1.2; }

.txtL {
  text-align: left; }

.txtR {
  text-align: right; }

.txtC {
  text-align: center; }

.tac {
  text-align: center; }

.text--blue {
  color: #07378b; }

.text--white {
  color: #ffffff; }

.text-shadow,
.text--shadow {
  text-shadow: 1px 1px 1px #000000; }

/*	Text Lift
------------------------------------------------------------ */
.text {
  text-align: justify;
  text-justify: inter-ideograph;
  line-break: strict; }

/*	image
------------------------------------------------------------ */
img.img100pct {
  width: 100%;
  height: auto; }

img.widthFit {
  width: 100%;
  height: auto; }

img.widthHalf {
  width: 50%;
  height: auto; }

/*	Video Responsive
------------------------------------------------------------ */
.youtube {
  position: relative;
  width: 100% !important;
  padding: 56.25% 0 0 0; }

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*	float
------------------------------------*/
.left,
.right {
  display: inline; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

/*	border
------------------------------------*/
.borderall {
  border: 1px dotted #666666; }

.bordertop {
  border-top: 1px dotted #666666; }

.bordertop--white {
  border-top: 1px dotted #cccccc; }

.borderbtm {
  border-bottom: 1px dotted #666666; }

/*	background
------------------------------------*/
/*  注釈
------------------------------------*/
/*  list
------------------------------------*/
.list__item {
  position: relative;
  padding-left: 1em; }
  .list__item::after {
    content: '・';
    position: absolute;
    top: 0;
    left: 0; }

/*	clearfix
------------------------------------*/
.clearfix:after, #wrapper:after, #midbody:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix, #wrapper, #midbody {
  display: inline-block; }

/*\*/
* html .clearfix, * html #wrapper, * html #midbody {
  height: 1%; }

.clearfix, #wrapper, #midbody {
  display: block; }

/**/