@charset "UTF-8";
@import "../../css/setting.css";
@import "lightbox.css";

html{
	height:100%;
}
body{
	height:100%;
	margin:0;
	padding:0;
	background:#153F65;
	font-size:12px;/*80%;*/
	line-height:1.4em;
	letter-spacing:0;
}
*{
	margin:0;
	padding:0;
}
a,a:visited{
	color:#333;
}
a img{
	border:none;
}

#field{
	width:100%;
	height:100%;
	background:url(../img/bk_field.jpg) repeat-x;
}

#mold{
	position:relative;
	width:1004px;
	min-height:100%;
	margin:0 auto 0;
	background:url(../img/bk_mold.jpg) repeat-y;
}
html > #field{
	height:auto;
}
*html #mold{
	height:100%;
}

#submold{
	position:relative;
	width:100%;
	background:url(../img/bk_header.jpg) no-repeat;
}
#header{
	position:relative;
	width:760px;
	height:90px;
	margin:0 auto 0;
	margin-bottom:160px;
}
#logo{
	position:absolute;
	top:25px;
	left:0px;
	display:block;
	width:110px;
	height:40px;
	text-indent:-50000px;
	background:url(../img/logo.gif) no-repeat;

}

#main_mold{
	position:relative;
	width:760px;
	margin:0 auto 0;
	padding-bottom:25px;
}
#contents_mold{
	float:right;
	width:530px;
	background:url(../img/bk_contents.jpg) repeat-x #f9f8f6/*white*/;
}

#contents{
	clear:both;
	position:relative;
	margin:20px;
}
#contents h2{
	margin:0 0 25px;
	padding:6px 0;
	font-size:150%;
	border-bottom:1px dotted gray;
}
#contents .timg{
	margin:25px 0 25px;
}
p{
	margin:0 0 15px;
}
#contents ul{
	margin:0 0 20px 1em;
	list-style:url(../img/p_li.gif);
}
#contents ul ul{
	margin-top:10px;
}
#contents li{
	margin-bottom:10px;
}
#contents ol{
	margin:0 0 20px 25px;
}
#contents dt{
	display:inline;
	font-weight:bold;
}
#contents dd{
	margin:0 0 10px 20px;
}
#contents .mold_h2{
	margin:0 0 60px;
}

#contents .mold_h4{
	width:100%;
	margin:0 0 30px 0;
}
#contents .mold_h4m{
	width:490px;
	margin:0 0 30px 0;
	overflow-x:scroll;
}
#contents .mold_h4m table{
	width:700px;
}
#contents .list{
	margin:0 0 40px;
}
#contents h3{
	color:#666;
	font-size:125%;
	margin:0 0 15px;
	padding:6px 3px;
	background:#f0f0f0;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

#contents .list p{
	font-size:100%;
}
.headline{
	display;block;
	padding:0 0 25px;
}
#contents .indlist{
	margin:0 0 50px 20px;
}
#contents .imglist{
	margin:0 0 50px 20px;
}
#contents .imglist img{
	margin-bottom:10px;
}
.indlist #left{
	float:left;
	width:200px;
}
.indlist #right{
	float:right;
	width:210px;
}
.indlist #right img{
	margin:0 0 10px;
}

.list .headline{
	display;block;
	margin:0 0 25px 0px;
	padding:0;
}

.select_h4{
	position:relative;
	margin:0 0 30px 1em;
	padding-left:1em;
}
.select_h4 h4,.select_h4 h5{
	position:relative;
	left:-1em;
	margin:0 0 10px;
	font-size:110%;
	font-weidght:normal;
	padding-left:20px;
	background:url(../img/p_li.gif) no-repeat 5px -2px;
}
.select_h5{
	position:relative;
	margin:0 0 20px 1em;
	padding-bottom:20px;
	border-bottom:1px dotted gray;
}
.select_h4 .img img{
	border:1px solid gray;
	margin:0 5px 5px 0;
}

/*
#contents .indlist h3{
	color:#666;
	font-size:120%;
	margin:0 0 5px;
	padding:3px 0;
}
*/
/* select data 
#contents.sedlect_index ul{
	margin:0 5px 0 0;
	list-style:none;
}
.select_index li{
	floadt:left;
	margin:0 5px 0 0;
}
#contents.select_index .list{
	padding-bottom:50px;
}
#contents.selecdt_index a{
	display:block;
	width:150px;
	height:25px;
	padding-top:10px;
	color:white;
	text-align:center;
	/*text-indent:-50000px;*/
	background:url(../select_line/img/bk_index.gif) no-repeat;
}
*/



