@charset "utf-8";
/* CSS Document */

#topimg{
	height:172px;
}


/*sc_service*/

#sc_service {
	width:620px;
	height:156px;
	position:relative;
	background:url(../image/sc-ctg01-back.png) no-repeat left bottom;
}

#sc_service h2.service{
	background:url(../image/sc-ctg01.png) no-repeat;
	height:38px;
}

#sc_service h2.service a{
	display:block;
	width:100%;
	height:32px;
}

#sc_service h2.service a span{
	display:none;
}

#sc_service ul {
	margin:0px 0px 0px 36px;
	padding:0px;
	list-style:none;
}

#sc_service ul li{
	margin:0px;
	padding:0px;
	width:auto;
	float:left;
}

#sc_service ul li a{
	display:block;
	width:140px;
	height:72px;
	margin-top:12px;
	margin-bottom:18px;
}

@media screen {

#sc_service ul li a span{
	display:none;
}

#sc_service ul li.service01 a{
	background:url(../image/sc-ctg01-1.png) no-repeat;
}
#sc_service ul li.service02 a{
	background:url(../image/sc-ctg01-2.png) no-repeat;
}
#sc_service ul li.service03 a{
	background:url(../image/sc-ctg01-3.png) no-repeat;
}
#sc_service ul li.service04 a{
	background:url(../image/sc-ctg01-4.png) no-repeat;
}

#sc_service ul li a:hover{
	background-position:0px -80px;
}

}

#sc_service #ex_img{
	position:absolute;
	top:44px;
	left:472px;
}


/*product*/

#sc_product {
	width:620px;
	position:relative;
	background:url(../image/sc-ctg02-back.png) no-repeat left bottom;
}

#sc_product h2.product a{
	display:block;
	width:470px;
	height:32px;
}

#sc_product h3 {
	float:left;
	width:58px;
	height:25px;
}

#sc_product ul{
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	list-style:none;
}

@media screen{

#sc_product h2.product{
	background:url(../image/sc-ctg02.png) no-repeat;
	height:38px;
}

#sc_product h2.product a span{
	display:none;
}

#sc_product h3 span {
	display:none;
}

#sc_product ul li a span{
	display:none;
}

}

/*food*/

#sc_product .food {
	padding:10px 0px 14px 36px;
}

#sc_product .food ul li{
	margin:0px;
	padding:0px;
	float:left;
}

#sc_product .food ul li a{
	display:block;
	width:120px;
	height:30px;
}

@media screen{
#sc_product .food h3 {
	background:url(../image/sc-ctg02-food.png) no-repeat;
}

#sc_product .food ul li.food01 a{
	background:url(../image/sc-ctg02-food1.png) no-repeat;
}
#sc_product .food ul li.food02 a{
	background:url(../image/sc-ctg02-food2.png) no-repeat;
}
#sc_product .food ul li.food03 a{
	background:url(../image/sc-ctg02-food3.png) no-repeat;
}
#sc_product .food ul li a:hover{
	background-position:0px -40px;
}

}

/*other*/
#sc_product .other {
	background:url(../image/sc-ctg02-other-back.gif) no-repeat 5px 0px;
	padding:15px 0px 30px 36px;
}

#sc_product .other ul li{
	margin:0px 0px 4px 0px;
	padding:0px 0px 4px 0px;
	background:url(../image/line-dot.gif) repeat-x left bottom;
}

#sc_product .other ul li p.ctg{
	margin:0px;
	padding:0px;
	float:left;
}

#sc_product .other ul li p.txt{
	margin:0px;
	padding:6px 0px 5px 0px;
	float:left;
	width:365px;
	font-size:92%;
}

#sc_product .other ul li a{
	display:block;
	width:125px;
	height:30px;
}

@media screen{

#sc_product .other h3 {
	background:url(../image/sc-ctg02-other.png) no-repeat;
}

#sc_product .other ul li.other01 a{
	background:url(../image/sc-ctg02-other1.png) no-repeat;
}
#sc_product .other ul li.other02 a{
	background:url(../image/sc-ctg02-other2.png) no-repeat;
}
#sc_product .other ul li.other03 a{
	background:url(../image/sc-ctg02-other3.png) no-repeat;
}

#sc_product .other ul li a:hover{
	background-position:0px -40px;
}

}

/*film*/

#sc_product .film {
	position:absolute;
	top:0px;
	left:474px;
}

@media screen{

#sc_product .film a {
	display:block;
	width:140px;
	height:33px;
	background:url(../image/sc-ctg02-film.png) no-repeat;
}

#sc_product .film a:hover {
	background-position:0px -60px;
}

#sc_product .film a span{
display:none;
}
}

/*bn*/

#bn_area{
	margin:12px 0px 4px 12px;
}

#bn_area ul.bn{
	margin:0px;
	padding:0px;
	list-style:none;
}

#bn_area ul.bn li{
	margin:0px;
	padding:0px;
}

#bn_area .bn img {
	border:none;
}

/*news*/

#news {
	position:relative;
	margin:8px 0px 0px 0px;
	padding:0px;
}

@media screen{

#news h2{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:100%;
	height:25px;
	background:url(../image/title-news.png) no-repeat;
}

#news h2 span{
	display:none;
}

}

#news ul {
	margin:0px 10px 0px 36px;
	padding:0px;
	list-style:none;
}

#news ul li{
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px;
	background:url(../image/line-dot.gif) repeat-x left bottom;
}

#news ul li p.date{
	float:left;
	width:8em;
}

#news ul li p.txt{
	margin-left:8em;
	margin-bottom:0px;
	background:url(../image/arrow-ss.gif) no-repeat 4px 6px;
	padding-left:15px;
}

#news ul li p.txt a{
	display:block;

}

#news .backnum {
	width:auto;
	margin:10px 10px 0px 10px;
	padding:0px 0px 10px 26px;
	border-bottom:#FFB31A 2px solid;
}

#news .backnum ul{
	margin:0px;
	padding:0px;
	width:auto;
	list-style:none;
	float:right;
}

#news .backnum ul li{
	margin:0px;
	padding:0px;
	background-image:none;
	width:auto;
	float:left;
}

#news .backnum ul li a{
	display:block;
	padding-left:10px;
	padding-right:12px;
	background:url(../image/arrow-ss.gif) no-repeat left center;
	width:auto;
}


/*sub_nav*/

#content #sub_nav #contact {
	border-bottom:#FEC964 2px solid;
}

#content #sub_nav #contact .tel{
margin:0px;
padding:0px 0px 0px 0px;
}

#content #sub_nav #contact ul{
	margin:6px 0px 2px 0px;
	padding:0px;
	list-style:none;
}

#content #sub_nav #contact ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../image/line-dot.gif) repeat-x left top;
	width:100%;
	float:left;
}

#content #sub_nav #contact ul li a {
	display:block;
	float:left;
	width:100%;
}

#content #sub_nav #contact ul li a span{
	display:block;
	margin:0px 0px 1px 26px;
	padding:6px 0px 5px 12px;
	background:url(../image/arrow-s.gif) no-repeat 0px 0.75em;
	float:none;
}

#content #sub_nav #brands p {
	margin:0px;
	padding:0px 0px 0px 5px;
}

#content #sub_nav #brands ul {
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

#content #sub_nav #brands ul li {
	margin:0px 0px 8px 0px;
	padding:0px;
	float:left;
}

#content #sub_nav #brands ul li a img{
	border:#FFF6DC 1px solid;
}

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

@media print {

#topimg{
	width:640px;
	height:128px;
}

}