@charset "utf-8";

/*=============================================================================
  base
=============================================================================*/

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* HTML .clearfix {
  height: 1px;
  /*\*//*/
height: auto;
  overflow: hidden;
/**/
}

#container {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  background: #FFFFFF;
}

#topicPath {
  margin: 0;
  padding: 14px 0;
  font-size: 75%;
}

#topicPath a {
  margin: 0;
}

/*=============================================================================
  simulation
=============================================================================*/
h1 {
  margin: 0 0 10px 0;
  padding: 0;
  background: #FFFFFF;
  font-size: 32px;
  color: #333333;
}

#simulation {
  margin: 0;
  padding: 10px;
  background: #DBE9AE;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
}

#leftCol{
  width: 690px;
  float: left;
}

#rightCol {
  width: 240px;
  float: right;
}

#checkSheet {
  margin: 0;
  padding: 10px 10px 20px 10px;
  background: #FFFFFF;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
}

#checkSheet h2 {
  margin: 0 0 0 0;
  padding: 0.5em;
  font-size: 90%;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
  background: #6BB72D;
  border-radius: 3px; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
}

#checkSheet #selectPlan select {
  margin: 1em 1em 2em 1em;
  padding: 0.3em 0.5em;
  font-size: 90%;
  border: 1px solid #6BB72D;
}

#checkSheet #selectPrice select {
  margin: 1em 1em 2em 1em;
  padding: 0.3em 0.5em;
  font-size: 90%;
  border: 1px solid #6BB72D;
}

#checkSheet .sectionCheck {
  margin: 1em 20px 0 20px;
  padding: 0 0 1em 0;
  border-bottom: 1px dotted #C6C2AB;
}

#checkSheet .sectionCheck img, #checkSheet .sectionCheck2 img {
  float: left;
}

#checkSheet .sectionCheck2 {
  margin: 1em 20px 0 20px;
  padding: 0 0 0 0;
  border-bottom: none;
}

#checkSheet h3 {
  margin: 0 0 0.5em 0;
  padding: 0 0.5em;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  color: #ED7A09;
  border-left: 5px solid #ED7A09;
}

a#calculation1, 
a#calculation2, 
a#calculation3, 
a#calculation4, 
a#calculation5, 
a#calculation6, 
a#calculation7, 
a#calculation8, 
a#calculation9, 
a#calculation10, 
a#calculation11, 
a#calculation12, 
a#calculation13,
a#calculation99
{
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: bold;
  font-size: 75%;
  color: #4CB3BF;
  text-align: right;
  text-decoration: none;
  clear: both;
}

a#calculation1 em, 
a#calculation2 em, 
a#calculation3 em, 
a#calculation4 em, 
a#calculation5 em, 
a#calculation6 em, 
a#calculation7 em, 
a#calculation8 em, 
a#calculation9 em, 
a#calculation10 em, 
a#calculation11 em, 
a#calculation12 em, 
a#calculation13 em,
a#calculation99 em
{
  padding: 0 0 0 15px;
  font-style: normal;
}

a:hover#calculation1, 
a:hover#calculation2, 
a:hover#calculation3, 
a:hover#calculation4, 
a:hover#calculation5, 
a:hover#calculation6, 
a:hover#calculation7, 
a:hover#calculation8, 
a:hover#calculation9, 
a:hover#calculation10, 
a:hover#calculation11, 
a:hover#calculation12, 
a:hover#calculation13, 
a:hover#calculation99
{
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: bold;
  font-size: 75%;
  color: #60D3E0;
  text-decoration: none;
}

a:hover#calculation1 em, 
a:hover#calculation2 em, 
a:hover#calculation3 em, 
a:hover#calculation4 em, 
a:hover#calculation5 em, 
a:hover#calculation6 em, 
a:hover#calculation7 em, 
a:hover#calculation8 em, 
a:hover#calculation9 em, 
a:hover#calculation10 em, 
a:hover#calculation11 em, 
a:hover#calculation12 em, 
a:hover#calculation13 em,
a:hover#calculation99 em
 {
  padding: 0 0 0 15px;
  font-style: normal;
}

#checkSheet ul {
  margin: 0 0 0 200px;
  padding: 0 0 0 1.5em;
  overflow: hidden;
}

