@charset "UTF-8";
@import url("reset.css");
@import url("snav.css");
/* ================================================
Layout
================================================ */
/* !base================================================ */
body{
	margin:0px;
	padding:0px;
	font-family:Simsun, "メイリオ", Helvetica, Helvetica Neue, Arial, sans-serif;
	background:url(img/body_bg.jpg) repeat-x 0px 0px;
	text-align:center;
	line-height:150%;
	font-size:12px;
}

#wrapper{
	width:961px;
	margin:0px auto;
	padding:0px ；
	text-align:left;
}

#header{
	float:left;
	width:961px;
	height:66px;
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	}

#main-menu{
	float:left;
	width:961px;
	margin:0px;
	padding:0px;
	text-align:center;
}

#main{
	float:left;
	width:961px;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#primary{
	float:left;
	width:720px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#secondary{
	float:right;
	width:220px;
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
	text-align:left;
}

#footer{
	clear:both;
	margin:0px 0px 0px 0px; 
	padding:10px 0px 0px 0px;
	border-top:2px solid #ccc;
}

/* !header================================================ */
	
/*--------------#branding---------------*/
#branding{
	float:left;
	width:170px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#branding #site-title{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-size: 3em;
	}

/*--------------#global---------------*/
#global{
	float:right;
	width:230px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#ececec;
	-webkit-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;
	position:relative;
	behavior: url(PIE.htc);
}

/*global-menu*/
#global-menu{
	width:230px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#global-menu ul{
	margin:15px 0px;
	padding:0px 0px 0px 0px;
}

#global-menu li{
	display:inline;
	padding:0px 0px 0px 20px;
	}
	
#global-menu li a{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	color:#333;
	background:url(../images/layout/icon_circle01.gif) no-repeat 0px 1px;
	}

/* !main-manu================================================ */
#main-menu ul{
	clear:both;
	width:961px;
	height:42px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	overflow:hidden;
	background:url(../images/layout/nav_set.jpg) no-repeat 0px 0px;
}

#main-menu ul li{
	float:left;
	height:42px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:block;
}

#main-menu ul li a{
	float:left;
	width:auto;
	height:42px;
	padding:42px 0px 0px 0px;
	background:url(../images/layout/nav_set.jpg) no-repeat 0px 0px;
	display:block;

}

/*navMain*/
#main-menu ul li#menu-lineup a {background-position:0px 0px;width:193px;}
#main-menu ul li#menu-lineup a:hover {background-position:0px -42px;width:193px;}
body#lineup #main-menu ul li#menu-lineup a {background-position:0px -42px;width:193px;}

#main-menu ul li#menu-company a {background-position:-193px 0px;width:192px;}
#main-menu ul li#menu-company a:hover {background-position:-193px -42px;width:192px;}
body#company #main-menu ul li#menu-company a {background-position:-193px -42px;width:192px;}

#main-menu ul li#menu-quality a {background-position:-385px 0px;width:192px;}
#main-menu ul li#menu-quality a:hover {background-position:-385px -42px;width:192px;}
body#quality #main-menu ul li#menu-quality a {background-position:-385px -42px;width:192px;}

#main-menu ul li#menu-recruit a {background-position:-577px 0px;width:192px;}
#main-menu ul li#menu-recruit a:hover {background-position:-577px -42px;width:192px;}
body#recruit #main-menu ul li#menu-recruit a {background-position:-577px -42px;width:192px;}

#main-menu ul li#menu-contact a {background-position:-769px 0px;width:192px;}
#main-menu ul li#menu-contact a:hover {background-position:-769px -42px;width:192px;}
body#contact #main-menu ul li#menu-contact a {background-position:-769px -42px;width:192px;}


/* !breadcrumbs================================================ */
#breadcrumbs{
	clear:both;
	margin:0px 0px 0px 10px;
	padding:20px 0px 20px 0px;
}
#breadcrumbs>ul{
	float:left;
	width:716px;
	margin:0px 0px 0px 0px;
}
#breadcrumbs>ul>li{
	float:left;
	margin:0px 3px;
}
#breadcrumbs li a{
	color:#333;
}
#breadcrumbs li a:hover{
	color:#ccc;
}
	
