
/*汎用*/

body,img,p,div,ul,li{
	margin:0px;
	padding:0px;
}
body{
	background-image:url(../img/bg_img.gif);
}

a,
a:link,
a:visited{
	text-decoration:none;
}
a:hover,
a:active{
	text-decoration:underline;
}

div.contents-BOX-back_gray a,
div.contents-BOX-back_gray a:active,
div.contents-BOX-back_gray a:hover,
div.contents-BOX-back_gray a:link,
div.contents-BOX-back_gray a:visited{
color:#0066CC;
}





img{
	border:0px solid #FFFFFF;
}

.kaijyo{
	clear:both; 
	margin:0px; 
	padding:0px; 
	font-size:0px; 
}

/*---------*/

/*body*/
div#body_w780{
	width:780px;
	margin:0px auto 0px;
	padding:0px;
	height:100%;
}
/*---------*/

h1{
	margin:20px 10px 10px 10px;
	padding:0px;
}

h1#h1_sitemap{
position:-500px;
line-height:0%;
color:#FFFFFF;
font-size:0px;S}


h2{
	margin:0px 10px 20px 10px;
	font-size: 95%;
	line-height: 120%;
	color:#07396A;
	letter-spacing:0.5pt;
	font-weight:bold;
	padding:0px 0px 3px 20px;
	background-position:0px 3px;
	background-image:url("../img/h2.gif");
	background-repeat:no-repeat;
	border-bottom:solid 1px #07396A;
}
h2 span{
	color:#999999;
	font-size: 90%;
	line-height: 120%;

}


/*table外枠の横のライン*/
.blue_Back_L{
	background-color:#003366;
	width:10px;
}
.lightblue_Back_L{
	background-color:#3366CC;
	width:10px;
}

.blue_Back_R{
	background-image:url(../img/blue_backimg.gif);
	width:20px;
	background-repeat:repeat-y;
}

.lightblue_Back_R{
	background-image:url(../img/lightblue_backimg.gif);
	width:20px;
	background-repeat:repeat-y;
}
/*---------*/

/*横ナビ*/
ul#navi{
	background-color:#7C9CDE;
	width:140px;
	padding:0px;
	height:100%;

}
#navi a{
	color:#FFFFFF;
	display:block;
	background-color:#7C9CDE;
	height:100%;
	padding:4px 0px 2px 1em;
	font-size:80%;
	line-height:120%;
}

#navi a:hover{
	color:#0053A6;
	display:block;
	background-color:#E6E6FA;
	height:100%;
	padding:4px 0px 2px 1em;
	font-size:80%;
	line-height:120%;
}
#navi li {
	list-style-type:none;
	border-top:dotted 1px #FFFFFF;
	padding:0px;
	margin:0px;
}

#navi span{
	height:100%;
	padding:4px 0px 2px 1em;
	background-color:#E6E6FA;
	display:block;
	color:#0053A6;
	font-size:80%;
	line-height:120%;
	
}


/*---------*/

table.middle_table{
	background-color:#FFFFFF;
}
/*---------*/

div#out_table{
	width:575px;
}

/*---------*/

div#contents{
	width:555px;
}

/*---------*/
td.table_top{
	background-image:url(../img/table_top.jpg);
	background-repeat:no-repeat;
}
td.table_bottom{
	background-image:url(../img/table_bottom.jpg);
	background-repeat:no-repeat;
}
td.table_left{
	background-image:url(../img/table_left.jpg);
	background-repeat:repeat-y;
	width:10px;
}
td.table_right{
	background-image:url(../img/table_right.jpg);
	background-repeat:repeat-y;
width:10px;
}


/*ヘッダーテーブル*/
table#header{
	background-color:#FFFFFF;
}
td.header_rogo{
	text-align:left;
}

.header_images{
	background-image:url(../img/utue-top-heder-right.jpg);
	background-repeat:repeat-y;
	text-align:right;
	vertical-align:bottom;
}

/*---------*/

/*フッターテーブル*/
.footer{
	width:780px;
	background-color:#FFFFFF;
}
.footer img {
	margin:30px 10px 5px 10px;
}
.footer p {
	font-size: 70%;
	line-height: 110%;
	text-align:right;
	margin:0px 10px 20px 0px;
	letter-spacing:0.5pt;
}
/*主要機械器具専用のBOX*/

div.contents-BOX-syuyoukigu{
	margin:0px 10px 20px 10px;
	height:100%;
}

/*---------*/

/*主要機械器具専用のdt dl dd*/

.contents-BOX-syuyoukigu dl.left ,dl.middle ,dl.right{
	float:left;
	margin:0px;
	padding:0px;
	border:solid 1px #6699CC;
}

.contents-BOX-syuyoukigu dl.middle ,dl.right {
	margin-left:5px;
}