#checkSheet ul li {
  margin: 0 0 0.3em 0;
  text-indent: -1.5em;
  font-size: 85%;
  line-height: 1.5;
}

#calculationDisplay1,
#calculationDisplay2,
#calculationDisplay3,
#calculationDisplay4,
#calculationDisplay5,
#calculationDisplay6,
#calculationDisplay7,
#calculationDisplay8,
#calculationDisplay9,
#calculationDisplay10,
#calculationDisplay11,
#calculationDisplay12,
#calculationDisplay13,
#calculationDisplay99
 {
  margin: 0 0 1em 0;
  padding: 1em;
  background: #FFFFFF;
  border: 1px solid #4CB3BF;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
}

#calculationDisplay1 h4,
#calculationDisplay2 h4,
#calculationDisplay3 h4,
#calculationDisplay4 h4,
#calculationDisplay5 h4,
#calculationDisplay6 h4,
#calculationDisplay7 h4,
#calculationDisplay8 h4,
#calculationDisplay9 h4,
#calculationDisplay10 h4,
#calculationDisplay11 h4,
#calculationDisplay12 h4,
#calculationDisplay13 h4,
#calculationDisplay99 h4
{
  margin: 1em 0 0.5em 0;
  padding: 0 0 0 5px;
  border-left: 5px solid #4CB3BF;
  font-size: 75%;
}

#calculationDisplay1 p,
#calculationDisplay2 p,
#calculationDisplay3 p,
#calculationDisplay4 p,
#calculationDisplay5 p,
#calculationDisplay6 p,
#calculationDisplay7 p,
#calculationDisplay8 p,
#calculationDisplay9 p,
#calculationDisplay10 p,
#calculationDisplay11 p,
#calculationDisplay12 p,
#calculationDisplay13 p,
#calculationDisplay99 p
{
  font-size: 75%;
}

#calculationDisplay1 table ,
#calculationDisplay2 table ,
#calculationDisplay3 table ,
#calculationDisplay4 table ,
#calculationDisplay5 table ,
#calculationDisplay6 table ,
#calculationDisplay7 table ,
#calculationDisplay8 table ,
#calculationDisplay9 table ,
#calculationDisplay10 table ,
#calculationDisplay11 table ,
#calculationDisplay12 table ,
#calculationDisplay13 table,
#calculationDisplay99 table 
{
  margin: 0;
  border-collapse: separate;
  *border-collapse:collapse; /* for IE6,7 */
  border-spacing:0;
  empty-cells:show;
  border-top: 1px solid #CCCCCC;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #CCCCCC;
  width: 100%;
}

#calculationDisplay1 table th,
#calculationDisplay2 table th,
#calculationDisplay3 table th,
#calculationDisplay4 table th,
#calculationDisplay5 table th,
#calculationDisplay6 table th,
#calculationDisplay7 table th,
#calculationDisplay8 table th,
#calculationDisplay9 table th,
#calculationDisplay10 table th,
#calculationDisplay11 table th,
#calculationDisplay12 table th,
#calculationDisplay13 table th,
#calculationDisplay99 table th 
{
  padding: 0.3em 0.5em;
  background: #F9F9F9;
  text-align: left;
  vertical-align: middle;
  font-size: 75%;
  font-weight: normal;
  border-top: none;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: none;
}

#calculationDisplay1 table td,
#calculationDisplay2 table td,
#calculationDisplay3 table td,
#calculationDisplay4 table td,
#calculationDisplay5 table td,
#calculationDisplay6 table td,
#calculationDisplay7 table td,
#calculationDisplay8 table td,
#calculationDisplay9 table td,
#calculationDisplay10 table td,
#calculationDisplay11 table td,
#calculationDisplay12 table td,
#calculationDisplay13 table td,
#calculationDisplay99 table td 
{
  padding: 0.3em 0.5em;
  background: #FFFFFF;
  text-align: left;
  vertical-align: middle;
  font-size: 75%;
  font-weight: bold;
  color: #ED7A09;
  border-top: none;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: none;
}