/* !secondary================================================ */
/*#side_menu*/
#side-menu{
	width:210px;
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:#fff;
}

#secondary h2 span{
	margin:0px 0px 0px 8px;
	padding:10px 10px;
	background:#fff;
}

/* !footer================================================ */
/*#colophon*/
#colophon{
	margin:5px 0px 10px 0px;
	padding:0px;
	text-align:left;
	}

#colophon img{
	float:left;
}

#colophon a{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	color:#333;
}
	
address{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:5px 0px;
	color:#666;
	background:#ECECEC;
	border-bottom:2px solid #A6C5F5;
}
	
/* !primary================================================ */

/*--------------article---------------*/
#article{
	clear: both;
	width:720px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
/*--------------link---------------*/
a{color:#333;}

.pdf{
	margin:0px auto;
	padding:0px 25px 0px 0px;	
	background:url(img/icon_pdf.gif) no-repeat right 2px;
}

/*--------------headline---------------*/
/*headline*/
#article .til_pattern01{
	color:#07b;
	font-weight:bold;
	font-size:medium;
	border-bottom-style:dotted;
	border-left-style:dotted;
	border-width:1px;
	border-color:#aaa;
	margin-bottom:15px;
	padding:18px 0 13px 15px;
}

#article>h2{
	clear:both;
	margin:30px 0px 10px 0px;
	padding:18px 0 13px 15px;
	color:#07b;
	font-weight:bold;
	font-size:medium;
	border-bottom-style:dotted;
	border-left-style:dotted;
	border-width:1px;
	border-color:#aaa;
}

#article>h3{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:25px 0px 5px 0px;
	font-size:1.2em;
}

#article>h4{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:15px 0px 5px 0px;
	font-size:1.2em;
}
/*--------------list---------------*/
/*list*/
.list-article{
	margin:0px 0px 0px 25px;
	padding:0px;
}

.list-article li{
	list-style: disc;
	list-style-position: outside
}

/*dt*/
#article dt{
	margin:0px 0px 0px 0px;
	padding:5px 0px;
	color:#369;
	font-weight:bold;
}

/*ul.list*/
#article ul.list{
	margin:0px 20px 0px 35px;
	padding:0px 0px 10px 0px;
}

#article ul.list li{
	list-style-type: square;
}
/*ol*/
#article ol{
	margin:10px 40px 0px 45px;
	padding:5px 0px;
}

#article ol li{
	margin:0px 0px 0px 05px;
	padding:5px 0px;
	list-style-type: decimal
}

/*box-list*/
.box-list{
	margin:10px 10px;
	padding:0px;
	background:#d6eaf3;
}

.box-list h3{
	margin:5px 20px;
	padding:0px;
	border-bottom:1px dotted #666;
}

.box-list ul{
	margin:0px 20px;
	padding:10px;
}
/*list_d*/
#article .list_d{
	margin:0px 10px;
	padding:0px;
}

#article .list_d dt{
	color:#333;
}

#article .list_d dd{
	margin:0px 10px;
	padding:0px;
}

/*list_dd*/
#article dl.list-dl{
		float:left;
	width:700px;
	margin:20px 0px 0px 10px;
	padding:0px 0px 30px 0px;
}

#article dl.list-dl dt{
	float:left;
	width:200px;
	height:3em;
	margin:0px 0px 0px 0px;
	padding:5px 0px;
	color:#333;
	border-bottom:1px dotted #ccc;
}

#article dl.list-dl dd{
	float:right;
	width:500px;
	height:3em;
	margin:0px 0px 0px 0px;
	padding:5px 0px;
	border-bottom:1px dotted #ccc;
}
/*dl.list-news*/
#article dl.list-news{
	clear:both;
	width:700px;
	margin:20px auto;
	padding:0px 0px;
}

#article dl.list-news dt{
	float:left;
	width:120px;
	height:3em;
	margin:0px 0px 0px 0px;
	padding:5px 0px;
	color:#333;
	border-bottom:1px dotted #ccc;
}

