body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	background-image:url(../img/bg/bg01.png);
	background-position:center;
	background-repeat:repeat-y;
	color:#555555;
	font-family:"HG丸ｺﾞｼｯｸM-PRO";
	line-height:120%;
}
img{border:0px;}
a{text-decoration:none;}
a:visited{color:#0088FF;}
a:hover{color:#ff0000;}

/******枠用ID******/
#structure_01{
    background-color:#FFFFFF;
    width:840px;
    text-align:left;
    margin:0px auto;
}
/****** ヘッド ******/
#head_main{
    width:840px;
    height:128px;
    background-color:#FFFFFF;
	background-image:url(../img/illust/title_main01.png);
    overflow:hidden;
}
#head_mo-ru{
    width:840px;
    height:128px;
    background-color:#FFFFFF;
	background-image:url(../img/illust/title_mo-ru01.png);
    overflow:hidden;
}
#head_haikan{
    width:840px;
    height:128px;
    background-color:#FFFFFF;
	background-image:url(../img/illust/title_haikan01.png);
    overflow:hidden;
}
#head_flat{
    width:840px;
    height:128px;
    background-color:#FFFFFF;
	background-image:url(../img/illust/title_flat01.png);
    overflow:hidden;
}
#head_oa{
    width:840px;
    height:128px;
    background-color:#FFFFFF;
	background-image:url(../img/illust/title_oa01.png);
    overflow:hidden;
}
#head_desk{
    width:840px;
    height:128px;
    background-color:#FFFFFF;
	background-image:url(../img/illust/title_desk01.png);
    overflow:hidden;
}
#head_sitemap{
    width:840px;
    height:128px;
    background-color:#FFFFFF;
	background-image:url(../img/illust/title_sitemap01.png);
    overflow:hidden;
}

/****** 現在位置 ******/
#current{
	width:840px;
	background-color:#FFFFFF;
	overflow:hidden;
}
/****** トップメニュー （メインメニュー）******/
#menu-top{
	width:840px;
	background-color:#FFFFFF;
	overflow:hidden;
}
/****** トップメニュー （サブメニュー）******/
#menu-top-sub{
	width:840px;
	background-color:#FFFFFF;
	overflow:hidden;
}

/****** メイントップ ******/
#main-top{
	width:840px;
	background-color:#FFFFFF;
	overflow:hidden;
}
/****** メイン左 ******/
#main-left{
    width:420px;
    float:left;
}
/****** メイン右 ******/
#main-right{
    width:420px;
    float:left;
}
/****** 広告用 ******/
.cm_01{
	width:840px;
	clear:both;
}


/****** フッター00 ******/
#foot_00{
    width:840px;
    clear:both;
}
/****** フッター01 ******/
#foot_01{
    width:840px;
    clear:both;
}
/****** フッター02 ******/
#foot_02{
	width:840px;
	clear:both;
}
/****** フッター03 ******/
#foot_03{
	text-align:center;
	width:840px;
	clear:both;
}

/****** Copyright ******/
#copyright_head{
	top:116px;
	font-size:12px;
	color:#000000;
	position:absolute;
	line-height:100%;
}
#copyright_foot{
	margin-top:20px;
	width:830px;
	border-left:#FFFFFF 5px solid;
	border-right:#FFFFFF 5px solid;
	background-color:#CCCCCC;
	font-size:12px;
	line-height:100%;
	text-align:center;
}

/****** 広告 ******/
div.cm_wide{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:820px;
	background-color:#FFFFFF;
	font-size:13px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	float:left;
	clear:both;

}
h5.cm_wide{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:810px;
	height:32px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../img/bg/bg03.png);
	font-size:18px;
	margin:0px;
	margin-top:-1px;
	margin-left:-1px;
	padding:5px;
	position:relative;
}
p.cm_wide{
	padding:0px 1em;
	text-align:left;
}

/****** ボックス_title  ******/
div.box_title{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:820px;
	background-color:#FFFFFF;
	font-size:13px;
	position:relative;
	margin-left:10px;
	margin-top:10px;
	float:left;
	clear:both;
}

/****** ボックス_h1  ******/
h1.box_title{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:810px;
	height:40px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../img/bg/bg02.png);
	font-size:18px;
	margin:0px;
	margin-top:-1px;
	margin-left:-1px;
	padding:5px;
	position:relative;
}
p.box_title{
	padding:0px 1em;
	text-align:left;
}


