@charset "utf-8";


/*--------------------------------------
　基本
---------------------------------------*/

*{
color:#000000;
font-size:100%;
font-weight:normal;
text-decoration:none;
margin:0;
padding:0;
}

body {
font-family:Helvetica,Arial,sans-serif;
line-height:1.4em;
background-color:#e4e4e4;
margin:20px 0;
}
body#toppage{
behavior:url("csshover2.htc");
}
li{
display:list-item;
}


/*--------------------------------------
　チE��スト筁E
---------------------------------------*/



p{
font-size:90%;
margin:.8em 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight:bold;
}

li{
margin-left:1.5em;
}


#outline h2,
#history h2,
#offices h2,
#new_graduate h2,
#career h2,
#financial h2,
#products h2,
#dps h2,
#form_p h2,
#business_p h2,
#dmp h2,
#rfid h2,
#new h2,
#approach h2,
#pp h2,
#contact h2,
#sitemap h2{
width:350px;
height:154px;
text-indent:-9999px;
background-position:-30px -80px;
}




div#chukan_h2{
background : url(header_txt_chukan.gif) no-repeat;
background-position:30px 80px;
width:450px;
height:154px;
}
div#chukan_h2 h2{
text-indent:-9999px;
float:left;
width:10px;
}
div#chukan_h2 div.date{
font-size:20px;
margin:86px 0 0 134px;
width:150px;
float:left;
display:inline;
line-height:1em;
}

div#kessan_h2{
background : url(header_txt_kessan.gif) no-repeat;
background-position:30px 80px;
width:450px;
height:154px;
}
div#kessan_h2 h2{
text-indent:-9999px;
float:left;
width:10px;
}
div#kessan_h2 div.date{
font-size:20px;
margin:86px 0 0 80px;
width:150px;
float:left;
display:inline;
line-height:1em;
}



#outline h2{background : url(header_txt_outline.gif) no-repeat;
background-position:30px 80px;}

#history h2{background : url(header_txt_history.gif) no-repeat;
background-position:30px 80px;}

#offices h2{background : url(header_txt_offices.gif) no-repeat;
background-position:30px 80px;}

#new_graduate h2{background : url(header_txt_new.gif) no-repeat;
background-position:30px 80px;}

#career h2{background : url(header_txt_mid.gif) no-repeat;
background-position:30px 80px;}

#financial h2{background : url(header_txt_financial.gif) no-repeat;
background-position:30px 80px;}

#products h2{background : url(header_txt_products.gif) no-repeat;
background-position:30px 80px;}

#dps h2{background : url(header_txt_dps.gif) no-repeat;
background-position:30px 80px;}

#form_p h2{background : url(header_txt_form_p.gif) no-repeat;
background-position:30px 80px;}

#business_p h2{background : url(header_txt_business_p.gif) no-repeat;
background-position:30px 80px;}

#dmp h2{background : url(header_txt_dmp.gif) no-repeat;
background-position:30px 80px;}

#rfid h2{background : url(header_txt_rfid.gif) no-repeat;
background-position:30px 80px;}

#new h2{background : url(header_txt_new1.gif) no-repeat;
background-position:30px 80px;}

#approach h2{background : url(header_txt_approach.gif) no-repeat;
background-position:30px 80px;}

#pp h2{background : url(header_txt_pp.gif) no-repeat;
background-position:30px 80px;}

#contact h2{background : url(header_txt_contact.gif) no-repeat;
background-position:30px 80px;}

#sitemap h2{background : url(header_txt_sitemap.gif) no-repeat;
background-position:30px 80px;}






h3{
margin:0 0 15px 0;
background : url(h2.jpg) no-repeat;
height:37px;
line-height:37px;
text-indent:20px;
}

#products h3,
#dps h3,
#form_p h3,
#business_p h3,
#dmp h3,
#rfid h3{
margin:0 0 15px 0;
width:530px;
background : url(h2_2.jpg) no-repeat;
height:37px;
line-height:37px;
text-indent:20px;
}
#dps h3#dpsh3{
margin:0 0 15px 15px;
background : url(h2.jpg) no-repeat;
height:37px;
line-height:37px;
text-indent:20px;
width:auto;
}

