@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
	background: FFF;
	
}
a {
	color: #003399;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #0066CC;
}
img {
	border: none;
	vertical-align: top;
	text-align: center;
}
#wrapper {
	width: 760px;
	background-color: #FFFFFF;
	margin: 0 auto;
}


#heder {
	width: 760px;
	height: 340px;
}

#logo1 {
	width: 760px;
	height: 70px;
	background-image: url(../images/logo1.gif);
	background-repeat: no-repeat;
}

#logo2 {
	width: 760px;
	height: 70px;
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
}

#main_image {
	width: 760px;
	height: 270px;
	background-image: url(../images/top_image1.jpg);
	padding: 0px;
	margin: 0px;
	border: none;
	vertical-align: top;
}

#main_image embed {
	vertical-align: top;
}

#main_image2 {
	width: 760px;
	height: 270px;
	background-image: url(../images/top_image2.jpg);
}

/* global_navi
================================================*/
ul#global_navi {
	list-style: none;
	width: 100%;
	height: 49px;
	margin-bottom: 20px;
	background-image: url(../images/gn_bg.gif);
}

ul#global_navi li {
	list-style: none;
	float: left;
	width: 152px;
}

ul#global_navi a {
	display: block;
	width: 152px;
	height: 49px;
	text-indent: -999px;
	overflow: hidden;
}

a.home {
	background-image: url(../images/gn_home.gif);
}
a:hover.home {
	background-position: 0px -50px;
}
a.company_profile {
	background-image: url(../images/gn_company_profile1.gif);
}
a:hover.company_profile {
	background-position: 0px -50px;
}
a.job_offer_guide {
	background-image: url(../images/gn_job_offer_guide.gif);
}
a:hover.job_offer_guide {
	background-position: 0px -50px;
}
a.publishing_article {
	background-image: url(../images/gn_publishing_article.gif);
}
a:hover.publishing_article {
	background-position: 0px -50px;
}
a.contact {
	background-image: url(../images/gn_contact.gif);
}
a:hover.contact {
	background-position: 0px -50px;
}
a.access {
	background-image: url(../images/gn_access.gif);
}
a:hover.access {
	background-position: 0px -50px;
}
a.link {
	background-image: url(../images/gn_link.gif);
}
a:hover.link {
	background-position: 0px -50px;
}

/* container
================================================*/
#container {
	width: 760px;
	text-align: left;
}

#primary {
float: right;
width: 540px;
padding: 0px 20px 0px 20px;
}

/*パンくずリスト
================================================*/

#topicpath {
	width: 540px;
	height: 25px;
	background-color: #FFFFFF;
}

#topicpath li {
	float: left;
	list-style: none;
	display: inline;
	padding: 7px 0px 0px 7px;
	font-size: 85%;
}

/*タブメニュー
================================================*/

#tab {
	width: 540px;
	height: 40px;
	background-image: url(../images/precut/tab_back.gif);
}

#tab ul {
	padding: 0px;
}

#tab li {
	display: inline;
	list-style: none;
}

#tab li a {
	height: 40px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}

/*off*//*プレカット*/
#tab li.tab01 a {
	background: url(../images/precut/tab_precut.gif) no-repeat 0px 0px;
	width: 108px;
}
#tab li.tab02 a {
	background: url(../images/precut/tab_precut.gif) no-repeat -108px 0px;
	width: 108px;
}
#tab li.tab03 a {
	background: url(../images/precut/tab_precut.gif) no-repeat -216px 0px;
	width: 108px;
}
#tab li.tab04 a {
	background: url(../images/precut/tab_precut.gif) no-repeat -324px 0px;
	width: 108px;
}
/*off*//*求人案内*/
#tab li.tab_job01 a {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat 0px 0px;
	width: 108px;
}
#tab li.tab_job02 a {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat -108px 0px;
	width: 108px;
}
#tab li.tab_job03 a {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat -216px 0px;
	width: 108px;
}


/*off*//*会社案内*/
#tab li.tab_corporate01 a {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat 0px 0px;
	width: 108px;
}
#tab li.tab_corporate02 a {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat -108px 0px;
	width: 108px;
}
#tab li.tab_corporate03 a {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat -216px 0px;
	width: 108px;
}


