@charset "utf-8";

/*-------------------------------------------------
	reset styles
-------------------------------------------------*/
HTML, BODY, DIV, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ADDRESS, UL, OL, LI, DL, DT, DD, TABLE, TH, TD, FORM, FIELDSET {
	margin: 0;
	padding: 0;
	color:#484848;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
}
OL,UL,LI {list-style-type: none;}
A {outline:none 0 #000000;}
IMG {border:0;}
SUP,SUB{
	vertical-align: baseline;
	position: relative;
}
SUP { top:-4px }
SUB { top: 4px }
/*-------------------------------------------------
	layout base 
-------------------------------------------------*/
HTML, BODY {height:100%;}
BODY{
	text-align:center;
}
/*-------------------------------------------------
	text color and size
-------------------------------------------------*/
BODY, TH, TD, H1, H2, H3, H4, H5, H6, PRE, INPUT, TEXTAREA, OPTION, DIV, P, DT, DD, LI, ADDRESS {
	font-size: 14px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
}
/*-------------------------------------------------
 text link
 -------------------------------------------------*/
A {color:#588B1F;}
A:link {color:#588B1F;}
A:visited {color:#588B1F;}
A:hover {color:#588B1F; text-decoration:none;}
/*-------------------------------------------------
	usefull margin
-------------------------------------------------*/
.mbS {margin-bottom:10px;}
.mbM {margin-bottom:20px;}
.mtSM {margin-top:15px;}
.widthLimitA{width:370px;}
.widthLimitB{width:300px;}
/*-------------------------------------------------
	usefull item
-------------------------------------------------*/
.tar {text-align:right;}
.tac {text-align:center;}
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
BR.clear {
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
A.linkIcon{
	background:url(../img/ico_arrow.gif) no-repeat left center;
	padding-left:14px;
}
.wrapBorder{background:url(../img/bg_dot.gif) repeat-x top left;}
.divide HR{display:none;}
.divide {padding-top:1px; background:url(../img/bg_dot.gif) repeat-x top center; margin-bottom:20px; width:100%;}
/*-------------------------------------------------
	wrapbase
-------------------------------------------------*/
#wrapbase {
	margin:0 auto;
	width:860px;
	height:100%;
	min-height:100%;
}
body > #wrapbase{	height:auto;}
/*-------------------------------------------------
	main
-------------------------------------------------*/
#main {
	background:url(../img/bg_main.gif) repeat-y;
	text-align:left;
	height:100%;
	min-height:100%;
}
body > #main{	height:auto;}
/*-------------------------------------------------
	header
-------------------------------------------------*/

#header{
	position:relative;
	height:72px;
}

#header H2{
	width:200px;
	height:28px;
	position:absolute;
	top:32px;
	left:0px;
}
/* hnavi */
#hnavi{
	width:380px;
	position:absolute;
	top:49px;
	left:480px;
}

#hnavi LI{
	float:left;
	height:14px;
	margin-right:10px;
	font-size:10px;
}

#hnavi LI A{
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
}


#top_page #hnavi LI#hnavi_toppage A,
#privacy_page #hnavi LI#hnavi_privacy A,
#inquiry_page #hnavi LI#hnavi_inquiry A,
#sitemap_page #hnavi LI#hnavi_sitemap A,
#hnavi LI A:hover{background-position:bottom left;}

#hnavi LI#hnavi_toppage{width:77px;}
#hnavi LI#hnavi_privacy{width:112px;}
#hnavi LI#hnavi_inquiry{width:86px;}
#hnavi LI#hnavi_sitemap{width:75px; margin-right:0px;}

#hnavi LI#hnavi_toppage A{background-image:url(../img/hnavi_toppage.gif);}
#hnavi LI#hnavi_privacy A{background-image:url(../img/hnavi_privacy.gif);}
#hnavi LI#hnavi_inquiry A{background-image:url(../img/hnavi_inquiry.gif);}
#hnavi LI#hnavi_sitemap A{background-image:url(../img/hnavi_sitemap.gif);}

	
/*-------------------------------------------------
	gnavi
-------------------------------------------------*/

