@charset "UTF-8";
/*------------------------------------------------------*/

a:link {
color:#0000FF;
}

a:visited {
color:#0000FF;
}

a:hover {
color:#D93600;
}

a:active {
color:#D93600;
}

/* body --------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Std W3","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
    width:100%;
    height:100%;
}
img {
   vertical-align:bottom
}

.base12 {color:#333333; font-size:12px; line-height:14pt;}
.base14 {color:#333333; font-size:14px; line-height:18pt;}
.base16 {color:#333333; font-size:16px; line-height:20pt;}
.base20 {color:#333333; font-size:20px; line-height:25pt;}
.base24 {color:#000000; font-size:24px; line-height:36pt;}

.red22 {color:#B32C00; font-size:22px; line-height:22pt; font-weight:bold;}
.white12 {color:#FFFFFF; font-size:12px; line-height:15pt;}
.white14 {color:#FFFFFF; font-size:14px; line-height:17pt;}
.white25 {color:#FFFFFF; font-size:25px; line-height:28pt; font-weight:bold;}
.blue20 {color:#005285; font-size:20px; line-height:23pt; font-weight:bold;}
.blue30 {color:#005285; font-size:30px; line-height:33pt; font-weight:bold;}



.orabge14 {color:#F29A00; font-size:14px; line-height:16pt; font-weight:bold;}
.orange20 {color:#F29A00; font-size:20px; line-height:22pt; font-weight:bold;}
.orange35 {color:#F29A00; font-size:35px; line-height:42pt;}
.white10 {color:#FFFFFF; font-size:10px; line-height:12pt;}



/* ヘッダナビ --------------------------------- */
 
div#header  {  
    width: 100%;  
	height: 180px;
    padding: 0;  
    background-color: #FFFFFF; 
    position: fixed;  
    top:0px;  
    left:0; 
	z-index: 10000;
}  
* html div#header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}  

/* ホーム ------------ */
.home1 {
    background: url("../images/navi_04.gif") no-repeat; /* ロールオーバー時のチラつき防止 */
}
.home1 a {
    width: 49px;
    height: 20px;
    background: url("../images/navi_04.gif") no-repeat;
    display: block;
    text-indent: -9999px;
}
.home1 a:hover {
    background-image: url("../images/navi_04_2.gif");
}
/* 技術資料 ------------ */
.tech1 {
    background: url("../images/navi_05.gif") no-repeat; /* ロールオーバー時のチラつき防止 */
}
.tech1 a {
    width: 61px;
    height: 20px;
    background: url("../images/navi_05.gif") no-repeat;
    display: block;
    text-indent: -9999px;
}
.tech1 a:hover {
    background-image: url("../images/navi_05_2.gif");
}
/* ご利用案内 ------------ */
.info1 {
    background: url("../images/navi_06.gif") no-repeat; /* ロールオーバー時のチラつき防止 */
}
.info1 a {
    width: 77px;
    height: 20px;
    background: url("../images/navi_06.gif") no-repeat;
    display: block;
    text-indent: -9999px;
}
.info1 a:hover {
    background-image: url("../images/navi_06_2.gif");
}
/* お見積依頼 ------------ */
.est1 {
    background: url("../images/navi_07.gif") no-repeat; /* ロールオーバー時のチラつき防止 */
}
.est1 a {
    width: 77px;
    height: 20px;
    background: url("../images/navi_07.gif") no-repeat;
    display: block;
    text-indent: -9999px;
}
.est1 a:hover {
    background-image: url("../images/navi_07_2.gif");
}
/* 会社概要 ------------ */
.com1 {
    background: url("../images/navi_08.gif") no-repeat; /* ロールオーバー時のチラつき防止 */
}
.com1 a {
    width: 64px;
    height: 20px;
    background: url("../images/navi_08.gif") no-repeat;
    display: block;
    text-indent: -9999px;
}
.com1 a:hover {
    background-image: url("../images/navi_08_2.gif");
}
/* お問い合わせ ------------ */
.contact1 {
    background: url("../images/navi_09.gif") no-repeat; /* ロールオーバー時のチラつき防止 */
}
.contact1 a {
    width: 90px;
    height: 20px;
    background: url("../images/navi_09.gif") no-repeat;
    display: block;
    text-indent: -9999px;
}
.contact1 a:hover {
    background-image: url("../images/navi_09_2.gif");
}

/* メインイメージ --------------------------------- */
div#mainimg {
background-image:url(../images/main.jpg);
/*background-position:center bottom;*/
background-repeat:no-repeat;
/*-moz-background-size:cover;*/
background-size:cover;
}


/* コンテンツ --------------------------------- */
div#container	{
	width: 100%;
	margin: 0 auto;
	padding: 180px 0 0 0;
}

#wrap > div {
	min-width: 960px;
	background: no-repeat 50% 0 fixed;
	margin: 0 auto;
	position: relative;
}

#wrap #box1 {
	height: 680px;
	background-image: url(../images/products_back.jpg);
/*	background-position:center top;*/
	background-size: 100%; /*coverとかcontainにすると応用が効かない*/
}


div#pointsimg {
background-image:url(../images/points_back.jpg);
background-position:center bottom;
background-repeat:no-repeat;
/*-moz-background-size:cover;*/
background-size:cover;
}

div#titleimg {
background-image:url(../images/title_back.jpg);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}


div#sdgsimg {
background-image:url(../sdgs/images/main_bk.png);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
div#comimg {
background-image:url(../company/images/aisatsu_bk.jpg);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
div#footerimg {
background-image:url(../images/link_bk.jpg);
background-position:center top;
background-repeat:no-repeat;
/*-moz-background-size:cover;*/
background-size:cover;
}



#wrap .inner {
	width: 960px;
	margin: 0 auto;
}
#wrap .inner a {
  position: relative;
}