@charset "utf-8";
/* CSS Document */

html{
text-align:center;
}


body{
position:relative;
width: 770px;
margin : 0 auto;
text-align : left;
background-attachment: fixed;
background-repeat: no-repeat;
background-position:center;
overflow: visible;
}

.bg_index_pic{
background-image: url(img/main_bg.png);
}

.bg_pic{
background-image:url(img/main_bg.jpg);
}

#link{
width:770px;
background-color:#9ACA06;
color:#FFFFFF;
text-align:center;}

#link a {
color:#FFFFFF;
text-decoration:none;}

#link a:hover{
color:#FFFF66;
}

ol,ul
{
margin:0;
padding:0;
list-style : none;}

#nav2{
	position:absolute;
	top: 350px;
	width:100px;
	background-color:#FFFF99;
	left: 45px;
	z-index:1;
}

#nav2 a{
color:#990099;
text-decoration:none;}

#nav2 a:hover{
color: #FF3399;
text-decoration:underline;}

#nav2 li{
padding-left: 18px;
}

#nav{
	position:absolute;
	top: 308px;
	width:100px;
	background-color:#FFFF99;
	left: 45px;
	z-index:1;
}

#nav li{
padding-left: 18px;
}

#nav a{
color:#990099;
text-decoration:none;}

#nav a:hover{
color: #FF3399;
text-decoration:underline;}

#main{
position:relative;
width:770px;
}

#bg main{
z-index:0;}

#new_product{
position:absolute;
left: 650px;
top: 350px;
background-color:#FFFF66;
text-align:center;
width:120px;
padding-bottom: 10px;
z-index:1;}


#ranking{
position:absolute;
left: 650px;
top: 650px;
background-color:#FFFF66;
width:120px;
text-align:center;
z-index:1;}

#desc {
background-color:#9ACA06;
color:#FFFFFF;
text-align:center;
padding-bottom: 1px;
padding-top: 1px;
}

#top2 {
background-color:#9ACA06;
color:#FFFFFF;
text-align:center;
width: auto;
padding-left:16px;
padding-right:16px;
padding-top:2px;}

#topic{
position:absolute;
top: 120px;
left:100px;}

#topic_content{
position:absolute;
top: 320px;
left:100px;}

#main_content{
	position: absolute;
	top:74px;
	left:193px;
	z-index:1;
}

#product_content{
position: absolute;
top:20px;
left:200px;
}

#details{
position: absolute;
top:20px;
left:200px;
}

#details img{
border-color: #009900;}

#details img:hover{
border-color: #FFFF66;}

#details img:visited{
border-color: #009900;}

#product_content img{
border-color: #009900;}

#product_content img:hover{
border-color: #FFFF66;}

#product_content img:visited{
border-color: #009900;}


#contact1{
position:absolute;
top:120px;
left:100px;}


#about1{
position:absolute;
top:120px;
left:100px;}

#about2{
position:absolute;
top:250px;
left:100px;}

#payment1{
position:absolute;
top:120px;
left:100px;}

#payment2{
position:absolute;
top:400px;
left:100px;
}

#payment3{
position:absolute;
top:700px;
left:100px;}

#payment4{
position:absolute;
top:950px;
left:100px;}

#topic_name{
position:absolute;
top: 20px;
left:90px;}

#footer{
background-color:#9ACA06;
color:#FFFFFF;
width:770px;
text-align:center;}

.foot_pos_contact{
position:absolute;
top:571px;
}

.foot_pos_flowers{
position:absolute;
top:950px;
}

.foot_pos_payment{
position:absolute;
top: 1400px;
}

.foot_pos_about{
position:absolute;
top: 800px;
}

.foot_pos_news{
position:absolute;
top: 650px;
}

.foot_pos_index{
position:absolute;
top: 1050px;
}

#p0{
position: absolute;
top: 124px;
left: 0px;
}

#p3{
position: absolute;
top: 124px;
left: 150px;
}

#p6{
position: absolute;
top: 124px;
left: 300px;
}

#links{
position: absolute;
top:700px;
left:0px;}

