@charset "Shift_JIS";

@import "normalize4.css";

@import "common4.css";

@import "base4.css";

@import "showcase.css";

@import "add4.css";

@import "menu4.css";


#m_button{
  text-align: right;
  margin-top: 10px;
  margin-right: 8px;
  margin-bottom: 3px;
}
#m_button a {
  display: inline-block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  vertical-align: bottom;
}


.boxN{
  padding: 10px;
  display: block;
}


.NoBox{
margin-left: 5px;
padding: 2px 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #FFFF00;
}

.before{
margin: 5px 5px 5px 5px;
padding: 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #EAEAFF;
}

.after{
margin: 0px 5px;
padding: 0px 0px 0px 25px;
background-image: url('../_images2/parts/arrow01.gif');
background-repeat: no-repeat;
}

.after p{
margin: 0px;
padding: 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #CCFFCC;
}

.mess{
margin: 5px;
padding: 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #FFFFFF;
}

.remedy{
font-size: 90%;
margin: 5px 5px 0px;
padding: 3px 3px 0px;
}




/*media Queries 670px
----------------------------------------------------*/
@media only screen and (min-width: 670px) {