#gnavi{
	background:url(../img/bg_gnavi.gif) repeat-x left top;
	height:40px;
}

#gnavi UL{
	margin-left:21px;
}

#gnavi LI{
	float:left;
	height:40px;
}

#gnavi LI A{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
}

#company_page #gnavi LI#gnavi_company A,
#factory_page #gnavi LI#gnavi_factory A,
#showcase_page #gnavi LI#gnavi_showcase A,
#oem_page #gnavi LI#gnavi_oem A,
#csr_page #gnavi LI#gnavi_csr A,
#faq_page #gnavi LI#gnavi_faq A,
#inquiry_page #gnavi LI#gnavi_inquiry A,
#gnavi LI A:hover{background-position:left bottom;}

#gnavi LI#gnavi_company{width:96px;}
#gnavi LI#gnavi_factory{width:95px;}
#gnavi LI#gnavi_showcase{width:95px;}
#gnavi LI#gnavi_oem{width:106px;}
#gnavi LI#gnavi_csr{width:164px;}
#gnavi LI#gnavi_faq{width:138px;}
#gnavi LI#gnavi_inquiry{width:124px;}

#gnavi LI#gnavi_company A{background-image:url(../img/gnavi_company.gif);}
#gnavi LI#gnavi_factory A{background-image:url(../img/gnavi_factory.gif);}
#gnavi LI#gnavi_showcase A{background-image:url(../img/gnavi_showcase.gif);}
#gnavi LI#gnavi_oem A{background-image:url(../img/gnavi_oem.gif);}
#gnavi LI#gnavi_csr A{background-image:url(../img/gnavi_csr.gif);}
#gnavi LI#gnavi_faq A{background-image:url(../img/gnavi_faq.gif);}
#gnavi LI#gnavi_inquiry A{background-image:url(../img/gnavi_inquiry.gif);}

/*-------------------------------------------------
	footer
-------------------------------------------------*/

#footer{
	clear:both;
	border-top:3px solid #588B1F;
	padding-top:15px;
}

#footer P,
#footer ADDRESS{
	text-align:center;
	font-size:12px;
	margin-bottom:12px;
}


DIV.btn_pagetop02{
	width:104px;
	height:16px;
	float:right;
	display:inline;
	margin-right:20px;
	clear:both;
}

DIV.btn_pagetop02 A{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_pagetop02.gif) no-repeat top left;
}

DIV.btn_pagetop02 A:hover{
	background-position:bottom left;
}

/*-------------------------------------------------
	mainImg
-------------------------------------------------*/

#mainImg H1,
#mainImg H2{
float:left;
}

#mainImg H1 IMG{
margin-bottom:20px;
}
/*-------------------------------------------------
	titleArea
-------------------------------------------------*/

#titleArea{
	margin-bottom:5px;
}

#l_navi{
background-color:#E5F3DA;
padding:8px 30px;
font-size:12px;
}

#l_navi LI{
	display:inline;
	background:url(../img/ico_arrow.gif) no-repeat left center;
	padding-left:14px;
	margin-right:20px;
	font-size:12px;
}

#titleArea H1{ height:78px; }
#titleArea H1#mainImg01{ background:url(../img/bg_mainImg01.jpg) no-repeat top left; }
#titleArea H1#mainImg02{ background:url(../img/bg_mainImg02.jpg) no-repeat top left; }
#titleArea H1#mainImg03{ background:url(../img/bg_mainImg03.jpg) no-repeat top left; }
#titleArea H1#mainImg04{ background:url(../img/bg_mainImg04.jpg) no-repeat top left; }
#titleArea H1 IMG{ padding:16px 0px 0px 20px; }

