@charset "euc-jp";
/* CSS Document */
/**********************************************************/
/*初期化//////////////////////////////////////////////////*/
/**********************************************************/
*{
	margin:0 0;
	padding:0 0;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-decoration:none;
	line-height:1.25;
	float:none;
	border:none;
	background:none;
	}
html{
	width:100%;
	height:100%;
	}
body{
	width:100%;
	height:100%;
	text-align:center;
}
a:link, a:visited, a:active{
	color:#009933;
	}
a:hover{
	color:#C4004F;
	text-decoration:underline;
	}

b{
	font-weight:bold;
}

strong
{
	font-weight:bold;
	font-size:14px;
}

/**********************************************************/
/*Structure///////////////////////////////////////////////*/
/**********************************************************/
div#header{
	width:743px;
	height:66px;
	background:url(img/bg_header.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
	}
a#top{
	display:block;
	width:743px;
	height:16px;
	
	}

h1{
	width:743px;
	height:66px;
	}
*html h1{
	width:743px;
	height:50px;
	}
h1 a{
	display:block;
	>margin-left:-484px;
	width:214px !important;
	height:36px !important;
	}

	
div#container{
	background:url(img/bg_container.gif) repeat-y;
	width:743px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
	
div#main{
	background:url(img/bg_main.jpg) no-repeat;
	width:551px;
	_width:551px;
	height:100%;
	float:right;
	padding:10px 20px 10px 10px;
	_padding:10px 20px 10px 10px;
	}
	
div#menu{
	background:#FFFFFF;
	width:152px;
	_width:142px;
	float:left;
	margin:0 0 0 10px;
	_margin:0 0 0 5px;
	}

div#footer{
	width:723px;
	height:45px;
	background:url(img/bg_footer.jpg) no-repeat;
	clear:both;
	padding:0 10px 0;
	}

/*********************************************************/
/*menu///////////////////////////////////////////////////*/
/*********************************************************/
/*製品サービスについて-----------------------------------*/
dl.m_services{
	width:150px;
	height:86px;
	_height:84px;
	display:block;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
	}
dl.m_services dt{
	width:150px;
	height:45px;
	_height:44px;
	background:url(img/navi/aa_01.gif);
	display:block;
	text-indent:-9999px;
	}	
dl.m_services dt a:link, dl.m_services dt a:visited, dl.m_services dt a:active{
	width:150px;
	height:45px;
	display:block;
	}	
dl.m_services dt a:hover{
	background:url(img/navi/aa_02.gif) no-repeat;
	}	
dl.m_services dd{
	width:150px;
	height:41px;
	background:url(img/navi/bb_01.gif);
	display:block;
	text-indent:-9999px;
	}	

/*お見積もり依頼・お問い合わせ---------------------------*/
dl.m_inquiry{
	width:150px;
	height:86px;
	_height:83px;
	display:block;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
	}
dl.m_inquiry dt{
	width:150px;
	height:43px;
	background:url(img/navi/cc_01.gif);
	display:block;
	text-indent:-9999px;
	}	
dl.m_inquiry dt a:link, dl.m_inquiry dt a:visited, dl.m_inquiry dt a:active{
	width:150px;
	height:43px;
	display:block;
	}	
dl.m_inquiry dt a:hover{
	background:url(img/navi/cc_02.gif) no-repeat;
	}	
dl.m_inquiry dd{
	width:150px;
	height:43px;
	background:url(img/navi/dd_01.gif);
	display:block;
	text-indent:-9999px;
	}	

/*よくある質問-------------------------------------------*/
dl.m_faq{
	width:150px;
	height:81px;
	display:block;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	}
dl.m_faq dt{
	width:150px;
	height:42px;
	background:url(img/navi/ee_01.gif);
	display:block;
	text-indent:-9999px;
	}	
dl.m_faq dt a:link, dl.m_faq dt a:visited, dl.m_faq dt a:active{
	width:150px;
	height:42px;
	display:block;
	}	
dl.m_faq dt a:hover{
	background:url(img/navi/ee_02.gif) no-repeat;
	}	
dl.m_faq dd{
	width:150px;
	height:39px;
	background:url(img/navi/ff_01.gif);
	display:block;
	text-indent:-9999px;
	}	

/*採用情報------------------------------------------------*/
dl.m_rec{
	width:150px;
	height:81px;
	display:block;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	}
dl.m_rec dt{
	width:150px;
	height:42px;
	background:url(img/navi/re_01.gif);
	display:block;
	text-indent:-9999px;
	}	
