/* CSS Document */

p#bread_nav {
	padding:0px 0px 5px 10px;
	font-size:90%;
}


/*sub_nav*/

#content #sub_nav .contents ul{
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style:none;
}

#content #sub_nav .contents ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../image/arrow-s.gif) no-repeat 12px 10px;
}

#content #sub_nav .contents ul li a{
	display:block;
	padding:0px;
	margin:0px 0px 1px 0px;
	width:100%;
}

#content #sub_nav .contents ul li a:hover{
	text-decoration:none;
}

*html #content #sub_nav .contents ul li a:hover{
	text-decoration:underline;
}

#content #sub_nav .contents ul li a span{
	display:block;
	border:#fff6dc 1px solid;
	margin:0px 0px 0px 0px;
	padding:5px 0px 6px 23px;
}

#content #sub_nav .contents ul li a:hover span{
	border:#ffcc66 1px solid;
}

#content #sub_nav .contents ul li.now{
	background:#ffe7b4 url(../image/arrow-s-now.gif) no-repeat 12px 10px;
}

#content #sub_nav .contents ul li.now a span{
	border-color:#ffcc66;
}

#content #sub_nav .contents ul li.now a{
	color:#333333;
}

/*ul_child*/
#content #sub_nav .contents ul.child{
	margin:0px 0px 5px 20px;
	padding:0px;
	list-style:none;
	font-size:90%;
}

#content #sub_nav .contents ul.child li{
	margin:0px 0px 0px 0px;
	padding:1px 0px 2px 0px;
	background:url(../image/line-dot.gif) repeat-x left bottom;
}

#content #sub_nav .contents ul.child li a{
	display:block;
	padding:0px;
	margin:0px;
	width:100%;
	background:url(../image/arrow-ss.gif) no-repeat 6px 10px;
}

#content #sub_nav .contents ul.child li a:hover{
	text-decoration:none;
}

*html #content #sub_nav .contents ul.child li a:hover{
	text-decoration:underline;
}

#content #sub_nav .contents ul.child li a span{
	display:block;
	border:#fff6dc 1px solid;
	margin:0px 0px 0px 0px;
	padding:4px 5px 4px 12px;
}

#content #sub_nav .contents ul.child li a:hover span{
	border:#ffcc66 1px solid;
}

#content #sub_nav .contents ul.child li.now{
}

#content #sub_nav .contents ul.child li.now a span{
	border-color:#ffcc66;
}

#content #sub_nav .contents ul.child li.now a{
	color:#333333;
	background:#ffe7b4 url(../image/arrow-ss-now.gif) no-repeat 6px 10px;
}



/*main_area*/
#content #main_area{
padding-top:12px;
}


/*title_area*/
#main_area .title_area {
	background:url(../image/lev2-title-back.jpg) no-repeat;
	height:auto;
	position:relative;
}

#main_area .title_area h1 span{
	display:none;
}

#main_area .title_area .title_img{
	position:absolute;
	width:auto;
	top:17px;
	left:385px;
}

#main_area .title_area p.lead{
	margin:6px 0px 0px 30px;
	padding:0px 0px 35px 0px;
	width:330px;
}

#main_area .title_area .ctg_top_img{
	position:absolute;
	top:0px;
	left:0px;
}

#main_area .title_area p.top_lead{
	margin:0px;
	padding:0px;
	width:620px;
	height:180px;
	overflow:hidden;
}


/*title_area_s*/

.title_area_s {
	height:80px;
}
.title_area_s h1 {
	margin:0px;
	padding:0px;
}

/*main_section*/

#main_area .main_section {
	margin:0px 0px 2px 0px;
	padding:0px 0px 28px 0px;
	background:url(../image/box-bottom.png) no-repeat left bottom;
}


#main_area .main_section_title{
	margin:0px;
	padding:0px 0px 20px 0px;
	background:url(../image/box-back.png) repeat-y left top;
}