/* stepback */

.step_mold{
	width:100%;
	padding:5px 0;

}
.step_mold a{
	display:block;
	float:right;
	margin-left:5px;
	padding:4px;
}

.micro .list p{
	padding:10px;
	border-top:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	background:#f0f0f0;
}

.mt10{
	margin:10px 0 0;
}
/* company data */

.branch{
	margin:0 5px 15px;
}
.branch h4{
	margin:0 0 5px;
	border-bottom:1px dotted #c0c0c0;
}
.branch .name{
	width:50px;
	background:#f0f0f0;
}

/* service data */
.service p img,.rotary img{
	float:left;
	margin-right:10px;
}

/* EMS data */
.ems .result{
	clear:both;
	margin:40px 0;
}
.ems .result p{
	padding:10px;
	background:#f0f0f0;
}
.ems span{
	display:block;
	font-weight:bold;
}
.ems table{
	margin-bottom:15px;
}
.ems th{
	text-align:left;
}
.ems table.half{
	width:185px;
}

/* inq data*/

#inq{
	height:300px;
}

#main_mold h1{
	position:absolute;
	width:190px;
	height:80px;
	top:0px;
	left:0px;
	text-indent:-50000px;
}
#footer{
	width:1004px;
	color:white;
	margin:25px auto 0px;
	padding-bottom:20px;
}
#footer p{
	width:760px;
	text-align:right;
	margin:0 auto 0;
}

/* access data */
.map{
	margin:0 0 40px;
}
.map .list{
	margin:0 0 20px;
}
.map p{
	margin:5px;
}

/* link */

.banner{
	width:160px;
}
.banner a{
	display:block;
	margin:0 0 10px;
}

/* sitemap data */
.sitemap{

}
#contents.sitemap ul ul{
	list-style:url(../img/p_li02.gif);
}

/* index data */
#headline{
	margin:0 0 50px;
}
#index_mold{
	clear:both;
	width:100%;
	color:white;
	padding:5px 0;
}
#contents_i a{
	color:white;;
}
#contents_i .name{
	width:90px;
}
#contents_i{
	padding-top:15px;
}
#contents_i h3{
	width:400px;
	font-size:105%;
	margin-bottom:20px;
}
#contents_i span{
	display:block;
	position:absolute;
	top:0;
	right:0px;
	color:#c0c0c0;
	margin-left:10px;
}
#contents_i .list{
	widtdh:300px;
	position:relative;
	margin-bottom:50px;
}
#contents_i .list p{
	colosr:#999;
}
#contents_i #left{
	float:left;
	width:183px;
	padding-top:105px;
	text-align:right;
}
#contents_i #right{
	float:right;
	width:500px;
	padding:0 15px 0 30px;
	border-left:1px dotted gray;
}


/* common */
.clear{
	clear:both;
}
p.caution{
	font-size:95%;
	color:red;
	margin:10px 0 5px;
}
p.caution01{
	text-align:right;
	font-size:90%;
	color:red;
	margin:10px 0 5px;
}
.caution_m{
	color:red;
	margin:0 3px;
}
span.figure{
	font-size:80%;
}

table {
	width:100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}
table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	margin: 0px;
	padding: 4px;
	vertical-align:top;
}
table th {
	background:#f0f0f0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	margin: 0px;
	padding: 4px;
	font-weight:normal;
	text-align:center;
}
table .name01{
	width:100px;
	color:#333;
	background:#f0f0f0;
	font-weight:normal;
}
table .name02{
	width:140px;
	color:#333;
	background:#f0f0f0;
	font-weight:normal;
}
table .info{
	margin:0;
	padding-left:0;
	border:none;
}
table.cent td{
	text-align:center;
}
table .info td{
	width:33%;
	border:none;
}
/*table*/ .nb{
	border:none;
}
/*table*/ .nb td{
	border:none;
}

.hearth td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	margin: 0px;
	padding: 4px;
	vertical-align:top;
}