/******　更新履歴　******/
div.box_kousin{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:800px;
	font-size:12px;
	position:relative;
	margin-left:10px;
	margin-top:10px;
	float:left;
	clear:both;
}
h4.box_kousin{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:800px;
	height:32px;
	font-size:15px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../img/bg/bg04.png);
	margin:0px;
	margin-top:-1px;
	margin-left:-1px;
	position:relative;
}
p.box_kousin{
	padding:0px 1em;
	text-align:left;
}
ul.box_kousin{
	padding:0px 1em;
	text-align:left;
}

/****** ボックス_h2  ******/
div.box_h2{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:820px;
	background-color:#FFFFFF;
	font-size:13px;
	position:relative;
	margin-left:10px;
	margin-top:10px;
	float:left;
	clear:both;
}
h2.box_h2{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:810px;
	height:32px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../img/bg/bg03.png);
	font-size:15px;
	margin:0px;
	margin-top:-1px;
	margin-left:-1px;
	padding:5px;
	position:relative;
}
p.box_h2{
	padding:0px 1em;
	text-align:left;
}

/****** ボックス width:380px ******/
div.box01{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:395px;
	font-size:13px;
	background-color:#FFFFFF;
	position:relative;
	margin-left:12px;
	margin-top:20px;
	float:left;
	clear:both;
}
h3.box01{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:395px;
	font-size:15px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../img/bg/bg04.png);
	margin:0px;
	margin-top:-1px;
	margin-left:-1px;
	position:relative;
}
p.box01{
	padding:0px 1em;
	text-align:left;
}
ul.box01{
	padding:0px 1em;
	text-align:left;
}

/****** 現在位置用 ******/
div.current01{
	width:840px;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
	font-size:12px;
	text-align:left;
}


/****** ボトムメニュー用（前後のページ移動） ******/
div.menu-bottom00{
	margin-top:20px;
	width:840px;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
	font-size:12px;
	text-align:center;
}

/****** ボトムメニュー用 ******/
div.menu-bottom01{
	margin-top:20px;
	width:840px;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
	font-size:10px;
	text-align:center;
}
/****** MAIN MENU画像表示用 ******/
#menu_main01{
    background-color:#FFFFFF;
	background-image:url(../img/menu/menu_main01.png);
	margin-top:10px;
	margin-left:20px;
    width:800px;
    height:32px;
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
    overflow:hidden;
}
/****** SUB MENU画像表示用 ******/
#menu_sub01{
    background-color:#FFFFFF;
	background-image:url(../img/menu/menu_SUB01.png);
	margin-top:10px;
	margin-left:20px;
    width:800px;
    height:32px;
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
    overflow:hidden;
}
/****** メインメニュー画像ロールオーバー用 ******/
ul#main_menu{
	list-style:none;
	width:100%;
	margin:2px 2px 10px 10px;
	padding:2px 2px 10px 10px;
}
ul#main_menu li{
	list-style:none;
	float:left;
	width:200px;

}
ul#main_menu a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(../img/menu/menu_main_01.png);
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
}
#main_menu a span{
	display:none;
}
/****** メインメニュー画像ロールオーバー用（トップページへ） ******/
a.top01{
	background-position:0px 0px;
}
a:hover.top01{
	background-position:0px -40px;
}
/****** メインメニュー画像ロールオーバー用（モールでの配線） ******/
a.mo-ru01{
	background-position:-210px 0px;
}
a:hover.mo-ru01{
	background-position:-210px -40px;
}
/****** メインメニュー画像ロールオーバー用（配管での配線） ******/
a.haikan01{
	background-position:-420px 0px;
}
a:hover.haikan01{
	background-position:-420px -40px;
}
/****** メインメニュー画像ロールオーバー用（フラットケーブルでの配線） ******/
a.flat01{
	background-position:-630px 0px;
}
a:hover.flat01{
	background-position:-630px -40px;
}
/****** メインメニュー画像ロールオーバー用（OAフロアでの配線） ******/
a.oa01{
	background-position:-840px 0px;
}
a:hover.oa01{
	background-position:-840px -40px;
}
/****** メインメニュー画像ロールオーバー用（机周りの配線整理） ******/
a.desk01{
	background-position:-1050px 0px;
}
a:hover.desk01{
	background-position:-1050px -40px;
}
/****** メインメニュー画像ロールオーバー用（サイトマップ） ******/
a.sitemap01{
	background-position:-1260px 0px;
}
a:hover.sitemap01{
	background-position:-1260px -40px;
}

