@charset "shift_jis";

/*  ----------- ＢＯＤＹ　-----------　*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka;
}

#all {
	width: 740px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


/*  ----------- 全体　-----------　*/
p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}



/*  ----------- ヘッダ　-----------　*/
#header {
	width:740px;
	height:80px;
	background-color:#FFF;
}

#header-left {
	padding:0 0 0 5px;
	width:360px;
	height:70px;
	float:left;
}

#header-right {
	padding:0 5px 0 0;
	width:370px;
	height:70px;
	float:right;
	font-size:11px;
	text-align:right;
}



/*  ----------- メニュー　-----------　*/
#menu {
	width:740px;
	height:40px;
}


#menu ul {
	margin:0px;
	padding:0px;
}


#menu li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	display:inline;
}


#menu a {
	margin: 0px;
	padding: 0px;
}


/*  ----------- メニューロールオーバー ----------- */
#menu_rollover {
	width:740px;
	height:40px;
	margin-bottom:15px;
}
#menu_rollover ul{
    list-style:none;
	margin:0px;
	padding:0px;
}
#menu_rollover li{
    float:left;
    width:148px;
}
#menu_rollover a{
    display:block;
    width:148px;
    height:40px;
    text-indent:-100em;
    overflow:hidden;
}
#menu_rollover a.topics{
    background-image:url(../../images/menu/topics5.gif);
}
#menu_rollover a:hover.topics{
    background-position:0px -40px;
}
#menu_rollover a.aboutus{
    background-image:url(../../images/menu/aboutus5.gif);
}
#menu_rollover a:hover.aboutus{
    background-position:0px -40px;
}
#menu_rollover a.products{
    background-image:url(../../images/menu/products5.gif);
}
#menu_rollover a:hover.products{
    background-position:0px -40px;
}
#menu_rollover a.social{
    background-image:url(../../images/menu/social5.gif);
}
#menu_rollover a:hover.social{
    background-position:0px -40px;
}
#menu_rollover a.recruit{
    background-image:url(../../images/menu/recruit5.gif);
}
#menu_rollover a:hover.recruit{
    background-position:0px -40px;
}
/*  ----------- パンくず　-----------　*/
#crumb {
	margin: 0px 0px 15px 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 3px 5px 0px 5px;
	width:	725px;
	height:20px;
	font-size:10px;
	letter-spacing:1px;
	border-bottom: dashed #999 thin;
	border-bottom: dashed #999 1px;/*IE用thin こちらが後にくる*/
}

#crumb h1 {
	margin: 0px;
	padding: 0px;
	font-size:10px;
	letter-spacing:1px;
	font-weight:normal;
	display:inline;
	color:#933;
}

/*  ----------- メインイメージ　-----------　*/
#main-image {
	margin: 0px;
	padding: 0px 5px 15px 5px;
	width:	730px;
}


/*  ----------- コンテンツ　-----------　*/
#contents {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background: url(../../images/contents_bg.jpg) repeat-y;
}


/*  ----------- コンテンツ 左　-----------　*/
#contents-left {
	margin: 0px;
	padding: 0px;
	width:	480px;
/*	padding-left:5px;
	background-color:#006699;*/
	float:left;
}

.product{
	width:480px;
	background-color:#7FA7DC;
	margin:5px 0px;
	}

.product h3{
	padding: 3px 0px 2px 3px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight:bold;
	background-color:#7FA7DC;
	color:#FFF;
}

.product_red h3{
	margin: 8px 0px 0px 0px;
	padding: 5px 0px 2px 3px;
	width:	100%;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight:bold;
/*	background-color:#e63f3f;
	background-color:#e56c6c;*/
	background-color:#ff7a7a;	
	color:#FFF;
}

h3.sns{
	margin: 8px 0px 0px 0px;
	padding: 5px 0px 2px 3px;
	width:	100%;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight:bold;
	background-color:#FF6633;
	color:#FFF;
}


h3.recruit{
	margin: 8px 0px 0px 0px;
	padding: 5px 0px 2px 3px;
	width:	100%;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight:bold;
	background-color:#55B62A;
	color:#FFF;
}

/*  ----------- タイトル　-----------　*/

#title {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width:	480px;
	background: url(../../images/sideline/red_title.gif) no-repeat;
	border-bottom: solid #999 thin;
	border-bottom: solid #999 1px;/*IE用thin こちらが後にくる*/	
	color:#C00;
}

#title h2{
	margin: 0px 0px 0px 17px;
	padding: 5px 0px 2px 3px;
	width:	450px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight:bold;
}


#title_product{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width:	480px;
	background: url(../../images/sideline/blue_title.gif) no-repeat;
	border-bottom: solid #999 thin;
	border-bottom: solid #999 1px;/*IE用thin こちらが後にくる*/	
	color:#00C;
}

