@charset "utf-8";
/* CSS Document */

.SideNav01{background: url(../img/side/nav01.png) no-repeat 0px;}
.SideNav02{background: url(../img/side/nav02.png) no-repeat 0px;}
.SideNav03{background: url(../img/side/nav03.png) no-repeat 0px;}
.SideNav04{background: url(../img/side/nav04.png) no-repeat 0px;}
.SideNav05{background: url(../img/side/nav05.png) no-repeat 0px;}
.SideNav06{background: url(../img/side/nav06.png) no-repeat 0px;}
.SideNav07{background: url(../img/side/nav07.png) no-repeat 0px;}




.bgcont {width:100%; position:relative;}
.bgcont .ttl{position:absolute; top:300px; right:0px; width:500px; height:180px; background:url(../img/bg/01.png);}

.business{margin:0 auto 30px; width: 970px; height: 959px; position: relative; background:url(../img/page/business/bg.png) no-repeat top;}
.business01{width:360px; height:360px; position:absolute; top:239px; left:125px; overflow:hidden;
background:url(../img/page/business/01.gif) no-repeat center; background-size:99%; z-index: 1;	}

.business02{width:360px; height:360px; position:absolute; top:239px; left:485px; overflow:hidden; background:url(../img/page/business/02.gif) no-repeat center; background-size:99%; z-index: 1;}

.business03{width:360px; height:360px; position:absolute; top:599px; left:125px; overflow:hidden; background:url(../img/page/business/03.gif) no-repeat center; background-size:99%; z-index: 1;}


.business04{width:360px; height:360px; position:absolute; top:599px; left:485px; overflow:hidden; background:url(../img/page/business/04.gif) no-repeat center; background-size:99%; z-index: 1;}

.business05{width:720px; height:720px; position:absolute; top:720px; left:720px; overflow:hidden; z-index: 2;}


@media screen and (max-width: 719px) {

.bgcont .ttl{position:absolute; top:200px; right:0px; width:auto; height:auto; background:url(../img/bg/01.png);}
.bgcont h1{font-size:1.5em; line-height:2em; font-weight:bold;}

/*
.bgcont .star{position:absolute; top:50px; left:20px; width:250px; height:271px; background:url(../img/header/star.png);}
.bgcont .star a{display:block; width:250px; height:271px;}
*/

.bgcont .star{display:none;}
.bgcont .star a{display:none;}

}