dl.m_rec dt a:link, dl.m_rec dt a:visited, dl.m_rec dt a:active{
	width:150px;
	height:42px;
	display:block;
	}	
dl.m_rec dt a:hover{
	background:url(img/navi/re_02.gif) no-repeat;
	}	
dl.m_rec dd{
	width:150px;
	height:39px;
	background:url(img/navi/rr_01.gif);
	display:block;
	text-indent:-9999px;
	}	

/*リンク集-----------------------------------------------*/
dl.m_link{
	width:150px;
	height:82px;
	_height:81px;
	display:block;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
	}
dl.m_link dt{
	width:150px;
	height:42px;
	background:url(img/navi/mm_01.gif);
	display:block;
	text-indent:-9999px;
	}	
dl.m_link dt a:link, dl.m_link dt a:visited, dl.m_link dt a:active{
	width:150px;
	height:42px;
	display:block;
	}	
dl.m_link dt a:hover{
	background:url(img/navi/mm_02.gif) no-repeat;
	}	
dl.m_link dd{
	width:150px;
	height:40px;
	background:url(img/navi/ll_01.gif);
	display:block;
	text-indent:-9999px;
	}	

/*会社案内-----------------------------------------------*/
ul#m_corp{
	width:150px;
	height:134px;
	list-style: none;	
	background:url(img/navi/gg_01.gif) no-repeat;
	padding:42px 0 0 0;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
	list-style:inside;
	>list-style:outside;
	}

/*社長あいさつ*/
li.m_grtg{
	width:150px;
	height:23px;
	background:url(img/navi/hh_01.gif) no-repeat;
	text-indent:-9999px;
	}
li.m_grtg a:link, li.m_grtg a:visited, li.m_grtg a:active{
	width:150px;
	height:23px;
	display:block;
	}
li.m_grtg a:hover{
	background:url(img/navi/hh_02.gif) no-repeat;
	}
/*会社概要*/
li.m_abt{
	width:150px;
	height:23px;
	background:url(img/navi/i_01.gif) no-repeat;
	text-indent:-9999px;
	}
li.m_abt a:link, li.m_abt a:visited, li.m_abt a:active{
	width:150px;
	height:23px;
	display:block;
	}
li.m_abt a:hover{
	background:url(img/navi/i_02.gif) no-repeat;
	}
/*沿革*/
li.m_hstr{
	width:150px;
	height:23px;
	background:url(img/navi/jj_01.gif) no-repeat;
	text-indent:-9999px;
	}
li.m_hstr a:link, li.m_hstr a:visited, li.m_hstr a:active{
	width:150px;
	height:23px;
	display:block;
	}
li.m_hstr a:hover{
	background:url(img/navi/jj_02.gif) no-repeat;
	}
/*主要取引先*/
li.m_clnt{
	width:150px;
	height:23px;
	background:url(img/navi/kk_01.gif) no-repeat;
	text-indent:-9999px;
	}
li.m_clnt a:link, li.m_clnt a:visited, li.m_clnt a:active{
	width:150px;
	height:23px;
	display:block;
	}
li.m_clnt a:hover{
	background:url(img/navi/kk_02.gif) no-repeat;
	}

/**********************************************************/
/*サブメニュー系//////////////////////////////////////////*/
/**********************************************************/
/*言語選択*/
ul#lang{
	width:184px;
	height:18px;
	position:absolute;
	left: 548px;
	top: -41px;
	}
*html ul#lang{
	width:184px;
	height:18px;
	position:absolute;
	left: 548px;
	top: -57px;
	}

ul#lang li{
	display:inline;
	width:60px;
	height:16px;
	line-height:16px;
	text-align:center;
	float:left;
	}
ul#lang li.en{
	border-left:1px solid #666666;
	}
ul#lang li.cn{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	}
ul#lang li.kr{
	border-right:1px solid #666666;
	}

/*ページ遷移*/
div#footer p{
	width:600px;
	float:left;
	height:18px;
	margin:17px 0 0 0;
	}
ul#navi{
	display:block;
	width:123px;
	height:18px;
	float:right;
	margin:17px 0 0 0;
	}
ul#navi li{
	display:inline;
	width:60px;
	height:16px;
	line-height:16px;
	text-align:center;
	float:right;
	}
ul#navi li.tp{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	}
ul#navi li.bk{
	border-left:1px solid #666666;
	}

