@charset "UTF-8";

/* ===== lp common Style ===== */

body{}

.clear{clear:both;}


/* ===== header Style ===== */

#header{position:fixed;z-index:10;top:0px;width:100%;border-bottom:5px solid #2B974C;background-color:#ffffff;}


#headerLabel{}
#headerLabelFrame{width:1000px;margin:0px auto;}
#headerLabelContainer{padding:0px 20px;text-align:left;}

#headerMain{}
#headerMainFrame{width:1000px;margin:0px auto;}
#headerMainContainer{padding:0px 20px 10px 20px;}


#headerDescription{float:left;padding:10px 0px;}
#headerDescription h1{padding-top:3px;}

#headerShare{float:right;padding:10px 0px;}
#headerShare ul li{float:left;margin-left:5px;}
#headerShare ul li:first-child{margin:0px;}

#headerLogo{float:left;}
#headerLogo h2 a{
display:block;text-indent:-9999px;overflow:hidden;
width:420px;height:50px;
background:url(/material/lp/images/common/logo.png) no-repeat left top;
background-size:contain;-moz-background-size:contain;
}

#headerWindow{float:right;margin-top:5px;}
#headerWindowTEL{
float:left;display:block;text-indent:-9999px;overflow:hidden;
width:240px;height:40px;
background:url(/material/lp/images/common/tel.png) no-repeat left top;
-moz-background-size:contain;background-size:contain;
}
#headerWindowPamphlet{float:left;margin-left:10px;border:1px solid #999999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#headerWindowPamphlet a{
display:block;
padding:10px;
color:#ffffff;text-decoration:none;
border:2px solid #ffffff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
background-color:#ffcc00;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc00), color-stop(100%, #ff8800));
background-image:-webkit-linear-gradient(top, #ffcc00, #ff8800);
background-image:-moz-linear-gradient(top, #ffcc00, #ff8800);
background-image:-ms-linear-gradient(top, #ffcc00, #ff8800);
background-image:-o-linear-gradient(top, #ffcc00, #ff8800);
background-image:linear-gradient(top, #ffcc00, #ff8800);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffcc00, endColorstr=#ff8800);
}
#headerWindowPamphlet a:hover{
color:#ffffff;text-decoration:none;
background-color:#ffcc00;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%, #ffcc00));
background-image:-webkit-linear-gradient(top, #ffcc00, #ffcc00);
background-image:-moz-linear-gradient(top, #ffcc00, #ffcc00);
background-image:-ms-linear-gradient(top, #ffcc00, #ffcc00);
background-image:-o-linear-gradient(top, #ffcc00, #ffcc00);
background-image:linear-gradient(top, #ffcc00, #ffcc00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffcc00, endColorstr=#ffcc00);
}

/* clearfix */
#headerLabelContainer:after,
#headerMainContainer:after,
#headerShare:after,
#headerWindow:after{content:"";display:block;clear:both;height:0;overflow:hidden;}




/* ===== footer Style ===== */
#footer{clear:both;border-top:5px solid #2B974C;}

#footerMain{}
#footerMainFrame{width:1000px;margin:0px auto;}
#footerMainContainer{padding:10px 20px;}

#footerCopyright{}
#footerCopyrightFrame{width:1000px;margin:0px auto;}
#footerCopyrightContainer{padding:10px 20px 60px 20px;text-align:center;}


#footerAddress{}
#footerAddressName a{
display:block;text-indent:-9999px;overflow:hidden;
width:294px;height:35px;
background:url(/material/lp/images/common/logo.png) no-repeat left top;
background-size:contain;-moz-background-size:contain;
}
#footerAddressContainer{margin-top:5px;}
#footerAddressZip{float:left;}
#footerAddressPref{float:left;margin-left:10px;}
#footerAddressBld{float:left;margin-left:10px;}
#footerAddressURL{float:left;margin-left:10px;}
#footerAddressURL a{display:block;padding-left:15px;background:url(/material/lp/images/common/icon/arrow_square.png) no-repeat left center;text-decoration:underline;}
#footerAddressURL a:hover{text-decoration:underline;}
#footerAddressWindow{margin-top:10px;}
#footerAddressFD{float:left;}
#footerAddressFD{
display:block;text-indent:-9999px;overflow:hidden;
width:184px;height:20px;
background:url(/material/lp/images/common/tel02.png) no-repeat left top;
-moz-background-size:contain;background-size:contain;
}
#footerAddressTEL{float:left;margin:5px 0px 0px 30px;}
#footerAddressTEL dl dt{float:left;padding:5px 5px 3px 5px;background-color:#ffffff;color:#2B974C;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:80%;}
#footerAddressTEL dl dd{float:left;padding:3px 5px;}
#footerAddressTEL dl dd a{color:#ffffff;text-decoration:none;}
#footerAddressTEL dl dd a:hover{color:#e4f6f9;text-decoration:underline;}
#footerAddressFAX{float:left;margin:5px 0px 0px 10px;}
#footerAddressFAX dl dt{float:left;padding:5px 5px 3px 5px;background-color:#ffffff;color:#2B974C;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:80%;}
#footerAddressFAX dl dd{float:left;padding:3px 5px;}
#footerAddressFAX dl dd a{color:#ffffff;text-decoration:none;}
#footerAddressFAX dl dd a:hover{color:#e4f6f9;text-decoration:underline;}
#footerAddressOT{float:left;margin:5px 0px 0px 10px;padding:3px 0px;}
#footerAddressCT{float:left;margin:5px 0px 0px 10px;padding:5px 5px 3px 5px;background-color:#ffffff;color:#2B974C;font-size:80%;}

/* clearfix */
#footerMainContainer:after,
#footerCopyrightContainer:after,
#footerAddressContainer:after,
#headerWindow:after{content:"";display:block;clear:both;height:0;overflow:hidden;}




/* ===== contents Style ===== */

#contents{}
#contentsFrame{}
#contentsContainer{}




/* ===== lpCnt Style ===== */

.lpCnt{background-color:#ffffff;}
.lpCntFrame{width:1000px;margin:0px auto;}
.lpCntContainer{padding:0px 20px;}

/* clearfix */
.lpCntContainer:after{content:"";display:block;clear:both;height:0;overflow:hidden;}



/* ===== back-top Style ===== */

#back-top{position:fixed;z-index:10;width:100%;bottom:0px;text-indent:-9999px;overflow:hidden;}

#back-top a{
width:100%;height:35px;padding:10px 0px;display:block;
background:#f3f3f3 url(/material/lp/images/common/btt.png) no-repeat center center;
-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;
}

#back-top a:hover{background:#2B974C url(/material/lp/images/common/btt_hover.png) no-repeat center center;}