/*hover*//*プレカット*/
#tab li.tab01 a:hover {
	background: url(../images/precut/tab_precut.gif) no-repeat 0px -80px;
}
#tab li.tab02 a:hover {
	background: url(../images/precut/tab_precut.gif) no-repeat -108px -80px;
}
#tab li.tab03 a:hover {
	background: url(../images/precut/tab_precut.gif) no-repeat -216px -80px;
}
#tab li.tab04 a:hover {
	background: url(../images/precut/tab_precut.gif) no-repeat -324px -80px;
}
/*hover*//*求人案内*/
#tab li.tab_job01 a:hover {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat 0px -80px;
}
#tab li.tab_job02 a:hover {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat -108px -80px;
}
#tab li.tab_job03 a:hover {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat -216px -80px;
}
/*hover*//*会社案内*/
#tab li.tab_corporate01 a:hover {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat 0px -80px;
}
#tab li.tab_corporate02 a:hover {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat -108px -80px;
}
#tab li.tab_corporate03 a:hover {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat -216px -80px;
}


/*on*//*プレカット*/
#tab li.tab01_on a {
	background: url(../images/precut/tab_precut.gif) no-repeat 0px -40px;
	width: 108px;
}
#tab li.tab02_on a {
	background: url(../images/precut/tab_precut.gif) no-repeat -108px -40px;
	width: 108px;
}
#tab li.tab03_on a {
	background: url(../images/precut/tab_precut.gif) no-repeat -216px -40px;
	width: 108px;
}
#tab li.tab04_on a {
	background: url(../images/precut/tab_precut.gif) no-repeat -324px -40px;
	width: 108px;
}
/*on*//*求人案内*/
#tab li.tab_job01_on a {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat 0px -40px;
	width: 108px;
}
#tab li.tab_job02_on a {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat -108px -40px;
	width: 108px;
}
#tab li.tab_job03_on a {
	background: url(../images/joboffer/tab_joboffer.gif) no-repeat -216px -40px;
	width: 108px;
}
/*on*//*会社案内*/
#tab li.tab_corporate01_on a {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat 0px -40px;
	width: 108px;
}
#tab li.tab_corporate02_on a {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat -108px -40px;
	width: 108px;
}
#tab li.tab_corporate03_on a {
	background: url(../images/corporate_profile/tab_corporate_profile.gif) no-repeat -216px -40px;
	width: 108px;
}


/*プレカット
================================================*/

#precut {
	width: 540px;
	margin-bottom: 30px;
}

#precut .section{
	border-top:  1px solid #CCC;				/* 下ボーダー */
	padding-top: 10px;
	clear: both;
}

#precut h2 {
	margin: 20px 0px;
}

#precut p.image {
	float: right;
	width:  256px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#precut p.image2 {
	float: right;
	width:  170px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#precut p.image3 {
	float: left;
	width:  119px;
	margin: 0px 10px 10px 0px;
	font-size: 85%;
}

#precut p.image4 {
	float: right;
	width:  130px;
	margin-right: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 85%;
}

#precut p {
	margin: 5px 0px 25px 0px;
}

#precut h4 {
	clear: both;
	color: #007ABC;
	font-size: 130%;
}

#precut p.image_system {
	float: right;
	width: 165px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#precut p.image_hardware {
	float: right;
	width:  251px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#precut p.image_hardware2 {
	float: right;
	width:  160px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#precut p.image_hardware3 {
	float: right;
	width:  160px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#precut p.image_hardware4 {
	float: right;
	width:  320px;
	margin: 5px 0px 20px 10px;
	font-size: 85%;
}

#precut p.image_hardware4 img {
	margin: 0px 0px 0px 0px;
}

/*CADセンター
================================================*/

#cad {
	width: 540px;
	margin-bottom: 30px;
}

#cad .section{
	border-top:  1px solid #CCC;				/* 下ボーダー */
	padding-top: 10px;
	clear: both;
}

#cad h2 {
	margin: 20px 0px;
}

