*{

	margin:0;

	padding:0;

}



img{

border:0;

}



a:link{

color: #0C5F95;

}



a:visited{

color: #0C5F95;

}



a:hover{

text-decoration: none;

}



/*-------------------------------common----------------------------------------------*/



p.line{

height:3px;

background:url(../image/line.gif) repeat-x;

clear:both;

}



div#wrapper{

	margin: 0px auto;

	width:800px;

	height: auto;

	background: #cccccc;

}



p.pagetop{

width:76px;

margin-top:30px;

margin-bottom:10px;

float:right;

}



/* body#top */



html body#top{

color:#333333;

font-size:80%;

line-height:1.2em;

background: url(../image/bg_linetop.gif) top repeat-x;

}



body#top div#products-clum{

width:579px;

background: #FFF url(../../image/index_corner.gif) left top no-repeat;

}



div#top-img.top{

	width:800px;

	height:167px;

	background-image: url(../../image/top_header.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	width:800px;

    margin: 0px auto;

}



div#top-img.products{

background:url(../../image/products_header.jpg) left top no-repeat;

height:117px;

width:800px;

margin: 0px auto;

}





/* body#products */



body#products{

color:#333333;

font-size:80%;

line-height:1.2em;

background: url(../image/bg_lineproducts.gif) top repeat-x;

}



body#products div#products-clum{

	width:579px;

/*	padding-top:24px;

	padding-left:19px;*/

	background: #FFFFFF url(../../image/products_corner.gif)  no-repeat left top;

}



/* 008 header*/



div#header{

background:url(../image/logo.gif) left top no-repeat;

height:93px;

width:800px;

margin: 0px auto;

}



div#header div#top-navi{

float:right;

}



div#header div#top-navi ul{

height:20px;

list-style:none;

}



div#header div#top-navi ul li{

display:block;

height:20px;

float:right;

}



div#header div#top-navi a.privacy{

display:block;

width:116px;

height:20px;

background-image: url(../image/privacy.gif);

background-repeat:no-repeat;

background-position:0px 0px;

float:left;

}



div#header div#top-navi a.sitemap{

display:block;

width:78px;

height:20px;

background-image: url(../image/sitemap.gif);

background-repeat:no-repeat;

background-position:0px 0px;

float:left;

}



div#header div#top-navi a:hover{

background-position:0px -20px;

}



div#header div#head-menu{

margin-left:210px;

/*margin-top:20px;*/

}



div#header div#head-menu a.home{

display:block;

width:99px;

height:54px;

background-image: url(../image/tmenu_home.jpg);

background-repeat:no-repeat;

background-position:0px -108px;

float:left;

}



div#header div#head-menu a.business{

display:block;

width:98px;

height:54px;

background-image: url(../image/tmenu_business.jpg);

background-repeat:no-repeat;

background-position:0px -108px;

float:left;

}



div#header div#head-menu a.products{

display:block;

width:98px;

height:54px;

background-image: url(../image/tmenu_products.jpg);

background-repeat:no-repeat;

background-position:0px -108px;

float:left;

}



div#header div#head-menu a.recruit{

display:block;

width:98px;

height:54px;

background-image: url(../image/tmenu_recruit.jpg);

background-repeat:no-repeat;

background-position:0px -108px;

float:left;

}



div#header div#head-menu a.corporate{

display:block;

width:98px;

height:54px;

background-image: url(../image/tmenu_corporate.jpg);

background-repeat:no-repeat;

background-position:0px -108px;

float:left;

}



div#header div#head-menu a.contact{

display:block;

width:98px;

height:54px;

background-image: url(../image/tmenu_contact.jpg);

background-repeat:no-repeat;

background-position:0px -108px;

float:left;

}



div#header div#head-menu a:hover{

background-position:0px -54px;

}



div#header div#head-menu a.now{

background-position:0px 0px;

}



div#page-summary{

display:none;

}



div#header dl{

position:relative;

height:19px;

width:800px;

}



div#header dl dt{

display:none;

}



div#header dd{

position:absolute;

right:0px;

top:8px;