/*-------------------------------------------------
	wrapcontents
-------------------------------------------------*/
#wrapcontents{
	width:820px;
	margin:0 auto;
	clear:both;
}

#wrapcontents P{
	line-height:150%;
}

#wrapcontents P.smallFont{font-size:10px;}

#wrapcontents P.crumb{
	font-size:12px;
	margin-bottom:20px;
	line-height:120%;
}

/*-------------------------------------------------
	contentsBox
-------------------------------------------------*/

#wrapcontents #contentsBox{
	width:610px;
	float:left;
	margin-bottom:30px;
}

#wrapcontents #contentsBoxTop{
	width:610px;
	float:left;
	padding-bottom:30px;
}

#wrapcontents #contentsBoxTop H2,
#wrapcontents #contentsBoxTop P{
	margin-bottom:20px;
}

#wrapcontents #contentsBoxTop H3{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:3px solid #588B1F;
}

#wrapcontents #contentsBoxTop TABLE{
	width:590px;
	margin-left:10px;
}

#wrapcontents #contentsBoxTop TH{
	padding:8px 0px;
	line-height:150%;
	background:url(../img/bg_dot.gif) repeat-x bottom left;
	width:20%;
	color:#588B1F;
	text-align:left;
	font-size:12px;
	vertical-align:top;
}

#wrapcontents #contentsBoxTop TD{
	padding:8px 0px;
	line-height:150%;
	background:url(../img/bg_dot.gif) repeat-x bottom left;
	width:80%;
	font-size:12px;
	vertical-align:top;
}

/* newsBox */
DIV#newsBox H3 A{ display:block; background:url(../img/btn_news.gif) right top no-repeat; height:21px; }
DIV#newsBox H3 A:hover{ background-position:right bottom; }
#wrapcontents #contentsBoxTop DIV#newsBox TABLE TH{ width:14%; }
#wrapcontents #contentsBoxTop DIV#newsBox TABLE TD SPAN{ font-size:13px; }

/*-------------------------------------------------
	subBox
-------------------------------------------------*/

#wrapcontents #subBox{
	width:190px;
	float:right;
	margin-bottom:30px;
}


#subBox DIV{ margin-bottom:10px; }

#subBox DIV A{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
}

DIV#bnr_showcase{ height:116px; }
DIV#bnr_csr{ height:58px; }
DIV#bnr_privacy{ height:41px; }
DIV#bnr_recruit{ height:41px; }

DIV#bnr_showcase A{	background-image:url(../img/bnr_showcase.gif);}
DIV#bnr_csr A{ background-image:url(../img/bnr_csr.gif);}
DIV#bnr_privacy A{ background-image:url(../img/bnr_privacy.gif);}
DIV#bnr_recruit A{ background-image:url(../img/bnr_recruit.gif);}


#subBox DIV A:hover{	background-position:right top;}
#subBox HR{ height:10px; 
	background:#FFF;
	background:url(../img/bg_dot.gif) no-repeat top left; }
#isoBox IMG.iso9001{
	margin-right:10px;
}
#isoBox IMG{
	margin-bottom:5px;
}
#isoBox {
	background:url(../img/bg_dot.gif) no-repeat top left;
	padding-top:11px;
}

#isoBox P{
	font-size:12px;
	background:url(../img/bg_dot.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:10px;

}
#isoBox P.none{
	background-image:none; 
	padding-bottom:0px;
	margin-bottom:0px;
}
.objC{ text-align:center; }

#subBox P IMG{
	text-align:center;
	margin-bottom:10px;
}

/*-------------------------------------------------
	content
-------------------------------------------------*/

H2.headline{
	padding:9px 10px;
	background:url(../img/bg_headline.gif) no-repeat top left;
	font-size:16px;
	font-weight:bold;
	line-height:100%;
	font-family:"ＭＳ Ｐ明朝", Hiragino Mincho Pro, "ヒラギノ明朝 Pro W3";
	color:#FFFFFF;
	letter-spacing:0.1em;
	margin-bottom:15px;
}