/****** モールでの配線　画像ロールオーバー用 ******/
ul#mo-ru_menu{
	list-style:none;
	width:100%;
	margin:2px 2px 10px 10px;
	padding:2px 2px 10px 10px;
}
ul#mo-ru_menu li{
	list-style:none;
	float:left;
	width:200px;

}
ul#mo-ru_menu a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(../img/menu/menu_mo-ru01.png);
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
}
#mo-ru_menu a span{
	display:none;
}
/****** モールでの配線　画像ロールオーバー用（モールの種類） ******/
a.mo-ru01_syurui01{
	background-position:0px 0px;
}
a:hover.mo-ru01_syurui01{
	background-position:0px -40px;
}
/****** モールでの配線　画像ロールオーバー用（必要な材料） ******/
a.mo-ru02_zairyou01{
	background-position:-210px 0px;
}
a:hover.mo-ru02_zairyou01{
	background-position:-210px -40px;
}
/****** モールでの配線　画像ロールオーバー用（必要な工具） ******/
a.mo-ru03_kougu01{
	background-position:-420px 0px;
}
a:hover.mo-ru03_kougu01{
	background-position:-420px -40px;
}
/****** モールでの配線　画像ロールオーバー用（モールの処理手順） ******/
a.mo-ru04_syori01{
	background-position:-630px 0px;
}
a:hover.mo-ru04_syori01{
	background-position:-630px -40px;
}
/****** モールでの配線　画像ロールオーバー用（特殊なパーツ） ******/
a.mo-ru05_tokusyu01{
	background-position:-840px 0px;
}
a:hover.mo-ru05_tokusyu01{
	background-position:-840px -40px;
}
/****** モールでの配線　画像ロールオーバー用（モールの加工例） ******/
a.mo-ru06_kakourei01{
	background-position:-1050px 0px;
}
a:hover.mo-ru06_kakourei01{
	background-position:-1050px -40px;
}
/****** モールでの配線　画像ロールオーバー用（モールを貼る時のポイント） ******/
a.mo-ru07_point01{
	background-position:-1260px 0px;
}
a:hover.mo-ru07_point01{
	background-position:-1260px -40px;
}
/****** モールでの配線　画像ロールオーバー用（モールを使用した配線例） ******/
a.mo-ru08_haisenrei01{
	background-position:-1470px 0px;
}
a:hover.mo-ru08_haisenrei01{
	background-position:-1470px -40px;
}



/****** 配管での配線　画像ロールオーバー用 ******/
ul#haikan_menu{
	list-style:none;
	width:100%;
	margin:2px 2px 10px 10px;
	padding:2px 2px 10px 10px;
}
ul#haikan_menu li{
	list-style:none;
	float:left;
	width:200px;
}
ul#haikan_menu a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(../img/menu/menu_haikan01.png);
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
}
#haikan_menu a span{
	display:none;
}
/****** 配管での配線　画像ロールオーバー用（配管の種類） ******/
a.haikan01_syurui01{
	background-position:0px 0px;
}
a:hover.haikan01_syurui01{
	background-position:0px -40px;
}
/****** 配管での配線　画像ロールオーバー用（配管の経路の種類） ******/
a.haikan02_keiro01{
	background-position:-210px 0px;
}
a:hover.haikan02_keiro01{
	background-position:-210px -40px;
}
/****** 配管での配線　画像ロールオーバー用（配管配線時に必要な道具） ******/
a.haikan03_dougu01{
	background-position:-420px 0px;
}
a:hover.haikan03_dougu01{
	background-position:-420px -40px;
}
/****** 配管での配線　画像ロールオーバー用（配管配線の施工手順） ******/
a.haikan04_tejun01{
	background-position:-630px 0px;
}
a:active.haikan04_tejun01{
	background-position:-630px -40px;
}
/****** 配管での配線　画像ロールオーバー用（配管配線のポイント） ******/
a.haikan05_point01{
	background-position:-840px 0px;
}
a:hover.haikan05_point01{
	background-position:-840px -40px;
}
/****** 配管での配線　画像ロールオーバー用（配管を使用した配線例） ******/
a.haikan06_haisenrei01{
	background-position:-1050px 0px;
}
a:hover.haikan06_haisenrei01{
	background-position:-1050px -40px;
}