margin-top:-0.5em;

font-size:90%;

}



/* 003 products */



div#products-clum div#summary div.summary-ph p.button{

margin-top:10px;

position:relative;

width:196px;

margin-bottom:18px;

}



div#products-clum div#summary div.summary-ph p.button img{

position:absolute;

right:5px;

}



div#products-clum div#summary div.summary-ph p.button a{

position:absolute;

right:5px;

display:block;

width:196px;

height:31px;

background: url(../../image/order_ov.gif) 0 0 no-repeat;

}



div#products-clum div#summary div.summary-ph p.button a:hover{

position:absolute;

background-color:#FFF;

clear:both;

}



div#products-clum div#summary div.summary-ph p.button a:hover img{

visibility:hidden;

}



div#p-navi{

margin-bottom:25px;

background:url(../image/p_navi.gif) top left no-repeat;

width:572px;

height:22px;

overflow:hidden;

position:relative;

}



div#p-navi p{

position:absolute;

font-size:0.8em;

top:11px;

margin-top:-0.5em;

line-height:1.0em;

margin-left:8px;

}



div#products-clum div.title{

position:relative;

border-bottom: 2px #CCCCCC solid;

margin: 0px 0px 20px 0px;

height:19px;

width:572px;

clear:both;

}



div#products-clum div#summary-culum div#summary{

width:562px;

margin:0px 5px;

}



div#products-clum div#summary-culum{

margin-bottom:25px;

clear:both;

}



div#products-clum div#summary div.summary-txt{

width:361px;

float:left;

}



div#products-clum div#summary div.summary-txt p{

margin-bottom:0.8em;

}



div#products-clum div#summary div.summary-ph{

width:191px;

margin-left:10px;

float:left;

}





div#products-clum div#summary div.summary-ph p.exp{

position:relative;

height:20px;

margin-top:10px;

margin-bottom:8px;

}



div#products-clum div#summary div.summary-ph p.exp img{

position:absolute;

right:0px;

}



div#products-clum div#summary div.summary-ph p.exp a{

position:absolute;

right:0px;

display:block;

width:108px;

height:20px;

background: url(../../image/more_img_ov.gif) left top no-repeat;

}



div#products-clum div#summary div.summary-ph p.exp a:hover{

position:absolute;

right:0px;

background-color:#FFF;

}



div#products-clum div#summary div.summary-ph p.exp a:hover img{

visibility:hidden;

}



div#products-clum div#summary div.summary-title{

position:relative;

overflow:hidden;

width:336px;

height:29px;

padding-left:25px;

margin-bottom:11px;

background:url(../../image/products_title.gif) left top no-repeat;

}



div#products-clum div#summary div.summary-title h1{

position:absolute;

font-size:100%;

top:14px;

margin-top:-0.5em;

line-height:1.0em;

}



div#products-clum div#detail-top{

width:562px;

margin-top:25px;

margin-left:5px;

height:11px;

clear:both;

background: url(../../image/detail_up.gif) left top no-repeat;

}



div#products-clum div#detail dl{

margin-left:11px;

margin-top:11px;

}



div#products-clum div#detail dt{

width:33px;

float:left;

}



div#products-clum div#detail dd{

font-size:0.8em;

margin-left:43px;

margin-bottom:9px;

}



div#products-clum div#detail dd.price{

font-size:100%;

}



div#products-clum div#detail dd strong{

font-size:100%;

}



div#products-clum div#detail{

width:540px;

margin-left:5px;

padding:0px 11px 2px 11px;

background: #EEE url(../../image/detail_under.gif) left bottom no-repeat;

margin-bottom:20px;

}



div#products-clum div#customer h3{

margin-left:10px;

}



div#products-clum div#customer dl{

margin-top:11px;

margin-left:10px;

clear:both;

}



div#products-clum div#customer dt{

font-weight:bold;

}



div#products-clum div#customer dd{

margin-bottom:9px;

}



div#products-clum div#customer{

width:560px;

border-left:1px #CCC solid;

border-right:1px #CCC solid;

margin-left:5px;

}