h4{
background : url(list.gif) no-repeat;
background-position:0 3px;
margin:0 0 0 10px;
height:21px;
line-height:21px;
text-indent:20px;
}
#approach h4{
margin:15px 0 0 0;
}

dt,dd{
font-size:90%;
}


/*--------------------------------------
　リンク
---------------------------------------*/

a{text-decoration: none;}
a:link{color: #005585;}
a:visited{color: #485270;}
a:hover{color: #b83800;}

h4 a{font-weight:bold;
text-decoration:underline;}

/*--------------------------------------
　画僁E
---------------------------------------*/

img {
	border:0;
  vertical-align: bottom;
}






/*--------------------------------------
　チE�Eブル
---------------------------------------*/

table {
  background-color: #e0e6db;
  border-width: 1px;
  border-style: solid;
  border-color: #d9edd7 #aac6a9 #a2bea1 #cfe5cd;
}

caption {

  color: #454e58;
  text-align:left;
}


td,
th {

	font-size:90%;
	_font-size:80%;
  line-height: 1.2;
  color: white;
  padding : 0.5em 8px;
  text-align:center;
}

th {
  font-weight: normal;
  color: #536066;
  background-color: #f5f5f5;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #d2d2d2;
  text-align:center;
}

td {
  color: #2d3b4e;
  background-color: white;
  border-width: 1px;
  border-style: solid;
  border-color: white #bfc3c4 #bfc3c4 white;
  text-align:center;
}



/*-----------------------------------------------------*/



#wrapper0{
text-align:center;
}

#wrapper{
margin:0 auto;
width:787px;
background : url(bg01.gif) repeat-y;
text-align:left;
}

#container1{
width:787px;
height:112px;
background : url(bg02.jpg) no-repeat;
}


#logo{
margin:31px 0 0 47px;
}


p.menu2{
width:770px;
text-align:right;
padding:40px 0 0 0;
margin:0;
clear:both;
}

div.title{
height:154px;
width:776px;
margin:0;
}

div.contents{
width:700px;
padding:0;
margin:25px 0 0 45px;
}

#offices div.contents{
width:720px;
padding:0;
margin:25px 0 0 20px;
}



#outline div.title,
#history div.title,
#offices div.title{
background : url(header_bg.jpg) no-repeat;
background-position:10px 0;
}

#new_graduate div.title,
#career div.title{
background : url(header_bg1.jpg) no-repeat;
background-position:10px 0;
}

#kessan div.title,
#chukan div.title,
#financial div.title{
background : url(header_bg1.jpg) no-repeat;
background-position:10px 0;
}


#products div.title,
#form_p div.title,
#business_p div.title,
#dmp div.title,
#rfid div.title,
#p_card div.title
{
background : url(header_bg1.jpg) no-repeat;
background-position:10px 0;
}
#dps div.title{
background : url(header_bg2.jpg) no-repeat;
background-position:10px 0;
}


#new div.title,
#approach div.title{
background : url(header_bg1.jpg) no-repeat;
background-position:10px 0;
}
#pp div.title{
background : url(header_bg21.jpg) no-repeat;
background-position:10px 0;
}
#contact div.title{
background : url(header_bg1.jpg) no-repeat;
background-position:10px 0;
}
#sitemap div.title{
background : url(header_bg1.jpg) no-repeat;
background-position:10px 0;
}




div#footer{
margin:0 auto;
width:787px;
	}
div#footer *{
	background:url(image/common/footer_bg.gif) no-repeat;
	height:46px;
	line-height:46px;
	text-align:right;
	color:#666666;
	margin:0;
	padding:0 30px 0 0;
}


/*----トッチE---*/

p.top_image{
background : url(top_image.jpg) no-repeat;
margin:16px 0 0 10px;
width:765px;
height:148px;
text-indent:-9999px;
}
p.top_image:hover{
background : url(top_image.jpg) no-repeat;
background-position:0 -148px;
}

p.top_image2{
background : url(top_image2.jpg) no-repeat;
margin:0 0 0 10px;
width:765px;
height:146px;
text-indent:-9999px;
}