.contents-BOX-syuyoukigu dt{
	background-color:#6699CC;
	height:auto;
	width:168px;
	color:#FFFFFF;
	padding:2px 0px 4px 5px;
	font-size:75%;
	line-height:150%;
	margin:0px;
} 
.contents-BOX-syuyoukigu dd{
	color:#333333;
	width:168px;
	padding:5px 0px 5px 5px;
	font-size:75%;
	margin:0px;
	line-height:150%;
}
/*---------*/

div.contents-BOX-underline{
	margin:0px 10px 10px 10px;
	padding:0px 0px 5px 0px;
	width:auto;
	height:100%;
	border-bottom: dotted 1px #CCCCCC;
}

div.contents-BOX-normal{
	margin:0px 10px 10px 10px;
	padding:0px 0px 5px 0px;
	width:auto;
	height:100%;
}


h3.midashi{
	border:solid 1px #3366CC;
	background-position: 8px 50%;
	background-image:url("../img/shikaku.gif");
	background-repeat:no-repeat;
	font-weight:bold;
	padding:2px 0px 1px 23px;
	font-size: 95%;
	line-height: 120%;
	color: #3366CC;
	margin:0px 0px 10px 0px;
}

/*沿革のul*/

ul.enkaku{
	margin:0px;
	padding:0px;
	width:100%;
	display:block;
	border-bottom: dotted 1px #CCCCCC;
}

li.year ,li.month {
	font-size:80%;
	line-height:150%;
	list-style:none;
}

li.year{
	margin:10px 0px 0px 0px;
	padding:0px;
	width:75px;
	float:left;
}
li.month {
	margin:10px 0px 0px 5px;
	padding:0px;
	width:auto;
	float:left;
}
li.day{
	margin:10px 0px 10px 8px;
	padding:0px;
	width:400px;
	font-size:80%;
	line-height:150%;
	list-style:none;
	float:right;
}

/*---------*/

/*会社概要のテーブル*/

.table_01 {
	margin:0px 10px 10px 10px;
	padding: 0px;
	border-style: none;
	background-color: #000;
	font-size: 80%;
	line-height:150%;
	width:auto;
	}
.table_01 td {	
	margin: 0px;
	padding: 0px;
	border-style: none;
	background-color: #FFFFFF;
	padding:10px;
	vertical-align:top;
	}
.table_01 th {	
	border-style: none;
	background-color: #E6E6FA;
	padding:10px;
	width:15%;
	margin:0px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	}

/*事業所のリスト*/

div.left{
	float:left;
	width:350px;
}
li.add_midashi , li.add_syousai {
	font-size:80%;
	line-height:150%;
	list-style:none;
}
li.add_midashi{
	margin:0px;
	padding:0px;
	width:80px;
	height:auto;
	float:left;
	font-weight:bold;
}
li.add_syousai {
	margin:0px 0px 10px 0px;
	padding:0px;
	width:270px;
	height:auto;
	float:left;
}
div.photo{
	float:right;
	width:auto;
	height:100%;
	margin:0px;
}

.map{
	margin:20px 0px 10px 40px;
} 

img.product_img{
	margin:0px 80px 0px 0px;
} 



/*---------*/


.contents-BOX-normal p{
	font-size:80%;
	line-height:150%;
}

