@charset "utf-8";

/*
事業案内・製品情報　top css
__________________________________________________________________*/

#contents_con #main .index_h4{
	margin-top: 24px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#bg01 h4 {
	margin-left: 12px;
}

	
/*
事業案内中ページ共通
_________________________________*/

#bus01{
	margin: 0 10px 0 30px;
	}

#bus01 #con_lead {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #00499B;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	width: 400px;
}
#bus_contents_head {
	margin-left: 30px;
	margin-top: 19px;
}

#bus_contents_head h6 {
	padding-top: 10px;
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	width: 560px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909192;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.subcomp {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 140%;
}
#bus01 .subcomp ul {
	padding-left: 15px;
}





#bg01 {
	background-image: url(../../business/img/bar_top.gif);
	background-repeat: no-repeat;
	width: 550px;
	margin-right: 10px;
	margin-left: 30px;
	margin-top: 10px;
}

#emecha { margin-top:25px;
}

#emecha .td1 { background-color:#ECF3FE;	color:#003399;	padding:5px 0px 5px 5px;
}


#bus01 #lead p{
	margin: 20px 0 20px 0;
	}
#bus01 table {
	margin-bottom: 10px;
}



/*
事業案内トップ固有
_________________________________*/


#con01{
	background:url(../../img/bg_con_02.gif);
	}
#con01 img{
	margin-left: 7px;
	}
	
#con01 #left img{
	margin-top: 8px;
	margin-bottom: 7px;
	}
	
#contents_con #main #bus01 #con02 {
	background-color: #C4D6F2;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#contents_con #main #bus01 #con03 {
	background-color: #adedf4;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}



/*
事業案内モーションコントロール固有
_________________________________*/

.bg_motion {
	background-image: url(../../business/img/m_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#column .step {
	font-weight:bold;
	font-size:130%;
	margin-top:50px;
	border-left:5px solid #003399;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 8px;
	}


/*
事業案内モーションコントロール インバータ 固有
_________________________________*/

.bg_inv {
	background-image: url(../../business/img/i_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_inv .step {
	font-weight:bold;
	font-size:130%;
	margin-top:50px;
	border-left:5px solid #003399;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 8px;
}
h4.step_h4{
	font-size:110%;
	color:#003399;
	font-weight:bold;
	margin-bottom:0.5em;
}
span.bold{
	font-weight:bold;
}

/*
事業案内ロボット 固有
_________________________________*/

.bg_robot {
	background-image: url(../../business/img/r_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/*
事業案内システムエンジニアリング 固有
_________________________________*/

.bg_system {
	background-image: url(../../business/img/s_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/*
事業案内システムエンジニアリング 固有
_________________________________*/

.bg_information {
	background-image: url(../../business/img/inf_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/*
タブ
_______________________________________________________*/

#TabArea {
	width:550px;
	margin-bottom: 0;
	font-size: 90%;
	margin-left: 30px;
	padding-top: 10px;
}
#TabArea table {
	width:100%;
}
#TabArea td { text-align:center; padding:6px 0; border-bottom:3px solid #b4b4b4;}

#TabArea #SideLineLeft { width:261px;}
#TabArea #SideLineRight { width:10px;}
#TabArea #SideLeft {
	width:2px;
	border:none;
	background-image: url(../../img/tab_sideleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#TabArea #LeftLine { width:1px; background:url(../../img/tab_left.gif) left top no-repeat;}
#TabArea #LeftLineOn { width:1px; background:url(../../img/tab_left.gif) left top no-repeat; border:none;}
#TabArea #BottomBG { width:100%; height:16px; display:block; background:url(../../img/tab_bottom_bg.gif) top repeat-x;}


/*Tab1設定*/
#TabArea #Tab1on { width:152px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabArea #Tab1off { width:152px; background:url(../../img/tab_right_off.gif) right top no-repeat;}

/*Tab2設定*/
#TabArea #Tab2on { width:127px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabArea #Tab2off { width:127px; background:url(../../img/tab_right_off.gif) right top no-repeat;}





#TabAreaB {
	width:550px;
	margin-bottom: 0;
	font-size: 90%;
	margin-left: 30px;
	padding-top: 10px;
}
#TabAreaB table {
	width:100%;
}
#TabAreaB td { text-align:center; padding:6px 0; border-bottom:3px solid #b4b4b4;}

#TabAreaB #SideLineLeft { width:261px;}
#TabAreaB #SideLineRight { width:10px;}
#TabAreaB #SideLeft {
	width:2px;
	background-image: url(../../img/tab_sideleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#TabAreaB #LeftLine { width:1px; background:url(../../img/tab_left.gif) left top no-repeat; border:none;}
#TabAreaB #LeftLineOn { width:1px; background:url(../../img/tab_left.gif) left top no-repeat; border:none;}
#TabAreaB #BottomBG { width:100%; height:16px; display:block; background:url(../../img/tab_bottom_bg.gif) top repeat-x;}


/*Tab1設定*/
#TabAreaB #Tab1on { width:152px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabAreaB #Tab1off { width:152px; background:url(../../img/tab_right_off.gif) right top no-repeat;}

/*Tab2設定*/
#TabAreaB #Tab2on { width:127px; background:url(../../img/tab_right_on.gif) right top no-repeat; border:none;}
#TabAreaB #Tab2off { width:127px; background:url(../../img/tab_right_off.gif) right top no-repeat;}