#title_product h2{
	margin: 0px 0px 0px 17px;
	padding: 5px 0px 2px 3px;
	width:	450px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight:bold;
}

#title_product_red{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width:	480px;
	background: url(../../images/sideline/red_title.gif) no-repeat;
	border-bottom: solid #999 thin;
	border-bottom: solid #999 1px;/*IE用thin こちらが後にくる*/	
	color:#00C;
}

#title_product_red h2{
	margin: 0px 0px 0px 17px;
	padding: 5px 0px 2px 3px;
	width:	450px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight:bold;
}

#title_sns{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width:	480px;
	background: url(../../images/sideline/orange_title.gif) no-repeat;
	border-bottom: solid #999 thin;
	border-bottom: solid #999 1px;/*IE用thin こちらが後にくる*/	
	color:#FF6633;
}

#title_sns h2{
	margin: 0px 0px 0px 17px;
	padding: 5px 0px 2px 3px;
	width:	450px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight:bold;
}

#title_social{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width:	480px;
	background: url(../../images/sideline/orange_title.gif) no-repeat;
	border-bottom: solid #999 thin;
	border-bottom: solid #999 1px;/*IE用thin こちらが後にくる*/	
	color:#FF6E35;
}

#title_social h2{
	margin: 0px 0px 0px 17px;
	padding: 5px 0px 2px 3px;
	width:	450px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight:bold;
}

#title_sitemap{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width:	480px;
	background: url(../../images/sideline/pink_title.gif) no-repeat;
	border-bottom: solid #999 thin;
	border-bottom: solid #999 1px;/*IE用thin こちらが後にくる*/	
	color:#F39;
}

#title_sitemap h2{
	margin: 0px 0px 0px 17px;
	padding: 5px 0px 2px 3px;
	width:	450px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight:bold;
}

	
/*  ----------- ピックアップ　-----------　*/

#pickup {
	margin: 0px;
	padding: 0px;
	width:	480px;
	background: url(../../images/sideline/red_plus_line2.gif) no-repeat;
	border-bottom: solid #ccc medium;
	border-bottom: solid #ccc 3px;
}

#pickup p.title{
	margin: 0px 0px 0px 20px;
	padding: 3px 0px 3px 5px;
	width:	450px;
	border-bottom: dashed #999 thin;
	border-bottom: dashed #999 1px;/*IE用thin こちらが後にくる*/
	font-size: 18px;
	font-family:Geneva, Arial, Helvetica, san-serif;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#F63;
}

#pickup p{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	background:url(../../images/pickup/bg.gif) repeat-y;
	display:block;
	width:	450px;
}

#pickup a.form {
	margin: 5px;
	padding: 5px;
	background-color:#DCF3FC;
	border:2px solid #00429A;
	width:	200px;
	font-size:12px;
	line-height:16px;
	display:block;
	text-align:center;
}

#pickup a.form:visited {
	color:#0000FF;
}

#pickup a.form:hover {
	background-color:#E6E9FD;
}

#pickup span.item{
	margin: 0px;
	padding: 0px 2px 0px 2px;
	width:	180px;
	display:block;
	float:left;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	color:#444;
}

#pickup strong {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#3366CC;
}


/*  ----------- プロダクト　-----------　*/


#products {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:	480px;
	float:left;
	background: url(../../images/sideline/blue.gif) no-repeat;
	border-bottom: solid #ccc medium;
	border-bottom: solid #ccc 3px;
}

#products_red {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width:	480px;
	background: url(../../images/sideline/red.gif) no-repeat;
	border-bottom: solid #ccc medium;
	border-bottom: solid #ccc 3px;
}

#products_red2 {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width:	480px;
	background: url(../../images/sideline/water.gif) no-repeat;
	border-bottom: solid #ccc medium;
	border-bottom: solid #ccc 3px;
}

#products_yellow {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width:	480px;
	float:left;
	background: url(../../images/sideline/yellow.gif) no-repeat;
	border-bottom: solid #ccc medium;
	border-bottom: solid #ccc 3px;
}

#products .date{
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#444;
}

#products .note{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color:#444;
}

.products_box {
	float:left;
	border:solid 1px #CCC;
	margin-top: 2px;
	margin-bottom: 0;
}

.products_box a{
	color:#000;
}

.products_box a:link {
text-decoration: none;
}

.products_box a:visited {
text-decoration: none;
}

.products_box a:hover {
text-decoration:underline;
}

/*  ----------- コンテンツ右　-----------　*/


#contents-right {
	margin: 0px;
	width:	220px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


/*  ----------- ニュースサイド　-----------　*/

