@charset "UTF-8";


/* added 161207 */
.bgClr11{
border: 1px solid #f99 !important;
background-color: #fff !important;
}

.bgClr12{
border: 1px solid #0091D7 !important;
background-color: #fff !important;
}

.bgClr13{
border: 1px solid #cccccc !important;
background-color: #fff !important;
}

.bgClr14{
margin: 0 auto;
width: 60%;
background-color: #fff0aa !important;
}

.bgClr15{
background-color: #ffe7d4 !important;
}

.bgClr16{
border: 1px solid #cccccc !important;
background-color: #ffcccc !important;
}

.alrt	{
	padding-left: 28px;
	background: url(../img/alert_icon.png) no-repeat 0 -2px;
	padding-bottom: 3px;
}

select.qstScale {
	margin-top: 5px;
}

.iframeInr{
     margin: 0 auto; 
     width:98%;
     min-width:0px;
     box-sizing:border-box;
     padding:0 5px; 
}

.iframeInr #contents{
    width:100%;
    padding:0;    
}

.iframeInr #contents article{
    width:100%;   
}

.ifrm {
  box-sizing: border-box;
  width:100%;
  height:300px !important;
}

/* for iframe */
@media only screen
and (max-device-width:300px) 
{
  .iframeInr{
     width: 280px !important;
     margin: 0 auto;  
   }
   
  .iframBox{
    width: 100% !important;
    height: 200px;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    border: solid 1px #ccc;
    border-top: 0;
    box-sizing: border-box;
 }
  
  .ifrm{
    border:none;
    display:block;
   }


}
@media only screen
and (max-device-width:390px) 
and (min-device-width:301px) 
{
.iframeInr{
     margin: 0 auto; 
     width:98%;
     min-width:0px;
     box-sizing:border-box;
     padding:0 5px; 
}

  .iframBox{
    width: 100% !important;
    height: 200px;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    border: solid 1px #ccc;
    border-top: 0;
    box-sizing: border-box;
 }
    
}

/* errormessage */

.errorMessage{
    color: #ad6281;
    font-weight: bold;
    background: #ffcccc;
    position: relative;
    padding: 5px 0;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom:15px;
}

.errorMessage p{
    display: block;
    width: 860px;
    margin: 0 10px 0 0;
    padding-bottom: 0 !important;
    padding-left: 80px;
    background: url(../img/alert_icon02.png) no-repeat 1% 2%;
    background-size: 45px 45px;
}