p.top_txt1{
background : url(top_txt1.gif) no-repeat;
margin:25px 0 10px 35px;
width:684px;
height:60px;
text-indent:-9999px;
}
p.top_txt2{
width:684px;
height:16px;
background : url(top_txt2.gif) no-repeat;
margin:0 0 10px 35px;
text-indent:-9999px;
}
p.top_txt3{
width:684px;
height:16px;
background : url(top_txt3.gif) no-repeat;
margin:0 0 10px 35px;
text-indent:-9999px;
}
p.top_txt4{
width:684px;
height:16px;
background : url(top_txt4.gif) no-repeat;
margin:15px 0 10px 35px;
text-indent:-9999px;
}






/*------------------メニュー------------------*/


#container2
	{
	position: absolute;
	margin: 20px 0 0 31px;
	}
#container2 dl
	{
	width: 121px;
	float: left;
	}
#container2 dt a
	{
	display:block;
	width: 121px;
	height:30px;
	text-indent:-9999px;
	}

#container2 dl.dl_1 dt a{background : url(menu1.jpg) no-repeat;}
#container2 dl.dl_2 dt a{background : url(menu2.jpg) no-repeat;}
#container2 dl.dl_3 dt a{background : url(menu3.jpg) no-repeat;}
#container2 dl.dl_4 dt a{background : url(menu4.jpg) no-repeat;}
#container2 dl.dl_5 dt a{background : url(menu5.jpg) no-repeat;}
#container2 dl.dl_6 dt a{background : url(menu6.jpg) no-repeat;}

#container2 dl dt a:hover
{
	background-position:0 -35px;
}
	
	
	
	
	
#container2 dd
	{
	display: none;
	}
#container2 dl:hover dd
	{
	display: block;
	}
#container2 a
	{
	display: block;
	}
	
#container2 dl dd a
	{
	color:#333333;
	padding:5px 12px;
	line-height:130%;
	background : url(menu_h.gif) no-repeat;
	}
	
#container2 dl dd a:hover
	{
	background-color:none;
	color:#ffffff;
	background-position:-121px 0;
	}





/* for WinIE6 */
div.contents dl dd{
_position:relative;
_left:-3px;
_height:0%;
}






/*----会社概要E---*/
.kaicho_img{
float:left;
padding:0 10px 15px 0;
}
.kaicho_p{
padding:0 20px 5px 20px;
}
.kaicho_s{
text-align:right;
}
#outline div.contents dl{
margin:0 0 0 20px;
}
#outline div.contents dt{
background : url(table.gif) no-repeat;
line-height:22px;
text-indent:.7em;
float: left;
width: 10em;
font-weight:bold;
}
#outline div.contents dd{
margin:0 0 15px 10em;
background : url(table_hr.gif) no-repeat;
background-position:left bottom;
}



.outline_l{
margin-left:15px;
}










#outline div.contents dd dl{
margin:0;
}
#outline div.contents dd dt{
float:none;
background:none;
margin:0;
text-indent:0;
color:#444444;
width:auto;
}
#outline div.contents dd dd{
float:none;
background:none;
margin:0;
}
#outline div.contents dd ul{
padding:0 0 10px 0;
}
#outline div.contents dd li{
margin:0;
padding:0;
}



/*----会社沿革----*/

#history div.contents dl{
margin:0 0 0 20px;

}
#history div.contents dt {
background : url(table.gif) no-repeat;
line-height:22px;
float: left;
width:6em;
font-weight:bold;
text-align:right;
font-family:'�E��E� ゴシチE��',Osaka-等幁Emonospace;
}
#history div.contents dd{
margin:0 0 15px 7em;
background : url(table_hr.gif) no-repeat;
background-position:left bottom;
}


/*----事業所一覧----*/
#offices table{
width:660px;
font-size:12px;
float:left;
}
#offices table tr,
#offices table td{
font-size:12px;
}
#honsha{
margin:0;
}
#jigyousho{
margin:12px 0 0 0;
}
.maps a{
font-size:12px;
display:block;
width:30px;
line-height:20px;
border:dotted 1px #333333;
background-color:#bbeeff;
text-align:center;
}
.maps a:hover{
border:dotted 1px #333333;
background-color:#bbbbbb;
}

#offices div.maps{
width:40px;
padding:32px 0 0 0;
float:left;
}

