/* レイアウト */

*{
	margin: 0px;
	padding:0;
}
body{
	text-align:center;
	background-color: #111111;
	font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	font-size: 11pt;
}

.wrapper{
	color: #333333;
	background-color: #FFFFFF;
	width: 970px;
	margin: auto;
	background-image: url(common_images/bg_01.jpg);
	/*border: solid 1px;*/
}

/* TOPテクノビッツロゴ　BOX */

.head_bar {
	background-color: #FFFFFF;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #EF4A08;
	height: 70px;
	width: 950px;
	text-align: left;
	padding-top: 10px;
	float: right;
}
/* -+-+-+-+-+-+-+-+-+-+-+-+- 左メニュー入れ物 */
#left {
	float: left;
	width: 175px;
	margin: 0px;
	padding: 0px;
	padding-left:20px;
}
/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi_bar {
	height:21px;
	background:url(common_images/new_headmenu.jpg) no-repeat;
	float: right;
	width: 950px;
}


#g_navi_top {
	height:21px;
	/*	background:url(common_images/new_headmenu_right.jpg) no-repeat;  */
	margin:0 0 0 763px;
	float: none;
	background-color: #000000;

}
#g_navi_top ul {
	padding:0px 0 0 0px;
}
#g_navi_top li {
	display:inline;
	list-style-type:none;
}
#g_navi_top li a {
	height:21px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi_top li.g_navi_top01 a {
	background:url(common_images/new_headmenu_right.jpg) no-repeat 0px 0px; 
	width:120px;
}
#g_navi_top li.g_navi_top02 a {
	background:url(common_images/new_headmenu_right.jpg) no-repeat -120px 0px;
	width:67px;
}

/*------hover*/
#g_navi_top li.g_navi_top01 a:hover {
	background:url(common_images/new_headmenu_right.jpg) no-repeat 0px -21px; 
	width:120px;
}
#g_navi_top li.g_navi_top02 a:hover {
	background:url(common_images/new_headmenu_right.jpg) no-repeat -120px -21px; 
	width:67px;
}

/*------on*/
#g_navi_top li.g_navi_top01_on a {
		background:url(common_images/new_headmenu_right.jpg) no-repeat 0px -21px;
		width:120px;
}
#g_navi_top li.g_navi_top02_on a {
		background:url(common_images/new_headmenu_right.jpg) no-repeat -120px -21px; 
		width:67px;
}

/* ============================メインメニュー=============================*/

#g_navi {
	width:175px;
	float: left;
	background:url(common_images/menu.gif) no-repeat 0px 0px;
	height: 241px;
}
#g_navi_sub {
	width:175px;
	float: left;
	height: 421px;
	background-color: #000000;
}
#g_navi ul {
	padding:0px 0 0 0px;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:40px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(common_images/menu.gif) no-repeat 0px 0px;
	width:175px;
}
#g_navi li.g_navi02 a {
	background:url(common_images/menu.gif) no-repeat 0px -40px;
	width:175px;
}
#g_navi li.g_navi03 a {
	background:url(common_images/menu.gif) no-repeat 0px -80px;
	width:175px;
}
#g_navi li.g_navi04 a {
	background:url(common_images/menu.gif) no-repeat 0px -120px;
	width:175px;
}
#g_navi li.g_navi05 a {
	background:url(common_images/menu.gif) no-repeat 0px -160px;
	width:175px;
}
#g_navi li.g_navi06 a {
	background:url(common_images/menu.gif) no-repeat 0px -200px;
	width:175px;
}

/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(common_images/menu.gif) no-repeat -175px 0px;
}
#g_navi li.g_navi02 a:hover {
	background:url(common_images/menu.gif) no-repeat -175px -40px;
}
#g_navi li.g_navi03 a:hover {
	background:url(common_images/menu.gif) no-repeat -175px -80px;
}
#g_navi li.g_navi04 a:hover {
	background:url(common_images/menu.gif) no-repeat -175px -120px;
}
#g_navi li.g_navi05 a:hover {
	background:url(common_images/menu.gif) no-repeat -175px -160px;
}
#g_navi li.g_navi06 a:hover {
	background:url(common_images/menu.gif) no-repeat -175px -200px;
}

/*------on*/
#g_navi li.g_navi01_on a {
	background:url(common_images/menu.gif) no-repeat -175px 0px;
	width:175px;
}
#g_navi li.g_navi02_on a {
	background:url(common_images/menu.gif) no-repeat -175px -40px;
	width:175px;
}
#g_navi li.g_navi03_on a {
	background:url(common_images/menu.gif) no-repeat -175px -80px;
	width:175px;
}
#g_navi li.g_navi04_on a {
	background:url(common_images/menu.gif) no-repeat -175px -120px;
	width:175px;
}
#g_navi li.g_navi05_on a {
	background:url(common_images/menu.gif) no-repeat -175px -160px;
	width:175px;
}
#g_navi li.g_navi06_on a {
	background:url(common_images/menu.gif) no-repeat -175px -200px;
	width:175px;
}