#main_area .main_section h1 {
	margin:0px;
	padding:18px 40px 0px 35px;
	background:url(../image/box-top-back.png) no-repeat left top;
	font-size:120%;
	text-align:center;
}


#main_area .main_section h3{
	margin:0px 0px 0px 0px;
	padding:6px 10px 10px 5px;
	background:url(../image/box-back.png) repeat-y left top;
	color:#333333;
}

#main_area .main_section h3.spec_title{
	margin:0px 0px 0px 0px;
	padding:6px 10px 10px 0px;
	background:none;
}


#main_area .main_section h3 span{
	display:block;
	background:url(../image/box-h3-back.png) repeat-x left top;
	padding:10px 6px 0px 27px;
}

#main_area .main_section .items{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background:url(../image/box-back.png) repeat-y left top;
	list-style:none;
	position:relative;
}

#main_area .main_section .docs{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 35px;
	background:url(../image/box-back.png) repeat-y left top;
}

#main_area .main_section .docs .fig_unit {
	float:left;
	margin:0px;
	padding:0px 0px 10px 0px;
	margin:0px 20px 0px 0px;
	width:170px;
}


/*util_area*/
#main_area .util_area {
	margin:10px 0px 0px 0px;
	background:url(../image/main-area-line.png) no-repeat;
	padding:12px 0px 0px 0px;
}



/*contact,brands,purpose*/
#main_area .contact, #main_area .brands, #main_area .purpose {
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	background:url(../image/sc-back.png) no-repeat left bottom;
}

#main_area .contact h3, #main_area .brands h3{
	margin:0px 0px 5px 0px;
	padding:0px;
}

#main_area .contact .content, #main_area .brands .content{
	margin:0px 20px 0px 30px;
	padding:0px;
}


#main_area .contact .tel {
float:left;
width:310px;
}

#main_area .contact ul {
list-style:none;
margin:5px 0px 0px 0px;
padding:0px;
float:left;
width:auto;
}

#main_area .contact ul li{
	width:auto;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 10px 0px 0px;
	background:url(../image/arrow-ss.gif) no-repeat left center;
}

#main_area .brands .logos {
	/*margin:5px 0px 0px 52px;　　4col_setting*/
	margin:5px 0px 0px 30px;
	padding:0px;
}

#main_area .brands ul {
	list-style:none;
	margin:0px;
	padding:0px;
	/*width:530px;　　4col_setting*/
	width:580px;
}

#main_area .brands ul li{
	width:100px;
	float:left;
	padding:0px;
	/*margin:0px 30px 0px 0px;　　4col_setting*/
	margin:0px 12px 0px 0px;
}

#main_area .brands ul li a img{
	border:#ffffff 1px solid;
}

#main_area .brands ul li a:hover img{
	border:#FEAB14 1px solid;
}


#main_area .purpose .food, #main_area .purpose .other, #main_area .purpose .material {
	margin:8px 20px 0px 32px;
}

#main_area .purpose .other{
	padding-top:6px;
	background:url(../image/line-dot.gif) repeat-x left top;
	clear:both;
}

#main_area .purpose .material{
	padding-top:6px;
	background:url(../image/line-dot.gif) repeat-x left top;
	clear:both;
}

#main_area .purpose h4{
	width:6em;
	margin:5px 0px 0px 0px;
	float:left;
}

#main_area .purpose ul {
list-style:none;
margin:5px 0px 0px 0px;
padding:0px;
float:left;
width:auto;
}

#main_area .purpose ul li{
	width:auto;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 25px 0px 0px;
	background:url(../image/arrow-ss.gif) no-repeat left center;
}

#main_area .purpose ul li a{
display:block;
width:5em;
margin:0px;
padding:0px;
}

#main_area .purpose .material ul li a{
width:8em;
}


@media print {

#main_area .title_area {
	background-image:none;
}

#main_area .util_area {
	display:none;

}

#ctg_title{
	width:640px;
	overflow:hidden;
}

}