/**********************************************************/
/*index.html//////////////////////////////////////////////*/
/**********************************************************/
/*メインイメージ(サブメニュー)*/
div#submenu{
	width:550px;
	height:184px;
	background:url(img/index.jpg) no-repeat;
	text-indent:-9999px;
	}
div#submenu p{
	width:100%;
	height:20px;
	}
div#submenu li a{
	display:block;
	width:64px;
	height:64px;
	}
li.sm_mnf{
	display:block;
	width:64px;
	height:64px;
	float:left;
	margin:90px 0 0 13px;
	_margin:90px 0 0 6px;
	}
li.sm_mnt{
	display:block;
	width:66px;
	height:64px;
	float:left;
	margin:90px 0 0 23px;
	}
li.sm_mat{
	display:block;
	width:66px;
	height:64px;
	float:left;
	margin:90px 0 0 26px;
	}
li.sm_mch{
	display:block;
	width:66px;
	height:64px;
	float:left;
	margin:90px 0 0 27px;
	}
li.sm_tec{
	display:block;
	width:64px;
	height:64px;
	float:left;
	margin:90px 0 0 28px;
	}
li.sm_npr{
	display:block;
	width:66px;
	height:64px;
	float:left;
	margin:90px 0 0 24px;
	}

/*コピー部分----------------------------------------------*/
div #copy{
	width:393px;
	height:55px;
	background:url(img/index_logo_01.gif) no-repeat;
	text-indent:-9999px;
	}

h4#item{
	font-weight:bold;
	font-size:16px;
	margin:10px 0 0;
	}
ul#items{
	list-style:inside;
	margin:0 0 10px;
	}
ul#items li{
	display:inline;
	padding:0 0 0 1.5em;
	background:url(img/bullet.gif) no-repeat;
	}

/*特徴部分------------------------------------------------*/
dl.feature{
	margin:0 0 10px;
	}
dl.feature dt{
	width:56px;
	height:80px;
	margin:0 5px 0 0 ;
	border:1px solid #216051;
	text-align:center;
	line-height:80px;
	color:#216051;
	font-weight:bold;
	float:left;
	}
dl.feature dd{
	display:block;
	font-weight:bold;
	line-height:1.40;
	}

/*クイック見積もり部分------------------------------------*/
dl#estimate{
	display:block;
	background:url(img/navi/index_a_01.gif) no-repeat;
	width:262px;
	height:72px;
	float:left;
	margin:0 0 15px;
	text-indent:-9999px;
	}
a.estmt:link, a.estmt:visited, a.estmt:active{
	display:block;
	width:262px;
	height:72px;
	}
a.estmt:hover{
	background:url(img/navi/index_a_02.gif) no-repeat;
	}

/*製品・サービス検索部分*/
dl#search{
	display:block;
	background:url(img/navi/index_b_01.gif) no-repeat;
	width:262px;
	height:72px;
	float:right;
	margin:0 0 15px;
	text-indent:-9999px;
	}
a.srch:link, a.srch:visited, a.srch:active{
	display:block;
	width:262px;
	height:72px;
	}
a.srch:hover{
	background:url(img/navi/index_b_02.gif) no-repeat;
	}


/*NEW&TOPICS*/
div#newsTopics{
	clear:both;
	margin:0 0 10px;
	text-align:left;
	}
div#newsTopics h4{
	width:550px;
	height:24px;
	text-indent:-9999px;
	background:url(img/index_logo_03.gif) no-repeat;
	}
div#newsTopics div{
	border-bottom:1px dotted #333333;
	padding:0 10px;
	}
div#newsTopics div div{
	border-bottom:none;
	}
div#newsTopics p{
	padding:0 0 5px;
	}
div#newsTopics p.date{
	background:url(img/arrow.gif) no-repeat 0 6px;
	padding:5px 10px;
	font-weight:bold;
	}

/*INFOMATION----------------------------------------------*/
div#infoArea{
	clear:both;
	margin:0 0 0;
	text-align:left;
	}
div#infoArea h4{
	width:550px;
	height:24px;
	text-indent:-9999px;
	background:url(img/index_logo_04.gif) no-repeat;
	}
dl.infoTel{
	width:100%;
	height:27px;
	background:url(img/index_logo_05.gif) no-repeat;
	text-indent:-9999px;
	padding:0 0 5px;
	border-bottom:1px dotted #333333;
	}
dl.infoMail{
	width:100%;
	height:27px;
	background:url(img/index_logo_06.gif) no-repeat;
	text-indent:-9999px;
	padding:0 0 5px;
	border-bottom:1px dotted #333333;
	}