/*top以下メニュ*/
#sub_navi {
	height:31px;
	background:url(common_images/new_top_menu_sub.jpg) no-repeat;	

}
#sub_navi ul {
	padding:0px 0 0 0px;
}
#sub_navi li {
	display:inline;
	list-style-type:none;
}
#sub_navi li a {
	height:31px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#sub_navi li.sub_navi01 a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat 0px 0px;
	width:135px;
}
#sub_navi li.sub_navi02 a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -135px 0px;
	width:92px;
}
#sub_navi li.sub_navi03 a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -227px 0px;
	width:79px;
}
#sub_navi li.sub_navi04 a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -306px 0px;
	width:95px;
}
#sub_navi li.sub_navi05 a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -401px 0px;
	width:104px;
}
#sub_navi li.sub_navi06 a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -501px 0px;
	width:120px;
}

/*------hover*/
#sub_navi li.sub_navi01 a:hover {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat 0px -31px;
}
#sub_navi li.sub_navi02 a:hover {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -135px -31px;
}
#sub_navi li.sub_navi03 a:hover {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -227px -31px;
}
#sub_navi li.sub_navi04 a:hover {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -306px -31px;
}
#sub_navi li.sub_navi05 a:hover {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -401px -31px;
}
#sub_navi li.sub_navi06 a:hover {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -501px -31px;
}



/*------on*/
#sub_navi li.sub_navi01_on a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat 0px -31px;
	width:135px;
}
#sub_navi li.sub_navi02_on a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -135px -31px;
	width:92px;
}
#sub_navi li.sub_navi03_on a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -227px -31px;
	width:79px;
}
#sub_navi li.sub_navi04_on a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -306px -31px;
	width:95px;
}
#sub_navi li.sub_navi05_on a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -401px -31px;
	width:104px;
}
#sub_navi li.sub_navi06_on a {
	background:url(common_images/new_top_menu_sub.jpg) no-repeat -501px -31px;
	width:120px;
}




/* ============================２階層下メニュ=============================*/
/* MENU2　BOX */

.top_sub_un_box {
	height: 31px;
	padding:0 0 0 0px;
	width: 950px;
	background-image: url(common_images/new_top_menu_sub.jpg);
	float: left;
}


#sub_navi_un {
	height:180px;
	width: 175px;
	float: left;
	background-image: url(common_images/menu_18.jpg);
}
#sub_navi_un ul {
	padding:0px 0 0 0px;
}
#sub_navi_un li {
	display:inline;
	list-style-type:none;
}
#sub_navi_un li a {
	height:31px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#sub_navi_un li.sub_navi_un01 a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat 0px 0px;
	width:175px;
}
#sub_navi_un li.sub_navi_un02 a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat 0px -30px;
	width:175px;
}
#sub_navi_un li.sub_navi_un03 a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat 0px -60px;
	width:175px;
}
#sub_navi_un li.sub_navi_un04 a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat 0px -90px;
	width:175px;
}
#sub_navi_un li.sub_navi_un05 a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat 0px -120px;
	width:175px;
}
#sub_navi_un li.sub_navi_un06 a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat 0px -150px;
	width:175px;
}

/*------hover*/
#sub_navi_un li.sub_navi_un01 a:hover {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px 0px;
}
#sub_navi_un li.sub_navi_un02 a:hover {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -30px;
}
#sub_navi_un li.sub_navi_un03 a:hover {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -60px;
}
#sub_navi_un li.sub_navi_un04 a:hover {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -90px;
}
#sub_navi_un li.sub_navi_un05 a:hover {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -120px;
}
#sub_navi_un li.sub_navi_un06 a:hover {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -150px;
}



/*------on*/
#sub_navi_un li.sub_navi_un01_on a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px 0px;
	width:175px;
}
#sub_navi_un li.sub_navi_un02_on a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -30px;
	width:175px;
}
#sub_navi_un li.sub_navi_un03_on a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -60px;
	width:175px;
}
#sub_navi_un li.sub_navi_un04_on a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -90px;
	width:175px;
}
#sub_navi_un li.sub_navi_un05_on a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -120px;
	width:175px;
}
#sub_navi_un li.sub_navi_un06_on a {
	background:url(common_images/new_sub_menu_un.jpg) no-repeat -175px -150px;
	width:175px;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- めいん入れ物 */
#container {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(common_images/__bg_01.jpg);
}

#content {
background-color: #ffffff;
padding: 0px;
margin-left: 195px;
margin-right: 0px; }

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }

.contents_wright {
	/*float: left;
	width: 650px;
	padding-left: 90px;
	margin-top: 20px;
	text-align: left;*/
}
#content p{
 line-height:180%;
	 }