#calculationDisplay1 table th.shouene,
#calculationDisplay2 table th.shouene,
#calculationDisplay3 table th.shouene,
#calculationDisplay4 table th.shouene,
#calculationDisplay5 table th.shouene,
#calculationDisplay6 table th.shouene,
#calculationDisplay7 table th.shouene,
#calculationDisplay8 table th.shouene,
#calculationDisplay9 table th.shouene,
#calculationDisplay10 table th.shouene,
#calculationDisplay11 table th.shouene,
#calculationDisplay12 table th.shouene,
#calculationDisplay13 table th.shouene,
#calculationDisplay99 table th.shouene
{
  width: 60%;
  font-weight: bold;
}

#calculationDisplay1 table th.nenkan,
#calculationDisplay2 table th.nenkan,
#calculationDisplay3 table th.nenkan,
#calculationDisplay4 table th.nenkan,
#calculationDisplay5 table th.nenkan,
#calculationDisplay6 table th.nenkan,
#calculationDisplay7 table th.nenkan,
#calculationDisplay8 table th.nenkan,
#calculationDisplay9 table th.nenkan,
#calculationDisplay10 table th.nenkan,
#calculationDisplay11 table th.nenkan,
#calculationDisplay12 table th.nenkan,
#calculationDisplay13 table th.nenkan,
#calculationDisplay99 table th.nenkan
{
  font-weight: bold;
} 

#calculationDisplay99 table th.item
{
  font-weight: bold;
} 

#result {
  margin: 0;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  position: relative;
}

#result h2 {
  margin: 0 0 10px 0;
  padding: 0.5em;
  font-size: 85%;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #6BB72D;
  border-radius: 3px; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
}

#result table {
  margin: 0 0 10px 0;
  border-collapse: separate;
  *border-collapse:collapse; /* for IE6,7 */
  border-spacing:0;
  empty-cells:show;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #C6C2AB;
  border-left: none;
  width: 100%;
}

#result table th {
  padding: 0;
  background: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  font-size: 75%;
  font-weight: normal;
  border-top: 1px solid #C6C2AB;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

#result table td {
  padding: 1em 0;
  background: #FFFFFF;
  text-align: right;
  vertical-align: middle;
  font-size: 85%;
  font-weight: bold;
  color: #ED7A09;
  border-top: 1px solid #C6C2AB;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

#result a#btnPrint {
  display: block;
  margin: 0 0 10px 0;
  padding: 0.5em;
  font-size: 75%;
  text-align: center;
  text-decoration: none;
  color: #666666;
  background: #F5F5F5;
  background: -moz-linear-gradient(top, #FFF, #EEE);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));/* Safari,Google Chrome用 */
  border: 1px solid #CCCCCC;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
}

#result a.modal {
  display: block;
  margin: 0 0 10px 0;
  padding: 0.5em;
  font-size: 75%;
  text-align: center;
  text-decoration: none;
  color: #666666;
  background: #F5F5F5;
  background: -moz-linear-gradient(top, #FFF, #EEE);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));/* Safari,Google Chrome用 */
  border: 1px solid #CCCCCC;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
}

#result a:hover#btnPrint {
  display: block;
  margin: 0 0 10px 0;
  padding: 0.5em;
  font-size: 75%;
  color: #333333;
  text-align: center;
  text-decoration: none;
  background: #F0F0F0;
  background: -moz-linear-gradient(top, #FFF, #DDD);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));/* Safari,Google Chrome用 */
  border: 1px solid #6BB72D;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  cursor: pointer;
}

#result a#btnClear {
  display: block;
  margin: 0;
  padding: 0.5em;
  font-size: 75%;
  text-align: center;
  text-decoration: none;
  color: #666666;
  background: #F5F5F5;
  background: -moz-linear-gradient(top, #FFF, #EEE);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));/* Safari,Google Chrome用 */
  border: 1px solid #CCCCCC;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
}

#result a:hover#btnClear {
  display: block;
  margin: 0;
  padding: 0.5em;
  font-size: 75%;
  color: #333333;
  text-align: center;
  text-decoration: none;
  background: #F0F0F0;
  background: -moz-linear-gradient(top, #FFF, #DDD);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));/* Safari,Google Chrome用 */
  border: 1px solid #6BB72D;
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  cursor: pointer;
}

#result p {
  font-size: 75%;
  color: #666666;

}