div#products-clum div#customer p{

}



div#products-clum div#customer p.button{

width:540px;

}



div#products-clum div#customer p.button img{

width:87px;

height:20px;

right:0px;

}



div#products-clum div#customer p.button a{

right:0px;

display:block;

width:87px;

height:20px;

background: url(../../image/customer_ov.gif) 0 0 no-repeat;

}



div#products-clum div#customer p.button a:hover{

right:0px;

background-color:#FFF;

}



div#products-clum div#customer p.button a:hover img{

visibility:hidden;

}



div#products-clum div#customer p{

margin-left:10px;

font-size:0.8em;

}



div#products-clum div#customer-top{

width:562px;

margin-left:5px;

height:11px;

background: url(../../image/customer_up.gif) left top no-repeat;

}



div#products-clum div#customer-bottom{

width:562px;

height:11px;

margin-bottom:20px;

margin-left:5px;

clear:both;

background: url(../../image/customer_under.gif) left bottom no-repeat;

}



div#products-clum div#more{

margin-bottom:20px;

clear:both;

}



div#products-clum div#more div.more-list{

margin-bottom:10px;

clear:both;

}



div#products-clum div#more div.more-list dl{

margin-left:5px;

margin-top:11px;

}



div#products-clum div#more div.more-list dt{

width:166px;

float:left;

}



div#products-clum div#more div.more-list dd{

width:382px;

margin-left:180px;

margin-bottom:10px;

}



div#products-clum div#more div.more-list dd h4{

margin-bottom:9px;

font-weight:normal;

font-size:100%;

}



div#products-clum div#more p.button{

position:relative;

width:567px;

height:20px;

}



div#products-clum div#more p.button img{

position:absolute;

right:0px;

}



div#products-clum div#more p.button a{

position:absolute;

right:0px;

display:block;

width:119px;

height:20px;

background: url(../../image/more_ov.gif) 0 0 no-repeat;

}



div#products-clum div#more p.button a:hover{

position:absolute;

right:0px;

background-color:#FFF;

}



div#products-clum div#more p.button a:hover img{

visibility:hidden;

}



div#products-clum div#inqulity{

width:540px;

border-left:1px #CCC solid;

border-right:1px #CCC solid;

padding:0px 10px;

margin-left:5px;

}



div#products-clum div#inqulity p.button{

margin:20px auto;

width:110px;

clear:both;

}



div#products-clum div#inqulity table{

width:521px;

margin:0px auto;

}



div#products-clum div#inqulity table input{

height: 18px;

}



div#products-clum div#inqulity table textarea,input{

border:1px #7F9DB9 solid;

}



div#products-clum div#inqulity table th.none,td.none{

width:148px;

vertical-align:top;

border-bottom:none;

padding-top:7px;

}

div#products-clum div#inqulity table th{

width:148px;

text-align:left;

font-weight:normal;

}



div#products-clum div#inqulity table th img{

margin-left:5px;

}



div#products-clum div#inqulity table td{

width:373px;

font-size:0.8em;

}



div#products-clum div#inqulity table th,td{

border-bottom:1px solid #CCC;

height:33px;

vertical-align:middle;

}



div#products-clum div#inqulity-top{

width:562px;

margin-top:10px;

height:11px;

background: url(../../image/customer_up.gif) left top no-repeat;

margin-left:5px;

}



div#products-clum div#inqulity-bottom{

width:562px;

height:11px;

margin-left:5px;

background: url(../../image/customer_under.gif) left bottom no-repeat;

}



div#products-clum div#inqulity p.inqulity-btn{

margin:15px auto 0px auto;

width:110px;

}



div#products-clum p{

margin-left:5px;

}



img.icon{

position:absolute;

bottom:5px;

right:0px;

}



div#products-clum{

width:580px;

padding-top:24px;

padding-left:11px;

background: #FFF url(../../image/products_corner.gif) left top no-repeat;

float:left;

}



/* 001 menu */



div#menu-culum{

	width:210px;

	float:left;

	height: auto;

}



div#menu-culum div#menu{

width: 198px;