table .w55{
	width:55px;
}
table .w20{
	width:20px;
}
table .w30{
	width:30px;
}
table .w40{
	width:40px;
}
table .w200{
	width:200px;
}
/* h1 */

.ht01{
	background:url(../company_profile/img/ht.gif) no-repeat right top;
}
.ht02{
	background:url(../service/img/ht.gif) no-repeat right top;
}
.ht03{
	background:url(../select_line/img/ht.gif) no-repeat right top;
}
.ht04{
	background:url(../csr/img/ht.gif) no-repeat right top;
}
.ht05{
	background:url(../inquiry/img/ht.gif) no-repeat right top;
}
.ht06{
	background:url(../recruit/img/ht.gif) no-repeat right top;
}
.ht07{
	background:url(../link/img/ht.gif) no-repeat right top;
}
.ht08{
	background:url(../sitemap/img/ht.gif) no-repeat right top;
}



/* menu */
#mm{
	position:absolute;
	top:90px;
	left:102px;
	width:800px;
	height:50px;
	z-index:9;
}
#mm ul,#sm ul,#tm ul{
	list-style-type:none;
}
#mm li{
	float:left;
	width:160px;
}
#mm a{
	display:block;
	width:100%;
	height:50px;
	text-indent:-50000px;
	border:none;
}
#mm a:hover{
	background-position:0 -50px;
}
.mm01 a{
	background:url(../img/mm_comp.gif) no-repeat;
}
.mm02 a{
	background:url(../img/mm_serv.gif) no-repeat;
}
.mm03 a{
	background:url(../img/mm_sele.gif) no-repeat;
}
.mm04 a{
	background:url(../img/mm_ems.gif) no-repeat;
}
.mm05 a{
	background:url(../img/mm_inqu.gif) no-repeat;
}

/* sub menu */

#sm{
	width:190px;
	padding-top:100px;

}
#sm ul{
	margin-bottom:15px;
}
#sm a{
	display:block;
	width:190px;
	height:30px;
	color:white;
	text-align:right;
}
#sm a:hover{
	background-position:0 -30px;
}
.sm01 a{
	background:url(../select_line/img/sm_sput.gif) no-repeat;
}
.sm02 a{
	background:url(../select_line/img/sm_crys.gif) no-repeat;
}
.sm03 a{
	background:url(../select_line/img/sm_metal01.gif) no-repeat;
}
.sm04 a{
	background:url(../select_line/img/sm_metal02.gif) no-repeat;
}
.sm05 a{
	background:url(../select_line/img/sm_cera.gif) no-repeat;
}
.sm06 a{
	background:url(../select_line/img/sm_quar.gif) no-repeat;
}
.sm07 a{
	background:url(../select_line/img/sm_micr.gif) no-repeat;
}
.sm08 a{
	background:url(../select_line/img/sm_pure.gif) no-repeat;
}
.sm09 a{
	background:url(../select_line/img/sm_reag.gif) no-repeat;
}
.sm10 a{
	background:url(../select_line/img/sm_silver.gif) no-repeat;
}
.sm11 a{
	background:url(../csr/img/sm_eco.gif) no-repeat;
}
.sm12 a{
	background:url(../csr/img/sm_paper.gif) no-repeat;
}
.sm13 a{
	background:url(../csr/img/sm_aircon.gif) no-repeat;
}
.sm14 a{
	background:url(../csr/img/sm_01.gif) no-repeat;
}
.sm15 a{
	background:url(../csr/img/sm_02.gif) no-repeat;
}
.sm16 a{
	background:url(../csr/img/sm_03.gif) no-repeat;
}
.sm17 a{
	background:url(../csr/img/sm_aircon.gif) no-repeat;
}
.sm18 a{
	background:url(../csr/img/sm_rotary.gif) no-repeat;
}
.sm19 a{
	background:url(../select_line/img/sm_sapp.gif) no-repeat;
}
.sm20 a{
	background:url(../select_line/img/sm_rare.gif) no-repeat;
}

/* top menu */

#tm{
	position:absolute;
	top:35px;
	left:480px;
	width:448px;
	color:white;
}
#tm li{
	float:left;
	border-left:1px solid #666;
}
#tm a{
	display:block;
	width:65px;
	margin:0 10px 0;
	padding:3px 5px;
	color:white;
	text-align:center;
	text-decoration:none;

}
#tm a:hover{
	background:#666;
}