#result p#result2 {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  font-size: 90%;
  font-weight: bold;
  color: #666666;
  border-top: 1px solid #C6C2AB;
  
}

.underline-link {
    text-decoration: underline;
}
.y-con {
  font-size: 75%;
}

/*=============================================================================
  modal
=============================================================================*/

#modaltable {
width:90%;
margin:0 auto;
}

h2#modaltitle {
color:#669900;
font-size:24px;
text-align: center;
}

p#modalp1{
font-size:12px;
margin-top: 20px;
margin-bottom: 20px;
}

p#modalp2{
font-size:12px;
margin-top: 20px;
margin-bottom: 20px;
}

  p#modalp3 {
font-size:18px;
font-weight: bold;
  }
  
/* table#ModalTable1 */

table#ModalTable1 {
border: 2px solid #215867;
margin-bottom:10px;
width: 50%;
}

table#ModalTable1 th {
border: 1px solid #215867;
background-color: #dbeef3;
text-align: center;
color:#215867;
}

table#ModalTable1 td {
text-align: center;
}

/* table#ModalTable2 */
table#ModalTable2 {
width:100%;
border: 2px solid #4f6228;
margin-bottom:10px;
font-size:90%;
}


table#ModalTable2 th{
border: 1px solid #4f6228;
background-color: #669900;
color:#FFFFFF;
text-align: center;
}

table#ModalTable2 td{
border: 1px solid #4f6228;
font-size:90%;
}

table#ModalTable2 td:nth-child(1){
width:15%;
text-align: center;
}

table#ModalTable2 td:nth-child(2){
width:65%;
padding-left:1em;
}

table#ModalTable2 td:nth-child(3){
background-color: #eaf1dd;
width:20%;
padding-right:1em;
text-align: right;
}

/* table#ModalTable3 */

table#ModalTable3 {
width:100%;
border: 2px solid #4f6228;
margin-bottom:10px;
}

table#ModalTable3 tr:nth-child(1){
background-color: #eaf1dd;
}

table#ModalTable3 tr:nth-child(2){
background-color: #fde9d9;
}

#ModalTable3 th {
border: 1px solid #4f6228;
font-size:16px;
text-align: center;
}

table#ModalTable3 tr:nth-child(1) th{
color: #4f6228;
}

table#ModalTable3 tr:nth-child(2) th{
color: #9e4807;
}


#ModalTable3 td {
border: 1px solid #4f6228;
font-size:14px;
}

table#ModalTable3 td:nth-child(2){
width:20%;
padding-right:1em;
text-align: right;
}

/*=============================================================================
  etc
=============================================================================*/

select {
    -webkit-appearance: menulist-button;
}

input {
    -webkit-appearance: checkbox;
}


/*=============================================================================
  sp
=============================================================================*/

@media screen and (max-width: 747px) {
  #container{
    width:100%;
  }

  #main2 h1 img{
    width:100%;
  }

  #leftCol{
    width:100%;
  }

  #checkSheet ul{
    margin: auto;
  }

  .sectionCheck img{
    width:20%;
  }

  #result h2,#result table,#result p{
    display: none;
  }

  #result {
    border: solid 0.5px #6bb72d;
    position: fixed;
    top: 80% !important;
    right:10% !important;
  }

  /*modal*/
  h2#modaltitle {
    font-size:110%;
  }

  p#modalp1 {
    font-size: 60%;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  table#ModalTable1 {
    margin-bottom: 5px;
    width: 100%;
  }

  table#ModalTable1 th,table#ModalTable1 td {
    font-size: 80%;
  }

  table#ModalTable2 {
    font-size: 80%;
  }

  table#ModalTable2 th {
    font-size: 80%;
  }

  table#ModalTable2 td:nth-child(2) {
    padding-left: 0;
    font-size: 70%;
  }

  table#ModalTable2 td:nth-child(3) {
    padding-right: 0;
    font-size: 80%;
  }

  table#ModalTable3 th {
    font-size: 80%;
  }

  table#ModalTable3 td:nth-child(2) {
    font-size: 80%;
    padding-right: 0;
  }

  p#modalp2 {
    font-size: 60%;
    margin-top: 5px;
    margin-bottom: 5px;
  }

}