H2.headline2{
	padding:9px 10px;
	background:url(../img/bg_headline.gif) no-repeat top left;
	font-size:16px;
	font-weight:bold;
	line-height:100%;
	font-family:"ＭＳ Ｐ明朝", Hiragino Mincho Pro, "ヒラギノ明朝 Pro W3";
	color:#FFFFFF;
	letter-spacing:0.1em;
}

.content{
	width:590px;
	margin-left:10px;
}

.content H3{
	margin-bottom:20px;
}

.content H4{
	border-left:2px solid #588B1F;
	padding-left:8px;
	margin-bottom:10px;
	color:#588B1F;
	line-height:150%;
}

.content P{
	margin:0px 10px 20px 0px;
}

.content P.mr0{
	margin:0px 0px 20px 0px;
}

.content UL{
	padding-bottom:10px;
}

.content UL LI{
	line-height:150%;
	padding-left:12px;
	background:url(../img/ico_list01.gif) no-repeat left center;
}

TABLE.tstyleBasic{
	width:590px;
	background:url(../img/bg_dot.gif) repeat-x top left;
	margin-bottom:20px;
}

TABLE.tstyleBasic TH{
	padding:8px 0px;
	line-height:150%;
	background:url(../img/bg_dot.gif) repeat-x bottom left;
	color:#588B1F;
	text-align:left;
	font-size:12px;
	vertical-align:top;
}
.cellSize01{
	width:20%;
}
.cellSize02{
	width:80%;
}

TABLE.tstyleBasic TD{
	padding:8px 0px;
	line-height:150%;
	background:url(../img/bg_dot.gif) repeat-x bottom left;
	font-size:12px;
}

DIV.btn_pagetop01{
	width:610px;
	height:16px;
	clear:both;
	margin-bottom:30px;
}

DIV.btn_pagetop01 A{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_pagetop01.gif) no-repeat top left;
}

DIV.btn_pagetop01 A:hover{
	background-position:bottom left;
}

#btnArea{
	padding:20px;
	margin-bottom:20px;
	background:#E4F1D6 url(../img/bg_dot.gif) repeat-x left bottom;
}
#btnArea2{
	position:relative;
	height:75px;
	margin-bottom:20px;
	background:#E4F1D6 url(../img/bg_dot.gif) repeat-x left bottom;
}



#btnArea DIV{
	width:215px;
	height:35px;
	margin:0 auto;
}

#btnArea2 DIV{
	width:215px;
	height:35px;
}

#btnArea DIV A,
#btnArea2 DIV A{
	display:block;
	width:100%;
	height:100%;
	background-repeat:none;
	background-position:left top;
	text-indent:-9999px;
}

#btnArea DIV A:hover,
#btnArea2 DIV A:hover{
	background-position:left bottom;
}

#btnArea DIV#btn_confirm A{	background-image:url(../inquiry/img/btn_confirm.gif);}
#btnArea2 DIV#btn_revise A{	background-image:url(../inquiry/img/btn_revise.gif);}
#btnArea2 DIV#btn_submit A{	background-image:url(../inquiry/img/btn_submit.gif);}
#btnArea DIV#btn_inquiry A{	background-image:url(../oem/img/btn_inquiry.gif);}
#btnArea DIV#btn_recruit A{	background-image:url(../recruit/img/btn_recruit.gif);}

#btnArea2 DIV#btn_revise{
	position:absolute;
	left:72px;
	top:20px;
}

#btnArea2 DIV#btn_submit{
	position:absolute;
	left:305px;
	top:20px;
}

/*-------------------------------------------------
	page特有のスタイル
-------------------------------------------------*/

