@charset "utf-8";
/* CSS Document */

/* =========================================================
共通
========================================================= */
ul.top_menu {
	margin:0 0 5px 0px;
}
ul.top_menu li {
	background: url(../images/arrow.gif) no-repeat 10px 0.6em;
	padding-left:20px;
	padding-right:5px;
	list-style: none;
	line-height:25px;
	float: right;
}
ul.top_menu li a:link {
	color: #4f4f4f;
	text-decoration: underline;
}
ul.top_menu li a:visited {
	color: #4f4f4f;
	text-decoration: underline;
}
ul.top_menu li a:hover {
	color: #4f4f4f;
	text-decoration: none;
}
ul.top_menu li a:active {
	color: #4f4f4f;
	text-decoration: none;
}

/* タイトル
--------------------------------------------------------- */
.title1{
	background: url(../images/title.gif) no-repeat;
	height:35px;
	text-align:left;
	font-weight: bold;
	font-size: 17px;
	color:#394c99;
	padding:8px 0  0 20px;
}
.title2{
	background: url(../images/title2.gif) no-repeat;
	height:27px;
	text-align:left;
	font-weight: bold;
	font-size: 15px;
	color:#394c99;
	padding:5px 0  5px 20px;
	margin-top:5px;
}
.title3{
	background: url(../images/title3.gif) no-repeat;
	height:25px;
	text-align:left;
	font-weight: bold;
	font-size: 17px;
	color:#394c99;
	padding:0px 0  5px 15px;
}
.title4{
	background: url(../images/title3.gif) no-repeat;
	height:25px;
	text-align:left;
	font-weight: bold;
	font-size: 15px;
	color:#394c99;
	padding:0px 0  5px 15px;
}

/* サイドボックス
--------------------------------------------------------- */
.side_box{
	width: 221px;
	padding:7px;
	background-color:#afc560;
	margin-bottom:20px;
}
.side_box .box{
	width: 207px;
	padding:7px;
	background-color:#fff;
}
.side_box .box .text{
	padding:5px;
}
.side_box .box .border{
	border-top:1px #afc560 dotted;
}

.col1{
	background-color:#6f960f;
	color:#3e3a39;
}
.col2{
	background-color:#ebedb1;
	color:#3e3a39;
}
.col3{
	background-color:#cfe37e;
	color:#3e3a39;
}

/* 右サイドバー　
--------------------------------------------------------- */
ul.news {
	margin:0 0 20px 0;
}

ul.news li {
	list-style: none;
}

ul.news li a:link {
	color: #441c06;
	text-decoration: none;
}
ul.news li a:visited {
	color: #441c06;
	text-decoration: none;
}
ul.news li a:hover {
	color: #441c06;
	text-decoration: underline;
}
ul.news li a:active {
	color: #441c06;
	text-decoration: underline;
}

/* pan
--------------------------------------------------------- */
.pan {
	width:960px;
	margin:0 auto;
	font-size:12px;
	padding-top:2px;
}

.pan a:link {
	color: #3e3a39;
	text-decoration: none;
}
.pan a:visited {
	color: #3e3a39;
	text-decoration: none;
}
.pan a:hover {
	color: #3e3a39;
	text-decoration: underline;
}
.pan a:active {
	color: #3e3a39;
	text-decoration: underline;
}


/* =========================================================
 トップページ
========================================================= */

.box_top {
	width:715px;
	margin-bottom:50px;
} 
.box_top .right {
	float: right;
	width: 256px;
}
.box_top .left {
	float: left;
	width: 459px;
	padding-top:15px;
	font-size:13px;
	line-height:20px;
}
.box_youtube {
	width: 540px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top:10px;
	margin-bottom: 40px;
	height: 375px;
	background:url(../images/top/movie_bg3.gif);
}
.box_youtube .youtube-image {
	 position: absolute;
	 top: 18px;
	 left: 22px;
	 width: 496px;
	 height: 310px;
}
.box_youtube .youtube-text {
	 position: absolute;
	 top: 340px;
	 left: 20px;
	 width: 496px;
	 height: 15px;
	 text-align:center;
}

/* =========================================================
 事業案内
========================================================= */

.box_annai {
	width:715px;
	margin-bottom:50px;
} 
.box_annai img{
	padding-top:20px;
} 
.box_annai .mar{
	margin-right:8px;
} 
.box_jigyo {
	width:715px;
	margin-bottom:50px;
	padding-top:10px;
} 
.box_jigyo .right {
	float: right;
	width: 240px;
}
.box_jigyo .left {
	float: left;
	width: 459px;
	font-size:13px;
	line-height:20px;
}

.box_trade {
	width:665px;
	margin-bottom:50px;
	margin-right:50px;
	padding-top:10px;
} 