/* -----------footer--------------------------- */
#page_footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #CCCCCC;
	width: 950px;
	float: right;
	height: 50px;
}
#page_footer p{
	text-align: center;
	margin-top:10px;
	text-decoration:none;
	color:#666666;
	font-size:10px;
}
#page_footer A{text-decoration:none;	color:#666666;}
#page_footer A:active{text-decoration:none;	color:#666666;}
#page_footer A:visited{text-decoration:none;	color:#666666;}
#page_footer A:hover{text-decoration:none;	color:#666666;}
/* ------------------------------
 コンテンツ　画像右
------------------------------ */
div#contents05 {
	width: 580px;
	text-align: left;
	float: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 180%;
	margin-left: 50px;
}
.box_list{
	text-align: left;
	float: none;
	padding-top: 3px;
	margin-left: 30px;
	}
	
/* 採用 */
div#contents06 {
	width: 400px;
	text-align: left;
	float: left;
	margin-left: 120px;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	letter-spacing:5px;
	background-image: url(profile/images/company_bg.gif);
}
div#contents07 {
	width: 400px;
	text-align: left;
	float: left;
	margin-left: 120px;
	border-top-color: #333333;
	border-left-color: #333333;
	border-left-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	letter-spacing:5px;
	background-image: url(profile/images/company_bg.gif);
}
.contents_08 {
	width: 500px;
	text-align: left;
	margin-top: 5px;
	float: none;
	margin-left: 100px;
	line-height: 180%;
}
.contents_09 {
	float: none;
	width: 450px;
	padding-left: 170px;
	text-align: left;
}
.box_list01{
	text-align: left;
	float: left;
	padding-top: 3px;
	letter-spacing:5px;
	padding-left: 10px;
	width: 80px;
	padding-bottom: 5px;
	height: 100%;

	}
.box_list02{
	width: 290px;
	text-align: left;
	float: right;
	padding-top: 3px;
	letter-spacing:5px;
	}

.box_list03{
	text-align: left;
	letter-spacing:5px;
	float: left;

	}

/*　プロフィール　*/
	.contents_12 {
	background-color: #E8E8E8;
	float: left;
	width: 430px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	margin-left: 27px;
	padding: 5px;
	text-align: left;
	margin-top: 0px;
	line-height: 150%;
}
.contents_13 {
	padding: 5px;
	text-align: right;
}
.plof_list01{
	text-align: left;
	float: left;
	padding-top: 3px;
	letter-spacing:5px;
	padding-left: 10px;
	width: 80px;
	padding-bottom: 5px;
	height: 100%;

	}
.plof_list02{
	width: 290px;
	text-align: left;
	float: right;
	padding-top: 3px;
	letter-spacing:5px;
	}

.plof_list03{
	text-align: left;
	letter-spacing:5px;
	float: left;

	}
	div#plof_contents07 {
	width: 400px;
	text-align: left;
	float: left;
	margin-left: 30px;
	border-top-color: #333333;
	border-left-color: #333333;
	border-left-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	letter-spacing:5px;
	background-image: url(profile/images/company_bg.gif);
}

div#plof_contents06 {
	width: 400px;
	text-align: left;
	float: left;
	margin-left: 30px;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	letter-spacing:5px;
	background-image: url(profile/images/company_bg.gif);
}
.contents_11 {
	float: right;
	text-align: center;
	padding-top: 40px;
	padding-left: 50px;
	width: 600px;
}
/* top menu */
#sub_navi {
	height:31px;
	/*	background:url(common_images/new_top_menu_sub.jpg) no-repeat;	*/
	margin:0 0 0 325px;
}
#sub_navi ul {
	padding:0px 0 0 0px;
}
#sub_navi li {
	display:inline;
	list-style-type:none;
}
#sub_navi li a {
	height:31px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
.top_sub_box {
	height: 31px;
	padding:0 0 0 0px;
	width: 950px;
	background-image: url(common_images/new_top_menu_sub_bg.jpg);
	float: right;
}
/* ============================メインイメージ=============================*/
.mainimage_box {
	height: 241px;
	float: left;
	width: 775px;
	background-color: #000000;
}
/* -+-+-+-+-+-+-+-+-+-+-+-+- めいん入れ物 */
#container_top {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(common_images/__bg_01.jpg);
}

#content_top {
background-color: #ffffff;
padding: 0px;
margin-left: 195px;
margin-right: 0px; }

/*div#content_top {
	min-height:600px;

height:expression(this.scrollHeight > 600 ? "auto":"600px"); 	background-color: #CCCC33;
}
*/
/* MENU2　BOX */

.contents_04 {
	width: 590px;
	text-align: left;
	margin-top: 5px;
	float: left;
	margin-left: 65px;
}
.info_date {
	float: left;
	width: 90px;
	text-align: left;
	margin-top: 3px;
}
.info_box {
	float: left;
	width: 500px;
	text-align: left;
	margin-top: 3px;
}
.info_logo {
	width: 600px;
	text-align: left;
	margin-top: 50px;
	float: left;
	margin-left: 50px;
	margin-bottom: 20px;
}
.contents_04_last {
	width: 590px;
	text-align: left;
	margin-top: 5px;
	float: left;
	margin-bottom:100px;
	margin-left: 65px;
}
