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

html,body{
	color:#333333;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	overflow-x:hidden;
}
#back_wrapper{
	width:100%;
	height:auto;
	background-image:url(../images/index/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin:0 auto;
	
}
#bgimg {
    position:absolute;
    z-index: -1;
	background-color:#000000;
}
#realBody{
    position:absolute;
    z-index: 5; 
    overflow:auto; 
    height:100%;width:100%;
}
#wrap{
	position:relative;
	width:1018px;
	min-height:600px;
	height:auto;
	margin:0 auto;
	z-index:2;
}
/*-------------header--------------------------------------*/
#header{
	width:1000px;
	height:70px;
	background-color:#FFFFFF;
	margin:0 auto;
}
#header_l{
	width:480px;
	float:left;
	font-size:11px;
	color:#666;
	margin-left:5px;
}
#header_l h1{
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
}
#header_r{
	width:500px;
	float:right;
	text-align:right;
	letter-spacing:2px;
}
#header_r p{
	padding-top:10px;
	padding-right:10px;
}
#header_r dl#sitemap{
	display:inline-table;
	vertical-align:middle;
	padding-right:0px;
	font-size:10px !important;
	letter-spacing:1px;
	margin-top:23px;
}
.margin_l10{
	margin-left:10px;
}
#header_r a{
	color:#333;
}
#header_r a:hover{
	color:#4f99ff;
}

#header_r dt,#header_r dd{
	float:left;
}
#header_r dt img{
	width:13px;
	height:13px; 
}
#header_r dd p{
	width:auto;
	height:11px;
	margin-top:-11px;
}
/*------------g_navi---------------------------------------*/
#gw_g_navi{
	width:1000px;
	height:35px;
	clear:both;	
	margin:0 auto;
	margin-bottom:1px;
}

#g_navi{
	width:1000px;
	height:35px;
	clear:both;	
	margin:0 auto;
	margin-top:-5px;
	margin-bottom:1px;
}
/* リスト全体 */
ul
   {
    width:1000px;             /* リスト全体の幅 */
    height:35px;             /* リスト全体の高さ */
    list-style:none;         /* リストマークを無しにする */
   }

/* 各項目 */
li
   {
    width:200px;             /* 項目の幅 */
    height:35px;             /* 項目の高さ */
    float:left;             /* 各項目を左側から回り込み */
   }

/* リンク部分 */

.home a{
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../images/header/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
.home a:hover{
    background-image:url(../images/header/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -35px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
   }
.company a{
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../images/header/navi.jpg);/* リンク範囲の背景画像設定 */
    background-position:-200px 0px;
                     /* ★↑背景画像の（-150px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.company a:hover{
    background-image:url(../images/header/navi.jpg);/* マウスが上に来た時の背景画像設定 */
    background-position:-200px -35px;
                     /* ★↑背景画像の（-150px -35px）に移動★ */
   }
.business a{
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../images/header/navi.jpg);/* リンク範囲の背景画像設定 */
    background-position:-400px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.business a:hover{
    background-image:url(../images/header/navi.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-400px -35px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.access a{
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../images/header/navi.jpg);/* リンク範囲の背景画像設定 */
    background-position:-600px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.access a:hover{
    background-image:url(../images/header/navi.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-600px -35px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.contact a{
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../images/header/navi.jpg);/* リンク範囲の背景画像設定 */
    background-position:-800px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.contact a:hover{
    background-image:url(../images/header/navi.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-800px -35px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }

/*---------contents-----------------------------------------------------------*/	
#contents{
	width:1000px;
	height:500px;
	position:relative;
	background-image:url(../images/header/top_img.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	z-index:9998;
	margin:0 auto;
}
#contents_wrap{
	position:relative;
	z-index:9999;
	width:1000px;
	height:800px;
	margin:0 auto;
	margin-top:-460px;
}
#gw_contents_wrap{
	position:relative;
	z-index:9999;
	width:1000px;
	height:700px;
	margin:0 auto;
}
/*---------article-----------------------------------------------------------*/	
#article{
	width:810px;
	height:auto;
	position:relative;
	margin-top:160px;
	float:left;
}
#gw_article{
	width:820px;
	height:auto;
	position:relative;
	margin-top:30px;
	float:left;
	color:#000000;
	line-height:1.8;
	letter-spacing:1.3px;
}
#gw_article h2{
	font-size:24px;
	font-weight:bold;
}
.margin_t30{
	margin-top:30px;
}
/*---------sidenavi-----------------------------------------------------------*/	
#side_navi{
	position:relative;
	width:170px;
	height:286px;
	background-image:url(../images/index/sidenavi_back.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	z-index:99999;
	margin-top:180px;
	margin-left:10px;
}
#gw_side_navi{
	position:relative;
	width:170px;
	height:286px;
	background-image:url(../images/index/sidenavi_back.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	z-index:99999;
	margin-top:30px;
}

#side_navi ul li,#gw_side_navi ul li{
	width:170px;
	height:46px;
	float:none;
}
a#s_navi1{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/index/side_text_ttl.png);
	background-repeat:no-repeat;
	background-position:10px center;
	cursor:default;
}
a#s_navi2{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/index/side_text_oem.png);
	background-repeat:no-repeat;
	background-position:10px 18px;
}
a#s_navi2:hover{
	background-image:url(../images/index/side_text_oem_on.png);
	background-repeat:no-repeat;
	background-position:10px 18px;
}
a#s_navi3{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/index/side_text_seihin.png);
	background-repeat:no-repeat;
	background-position:10px 20px;
}
a#s_navi3:hover{
	background-image:url(../images/index/side_text_seihin_on.png);
	background-repeat:no-repeat;
	background-position:10px 20px;
}
a#s_navi4{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/index/side_text_plant.png);
	background-repeat:no-repeat;
	background-position:10px 22px;
}
a#s_navi4:hover{
	background-image:url(../images/index/side_text_plant_on.png);
	background-repeat:no-repeat;
	background-position:10px 22px;
}
a#s_navi5{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/index/side_text_takuhai.png);
	background-repeat:no-repeat;
	background-position:10px 25px;
}
a#s_navi5:hover{
	background-image:url(../images/index/side_text_takuhai_on.png);
	background-repeat:no-repeat;
	background-position:10px 25px;
}
a#s_navi6{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/index/side_text_online.png);
	background-repeat:no-repeat;
	background-position:10px 23px;
}
a#s_navi6:hover{
	background-image:url(../images/index/side_text_online_on.png);
	background-repeat:no-repeat;
	background-position:10px 23px;
}

.float_l{
	float:left;
}
.float_r{
	float:right;
}
.clear{
	clear:both;
}
/***************clearfix******************************/
.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}