/****** フラットケーブルでの配線　画像ロールオーバー用 ******/
ul#flat_menu{
	list-style:none;
	width:100%;
	margin:2px 2px 10px 10px;
	padding:2px 2px 10px 10px;
}
ul#flat_menu li{
	list-style:none;
	float:left;
	width:200px;
}
ul#flat_menu a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(../img/menu/menu_flat01.png);
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
}
#flat_menu a span{
	display:none;
}
/****** フラットケーブルでの配線　画像ロールオーバー用（フラットケーブルの種類） ******/
a.flat01_syurui01{
	background-position:0px 0px;
}
a:hover.flat01_syurui01{
	background-position:0px -40px;
}
/****** フラットケーブルでの配線　画像ロールオーバー用（フラットケーブルの配線経路） ******/
a.flat02_keiro01{
	background-position:-210px 0px;
}
a:hover.flat02_keiro01{
	background-position:-210px -40px;
}
/****** フラットケーブルでの配線　画像ロールオーバー用（フラットケーブルの配線のポイント） ******/
a.flat03_point01{
	background-position:-420px 0px;
}
a:hover.flat03_point01{
	background-position:-420px -40px;
}
/****** フラットケーブルでの配線　画像ロールオーバー用（フラットケーブルの配線例） ******/
a.flat04_haisenrei01{
	background-position:-630px 0px;
}
a:hover.flat04_haisenrei01{
	background-position:-630px -40px;
}



/****** OAフロアでの配線　画像ロールオーバー用 ******/
ul#oa_menu{
	list-style:none;
	width:100%;
	margin:2px 2px 10px 10px;
	padding:2px 2px 10px 10px;
}
ul#oa_menu li{
	list-style:none;
	float:left;
	width:200px;
}
ul#oa_menu a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(../img/menu/menu_oa01.png);
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
}
#oa_menu a span{
	display:none;
}
/****** OAフロアでの配線　画像ロールオーバー用（OAフロアの種類） ******/
a.oa01_syurui01{
	background-position:0px 0px;
}
a:hover.oa01_syurui01{
	background-position:0px -40px;
}
/****** OAフロアでの配線　画像ロールオーバー用（OAフロア配線に必要な道具） ******/
a.oa02_dougu01{
	background-position:-210px 0px;
}
a:hover.oa02_dougu01{
	background-position:-210px -40px;
}
/****** OAフロアでの配線　画像ロールオーバー用（OAフロア配線の施工手順） ******/
a.oa03_tejun01{
	background-position:-420px 0px;
}
a:hover.oa03_tejun01{
	background-position:-420px -40px;
}
/****** OAフロアでの配線　画像ロールオーバー用（OAフロア配線の配線例） ******/
a.oa04_haisenrei01{
	background-position:-630px 0px;
}
a:hover.oa04_haisenrei01{
	background-position:-630px -40px;
}



/****** 机周りの配線整理　画像ロールオーバー用 ******/
ul#desk_menu{
	list-style:none;
	width:100%;
	margin:2px 2px 10px 10px;
	padding:2px 2px 10px 10px;
}
ul#desk_menu li{
	list-style:none;
	float:left;
	width:200px;
}
ul#desk_menu a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(../img/menu/menu_desk01.png);
	border-top:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px;
}
#desk_menu a span{
	display:none;
}
/****** 机周りの配線整理　画像ロールオーバー用（結束バンド） ******/
a.desk01_kessokuband01{
	background-position:0px 0px;
}
a:hover.desk01_kessokuband01{
	background-position:0px -40px;
}




/****** メニュー画像枠用 ******/
img.img-box00{
	margin-right:2px;
	margin-top:2px;
	padding:2px 2px;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
	float:right;
}
/****** 画像枠用 ******/
img.img-box01{
	margin:5px;
	padding:5px;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
	float:right;
}

/****** テキスト枠用 ******/

div.txt-box01{
	margin:5px;
	padding:5px;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
	width:798px;
	float:left;
}