.box_3 {
	width:715px;
	margin-bottom:50px;
} 
.box_3contents {
	float: left;
	width:230px;
	padding-right:8px;
	line-height:25px;
} 
.box_img {
	float: left;
	width:715px;
	line-height:25px;
} 
.box_img .mar30{
	margin-right:30px;
} 
.box_img .mar25{
	margin-right:25px;
} 
.box_img .top{
	margin-left:56px;
	margin-right:30px;
} 
.box_img .top1{
	margin-left:25px;
	margin-right:25px;
} 
div.box_maker {
	width: 690px;
	margin-bottom: 2em;
	margin-left: 12px;
	margin-right: 12px;
}
div.box_maker ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
    letter-spacing: -.100%;
}
div.box_maker li{
	letter-spacing: normal;
	width: 225px;
	margin-top:5px;
	vertical-align: top;
	display: inline-block;
    /display: inline;
    /zoom: 1;
}
/* =========================================================
 会社概要
========================================================= */
.box_company {
	width:715px;
	margin-bottom:20px;
} 
.box_company .right {
	float: right;
	width:250px;
}
.box_company .left {
	float: left;
	width:430px;
}

.table_company{
	width:430px;
	text-align:left;
	color:#3e3a39;
	font-size:13px;
	border-collapse : collapse;
}
.table_company th{
	background-color:#6578B1;
	border: 1px solid #394c99;
	color:#FFF;
	padding-left:10px;
}
.table_company td{
	padding:8px 0 8px 10px;
	border: 1px solid #394c99;
	vertical-align:top;
}
.table_kyoten{
	width:715px;
	text-align:left;
	color:#3e3a39;
	font-size:13px;
	border-collapse : collapse;
	margin-bottom:30px;
}
.table_kyoten th{
	background-color:#6578B1;
	border: 1px solid #394c99;
	color:#FFF;
	padding-left:10px;
}
.table_kyoten td{
	padding:8px 0 8px 10px;
	border: 1px solid #394c99;
	vertical-align:top;
}

.table_kyoten th a:link {
	color: #FFF;
	text-decoration: underline;
}
.table_kyoten th a:visited {
	color: #FFF;
	text-decoration: underline;
}
.table_kyoten th a:hover {
	color: #FFF;
	text-decoration: underline;
}
.table_kyoten th a:active {
	color: #FFF;
	text-decoration: underline;
}
.blue {
	background-color: #CBD2DC;
}
dl.yakuin {  
	width:220px;  
}  
dl.yakuin dt {  
	float:left;  
	width:120px;  
	padding:0;  
	clear:both;  
}  
dl.yakuin dd {  
	width:100px;  
	margin-left:120px;  
	padding:0;  
}  

/* 沿革
--------------------------------------------------------- */
.table_enkaku{
	width:715px;
	text-align:left;
	color:#3e3a39;
	font-size:13px;
	border-collapse : collapse;
	margin:15px 0;
}
.table_enkaku th{
	background-color:#6578B1;
	border: 1px solid #394c99;
	color:#FFF;
	padding-left:10px;
}
.table_enkaku td{
	padding:8px 0 8px 10px;
	border: 1px solid #394c99;
	vertical-align:top;
}


/* 社長メッセージ
--------------------------------------------------------- */
.box_pre {
	width:715px;
	margin-bottom:50px;
	padding-top:10px;
} 
.box_pre .right {
	float: right;
	width: 170px;
	padding:0px 0 20px 0px;
}
.box_pre .left {
	float: left;
	width: 499px;
	font-size:13px;
	line-height:20px;
}

.box_pre .txt{
	line-height:25px;
} 


/* =========================================================
 ISO9001
========================================================= */
.box_iso {
	width:715px;
	margin-bottom:50px;
	padding-top:20px;
} 
.box_iso .right {
	float: right;
	width: 290px;
}
.box_iso .left {
	float: left;
	width: 380px;
	font-size:13px;
	line-height:20px;
}

.box_iso p {
	padding:5px 0 30px 0;
}

/* =========================================================
 eco
========================================================= */

#box_eco div { margin: 0; }
.box_eco_t,.box_eco_m,.box_eco_u {
 	width: 380px;
}
.box_eco_t, .box_eco_u {
	height: 10px;
}
.box_eco_t {
	background: url(../images/eco/bg_t.gif) no-repeat center top;
}
.box_eco_m {
	background: url(../images/eco/bg_m.gif) repeat-y;
	padding:10px 0px;
}
.box_eco_m p {
	color: #3e3a39;
}
.box_eco_u {
	background: url(../images/eco/bg_u.gif) no-repeat center bottom;
}

