html {
 height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix  */


.clearfix:after {
	content: "";
	display: table;
	clear: both;	
}



body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    background: #fff;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

a {
	color: #555;
	text-decoration: none;
}





.container {
	width: 100%;
	position: relative;
}

.container.demo-1 {
	height: 100%;
	position: absolute;
}

.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

.main {
	width: 100%;
	min-height:400px;
	margin: 0 auto;
	position: relative;
}

.on-main {
	width: 100%;
	margin: 0 auto;
	padding: 40px  100px 20px 100px;
	position: relative;
}


.in-main {
	width: 100%;
	margin: 0 auto;
	padding: 40px  0px 20px 100px;
	position: relative;
}



.in-main img {
	margin:  0  60px 0 0;
}


.in-main p {
	margin:  0  20px 0 0;
    font-weight: 300;
    font-size: 15px;
    color:black;

}


.in-main p a {
    font-weight:bold;
    font-size: 15px;
    color:#00645A;
    cursor: pointer;
    border-color:gray;
    border-bottom: 1px solid transparent;
}


.in-main p a:hover {
	color:#00FFCC;
    font-weight:bold;
    font-size: 15px;
    border-color:#00FFCC;


}


#printer {display: none;}
.printer {display: none;}


.mfp {
	width: 100%;
	margin: 0 auto;
	padding: 5px  10px;
	position: relative;

}

input {
	margin: 0 auto;
	position: relative;
	background-color:#C8FFFA;
}



.container > header {
	padding: 10px  20px 20px 40px;
	width: 100%;
	height: 120px;
	margin: 0 auto;
	position: relative;
	display: block;
}

header {
	padding: 10px  20px 20px 40px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}


.container > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #333;
	float: left;
}

.container > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}

.container > header h2{
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	margin: 0;
	padding: 15px 0 5px 0;
	color: #888;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}

.container > header h3{
	font-size: 12px;
	font-weight:lighter;
	font-style:oblique;
	margin: 0;
	padding: 10px 5px 10px 0;
	color:gray;
}

header h3{
	font-size: 12px;
	font-weight:lighter;
	font-style:oblique;
	margin: 0;
	padding: 10px 5px 10px 0;
	color:gray;
}


/* Demo Buttons Style */
.codrops-demos {
	float:right;
	padding-top: 20px;
}

.codrops-demos li {
    display: inline-block;
    margin: 8px;
    color:gray;
    border-color:gray;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 4px solid transparent;

}
.codrops-demos a {
    color:gray;
}

.codrops-demos li:hover {
	color:#00AA99;
	border-color:#00AA99;
}




#logo {
 margin:0 0 0 10px; float:left;
  }

/* === footer === */

#footer {
 width: 100%;
 background-image:url('../images/footer/footer.jpg');

 }

	#footer .inner {
     width: 90%;
     padding: 33px 0 26px;
     margin: 0 auto;

    }

    #footer h2 {    
     margin-bottom: 12px;
}

    
    #footer a {
     color:gray;
     cursor: pointer;
     font-size:12px;
     font-weight:lighter;
     text-shadow:0px 0px 0px 0px #666666 ;

    }
        #footer a:hover { color:#00CCCC;}
        #footer a:hover img {
         opacity: 0.70;
         filter: alpha(opacity=70);    
        }
    
    
#footer .leftBox {
 float: left;
 width: 100%;

}


#footNavi {
 margin-bottom: 50px;
}
    #footNavi .unit {
     float:left;
     padding-right: 15px;}
    .type2 .unit {
     padding-right: 15px !important;
     }

    #footNavi li {
    list-style:none;
     line-height: 1em;
     padding-left: 12px;
     margin-bottom: 10px;
     background:  :#CCFFFF no-repeat 1px 7px;
     font-size:12px;

    }


#footer .copy {
 float:left;
 width: 95%;
 color:#ffffff;
 font-weight:500;
 text-align: right;
 font-size:15px;

}

#footer .com {
 padding-left: 50px;
 text-align: left;
 font-size:13px;
 color:#ffffff;
 font-weight:;

}


    

/* === no-page === */
.support-note span{
	color: #ac375d;
	font-size: 16px;
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}
.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions{
	display: block;
}


/* Tables */




th,td,caption 	{ height: 50px	}

.product_box {
	width: 90%;
	position: relative;
}

.product table{
	width: 90%;
	vertical-align: middle;
	border: 10px solid #FFFFFF ;
	border-collapse: collapse;
}

.product_box th{
	width: 15%;
	font-weight: bold;  
	font-size:15px;  
	color:black;
	border: 3px solid #FFFFFF ;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	vertical-align: top;
	border-collapse: collapse;
}

.product_box td{
	width: 70%;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	color:black;
	vertical-align: top;
	padding: 10px 5px 10px 10px;
	line-height : 130% ;

}

.company_box{
	width: 100%;
	position: relative;
}

.company_box table{
	width: 80%;
	vertical-align: middle;
	border: 2px solid #C0C0C0 ;
	border-collapse: collapse;
}

.company_box th{
	width: 20%;
	font-weight: bold;  
	font-size:15px;  
	color:black;
	background:#CCFFFF;
	border: 2px solid #C0C0C0 ;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	vertical-align: middle;
	border-collapse: collapse;
	
}
	
.company_box td{
	font-size:15px;  
	color:black;
	border: 2px solid #C0C0C0 ;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	vertical-align: middle;
	border-collapse: collapse;
	padding: 10px 5px 10px 10px;
	line-height : 180% ;

}


.customer_box{
	width: 100%;
	position: relative;
}

.customer_box table{
	width: 80%;
	vertical-align: middle;
	border: 2px solid #C0C0C0 ;
	border-collapse: collapse;
}

.customer_box th{
	width: 20%;
	font-weight: bold;  
	font-size:15px;  
	color:black;
	background:#CCFFFF;
	border: 2px solid #C0C0C0 ;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	vertical-align: middle;
	border-collapse: collapse;
}

.customer_box td{
	font-size:15px;  
	color:black;
	border: 2px solid #C0C0C0 ;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	vertical-align: middle;
	border-collapse: collapse;
	padding: 10px 5px 10px 10px;
	line-height : 180% ;
}