margin: 0px 5px 20px 5px;

border-right: 1px solid #999999;

border-left: 1px solid #999999;

border-bottom: 1px solid #999999;

background: url(../image/menu_bg.gif)  repeat-x top;

}



div#menu-culum div#menu ul{

padding:5px 10px 10px 10px;

}



div#menu-culum div#menu ul li{

list-style:none;

padding: 5px;

border-bottom: 1px solid #999999;

}



div#menu-culum div#menu ul li a{

padding-left: 20px;

background: url(../image/menua_of.gif)  no-repeat;

}



div#menu-culum div#menu ul li a:hover{

background: url(../image/menua_ov.gif)  no-repeat;

text-decoration:none;

}



div#menu-culum div#banner{

margin: 5px 5px 0px 5px;

}



div#menu-culum div#banner ul{

margin-top: 6px;

}



div#menu-culum div#banner ul li{

list-style: none;

}



div#menu-culum div#banner ul li img{

margin-bottom: 2px;

border:#FFFFFF 2px solid;

}



body#top{

background:  url(../image/bg_line.gif) repeat-x;

}



body#top div#headermenu{

width:800px;

margin:0px auto;

background:url(../../image/menu_of.gif) bottom right no-repeat;

}



/* 009 footer */



div#footer{

background:url(../image/footer_bg.gif);

width:800px;

margin: 0px auto;

height:63px;

overflow:hidden;

clear:both;

}



div#footer p{

line-height:41px;

font-size:10px;

text-align:center;

overflow:hidden;

}



div#footer address{

line-height:22px;

font-size:12px;

color: #FFFFFF;

font-style:normal;

text-align:center;

overflow:hidden;

}



/* 006 information */



div#products-clum h2{

position:absolute;

margin-top:10px;

top:-0.5em;

font-size:100%;

line-height:1.0em;

}



div#products-clum div.title{

position:relative;

border-bottom: 2px #CCCCCC solid;

margin: 10px 0px 20px 0px;

height:19px;

width:572px;

}



img.icon{

position:absolute;

bottom:5px;

right:0px;

}



div#products-clum p.button{

position:relative;

width:567px;

margin-bottom:18px;

}



div#products-clum p.button img{

position:absolute;

right:0px;

}



div#products-clum p.button a{

position:absolute;

right:0px;

display:block;

width:142px;

height:20px;

background: url(../../image/back_ov.gif) 0 0 no-repeat;

}



div#products-clum p.button a:hover{

position:absolute;

right:0px;

background-color:#FFF;

clear:both;

}



div#products-clum p.button a:hover img{

visibility:hidden;

}



div#products-clum ul{

margin: 0px 10px 5px 30px;

list-style-position:inside; 

}



div#products-clum ul li{

list-style:url(../../image/index_arrow.gif);

line-height:1.8em;

}



/* 007 new-products */



div#new-products-list{

overflow:auto;

width:558px;

margin:auto 5px;

background: url(../../image/new_under.gif) left bottom no-repeat;

}



div#new-products-list div#section div.list{

width:180px;

}



div#new-products-list div#section div#HappyLife{

float:left;

}

div#new-products-list div#section div#WWW-WATCH{

float:left;

margin-left:8px;

}

div#new-products-list div#section div#salad{

float:left;

margin-left:8px;

}



div#new-products-list div#section div.list p{

font-size:80%;

margin-bottom:10px;

}



div#new-products-list div#section div.list{

background:url(../../image/new_top2.gif) left top no-repeat;

}



div#new-products-list div#section div.list dl{

margin:10px;

}



div#new-products-list div#section div.list dt{

padding: 0px 10px 5px 20px;

}



div#new-products-list div#section div.list dt a{

background:url(../../image/new_ov.gif) 5 10 no-repeat;

}



div#new-products-list div#section div.list dt a:hover{

background:url(../../image/new_of.gif) 5 10 no-repeat;

}



div#new-products-list div#section div.list dd{

margin-top:10px;

}





/*   */

#head-menu ul {

	list-style:none;

}

#head-menu ul li{

	float:left;

}