.bgcont:after {content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .bgcont{
height: 0.1em;
overflow: visible;
}
/**/


.bgimg01{background:url(../img/bg/main.png) no-repeat; background-size:cover; height:600px;}
.bgimg02{background:#FFFFFF;}
.bgimg03{background:url(../img/footer/logo_bg.png) repeat-x; height:122px; text-align:center;}
.bgimg04{background:url(../img/bg/feature_bg.png) no-repeat center; height:800px;}
.bgimg05{background:url(../img/bg/message.png) no-repeat center 100px;}
.bgimg06{background:url(../img/bg/history.png) no-repeat center;}
.bgimg07{background:url(../img/bg/green.jpg) no-repeat left;　background-size:cover;}

.bg_mold01{background:url(../img/page/mold/01.png) no-repeat right; height:300px}
.bg_mold02{background:url(../img/page/mold/02.png) no-repeat left; height:300px}
.bg_mold03{background:url(../img/page/mold/03.png) no-repeat right; height:300px}

.bg_mold01 h2,.bg_mold02 h2,.bg_mold03 h2{margin:30px 25px 20px; text-align:left; font-size: 22px; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #FFFFFF;}

.bg_product00{background:url(../img/page/product/00.png) no-repeat center; height:600px}
.bg_product01{background:url(../img/page/product/01.png) no-repeat left; height:350px}
.bg_product02{background:url(../img/page/product/02.png) no-repeat right; height:350px}
.bg_product03{background:url(../img/page/product/03.png) no-repeat left; height:350px}

@media screen and (max-width: 719px) {

.bgimg01{background:url(../img/bg/main.png) no-repeat; background-size:cover; height:450px;}
.bg_product01{background:url(../img/page/product/01_sp.png) no-repeat left; height:350px}
.bg_product02{background:url(../img/page/product/02_sp.png) no-repeat right; height:350px}
.bg_product03{background:url(../img/page/product/03_sp.png) no-repeat left; height:350px}
}


.bg01{background:url(../img/bg/01.png);}
.bg02{background:#FFFFFF;}
.bg03{background:#070707;}
.bg04{background:url(../img/bg/04.png);}
.bg05{background:url(../img/bg/05.png);}
.bg06{background:url(../img/bg/06.png);}
.bg07{background:#6a3967;}
.bg08{background-color: rgba(0,158,132,0.5);}


.Col6box section .i01,.Col3box section .i01,.Colbox section .i01{background:url(../img/icon/01.png) no-repeat; width:180px; height:36px;}
.Col6box section .i02,.Col3box section .i02,.Colbox section .i02{background:url(../img/icon/02.png) no-repeat; width:180px; height:36px;}
.Col6box section .i03,.Col3box section .i03,.Colbox section .i03{background:url(../img/icon/03.png) no-repeat; width:180px; height:36px;}
.Col6box section .i04,.Col3box section .i04,.Colbox section .i04{background:url(../img/icon/04.png) no-repeat; width:180px; height:36px;}
.Col6box section .i05,.Col3box section .i05,.Colbox section .i05{background:url(../img/icon/05.png) no-repeat; width:180px; height:36px;}
.Col6box section .i06,.Col3box section .i06,.Colbox section .i06{background:url(../img/icon/06.png) no-repeat; width:180px; height:36px;}
.Col6box section .i07,.Col3box section .i07,.Colbox section .i07{background:url(../img/icon/07.png) no-repeat; width:180px; height:36px;}
.Col6box section .i08,.Col3box section .i08,.Colbox section .i08{background:url(../img/icon/08.png) no-repeat; width:180px; height:36px;}
.Col6box section .i09,.Col3box section .i09,.Colbox section .i09{background:url(../img/icon/09.png) no-repeat; width:180px; height:36px;}


.Rimg{float:right; margin-left:15px; width:35%; height:auto;}
.Limg{float:left; margin-right:15px; width:35%; height:auto;}


.cate a{display:block; width:188px; height:36px;}


.cal_wrapper {
  max-width: 1600px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background:none !important;
}
 
@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.ptop100{padding-top: 100px !important;}

.topmain{position: relative;}

.topmain .topex{width: 500px; height: 500px; background: url(../img/top/00.png) no-repeat; background-size: 100%; position: absolute; top:0px; left:0px; z-index: 10;}


@media screen and (max-width: 899px) {
.topmain .topex{top:60px; left:0px;}
}

@media screen and (max-width: 640px) {
.topmain .topex{background: url(../img/top/00_sp.png) no-repeat center;}
}

.Colbox h3{background: url(../img/icon/vertex.png)  0px no-repeat; background-size: auto; color: #333333;}

h3.privacy{padding: 0 25px; color: #333333; font-size: 15px; background: none; margin:10px 0 5px;}
h4.privacy{padding: 5px; color: #333333; font-size: 16px; font-weight: bold; text-align: center;  }

ul.privacy{padding:0 50px;}
ul.privacy li{list-style:lower-roman;}
ul.privacy ul{padding:0 20px;}
ul.privacy li li{list-style:lower-alpha;}


h4.product{padding: 5px; color: #555555; font-size: 20px; font-weight: bold; text-align: center;  }


.fcolor_w{color: #FFFFFF !important;}
.fcolor_w a{color: #FFFFFF !important;}
table{width: 100% !important;}


.Subttl{
	height: 70px !important;
	line-height: 70px !important;
	padding: 0 10px !important;
	background: #555555;}

.Subttl a{
	height: 70x !important;
	line-height: 70px !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
	font-size: 16px !important;
}



/* Color */

/* Font Color */


.Col6box section .cate{color:#FFFFFF;}
.Col3box h2{color:#BD1B25;}
.Col3box section .cate{color:#FFFFFF;}

header#FixMenu .menu{border-bottom:1px solid #000000;}
header#FixMenu .menu{background:#333333;}
header#FixMenu .menu nav>ul>li h3{color:#FFFFFF;}
header#FixMenu .menu nav>ul>li a{color:#FFFFFF;}
header#FixMenu .menu nav ul li a:hover{color:#A8A8A8;}



header#FixMenu .menu {background:#333333;}
header#FixMenu .menu nav{background:#009E84; border-top:1px solid #000000;}
header#FixMenu .menu nav>ul{border-left:1px solid #000000;}
header#FixMenu .menu nav>ul>li{border-right:1px solid #000000;}
header#FixMenu .menu nav>ul>li h3{border-bottom:1px solid #000000;}



.Col6box section .cate{background:#000000;}
.Col3box section .cate{background:#f5a100;}
a.detailbtn {color:#FFFFFF;}
.contact_btn{color:#FFFFFF;}

.red{color:#BD1B25;}
.yellow{color:#EDE93C;}
.white{color:#FFFFFF;}

a.detailbtn {background:#009E84;}
a.detailbtn:hover{background:url(../img/bg/02.png);}
.contact_btn{background:#009E84;}

.contenthover a.mybutton {background:#3c9632; color:#fff; font-size:18px;}
.contenthover a.mybutton:hover {background:#34742d;}

.page_subttl h1{font-size: 25px; color:#555555; font-weight: bold;}


footer h4{color:#FFFFFF;}
.sitemapbox h5{color:#FFFFFF; font-size:14px;}
ul.sitemap li a{color:#FFFFFF;}
footer small{}

footer{background:#009E84;}






@media screen and (max-width: 719px) {
.topmain .topex{top:60px; left:0px;}
.topmain .topex{width:100%; height:300px; background: url(../img/top/00_sp.png) no-repeat center;  z-index: 10;}
}






/* 例外的 */

.exception01{margin-top: 100px; max-width: 600px; margin:100px auto; background-color: rgba(256,256,256,0.7);}
.exception01 h2{color: #000000; padding-top: 20px;}
.exception01 p{padding:0px 25px 20px !important; font-size: 15px !important; line-height: 25px!important; }


.exception03{ max-width: 600px !important;  margin:-30px auto 20px !important; }
.exception03 h2{color: #333333;}



@media screen and (max-width: 719px) {
.exception01{margin-top: 100px;}
}
}


.exception02{height: 650px; display: block;}


.exception04{margin-top: 100px;}

.exception05{margin-top: 50px;}

.exception06{padding: 0 20px;}


.exception07{ max-width: 600px !important;  margin:20px auto 20px !important; }
.exception07 h2{color: #FFFFFF;}

.exception08 {padding-top: 80px;}
.exception08 p{padding:20px 10px!important; background-color: rgba(256,256,256,0.7);}



.exception09{max-width: 600px; margin:20px auto; margin-top: 200px; background-color: rgba(256,256,256,0.5); padding: 20px 0 !important;}
.exception09 h2{color: #000000; padding-top: 20px;}
.exception09 p{padding:0px 25px 0px !important; font-size: 15px !important; line-height: 25px!important; }


.exception10{height: 680px;}


@media screen and (min-width: 1241px) {.imgch01_sp{display:none !important;} .imgch01_tb{display:none !important;} .imgch01_pc{display:inline !important;}}
@media only screen and (min-width:641px) and (max-width:1240px) {.imgch01_sp{display:none !important;} .imgch01_tb{display:inline !important;} .imgch01_pc{display:none !important;}}
@media screen and (max-width: 640px) {.imgch01_sp{display:inline !important;} .imgch01_tb{display:none !important;} .imgch01_pc{display:none !important;}}

.SideBar ul li.lang{background:url(../img/side/nav_lang.png) no-repeat center;}


a.detail_btn{background: url(../img/btn/detail_btn.png) no-repeat;}
a.map_btn{background: url(../img/btn/map_btn.png) no-repeat;}
a.machinery_btn{background: url(../img/btn/machinery_btn.png) no-repeat;}