#news-side {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width:	220px;
	float:left;
	background: url(../../images/sideline/EmeraldGreen.gif) no-repeat;
}

#news-side p{
	margin: 8px 0px 0px 17px;
	padding: 0px 0px 5px 3px;
	width:	200px;
	border-bottom: dashed #999 thin;
	border-bottom: dashed #999 1px;/*IE用thin こちらが後にくる*/
}

#news-side p.title{
	margin: 0px 0px 0px 17px;
	padding: 0px 0px 2px 3px;
	width:	200px;
	border-bottom: dashed #999 thin;
	border-bottom: dashed #999 1px;/*IE用thin こちらが後にくる*/
	font-size: 14px;
	font-family:Geneva, Arial, Helvetica, san-serif;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#363;
}


#news-side .date{
	margin:0px;
	padding:0px;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#444;
}

#news-side .note{
	margin:0px;
	padding:0px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color:#444;
}


/*  ----------- ピーマーク　-----------　*/

#contents-right .p-mark {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 1px;
	color:#333;
}


/*  ----------- ツール　-----------　*/

.multiple_clear	{
	width: 100%;
	height:1px;
	margin: 0px;
	padding: 0px;
	clear:both;
	display:block;
}


/*  ----------- フッタ　-----------　*/
#footer {
	margin: 0px;
	width:	720px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#footer .area {
	margin: 0;
	padding: 0;
	width:	100%;
	height:20px;
	font-size:14px;
	line-height:20px;
	letter-spacing:1px;
/*	font-family:Geneva, Arial, Helvetica, san-serif;
	font-weight:bold;
	color:#F00;*/
	text-align:center;
}


/*  ----------- footerMenu  ----------- */

#footerMenu {
	clear:both;
	width:100%;
	text-align:center;
	font-size:14px;
}

#footerMenu p{
	margin:0;
	padding:0;
}

#footerMenu ul {
	margin:0;
	padding:0;
}

#footerMenu li {
	margin-bottom:0.5em;
	display:inline;
	list-style:none;
}


#footerMenu li a {
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#footerMenu #foot {
margin-bottom:5px;
}


/*  ----------- ニュース　-----------　*/

#news {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width:	480px;
	float:left;
	background: url(../../images/sideline/green.gif) no-repeat;
}

#news p{
	margin: 8px 0px 0px 17px;
	padding: 0px 0px 5px 3px;
	width:	450px;
	border-bottom: dashed #999 thin;
	border-bottom: dashed #999 1px;/*IE用thin こちらが後にくる*/
}

#news p.title{
	margin: 0px 0px 0px 17px;
	padding: 0px 0px 2px 3px;
	width:	450px;
	border-bottom: dashed #999 thin;
	border-bottom: dashed #999 1px;/*IE用thin こちらが後にくる*/
	font-size: 14px;
	font-family:Geneva, Arial, Helvetica, san-serif;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#363;
}


#news .date{
	margin:0px;
	padding:0px;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#444;
}

#news .note{
	margin:0px;
	padding:0px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color:#444;
}


/*  ----------- サブメニュー　事業内容-----------　*/

#submenu_products {
	margin: 0px;
	padding: 0px;
}


#submenu_products  a{
	margin: 0px;
	padding: 0px;
	border: solid #FFF thin;
	border: solid #FFF 1px;/*IE用thin こちらが後にくる*/
	display:block;
	width:	220px;
	height:32px;
	background: url(../../images/sub_menu/blue_bg.gif) no-repeat;
	font-size:16px;
	line-height:33px;
	text-indent:20px;
	text-decoration:none;
	color:#30F;
	font-weight:bold;
	cursor: hand;
}


#submenu_products  a:hover{
	border: solid #30F thin;
	border: solid #30F 1px;/*IE用thin こちらが後にくる*/
}


/*  ----------- サブメニュー　-----------　*/

#submenu {
	margin: 0px;
	padding: 0px;
}


#submenu a{
	margin: 0px;
	padding: 0px;
	border: solid #FFF thin;
	border: solid #FFF 1px;/*IE用thin こちらが後にくる*/
	display:block;
	width:	220px;
	height:32px;
	background: url(../../images/sub_menu/red_bg.gif) no-repeat;
	font-size:16px;
	line-height:33px;
	text-indent:20px;
	text-decoration:none;
	color:#C00;
	font-weight:bold;
}

#submenu a{
	cursor: hand;
}

#submenu a:hover{
	border: solid #C00 thin;
	border: solid #C00 1px;/*IE用thin こちらが後にくる*/
}


/*  ----------- サブメニュー　社外活動-----------　*/

#submenu_social {
	margin: 0px;
	padding: 0px;
}