#article dl.list-news dd{
	float:right;
	width:580px;
	height:3em;
	margin:0px 0px 0px 0px;
	padding:5px 0px;
	border-bottom:1px dotted #ccc;
	}
/*--------------box---------------*/
/*box-image*/
.box-image{
	margin:10px auto;
	padding:0px 5px;
	background:url(img/description_bg.gif) repeat-x 1px 1px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(PIE.htc);
}

/*box-catch*/
#article .box-catch{
	margin:10px auto;
	padding:0px;
	border:1px solid #69c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(PIE.htc);
}

#article .box-catch h3{
	margin:10px 20px 0px 20px;
	padding:10px 0px;
	color:#369;
	font-size:1.5em;
	line-height:1.5em;
	border-bottom:1px dotted #666;
}

#article .box-catch p{
	margin:0px auto;
	padding:20px;
}

/*box-note*/
#article .box-note{
	clear:both;
	width:690px;
	margin:20px auto 20px auto;
	padding:0px;
	background:#FFF9C8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(PIE.htc);
}

#article .box-note p{
	margin:0px;
	padding:5px 20px;
	color:#564000;
}

#article .box-note ul,
#article .box-note ol{
	margin:0px 0px;
	padding:10px 0px;
}

#article .box-note li{
	margin:0px;
	padding:3px 20px;
	color:#564000;
	list-style-type: disc;
	list-style-position: inside;
}

/*box-note2*/
#article .box-note2{
	clear:both;
	margin:20px auto 0px auto;
	padding:10px 0px 0px 0px;
	background:#c9e4ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(PIE.htc);
}

#article .box-note2 h3{
	width:120px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	background:#4682B4;
	color:#fff;
}

#article .box-note2 li{
	float:left;
	width:320px;
	margin:0px;
	padding:3px 20px;
	color:#564000;
	list-style-type: disc;
	list-style-position: inside;
}

/*box-note3*/
#article .box-note3{
	clear:both;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
	border:1px solid #ccc;
}

#article .box-note3 h3{
	margin:0px 0px 10px 0px;
	padding:6px 0px 6px 10px;
	background:url(../images/common/til_pattern07.gif) repeat-x 0px 0px;
	color:#fff;
}

#article .box-note3 dl{
	margin:0px;
	padding:3px 20px;
}

#article .box-note3 dt{
	margin:0px;
	padding:0px 0px 0px 15px;
	background:url(../images/common/icon_circle_blue.gif) no-repeat 0px 4px;
}

#article .box-note3 dd{
	margin:0px;
	padding:3px 10px;
}
/*box-contact*/
#article .box-contact{
	margin:20px auto 0px auto;
	padding:0px;
	background:url(img/description_bg.gif) repeat-x 1px 1px;
	border:1px solid #ccc;
}

#article .box-contact h3{
	margin:5px;
	padding:5px 10px;
	color:#fff;
	background:#e27e00 url(img/contact_tit_bg02.gif) repeat-x 0px 0px;
}

#article .box-contact h3 span{
	margin:0px;
	padding:0px 3px;
	color:#0077bb;
	background:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(PIE.htc);
}

#article .box-contact p{
	margin:0px;
	padding:5px 20px;
	color:#564000;
}

/*ibox*/
#article .ibox{
	float:left;
	margin:0px 0px 0px 15px;
	padding:0px 3px;
	text-align:center;
	}
	
#article .ibox p{
	float:left;
	width:200px;
	text-align:center;
	margin:15px 0px 15px 0px;
	}

/*pageTop*/
#article p.pageTop{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:35px 0px 0px 0px;
	text-align:right;
}

#article p.pageTop a{
	margin:0px 0px;
	padding:0px 0px 0px 15px;
	color:#333;
	background: url(img/icon_arrow_grayT.gif) no-repeat 0px 6px;
}

/*--------------text---------------*/
/*p*/
#article p{
	margin:15px 0px 0px 0px;
	padding:0px 20px;
	text-align:left;
}

#article p.no_m{
	margin:15px 0px 0px 0px;
	padding:0px 0px;
	text-align:left;
}

