@charset "utf-8";

@media screen and (max-width: 480px) {
html {font-size: 1em;}

/*= inner 100% =============================*/
.inner {width: 95%;
margin: 0 auto 0;
padding: 0;}

.inner:after{content: "";
display: block;
clear: both}

/*= Header gnav title_cont =================================*/
header h1 {padding-top: 8px;
padding-left: 8px;
letter-spacing:0px;
font-size:1.1em; font-weight:bold; color:#ffffff;
text-shadow: 2px 2px 4px #888888;}

header p {
padding-top: 0;
padding-bottom:8px;
padding-left: 8px;
font-size:0.84em; font-weight:normal;}

/*  toppage indexmenu  ------------------------------------------------*/
#indexmenu {width: 100%; border-top: solid 1px #82d7d0;
margin: 0 auto 0;
padding: 0;
background-color: #ffffff;}

#indexmenu .col-left {float: none;
margin:0.38%;
padding:0.55%;
width: 100%;}

#indexmenu .col-left img{max-width: 80%; height: auto;}
#indexmenu section h1 {display:none;}

/*  netprint-indexmenu  ------------------------------------------------*/
#netprint-indexmenu {width: 100%; border-top: solid 1px #82d7d0;
margin: 0 auto 0;
padding: 0;
background-color: #ffffff;}

#netprint-indexmenu .col-left {float: none;
margin:0 auto 0;
padding:8px 0 8px;
width: 100%;
border-bottom: solid 1px #cccccc;}

#netprint-indexmenu .col-left_pc{display:none;}
#netprint-indexmenu .col-left_pc img{display:none;}
#netprint-indexmenu .col-left img{display:none;}

#netprint-indexmenu section a:hover,
#netprint-indexmenu section a:active {
background-color: #f5f5f5;}


/*  contents sidemenu ------------------------------------------------*/
#contents .col-left {float: none;
padding:0.55%;
width: 100%;}

#contents .col-right {float: none;
width: 100%; margin: 38px auto; padding:0;}

/*==========================================
 Contents_eria
===========================================*/
#contents_eria {width: 100%; margin: 0 auto; padding: 28px 0 28px; background-color:#d7f5f3;}
#contents_eria p {margin: 0 0 4px 0; padding: 3px;}
#contents_eria section#left {width: 100%; float:none; }
#contents_eria section#right {width: 100%; float:none;}
#contents_eria section ul li {width: 100%;
margin:4px 0px 4px 0px;}


/*==========================================
 Contents_eria-gr
===========================================*/
#contents_eria-gr {width: 100%; margin: 0 auto; padding: 48px 0 48px; background-color:#dbf3f3; border-top: solid 1px #82d7d0;}
#contents_eria-gr p {margin: 0 0 4px 0; padding: 3px;}
#contents_eria-gr section#left-gr {width: 100%; float:none;}
#contents_eria-gr section#right-gr {width: 100%; float:none;}
#contents_eria-gr section ul li {width: 100%;
margin:4px 0px 4px 0px;}

/*==========================================
 Footer
===========================================*/
footer .inner nav {display:none;/*margin: 8px 8px 8px;*/}
/*
footer .inner nav ul{margin:0; padding:0; list-style: none;}
footer .inner nav ul li {margin:0; padding: 0;}
footer .inner nav ul li a{display: block;
margin:4px;
padding: 8px 18px;
color: #ffffff;
border:1px solid #ffffff;
text-decoration: none;}
footer .inner nav ul li a:hover,
footer .inner nav ul li a:active {background-color:#fcfff4; color:#333333; text-decoration: none;}
*/

/* img-left -----------------------------------------------------*/
.img-left img{float: none;}
/* img-left_shadow -----------------------------------------------------*/
.img-left_shadow img{float: none;}
/**-- FAQpage drop_navi-----------------------------------------**/
ul.drop_navi {width:100%; margin:0;}
/* button -----------------------------------------------------*/
.button{font-size: 1.38em; font-weight: bold;}

/**--table_print ---------------------------------------------**/
.table_print thead{display: none;}

/* btn001 ===========================================*/
a.btn001{font-size: 1.18em;}




}