#offices table span{
font-family:'�E��E� ゴシチE��',Osaka-等幁Emonospace;
color:#2d3b4e;
}
.l1{
letter-spacing:.2em;
color:#2d3b4e;
}
.l2{
letter-spacing:.5em;
color:#2d3b4e;
}
.jusho,
.tel_n{
text-align:left;}


/*----リクルーチE---*/
#new_graduate div.contents dl,
#career div.contents dl{
margin:0 0 30px 20px;

}
#new_graduate div.contents dt,
#career div.contents dt{
background : url(table.gif) no-repeat;
line-height:22px;
text-indent:.7em;
font-size:80%;
float: left;
width: 9em;
font-weight:bold;
}
#new_graduate div.contents dd,
#career div.contents dd{
margin:0 0 15px 9em;
font-size:80%;
background : url(table_hr.gif) no-repeat;
background-position:left bottom;
}




#new_graduate div.contents dl.briefing{
margin:0 0 40px 20px;
}
#new_graduate div.contents dl.briefing dt{
background : url(table.gif) no-repeat;
line-height:22px;
text-indent:.7em;
float: left;
width: 9em;
font-weight:bold;
}
#new_graduate div.contents dl.briefing dt.clear{
width:15em;
}
#new_graduate div.contents dl.briefing dd{
margin:0 0 15px 9em;
background : url(table_hr.gif) no-repeat;
background-position:left bottom;
}
#new_graduate div.contents dl.briefing dd.clear2{
clear:both;
}

/*先輩社員からのメチE��ージ*/
div.message{
padding:0 0 0 185px;
background : url(img01.jpg) no-repeat;
background-position:left center;
line-height: inherit;
}
div.message2{
padding:0 0 0 185px;
background : url(img02.jpg) no-repeat;
background-position:left center;
line-height: inherit;
}


#new_graduate div.message dl,
#new_graduate div.message2 dl{
margin:0 0 30px 0;
}
#new_graduate div.message dt,
#new_graduate div.message2 dt {
background:none;
line-height:22px;
text-indent:.7em;
float: left;
width: 9em;
font-weight:bold;
}
#new_graduate div.message dd,
#new_graduate div.message2 dd{
margin:0 0 15px 9em;
background:none;
background-position:left bottom;
}

/*----決箁E---*/

#chukan div.contents dl# dt{
width:6em;}

#chukan div.contents dl#kessan1 dd{
margin:0 0 0 6em;
text-align:right;
width:18em;
}
#kessan div.contents dl#kessan1 dt{
width:6em;}

span.txt2{
letter-spacing:.33em;
}
span.txt3{
letter-spacing:3.5em;
color: #536066;
}
span.txt5{
letter-spacing:1.25em;
color: #536066;
}
span.txt6{
letter-spacing:.8em;
color: #536066;
}
span.txt7{
letter-spacing:.5em;
color: #536066;
}
span.txt8{
letter-spacing:.28em;
color: #536066;
}


#kessan th,
#chukan th,
#kessan div.contents dl#kessan1 dd,
#kessan div.contents dl#kessan1 dt,
#chukan div.contents dl#kessan1 dd,
#chukan div.contents dl#kessan1 dt
{
font-family:'�E��E� ゴシチE��',Osaka-等幁Emonospace
;}

#kessan div.contents dl#kessan1 dd{
margin:0 0 0 6em;
text-align:right;
width:18em;
}

#chukan div.contents p,
#kessan div.contents p{
text-indent:1em;
}


#chukan div.contents dl,
#kessan div.contents dl{
margin:0 0 10px 80px;

}
#chukan div.contents dt,
#kessan div.contents dt{
float: left;
width: 9em;
font-size:90%;
}
#chukan div.contents dd,
#kessan div.contents dd{
font-size:90%;
margin:0 0 0 7em;
}

#chukan div.contents table,
#kessan div.contents table{
width:660px;
}

#chukan div.contents table,
#chukan div.contents caption,
#kessan div.contents table,
#kessan div.contents caption{
margin:0 0 0 30px;
}