ul.ecolist li {
	list-style:none;
	padding:5px 20px;
}

/* =========================================================
 tss
========================================================= */

.txt_tss {
	padding:0 20px;
	margin:10px 0 20px 0;
	line-height:22px;
}


/* =========================================================
 財務情報
========================================================= */
ul.financial li {
	list-style:none;
	padding:10px 0px;
}

/* =========================================================
 電気部品・メカトロ製品
========================================================= */

#aiueo {
	width:715px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
}
#aiueo li {
	float: left;
}

ul.maker li {
	list-style:none;
	padding:3px 0px;
}
.page_top{
	text-align:right;
	margin-right:20px;
}


/* =========================================================
 採用情報
========================================================= */
div.recruit-lead {
	 margin: 15px 30px 30px ;
}
div.recruit-lead p.ttl {
	 font-size: 16px;
	 font-weight: bold;
	 line-height: 150%;
	 margin-bottom: 15px;
}
ul.recruit-btn {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
}
ul.recruit-btn:after {
    content: "";
    display: block;
    clear: both;
}
ul.recruit-btn > li {
	float: left;
}
ul.recruit-btn > li + li {
	margin-left: 20px;
}
ul.recruit-btn > li a:hover,
ul.recruit-btn > li a:active {
	opacity:0.6;
}
/* =========================================================
 サイトマップ
========================================================= */
.sitemap {
	width:690px;
	text-align:center;
}
.sitemap_list {

}
.sitemap_list a:link {
	color: #3e3a39;
	text-decoration: none;
}
.sitemap_list a:visited {
	color: #3e3a39;
	text-decoration: none;
}
.sitemap_list a:hover {
	color: #3e3a39;
	text-decoration: underline;
}
.sitemap_list a:active {
	color: #3e3a39;
	text-decoration: underline;
}

.sitemap_list .left {
	float:left;
	width:300px;
	margin-bottom:40px;
	padding-left:30px;
	border-left:3px solid #5672a5;
}
.sitemap_list .left li {
	background:url(../images/arrow.gif) left top no-repeat;
	padding:0 0 15px 15px;
}
.sitemap_list .left li ul li{
	background:none;
	padding:10px 0 0 0;
}
.sitemap_list .right {
	float:right;
	width:300px;
	margin-bottom:40px;
	padding:0 30px;
	border-left:3px solid #5672a5;
}
.sitemap_list .right li {
	background:url(../images/arrow.gif) left top no-repeat;
	padding:0 0 10px 15px;
}

/* =========================================================
 お問い合わせ
========================================================= */
.box_contact {
	width:715px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:50px;
} 
.contact_table {
	width:712px;
	background:#3e3a39;
	margin-left:auto;
	margin-right:auto;
}
.contact_table th {
	 background:#ccd9f3 ;
	 vertical-align:top;
	 padding:10px 20px;
	 width:228px;
 }
.contact_table td {
	 padding:10px 20px;
	 background:#FFF;
 }
.contact_table .left_txt {
	clear:both;
	 float:left;
	 width:160px;
 }
.btn_send {
	text-align:center;
	margin:20px;
}


/* =========================================================
事業案内　取扱いメーカーページ　印刷用
========================================================= */
#print{
	width: 728px;
}
#print_btn{
	width: 100%;
	text-align: right;
	padding-top: 20px;
}
#logo_p {
	width: 100%;
	border-bottom: thin double #4962A9;
	margin-bottom: 10px;
}

.box_jigyo_p {
	width: 728px;
	margin-bottom: 20px;
	padding-top: 10px;
} 
.box_jigyo_p .left {
	float: left;
	width: 470px;
	font-size:13px;
	line-height:20px;
}

.box_jigyo_p .right {
	float: right;
	width: 240px;
}
.title1_p{
	background: url(../images/title_p.gif) no-repeat;
	height: 35px;
	text-align: left;
	font-weight: bold;
	font-size: 17px;
	color: #394c99;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 0;
	padding-top: 8px;
}
.title2_p{
	height: 27px;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	color: #394c99;
	padding: 5px 0  5px 20px;
	margin-top: 5px;
	background-image: url(../images/title2.gif);
	background-repeat: repeat-x;
}
.title4_p{
	height: 25px;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	padding: 0px 0  0px 20px;
	background-color: #394c99;
}
div.box_maker_p {
	width: 100%;
	margin-bottom: 3em;
}
div.box_maker_p ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
    letter-spacing: -.100%;
}
div.box_maker_p li{
	letter-spacing: normal;
	width: 240px;
	vertical-align: top;
	display: inline-block;
    /display: inline;
    /zoom: 1;
}

@media print{
	#print_btn{
		display: none;
		}
}