.contents-BOX-normal span.strong{
	font-weight:bold;
	color:#0066CC;
	background-image:url(../img/maru.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding:0px 0px 0px 20px;
}




.contents-BOX-normal p.indent{
	text-indent: 1em;
}


p.name{
	margin:30px 0px 0px 0px;
	text-align:right;
	font-size:80%;
	line-height:150%;
}

ul.torihiki{
	font-size:75%;
	line-height:150%;
	margin:0px 0px 10px 2em;
	width:100%;
	list-style-type: none; 
}

.torihiki li{
	float: left;
	margin:5px 15px 0px 0px;
	width:160px;
}
p.pankuzu{
	font-size:75%;
	line-height:120%;
	margin:0px 0px 15px 10px;
}


ul.recruit{
	margin:0px;
	padding:0px;
	width:100%;
}


li.title {
	font-size:80%;
	line-height:150%;
	list-style:none;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	width:80px;
	float:left;
	color:#6699CC;
	border-width:0px 0px 0px 2px;
	border-color:#6699CC;
	border-style:solid;
}
li.contents{
	margin:10px 0px 10px 8px;
	padding:0px;
	width:400px;
	font-size:80%;
	line-height:150%;
	list-style:none;
	float:right;
}

div.contents-BOX-back_gray{
	background-color:#F4F8FB;
	margin:0px;
	padding: 10px;
}


div.m-top5{
margin-top:5px;
}
div.m-top10{
margin-top:10px;
}
div.m-top20{
margin-top:20px;
}


div.attention01{
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 0px 0px;
	background:url(../img/kome.gif) no-repeat 0px 0px;
	color:#FF9900;
	background-position:0px 4px;
}

/*製品情報*/

h3.product_name{
	font-size: 95%;
	line-height: 130%;
	color:#000;
	font-weight:bold;
}
h3.product_name span{
	color:#000;
	font-size: 80%;
}

h3.product{
	background-position:top;
	background-image:url("../img/h3_product_midashi.gif");
	background-repeat:repeat-x;
	background-color:#7D9CDD;
	font-weight:bold;
	padding:7px 0px 3px 10px;
	font-size: 95%;
	line-height: 120%;
	color: #FFFFFF;
	margin:0px 0px 10px 0px;
}

div.contents-BOX-normal div.line{
	border-bottom: dotted 1px #CCCCCC;
	margin:0px 0px 5px 0px;
	padding:0px 0px 10px 0px;
	height:100%;
}

h4.product2{
	font-size:80%;
	line-height:150%;
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	color:#3366CC;
	border-width:0px 0px 0px 2px;
	border-color:#3366CC;
	border-style:solid;
}

div.center{
	text-align:center;
	}

div.product_L{
	float:left;
	width:220px;
	height:100%;
	}

div.product_R{
	float:right;
	width:300px;
	text-align:center;
	height:100%;
	}


/*サイトマップ*/

h3.sitemap{
	background-position:top;
	background-image:url("../img/sitemap_midashi.gif");
	background-repeat:no-repeat;
	background-color:#E7E6F6;
	font-weight:bold;
	padding:7px 0px 3px 10px;
	font-size: 95%;
	line-height: 120%;
	color: #050066;
	margin:0px 0px 10px 0px;
	}

div.sitemap_box{
	margin:10px 0px 0px 0px;
	}



div.sitemap_L{
	float:left;
	width:230px;
	height:100%;
	}

div.sitemap_M{
	float:left;
	width:230px;
	height:100%;
	margin:0px 20px 0px 20px;
	}

div.sitemap_R{
	float:right;
	width:230px;
	height:100%;
	}

ul.sitemap_list{
	font-size:80%;
	line-height:150%;
	margin:0px 0px 0px 2em;
}

ul.sitemap_list li.none{
	list-style:none;
	margin:2px 0px
	}


/*Topページ*/

div.toppage_box{
	margin:10px 0px 0px 0px;
	}

div#whatsnew{
}

div#whatsnew dl{
	width:515px;
	font-size:80%;
	line-height:150%;
	clear:both;
	margin:0px;
	padding:0px;}

div#whatsnew dt{
	width:100px;
	margin:5px 5px 0px 10px;
	float:left;
	}
	
div#whatsnew dd{
	margin:5px 0px 0px 0px;
	float:left;
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding:0px 0px 0px 15px;
	}

/*品質のページ*/
ol.quality{
	margin:0px;
	padding:0px 0px 0px 2em;
	font-size:80%;
	line-height:150%;
}

ol.quality li{
margin-bottom:15px;
}

/*個人情報保護のページ*/
ol.privacy01{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 2em;
	font-size:80%;
	line-height:150%;
}

ol.privacy01 li{
	margin:0px 0px 5px 0px;
}

ol.privacy02{
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style:none;

}

ol.privacy02 li{
	margin:0px 0px 5px 0px;
}


ol.Company_policy01{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 2em;
	font-size:80%;
	line-height:180%;
	list-style-type: upper-roman
}

ol.Company_policy01 li{
	margin:0px 0px 5px 0px;
}

ol.Company_policy02{
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style:none;
}

ol.Company_policy02 li{
	margin:0px 0px 5px 0px;
}

/*リクルート*/
div.recruit_L{
	float:left;
	width:150px;
	margin:0px 10px 0px 0px;
	}

div.recruit_R{
	float:right;
	width:370px;
	}

div.recruit_R p{
	margin:0px 0px 10px 0px;
}

/*TOPICS*/


h4.topics{
	font-size:80%;
	line-height:150%;
	margin:0px 0px 5px;
	padding:0px;
	color:#3366CC;
}


div.contents-BOX-normal div.topics_box div.line2{
	border-bottom: dotted 1px #CCCCCC;
	margin:0px 0px 20px 0px;
	padding:0px 0px 15px 0px;
	width:510px;
}

img.topics_L,
img.topics_R{
	width:220px;
	}

img.topics_L{
margin:0px 10px 5px 0px;
float:left;
	}
	

img.topics_R{
margin:0px 0px 5px 10px;
float:right;
	}
	
	
.topics_box {
	background-color: #FFFFFF;
	overflow: scroll;
	overflow-x:hidden;
	width: 100%;
	height: 500px;
	scrollbar-base-color: #5875B7;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #F2F2F2;
/*	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;*/
	}

/*企業倫理*/

p.business_name{
text-align:right;
margin:0px 0px 15px;
}

ol.business_ol{
	margin:15px 0px 0px;
	padding:0px 0px 0px 2em;
	font-size:80%;
	line-height:150%;
	}

ol.business_ol li{
margin-bottom:15px;
	}