#chukan div.contents th.h01,
#kessan div.contents th.h01{
width:40%;
}
#chukan div.contents th.h02,
#chukan div.contents th.h03,
#chukan div.contents th.h04,
#kessan div.contents th.h02,
#kessan div.contents th.h03,
#kessan div.contents th.h04{
width:20%;
}
p.btn{
margin:20px 0 0 64px;
background : url(btn_bg.gif) no-repeat;
width:251px;
height:91px;
line-height:91px;
text-align:center;
font-size:140%;
float:left;
display:inline;
}
a.btn2{
background-color:#dddddd;
color:#000000;
border:1px #000000 dotted;
padding:.2em;
}
.btn2:hover{
background-color:#FFCC33;
border:1px #000000 dotted;
padding:.2em;
}

/*----個人惁E��----*/

#privacy div.contents dl{
margin:0 0 30px 20px;

}
#privacy div.contents dt {
background : url(table.gif) no-repeat;
line-height:22px;
text-indent:.7em;
float: left;
width: 5em;
font-weight:bold;
}
#privacy div.contents dd{
margin:0 0 15px 5em;
background : url(table_hr.gif) no-repeat;
background-position:left bottom;
}

/*----製品情報----*/
#products div.contents,
#dps div.contents,
#form_p div.contents,
#business_p div.contents,
#dmp div.contents,
#rfid div.contents{
width:732px;
padding:0;
margin:25px 0 0 25px;
}

div#ts{
float:left;
display:inline;
margin:0 0 0 200px;
}

#products div.contents p,
#dps div.contents p,
#form_p div.contents p,
#business_p div.contents p,
#dmp div.contents p,
#rfid div.contents p,
#approach div.contents p{
background : url(table.gif) repeat-y;
margin:0;
padding:0 0 0 10px;
}


#products div.contents dl,
#dps div.contents dl,
#form_p div.contents dl,
#business_p div.contents dl,
#dmp div.contents dl,
#rfid div.contents dl{
background : url(bg03.gif) repeat;
padding:0 0 10px 0;
width:180px;
margin-right:-180px;
float:left;
}

#products div.contents dl dt,
#dps div.contents dl dt,
#form_p div.contents dl dt,
#business_p div.contents dl dt,
#dmp div.contents dl dt,
#rfid div.contents dl dt{
margin:10px 10px 0 10px;
text-align:center;
}
#products div.contents dl dt a,
#dps div.contents dl dt a,
#form_p div.contents dl dt a,
#business_p div.contents dl dt a,
#dmp div.contents dl dt a,
#rfid div.contents dl dt a{
display:block;
width:auto;
height:100%;
padding:5px;
background : url(bg05.jpg) no-repeat;
background-position:left center;
border:solid #cccccc;
border-width:1px 0 1px 0;
}
#products div.contents dl dt a:hover,
#dps div.contents dl dt a:hover,
#form_p div.contents dl dt a:hover,
#business_p div.contents dl dt a:hover,
#dmp div.contents dl dt a:hover,
#rfid div.contents dl dt a:hover{
display:block;
padding:5px;
background-position:-160px;
border:solid #cccccc;
border-width:1px 0 1px 0;
}
#products div.contents dl dd,
#dps div.contents dl dd,
#form_p div.contents dl dd,
#business_p div.contents dl dd,
#dmp div.contents dl dd,
#rfid div.contents dl dd{
background : url(bg04.jpg) repeat-x;
background-color:#ffffff;
border:solid #bbbbbb;
border-width:0 0 1px 0;
margin:0 10px 0 10px;
padding:6px 3px 3px 8px;
}


/*ト�EタルSP*/
.sup_01{
letter-spacing:.3em;}

#products div.contents ol{
margin:0 0 20px 0;
width:530px;
clear:both;
}
#products div.contents ol li{
display:list-item;
}
#products div.contents li{
width:500px;
}


#dps div.contents ul,
#dmp div.contents ul,
div.contents ul.sp_u{
margin:20px 0;
width:530px;
height:50px;
background : url(totalsp.jpg) no-repeat;
background-position:left center;
list-style-type:none;
clear:both;
}
#dps div.contents ul li,
#dmp div.contents ul li,
div.contents ul.sp_u li{
margin:0 0 0 84px;
padding:10px 0 0 0;
font-size:90%;
}