dl.infoCorp dt{
	height:30px;
	font-weight:bold;
	color:#339966;
	display:inline;
	padding:0 10px 0 0;
	line-height:30px;
	float:left;
	}
dl.infoCorp dd{
	height:30px;
	display:inline;
	padding:0 10px 0 0;
	line-height:30px;
	float:left;
	}
span.tf{
	font-weight:bold;
	color:#339966;
	margin:0 5px 0 10px;
	}

/**********************************************************/
/*search.php//////////////////////////////////////////////*/
/**********************************************************/
table#process{
	border-collapse:collapse;
	border-bottom:1px dotted #666666;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 10px;
	}

table#process td.c1{
	border-right:1px dotted #666666;
	padding:0 5px 0 0;
	}
table#process td.c2-3{
	border-right:1px dotted #666666;
	padding:0 5px 0 5px;
	text-align:center;
	}
table#process td.c4{
	padding:0 0 0 5px;
	}

table#process table td{
	text-align:left;
	}

table.sq{
	border-bottom:1px dotted #666666;
	margin:10px 0 10px;
	}
table.sq td{
	height:20px;
	}

hr{
	border-top:2px solid #ECECEC;
	border-bottom:2px solid #ECECEC;
	margin:0 0 10px;
	}
ul.sub_caption{
	list-style:inside;
	margin:5px 0 10px;
	}
ul.sub_caption li{
	font-size:10px !important;
	color:#FF2200;
	line-height:1.25;
	}
input.sbmt{
	border:1px solid #666666;
	background:#3F9F6F;
	color:#FFFFFF;
	padding:3px 5px 3px;
	margin:10px 10px 20px 0;
	}

table.dataset{
	margin:0 0 10px 0;
	}
div.protitle{
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	padding:5px 0 5px 0;
	margin:0 0 10px 0;
	text-indent:20px;
	background:url(img/bullet2.gif) no-repeat 0 7px;
	}
td.detail{
	padding:0 0 0 10px;
	}

table.feature{
	background:#EAEAEA;
	margin:0 0 10px 0;
	}
p.kw{
	font-weight:bold;
	margin:0 0 10px 0;
	}

/**********************************************************/
/*search_inq.php/inquiry.php//////////////////////////////*/
/**********************************************************/
table#inq{
	width:550px;
	border-collapse:collapse;
	}
table#inq th{
	width:125px;
	background:#EAEAEA;
	padding:5px 5px 5px;
	vertical-align:top;
	}
table#inq td{
	width:425px;
	padding:5px 5px 5px;
	vertical-align:top;
	}
p.error{
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin:5px 0 10px;
	padding:5px 5px 5px;
	}

.w100per{
	width:95%;
	border:1px solid #666666;
	font-size:12px;
	padding:2px 2px 2px;
	}
.w50per{
	width:45%;
	border:1px solid #666666;
	font-size:12px;
	padding:2px 2px 2px;
	}
select{
	border:1px solid #666666;
	font-size:12px;
	padding:2px 2px 2px;
	}
/*++++++++++++++++++++++++++++++*/
/*ファイルアップロードフォーム用*/
/*++++++++++++++++++++++++++++++*/
input.upload{
	border:1px solid #666666;
	padding:2px 2px 2px;
	}	
/* IE7 only*/
*:first-child+html input.upload{
	border:1px solid #666666;
	padding:2px 2px 2px;
	}	
/* Safari only \*/
html*input.upload{
	border:1px solid #FFFFFF;
}
/* others */
* html input.upload{
	border:1px solid #666666;
	padding:2px 2px 2px;
	}	
/*ファイルアップロードフォーム用ここまで*/
/**********************************************************/
/*company/info.php////////////////////////////////////////*/
/**********************************************************/
h2#corpInfo{
	width:550px;
	height:53px;
	background:url(img/info_top.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

table#ci{
	margin:0 0;
	padding:0 0;
	border-collapse:collapse;
	}
table#ci th{
	width:120px;
	background:#E6E6E6;
	text-align:center;
	line-height:36px;
	font-weight:bold;
	}
table#ci th.line1{
	height:36px;
	}
table#ci th.line2{
	height:72px;
	}
table#ci td{
	padding:0 10px 0;
	margin:0 0;
	}
/**********************************************************/
/*recruit.php/////////////////////////////////////////////*/
/**********************************************************/
h3.recHeader{
	font-weight:bold;
	font-size:14px;
	margin:20px 0 5px;
	}

table.rec{
	border-collapse:collapse;
	}