#cad p {
	margin: 5px 0px 25px 0px;
}

#cad h4 {
	clear: both;
	color: #007ABC;
	font-size: 130%;
}

#cad p.image_cad {
	float: right;
	width:  157px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#cad .section_last{
	padding-top: 10px;
	clear: both;
}

/*求人案内
================================================*/

#joboffer {
	width: 540px;
	height: 500px;
	margin-bottom: 30px;
}

#joboffer .section{
	border-top:  1px solid #CCC;				/* 下ボーダー */
	padding-top: 10px;
	clear: both;
}

#joboffer h2 {
	margin: 20px 0px;
}

#joboffer p {
	margin: 5px 0px 25px 0px;
}

#joboffer h4 {
	clear: both;
	color: #007ABC;
	font-size: 130%;
}

#joboffer .new_graduate {
	padding: 20px 0px;
}

#joboffer p.image_joboffer01 {
	float: right;
	width:  125px;
	margin: 0px 0px 10px 10px;
	font-size: 85%;
}

#joboffer .section_last{
	padding-top: 10px;
	clear: both;
}

#joboffer_b {
	width: 250px;
}

ul#joboffer_b {
	float: left;
	list-style: none;
	padding-top: 0px;
}

ul#joboffer_b li {
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
	background: url(../images/arrow01_big.gif) no-repeat center left;
	display: inline;
}

/* midway_info
----------------------------------------------------------- */
.midway_info	{
	border-collapse: collapse;
	border-spacing: 0;
	width: 540px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: left;			/* 文字揃え */

}

.midway_info th, .midway_info td	{
	padding: 5px 10px;
	color: #333333;
}

.midway_info th	{
	border-bottom: 1px solid #DDD;
	padding-left: 10px;
}
.midway_info td	{
	border-bottom: 1px solid #DDD;
}

.applies {
	color: #FF0000;
	font-weight: bold;			/* 太さ */
	font-size: 100%;
}

/*研修制度
================================================*/

#joboffer .image_training {
	float: right;
	width:  320px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#joboffer .image_training02 {
	float: right;
	width:  147px;
	margin: 5px 0px 10px 10px;
	font-size: 85%;
}

#training {
	width: 540px;
	margin-bottom: 30px;
}

#training .section{
	border-top:  1px solid #CCC;				/* 下ボーダー */
	padding-top: 10px;
	clear: both;
}

#training h2 {
	margin: 20px 0px;
}

#training p.image {
	float: right;
	width:  256px;
	margin-right:0px;
	font-size: 85%;
}

#training p {
    width:250px;
}

.training_txt {
    width:250px;
	position: absolute;
	top: 538px;
	right: auto;
}

#training h4 {
	clear: both;
	color: #007ABC;
	font-size: 130%;
}


/*会社案内
================================================*/

#corporate_profile {
	width: 540px;
	height: 100%;
	margin-bottom: 20px;
}

#corporate_img {
	width: 540px;
	height: 270px;
	padding-top:0px;
	margin-top: 0px;
	margin-left: 0px;
}

#corporate_img2 {
	width: 540px;
	height: 580px;
	padding-top:20px;
	padding-left:0px;
	margin-top: 0px;
	margin-left: 0px;
}

.corporate_img {
	padding-left:70px;
}

.corporate_img2 {
	padding-left:35px;
}
.corporate_section{
	border-top:  1px solid #666;				/* 下ボーダー */
	padding-top: 30px;
	clear: both;
}

#corporate_profile h2 {
	margin: 20px 0px;
}

#corporate_profile p {
	margin: 5px 0px 10px 0px;
}

#corporate_profile h4 {
	clear: both;
	color: #007ABC;
	font-size: 130%;
	margin: 20px 0px 0px 0px;
}

#corporate_profile p.image_corporate_profile01 {
	float: right;
	width:  125px;
	margin: 0px 0px 10px 10px;
	font-size: 85%;
}

#corporate_profile .section_last{
	padding-top: 10px;
	clear: both;
}

/*会社概要
================================================*/

#gaiyo {
	width: 540px;
	height: 100%;
}