#article p.arr{
	margin:20px 0px;
	padding:0px 0px 0px 10px;
	background: url(img/icon_triangle.gif) no-repeat 0px 4px;
}

/*text*/
#article p>strong{color:#0077bb;font-weight:bold;font-size:1.2em;}
.blue{color:#0077bb;font-weight:bold;}
.red{color:#cc3300;}
#article .half{width:328px;}
#article p.le{text-align:left;}
#article p.ce{text-align:center;}
#article p.ri{text-align:right;}
#article div.lbox{margin:15px 0px 15px 15px;}
#article div.rbox{margin:15px 15px 15px 0px;}
iframe{width:590px;margin:20px 0px 20px 20px;background:#333;}
.indispensable{color:#f00;}
	
.check{color:#9E1A10;}

/*acColumn1*/
#acColumn1 li{
	float:left;
	width:718px;
	height:33px;
	margin:25px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #ccc;
}

#acColumn1 li a{
	display:block;
	height:33px;
	margin:0px auto;
	padding:8px 0px 0px 30px;
	text-decoration:none;
	color:#333;
	background:url(../images/common/h2_bg_1columnArrow.jpg) no-repeat 0 0;
}

#acColumn1 li a:hover{
	background:url(../images/common/h2_bg_1columnArrow_on.jpg) no-repeat 0 0;
}

/*acColumn2*/
#primary #article ul#acColumn2{
	float:left;
	width:720px;
	margin:20px 0px;
	padding:0px 0px 0px 0px;
}

#primary #article ul#acColumn2 li{
	float:left;
	width:345px;
	height:33px;
	margin:5px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #ccc;
}

#primary #article ul#acColumn2 li.odd{
		float:left;
		margin:5px 0px;
}

#primary #article ul#acColumn2 li.even{
		float:right;
		margin:5px 0px;
}

#primary #article ul#acColumn2 li a{
	display:block;
	height:33px;
	margin:0px auto;
	padding:8px 0px 0px 30px;
	text-decoration:none;
	color:#333;
	background:url(../images/common/h2_bg_2columnArrow.jpg) no-repeat 0 0;
}

#primary #article ul#acColumn2 li a:hover{
	background:url(../images/common/h2_bg_2columnArrow_on.jpg) no-repeat 0 0;
}

/* --- アコーディオンなし／1カラム--- */
#article ul.acColumn1 {
	border:1px solid #ccc;
	margin:15px auto;
	padding:0px 0px 0px 0px;
}

#article ul.acColumn1 h2.normal a,
#article ul.acColumn1W960 h2.normal a{
	display: block;
	height:33px;
	font-size: medium;
	line-height:33px;
	padding:0;
	padding-left:33px;
	text-decoration:none;
}
#article ul.acColumn1 h2.normal a{
	width:685px;
}

#article ul.acColumn1 h2.normal a{
	background:url(../images/common/h2_bg_1columnArrow.jpg) no-repeat 0 0;
}

#article ul.acColumn1 h2.normal a:hover{
	background:url(../images/common/h2_bg_1columnArrow_on.jpg) no-repeat 0 0;
}

#article ul.acColumn1 h2.normal img,
#article ul.acColumn1W960 h2.normal img{
	margin: 0px 12px 0px 14px;
	vertical-align:middle;
}

#article ul.acColumn1 ul li{
	clear:both;
	margin:10px 20px;
	padding:0px 0px 0px 10px;
		border-bottom:1px dotted #666;
	}
	
#article ul.acColumn1 ul li a{
	clear:both;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 10px;
	color:#333;
	font-weight:normal;
	background: url(img/icon_triangle.gif) no-repeat 0px 4px;

	}
	
/* !etc================================================ */
.company_tit{
	margin:0px auto;
	padding:12px 0px 12px 20px;
	color:#fff;
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	background:url(../images/company/company_main_tit01.jpg) no-repeat 0px 0px;
}

/*p_china,p_japan*/
#p_japan,#p_china{
	width:340px;
	height:300px;
	margin:10px auto 20px auto;
	padding:0px 0px 0px 0px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(PIE.htc);
	}