/* clearfix */
.clearfix, .cf, .type01, #simulation01 .select, #simulation02 .select dl { *zoom: 1; }
.clearfix:after, .cf:after, .type01:after, #simulation01 .select:after, #simulation02 .select dl:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

.inlineBlock, .ib, #tabMenu li, .process li dl dt, .process li dl dd, #answer01 .ansInner dl dt, #answer01 .ansInner dl dd { display: inline-block; *display: inline; *zoom: 1; }

section p { margin: 1em 0 0; }

.aboutMsg { margin: 10px; }
.aboutMsg dt { padding: 5px; background-color: #f3ece1; }
.aboutMsg dd { margin: .5em 0 0; }

.clm2 { float: left; width: 49%; }

.type01 { margin: 2em 1em 0; }
.type01 figure { float: left; }
.type01 div { padding: 0 0 0 180px; }

#tabMenu { margin: 16px 0 0; padding: 0 8px 8px; background-color: #f3ece1; text-align: left; }
#tabMenu li { padding: 8px 5px 0; }
#tabMenu li a { display: block; padding: 6px 24px 4px; border: 1px solid #fdb639; border-radius: 3px; background-color: #fff; cursor: pointer; }
#tabMenu li a.selected { background-color: #fdb639; color: #fff; border-color: #fca307; }

.process { margin: 24px 0 0 24px; list-style: none; border-bottom: 1px dashed #999; }
.process li p { font-size: 108%; font-weight: bold; }
.process li dl { padding: 24px 0 24px 80px; background: url(../images/common/arrow.png) no-repeat 30px 10px; }
.process li dl dt { padding: 3px 4px 1px; font-size: 85%; background-color: #6fc932; color: #fff; }
.process li.last dl { background: no-repeat; }

#simulation01 .select { padding: 15px; border: 1px solid #ded2c0; }
#simulation01 .select dl { float: left; width: 33%; }
#simulation01 .button { margin: 20px 0 0; text-align: center; }

#answer01 { display: none; }
#answer01 .ansInner { margin: 20px 0 0; padding: 20px; border: 2px solid #ded2c0; }
#answer01 .ansInner dl { padding: 5px; background-color: #f6f6f6; text-align: center; }
#answer01 .ansInner dl dt { width: 13em; text-align: right; }
#answer01 .ansInner dl dd { padding: 0 0 0 1em; font-weight: bold; font-size: 116%; }
#answer01 #msg01 { margin: 10px 0 0; }
#answer01 a { color: #e79402; }

#simulation02 { display: none; margin: 20px 0 0; }
#simulation02 .select { padding: 5px 15px 15px; border: 1px solid #ded2c0; }
#simulation02 .select dl { padding: 5px; border-bottom: 1px dashed #ded2c0; }
#simulation02 .select dl dt { padding: 9px 0 0 10px; float: left; }
#simulation02 .select dl dd { float: right; }

#answer02 { display: none; margin: 20px 0 0; }
#answer02 #readerChart { text-align: center; }

.faq { margin: 20px 0 0; padding: 10px; border: 1px solid #ded2c0; border-radius: 2px; }
.faq dt { position: relative; padding: 0 0 0 30px; font-weight: bold; cursor: pointer; }
.faq dt:after { position: absolute; left: 0; top: 0; padding: 0 5px; content: 'Q'; background-color: #fdb639; color: #fff; }
.faq dd { padding: 1em 0 0 30px; position: relative; font-size: 108%; }
.faq dd:after { position: absolute; left: 0; top: 1em; padding: 0 5px; content: 'A'; background-color: #6fc932; color: #fff; }

.gallery { overflow: hidden; }
.gallery li { float: left; margin: 10px 10px 0 0; }

.mdMap { margin: 15px 0 0; overflow: hidden; }
.mdMap .address { float: left; width: 35%; }
.mdMap .address dl dt { font-weight: bold; }
.mdMap .address dl dd { margin: 0 0 1em; }
.mdMap .gmap { float: right; width: 60%; }
.mdMap .gmap #mapCanvas { height: 300px; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { .clm2 { width: auto; float: none; }
  .clm2.fr { margin: 0; }
  .type01 { margin: 1em 0 0; }
  .type01 figure img { width: 80px; }
  .type01 div { padding: 0 0 0 90px; }
  #simulation01 .select dl { float: none; width: auto; overflow: hidden; }
  #simulation01 .select dl dt { padding: 5px 0 0; float: left; }
  #simulation01 .select dl dd { padding: 0 0 0 13em; }
  #answer01 .ansInner { padding: 10px; }
  #simulation02 .select dl dt { float: none; }
  #answer02 #readerChart { overflow: hidden; }
  #answer02 #readerChart svg { transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; }
  .gallery li { width: 30%; margin: 1.5%; }
  .gallery li img { width: 100%; }
  .mdMap .address { width: auto; float: none; }
  .mdMap .gmap { width: auto; float: none; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) { .gallery li { width: 22%; margin: 1.5%; }
  .gallery li img { width: 100%; } }
/* pc
-------------------------------------------------- */

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