#form_p div#ts p{
margin:10px 0 20px 0;
}
#business_p div#ts p,
#rfid div#ts p{
margin:0 0 20px 0;
}



.img01{
margin:25px 0 10px 0;
}
.img02{
float:right;
display:inline;
margin:0 20px 20px 0;
}
.img03{
float:right;
display:inline;
margin:0 40px 20px 0;
}
.img04{
float:right;
display:inline;
margin:0 40px 0 0;
}
.img05{
margin:25px 0 10px 30px;
}
.img06{
margin:10px 0 10px 20px;
}
.img07{
float:right;
display:inline;
margin:0 40px 20px 0;
}
.img08{
margin:10px 0 30px 110px;
display:block;
}

.img09{
margin:0 0 10px 0;
}

.img10{
margin:0 0 20px 45px;
display:block;
clear:both;
}

.img11{
margin:0 0 30px 70px;
display:block;
}
.img12{
margin:10px 0 0 50px;
display:block;
}

#form_p ul{
margin:0 0 15px 0;
}

#dmp div.contents p.p01{
background:none;
margin:0 0 0 10px;
padding:0;
clear:both;
}
.img09{
display:inline;
float:left;
margin:0 0 10px 30px; 
}
#approach div.contents p.p01{
background:none;
margin:0 0 0 30px;
padding:0;
clear:both;
}
#approach div.contents p.p04{
background:none;
margin:15px 0 0 15px;
padding:0;
width:550px;
float:left;
}


#rfid ul.sp_u li{
line-height:200%;
}

#rfid .sp_u span{
padding:.2em .4em;
border:#666666 1px solid;
background:#99CCFF;
}


/*新着惁E��*/

dl.shinchaku{
margin:0 0 0 15px;
padding:0;
}


dl.shinchaku dt{
background : url(list.gif) no-repeat;
background-position:0 3px;
width:7.6em;
float:left;
line-height:21px;
text-indent:20px;
font-weight:bold;
color:#003366;
}
dl.shinchaku dd a{
text-decoration:underline;
}
dl.shinchaku dd{
line-height:21px;
margin:0 0 0 7.8em;

}



#new .contents dl.shinchaku_a{
margin:0 0 20px 25px;
}
#new .contents dl.shinchaku_a dt{
margin:15px 0 0 0;
font-weight:bold;
}

#new .contents dl.shinchaku_a dt span{
color:#0066CC;
font-weight:bold;
}


.w01{
clear:both;
border:1px #aaaaaa solid;
width:630px;
margin:20px 0 30px 50px;
padding:15px;
voice-family: "\";}\"";
voice-family:inherit;
width: 600px;
}
#approach .contents .w01 p{
background:none;
font-size:100%;
margin:0 0 15px 0
}
#approach .contents .w01 p.housin{
font-size:120%;
margin:0 0 15px 0;
text-align:center;
}
#approach .contents .w01 p.w02{
margin:15px 0 0 350px;
}
#pp p.w03{
margin:15px 0 30px 480px;
}

#approach .contents .w01 p.p02{
margin:15px 0 0 0;
}
#approach .contents p.p03{
clear:both;
margin:15px 0 0 0;
}

/*個人惁E��保護方釁E/

.dm{
margin:0 0 20px 0;
}

#pp ul.u01{
margin:0 0 25px 0; 
}

#pp div.contents dl.ti{
margin:20px 0 20px 20px;

}
#pp div.contents dl.ti dt {
background:url(image/info/table.gif) no-repeat;
line-height:22px;
text-indent:.7em;
float: left;
width: 4.5em;
font-weight:bold;
}
#pp div.contents dl.ti dd{
margin:0 0 15px 4.5em;
background:url(image/info/table_hr.gif) no-repeat;
background-position:left bottom;
}

/*問い合わぁE/

#contact div.contents dl{
margin:10px 0 0 25px;
}
#contact div.contents dl dt{
margin:5px 0 0 0;
padding:0 0 0 10px;
border:#cccccc solid;
border-width:0 0 0 4px;
}
#contact div.contents dl dd{
margin:5px 0 15px 0;
padding-left:20px;
}
#contact div.contents input#submit{
margin:10px 0 0 320px;
}
#contact span{
color:#FF0000;
}