.gaiyo	{
	border-collapse: collapse;
	border-spacing: 0;
	width: 520px;
	margin-left:0px;
	margin-bottom: 15px;
	margin-top: -10px;
	text-align: left;			/* 文字揃え */

}

.gaiyo th, .gaiyo td	{
	padding: 5px 10px;
	color: #333333;
}

.gaiyo th	{
	border-bottom: 1px solid #999;
	padding-left: 10px;
}
.gaiyo td	{
	border-bottom: 1px solid #999;
}

.applies_gaiyo {
	color: #FF0000;
	font-weight: bold;			/* 太さ */
	font-size: 100%;
}

#gaiyo_primary {
float: right;
width: 540px;
padding: 0px 20px 0px 20px;
}


/*施設紹介
================================================*/

#shisetsu {
	width: 540px;
	height: 2500px;
	margin-bottom: 20px;
}

#shisetsu_img {
	width: 540px;
	height: 430px;
	padding-top:0px;
	margin-top: -8px;
	margin-left: 0px;
}

#shisetsu_img2 {
	width: 540px;
	height: 50px;
	padding-top:20px;
	padding-left:0px;
	margin-top: 0px;
	margin-left: 0px;
}

.shisetsu_img {
	padding-left:70px;
}

.shisetsu_img2 {
	padding-left:30px;
}
.shisetsu_section{
	border-top:  1px solid #666;				/* 下ボーダー */
	padding-top: 30px;
	clear: both;
}

#shisetsu h2 {
	margin: 20px 0px;
}

#shisetsu p {
	margin: 5px 0px 10px 0px;
}


#shisetsu h4 {
	clear: both;
	color: #007ABC;
	font-size: 130%;
	margin: 20px 0px 0px 0px;
}

/*#shisetsu p.image_corporate_profile01 {
	float: right;
	width:  125px;
	margin: 0px 0px 10px 10px;
	font-size: 85%;
}*/

#shisetsu .section_last{
	padding-top: 10px;
	clear: both;
}

#shisetsu_table {
	width: 540px;
	height: 100%;
}

.shisetsu	{
	border-collapse: collapse;
	border-spacing: 0;
	width: 200px;
	margin-bottom: 15px;
	margin-top: -10px;
	text-align: left;			/* 文字揃え */

}

.shisetsu2	{
	border-collapse: collapse;
	border-spacing: 0;
	width: 540px;
	margin-bottom: 15px;
	margin-top: -10px;
	text-align: left;			/* 文字揃え */

}

.shisetsu th, .shisetsu td	{
	padding: 5px 10px;
	color: #333333;
}

.shisetsu th	{
	padding-left: 10px;
	text-align: left;
}
.shisetsu td	{
	text-align: left;
	vertical-align:top;
}

.applies_shisetsu {
	color: #FF0000;
	font-weight: bold;			/* 太さ */
	font-size: 100%;
}

.shisetsu2 th, .shisetsu2 td	{
	padding: 5px 10px;
	color: #333333;
}

.shisetsu2 th	{
	padding-left: 10px;
	text-align: left;
}
.shisetsu2 td	{
	text-align: left;
	vertical-align:top;
}

.applies_shisetsu2 {
	color: #FF0000;
	font-weight: bold;			/* 太さ */
	font-size: 100%;
}

#shisetsu_primary {
float: right;
width: 540px;
padding: 0px 20px 0px 20px;
}




/*新着情報
================================================*/

#news_release {
	width: 540px;
	height: 200px;
}

#news_release h2 {
	margin-bottom: 0px;
}

/*事業内容
================================================*/

#business_guide h2 {
	margin-bottom: 20px;
}

#guide_left  {
	float: left;
	width: 220px;
}

#guide_left h3  {
	width: 220px;
	height: 20px;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #FFFFFF;
	background-color: #007ABC;
}

.title1 {
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #FFFFFF;
	background-color: #007ABC;
}

ul#top_precut {
	list-style: none;
	width: 220px;
}

ul#top_precut li {
	list-style: none;
	padding-left: 10px;
	background: url(../images/point01.gif) no-repeat center left;
	text-align: left;
}