#submenu_social a{
	margin: 0px;
	padding: 0px;
	border: solid #FFF thin;
	border: solid #FFF 1px;/*IE用thin こちらが後にくる*/
	display:block;
	width:	220px;
	height:32px;
	background: url(../../images/sub_menu/orange_bg.gif) no-repeat;
	font-size:16px;
	line-height:33px;
	text-indent:20px;
	text-decoration:none;
	color:#FF6E35;
	font-weight:bold;
}

#submenu_social a{
	cursor: hand;
}

#submenu_social a:hover{
	border: solid #ec6b39 thin;
	border: solid #ec6b39 1px;/*IE用thin こちらが後にくる*/
}


/*  ----------- リクルート　-----------　*/

#contents-left a.recruit {
	margin: 5px;
	padding: 5px;
	background-color:#FFE8E8;
	border:2px solid #FF0000;
	width:	400px;
	font-size:14px;
	color:#FF0000;
	line-height:20px;
	display:block;
	text-align:center;
	text-decoration:none;
}

#contents-left a.recruit:visited {
	color:#FF0000;
	background-color:#FFE8E8;
}

#contents-left a.recruit:hover {
	color:#FFFFFF;
	background-color:#FF6666;
}

#contents-left h3{
	margin-left:10px;
	margin-bottom:2px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}

/*  ----------- テキスト　-----------　*/

.text-space {
padding-bottom:10px;
}

.test14 {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
}

li.test14 {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
}

.test13 {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 1px;
}

.test12 {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}


li.test12 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
}

.test12b {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight:bold;
}

.test11 {
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0px;
}

.test11s {
	font-size: 11px;
	line-height: 15px;
}

.test10 {
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
}

/*  ----------- RFIDメニュー ----------- */
#RFID_menu {
	width:480px;
	height:30px;
	margin:0 0 15px 0;
}
#RFID_menu ul{
    list-style:none;
	margin:0px;
	padding:0px;
}
#RFID_menu li{
    float:left;
    width:120px;
}
#RFID_menu a{
    display:block;
    width:120px;
    height:30px;
    text-indent:-100em;
    overflow:hidden;
}

#RFID_menu a.RFIDsystem{
    background-image:url(../../images/products/RFID_menu_button_01.gif);
}
#RFID_menu a:hover.RFIDsystem{
    background-position:0px -30px;
}

#RFID_menu a.W_MAX{
    background-image:url(../../images/products/RFID_menu_button_02.gif);
}
#RFID_menu a:hover.W_MAX{
    background-position:0px -30px;
}

#RFID_menu a.Electric_lock{
    background-image:url(../../images/products/RFID_menu_button_03.gif);
}
#RFID_menu a:hover.Electric_lock{
    background-position:0px -30px;
}

#RFID_menu a.Encryption_library{
    background-image:url(../../images/products/RFID_menu_button_04.gif);
}
#RFID_menu a:hover.Encryption_library{
    background-position:0px -30px;
}

/*  ----------- RFIDページ用 ----------- */

#RFID{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	margin-left:1.0em;
}

#RFID h4{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	color:#666666;
	border:solid 1px #999999;
	padding:3px;
	background-color:#F0F0F0;
	margin-bottom:0.5em;
}

#RFID h5{
	margin-top:-0.2em;
	margin-bottom:0.3em;
	font-size: 12px;
	letter-spacing: 1px;
	color:#F07D20;
	}

#RFID .text p{
padding-left:-1.0em;
text-indent:1.0em;
}


/*  ----------- その他　-----------　*/
.pr_border {
	border:#CCCCCC solid 1px;
	border-collapse:collapse;
	border-spacing:0;
	margin-top: 1em;
	margin-bottom: 1.5em;
	margin-left: 10px;
}
.pr_border td,th{
	border:#CCCCCC solid 1px;
}

.pr_border th{
	border:#CCCCCC solid 1px;
	background-color:#E6F0FF

}

.pr_border p{
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight:normal;
	text-align:left;
}
.indent10{
	text-indent:1.0em;
}
.mab05{
	margin-bottom:0.5em;
}
.mab10{
	margin-bottom:1.0em;
}
.mab20{
	margin-bottom:2.0em;
}
.mal10 {
	margin-left:1.0em;
}
.mal15 {
	margin-left:1.5em;
}
.mal20 {
	margin-left:2.0em;
}
.mat20 {
	margin-top:2.0em;
}
.pal10{
	padding-left:1.0em;
}
.clear{
	clear:both;
}

.center{
text-align:center;
}

#coordinated_left{
	float:left;
	width:120px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}
#coordinated_right{
	float:left;
	width:340px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}

#coordinated_right h3{
	margin:0;
	padding:0;
}