.faqDl{
	background:url(../img/bg_dot.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

.faqDl DT{
	color:#588B1F;
	padding-top:10px;
	background:url(../faq/img/txtQtop.gif) no-repeat left top;
	line-height:150%;
	padding-left:25px;
	margin-bottom:10px;
}

.faqDl DD{
	background:url(../faq/img/txtA.gif) no-repeat left top;
	line-height:150%;
	padding-left:25px;
}

.faqDl DD.divide{
	margin-bottom:30px;
}


#privacyOl LI{
	list-style-type:decimal;
	margin-left:30px;
	margin-bottom:20px;
	line-height:150%;
}

.csrOl LI{
	list-style-type:decimal;
	margin-left:30px;
	margin-bottom:20px;
	line-height:150%;
}

.csrUl LI{
	margin-bottom:20px;
}

H5.emphasis{
	color:#FA9F30;
	font-weight:bold;
	margin-bottom:10px;
}

H5.emphasis2{
	color:#588B1F;
	font-weight:bold;
	margin-bottom:10px;
}

.shortSize{
width:150px;
}

.middleSize{
width:250px;
}

.longSize{
width:400px;
}

.formZone SPAN,
.formZone SUP,
.formZone .inputAlert{
color:#990000;
}

.formZone P.inpurAlert{
margin-bottom:0px;
}

#subttlCompany{	background:url(../company/img/bg_subttl.jpg) no-repeat right top; }
#companybg01{	background:url(../company/img/pic1.jpg) no-repeat right top; }
#companybg02{	background:url(../company/img/pic2.jpg) no-repeat right top; }
#factorybg01{	background:url(../factory/img/pic2.jpg) no-repeat right top; }
#factorybg02{	background:url(../factory/img/pic3.jpg) no-repeat right top; }
#swowcasebg01{ background:url(../showcase/img/pic1.jpg) no-repeat right top; }
#swowcasebg02{ background:url(../showcase/img/pic1_3.jpg) no-repeat right top; }
#swowcasebg03{ background:url(../showcase/img/pic4_1.jpg) no-repeat right top; height:}
#csrbg01{ background:url(../csr/img/pic1.jpg) no-repeat right top; }
#csrbg02{ background:url(../csr/img/pic2.jpg) no-repeat right top; }


/* OEM */
#oemDl{
	background:url(../img/bg_dot.gif) repeat-x left bottom;
}

#oemDl DT{
	width:285px;
	height:70px;
	background:url(../oem/img/fig1.gif) no-repeat left bottom;
}

#oemDl DT.lastDt{
	width:285px;
	height:70px;
	background:none;
}

#oemDl DD{
	width:290px;
	margin:-70px 0px 0px 305px;
	height:70px;
}

/* showcase */

TABLE.tstyleKind{
	background-color:#77BB33;
	margin-bottom:20px;
}

TABLE.tstyleKind TH{
	padding:5px 5px;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}
TABLE.tstyleKind TD{
	background-color:#FFFFFF;
	text-align:center;
}

TABLE.tstyleShowcase2{
	margin-bottom:20px;
}

TABLE.tstyleShowcase2 TH,
TABLE.tstyleShowcase2 TD{
	vertical-align:top;
	padding:0px 5px 0 5px;
}

TABLE.tstyleShowcase2 TD P{
	font-size:12px;
	margin-bottom:10px;
	margin-right:0px;
}

TABLE.tstyleShowcase2 H4{
	border:none;
	padding-left:0px;
}

TABLE.tstyleShowcase2 H6{
	background-color:#77BB33;
	padding:3px 5px;
	color:#FFFFFF;
	margin-bottom:5px;
}

TABLE.tstyleShowcase2 .divideSide{
	border-left:1px solid #9DDA5A;
	border-right:1px solid #9DDA5A;
}

/* sitemapDl */


.sitemapDl{
	padding-bottom:10px;
}

.sitemapDl DD,
.sitemapDl DT{
	line-height:150%;
	padding-left:12px;
	background:url(../img/ico_list01.gif) no-repeat left center;
}

.sitemapDl DT{
	font-weight:bold;
}

.sitemapDl DD{
	margin-left:30px;
}