td.recDetail{
	padding:10px 10px 10px 10px;
	border:1px solid #CCCCCC;
	}
td.recDetail2{
	padding:5px 5px 5px 5px;
	border:1px solid #CCCCCC;
	}
	
th.tRecHeader{
	border:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	background:#EBF0F6;
	font-weight:bold;
	}
th.tRecHeader2{
	width:6em;
	border:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	background:#EBF0F6;
	font-weight:bold;
	text-align:left;
	}
	
ol.rstd{
	list-style:inside;
	display:block;
	width:527px;
	padding:10px 10px 10px 10px;
	border:1px solid #CCCCCC;
	}	
/**********************************************************/
/*faq.php/////////////////////////////////////////////////*/
/**********************************************************/
h2#faq{
	width:550px;
	height:53px;
	background:url(img/faq_top.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 0 0 0;
	}
h3#aqlHeader{
	width:550px;
	height:22px;
	background:url(img/faq_01.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
div#Qalook{
	padding:0 0 10px;
	border-bottom:1px dotted #666666;
	}
h4.qHeader{
	background:url(img/bullet2.gif) no-repeat 0 0;
	text-indent:16px;
	margin:20px 0 10px;
	font-weight:bold;
	}
p.qLink{
	margin:0 0 8px 15px;
	}
span.q{
	font-weight:bold;
	margin:0 10px 0 0;
	}
div.qAndA{
	border-bottom:1px dotted #666666;
	}
p.faq-q{
	height:20px;
	background:url(img/faq_02.gif) no-repeat #E8E8E8;
	margin:0 0 5px;
	padding:0 0 3px 20px;
	line-height:24px;
	font-weight:bold;
	}
p.faq-a{
	background:url(img/faq_03.gif) no-repeat;
	margin:0 0 5px;
	padding:0 0 0 20px;
	line-height:24px;
	}
p.faq-back{
	margin:0 0 10px;
	height:15px;
	text-align:right;
	background:url(img/bullet3.gif) no-repeat 518px 4px;
	}
/**********************************************************/
/*greeting.php////////////////////////////////////////////*/
/**********************************************************/
h2#greeting{
	width:550px;
	height:53px;
	background:url(img/greeting_top.jpg) no-repeat;
	text-indent:-9999px;
	}
h3#message{
	width:550px;
	height:22px;
	background:url(img/greeting_01.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
span.markup-pink{
	font-weight:bold;
	color:#e10038;
	}
p.grt{
	line-height:1.5;
	}
p.brk{
	margin:0 0 20px;
	line-height:1.5;
	}

/**********************************************************/
/*history.php/////////////////////////////////////////////*/
/**********************************************************/
h2#corpHistory{
	width:550px;
	height:53px;
	background:url(img/history_top.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}
table#hstr{
	width:100%;
	border-collapse:collapse;
	margin:0 0;
	padding:0 0;
	}
table#hstr td{
	height:36px;
	border-bottom:1px dotted #666666;
	}
table#hstr td.month{
	text-align:right;
	padding:0 10px 0 0;
	}
table#hstr th{
	height:36px;
	border-bottom:1px dotted #666666;
	font-weight:bold;
	text-align:center;
	}

/**********************************************************/
/*customer.php////////////////////////////////////////////*/
/**********************************************************/
h2#mainClnt{
	width:550px;
	height:53px;
	background:url(img/customer_top.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px;
	}
h3#cstmr{
	width:550px;
	height:22px;
	background:url(img/customer_01.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
table#customer{
	border-collapse:collapse;
	margin:0 0 20px;
	}
table#customer th{
	background:#a5e0c2;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	padding:3px 0 3px;
	font-weight:bold;
	text-align:center;
	}
table#customer td{
	padding:2px 0 2px 3px;
	}
.col1{
	width:147px;
	}
.col2{
	width:147px;
	border-right:1px dotted #666666;
	border-left:1px dotted #666666;
	}
.col3{
	width:247px;
	}
.col1c{
	width:147px;
	background:#E8E8E8;
	}
.col2c{
	width:145px;
	background:#E8E8E8;
	border-right:1px dotted #666666;
	border-left:1px dotted #666666;
	}
.col3c{
	width:247px;
	background:#E8E8E8;
	}
.recend{
	border-top:1px solid #666666;
	}
h3#supplier{
	width:550px;
	height:22px;
	background:url(img/customer_02.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
ul#compList{
	list-style:inside;
	margin:0 0 0 20px;
	}
p.other{
	margin:0 0 20px 20px;
	}