#guide_right {
	float: right;
	width: 300px;
	height: 200px;
	background: url(../images/externals.jpg) no-repeat center left;
}

/*アクセス
================================================*/

#primary_access {
float: right;
width: 500px;
padding: 0px 0px 0px 0px;
margin-left: 20px;
margin-bottom:50px;
}

.access_section{
	width:495px;
	height:20px;
	padding-top:20px;
	padding-left:5px;
	clear: both;
}

#access p {
	margin-top:10px;
}

#access2 {
	width: 500px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 20px 0px 0px 0px;
}

#leftbox {
	position: absolute;
	top: 410px;
	right: auto;
}

/*レイアウト左側
================================================*/

#secondary {
	float: left;
	width: 180px;
	height: 500px;
	background-image: url(../images/secondary_bg.gif);
	margin-bottom: 20px;
}

#subnavi {
	width: 180px;
}

ul#subnavi_b {
	list-style: none;
	width: 100%;
	height: 80px;
}

ul#subnavi_b li {
	list-style: none;
	width: 160px;
	padding: 10px 10px 0px 10px;
}

ul#subnavi_b a {
	display: block;
	width: 160px;
	height: 80px;
	text-indent: -999px;
	overflow: hidden;
}

ul#subnavi_b p {
	width: 160px;
	padding: 5px 0px;
}

a.precut_sub {
	background-image: url(../images/precut_sub.gif);
}
a:hover.precut_sub {
	background-position: 0px -80px;
}
a.cad_sub {
	background-image: url(../images/cad_sub.gif);
}
a:hover.cad_sub {
	background-position: 0px -80px;
}

/*プライバシーポリシー
================================================*/

#pri_tab {
	width: 540px;
	height: 40px;
}

#privacy {
float: right;
width: 510px;
padding: 0px 0px 0px 0px;
margin-right: -10px;
margin-bottom: 40px;
margin-top: -30px;
}

/*#privacy {
	width: 530px;
	margin-bottom: 30px; 
}*/

#privacy .section{
	padding-top: 10px;
	clear: both;
}

#privacy h2 {
	margin: 20px 0px;
}

/*サイトマップ
================================================*/

#sitemap {
	float: left;
	width: 540px;
	height: 100%;
	margin-bottom: 0px;
}

#sitemap .section{
	padding-top: 10px;
	clear: both;
}

#sitemap h2 {
	margin-top: -20px;
	margin-left: 5px;
}

#map_container {
	width: 760px;
}

#map_primary {
float: left;
width: 540px;
padding: 0px 0px 0px 0px;
}

#map_contents {
	float: left;
	width: 380px;
	margin-bottom: 30px; 
	margin-top: 15px; 
	margin-left: 30px; 
}

#map_contents2 {
	float: right;
	width: 380px;
	margin-bottom: 30px; 
	margin-top: -233px; 
	margin-left: 30px; 
}

#map_contents .section {
		padding-top: 10px;
	    clear: both;
}

#map_contents h4 {
	clear: both;
	color: #333;
	font-size: 110%;
}

#map_contents h5 {
	clear: both;
	color: #666;
	font-size: 100%;
}

#ul.kuro{
 list-style-type:disc; 
 }

#map_topicpath {
	width: 540px;
	height: 25px;
	background-color: #fff;
}

#map_topicpath li {
	float: left;
	list-style: none;
	display: inline;
	padding: 7px 0px 0px 0px;
	font-size: 85%;
}

/*フッター
================================================*/

#footer {
	width: 760px;
}

#subnavi2 {
	width: 760px;
	height: 20px;
}

ul#subnavi2_b {
	width: 760px;
	height: 20px;
	float: left;
	list-style: none;
	font-size: 85%;
	padding-top: 0px;
}

ul#subnavi2_b li {
	list-style: none;
	padding-left: 10px;
	background: url(../images/arrow01.gif) no-repeat center left;
	display: inline;
}

#copyright {
	width: 760px;
	height: 20px;
	clear: both;
	font-size: 85%;
	padding-top: 5px;
}