﻿* {
	margin: 0;
	padding: 0;
}

h5{	
        margin-bottom: 0.3em;
	font-size: 80%; 
	color: #666666; 
}

h6{	
        margin-bottom: 0.3em;
	font-size: 80%; 
	color: #000000; 
}

h6 a{	
        margin-bottom: 0.3em;
	font-size: 20	100%; 
	color: #CC3366;
        text-decoration:none; 
}

h6 a:hover{	
        margin-bottom: 0.3em;
	font-size: 100%; 
	color: #CC3366; 
        text-decoration:none; 
}

/* Feeds */

#feeds {
        position:realtive;
	height: 25px;
	margin: 10 auto;
	/*top: -490px;*/
	padding-top: 10px;
	padding-right: 20px;
	text-align: right;
        background: # ;
	 
}

#feeds b {
	display: none;
}

#feeds a {
	padding: -10 0 20 6px;
	color: #ff0000;	
	text-decoration: none; 
}

#feeds a:hover {
	text-decoration: none;
	color:#9E1B1B;
}	

/* Page */

#page{
	width: 1024px ;
	height: 520px;

	margin: 0 auto;
	background: ; 
	
}

/*index*/
#index{
      margin: 0 auto;
      position:static;
      float:left;
      top: 0px;
      width: 1024px;
      height: 500px;
      background:  url(../pic/index.gif) no-repeat;
}

/*bg*/
#bg{  
      margin: 0 auto;
      padding: 0; 
      width: 1024px;
      height: 480px;
      background: url(../pic/background.png) no-repeat;
}

/*bg01*/
#bg01{  
      text-align: ;
      margin: 0 auto;
      padding: 0; 
      width: 1024px;
      height: 480px;
      background: url(../pic/background01.png) no-repeat;
}

/*bg02*/
#bg02{  
      margin: 0;
      padding: 0; 
      width: 1024px;
      height: 480px;
      background: url(../pic/background02.png) no-repeat;
}

/*bg03*/
#bg03{  
      margin: 0;
      padding: 0; 
      width: 1024px;
      height: 480px;
      background: url(../pic/background03.png) no-repeat;
}

/*bg04*/
#bg04{

      margin: 0;
      padding: 0; 
      width: 1024px;
      height: 480px;
      background: url(../pic/background04.png) no-repeat;
}

/*bg05*/
#bg05{  
      margin: 0;
      padding: 0; 
      width: 1024px;
      height: 480px;
      background:  url(../pic/background05.png) no-repeat;
}

/*bg06*/
#bg06{  
      margin: 0;
      padding: 0; 
      width: 1024px;
      height: 480px;
      background: url(../pic/background06.png) no-repeat;
}

/*shareboard*/
#shareboard{  
position: fixed;
top: 100px;
left: 130px;
      width: 200px;
      height: 54px;

}


/* Menu */

#menu {
	position: relative;
	width: 1024px;
	height: 30px;
        float:left;
        top: 0px;
	margin: 0 auto;
        background: #9E1B1B ;
}



#menu ul {
        border:0;
        margin:0;
        padding:0;
	list-style: none;
	line-height: normal;
}

#menu ul li {
	display: block;
	float: left;
      text-align:center;
      padding:0;
      margin:0;
	background : url(../pic/menu01.png) no-repeat;
}

#menu ul li a {
	display: block;
	float: left;
        width:168px;
	height: 30px;
      line-height:2em; 


	text-decoration: none;
	color: #ffffff;
        text-align: center;
}

#menu a:hover {
	padding: 0 0 0 0;
	color: #000000;
	background:  url(../pic/menu02.png) no-repeat;
}

/*content*/
#content{  
      margin: 0 auto;
      position:relative;
      top:180px;
      float:left;
      left:50px;
      width: 950px;
      height:500px;
      decoration:none;
      background:  url(../pic/.png) no-repeat;      
}

/* Footer */

#footer {
        height: 30px;
	padding: 0px 0 0 0;
	background: url(../pic/img01.jpg) repeat-x ;
  	border-top: 2px solid # ;
	background:  ;
}

#footer p {
	margin: 0 ;
	text-align: center;
	font-size: 85%;
	color: #333333;
}

#footer a {
	text-decoration: none;
	font-weight: normal;
	color: #ff6600;
	 
}

#footer a:hover {
	text-decoration: none;
	color:#ff0000;
}

/*bottom01*/
#bottom01{
      float:left;
      display:block;
      position:relative;              
      width: 256px;
      height: 264px;
      top: 210px;
      left: -120px;
      background:     url(../pic/) no-repeat; 
}

#bottom01 a{
      float:left;
      display:block;
      position:relative;              
      width: 256px;
      height: 264px;

      background:   url(../pic/bottom001.gif) no-repeat; 
}

/*#bottom01 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 256px;
      height: 264px;

      background:   url(../pic/bottom001.png) no-repeat; 
}*/

/*bottom05*/
#bottom05{
      float:left;
      display:block;
      position:relative;              
      width: 266px;
      height: 204px;
      top: 274px;
      left: 240px;
      background:     url(../pic/) no-repeat; 
}

#bottom05 a{
      float:left;
      display:block;
      position:relative;              
      width: 266px;
      height: 204px;

      background:   url(../pic/bottom005.gif) no-repeat; 
}
/*
#bottom05 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 266px;
      height: 204px;
      background:   url(../pic/bottom05.png) no-repeat; 
}*/

/*imathsec*/
#imathsec{
      float:left;
      display:block;
      position:relative;              
      width: 200px;
      height: 120px;
      top: 150px;
      left: 460px;
      background: #    url(../pic/) no-repeat; 
}

#imathsec a{
      float:left;
      display:block;
      position:relative;              
      width: 200px;
      height: 120px;

      background:   url(../pic/) no-repeat; 
}

#imathsec a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 200px;
      height: 120px;
      background:   url(../pic/) no-repeat; 
}

/*forward01*/
#forward01{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      top: 120px;
      left: 220px;
      background:    url(../pic/) no-repeat; 
}

#forward01 a{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      padding-left: 10px;
      background:   url(../pic/forward01.png) no-repeat; 
}

#forward01 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      padding-left: 10px;
      background:   url(../pic/forward001.png) no-repeat; 
}

/*forward02*/
#forward02{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      top: 100px;
      left: 245px;
      background:    url(../pic/) no-repeat; 
}

#forward02 a{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      padding-left: 50px;
      background:   url(../pic/forward02.png) no-repeat; 
}

#forward02 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      padding-left: 50px;
      background:   url(../pic/forward002.png) no-repeat; 
}

/*forward03*/
#forward03{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      top: 120px;
      left: 270px;
      background:    url(../pic/) no-repeat; 
}

#forward03 a{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      padding-left: 10px;
      background:   url(../pic/forward03.png) no-repeat; 
}

#forward03 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      padding-left: 10px;
      background:   url(../pic/forward003.png) no-repeat; 
}

/*onekai01*/
#onekai01{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 220px;
      top: 150px;
      left: 230px;
      background:    url(../pic/) no-repeat; 
}

#onekai01 a{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

#onekai01 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

/*onekai02*/
#onekai02{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 220px;
      top: 140px;
      left: 270px;
      background:    url(../pic/) no-repeat; 
}

#onekai02 a{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

#onekai02 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

/*onekai03*/
#onekai03{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 220px;
      top: 165px;
      left: 310px;
      background:     url(../pic/) no-repeat; 
}

#onekai03 a{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

#onekai03 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

/*onekai04*/
#onekai04{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 220px;
      top: 150px;
      left: 335px;
      background:     url(../pic/) no-repeat; 
}

#onekai04 a{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

#onekai04 a:hover{
      float:left;
      display:block;
      position:relative;              
      width: 126px;
      height: 200px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

/*postcardwords*/
#postcardwords{
      float:left;
      display:block;
      position:relative;              
      width: 600px;
      height: 220px;
      top: 30px;
      left: 200px;
      background:      url(../pic/) no-repeat; 
}

/*login01*/
#login01{
      float:left;
	text-decoration: none;
      position:relative;              
      width: 298px;
      height: 363px;
      top: 80px;
      left: 200px;
      background:     url(../pic/login01.png) no-repeat; 
}

#login01 a{
      float:left;
	text-decoration: none;
      position:relative;              
      width: 298px;
      height: 363px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

#login01 a:hover{
      float:left;
	text-decoration: none;
      position:relative;              
      width: 298px;
      height: 363px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

/*login001*/
#login001{
      position:relative;
      float:left;              
      width: 600px;
      height: 30px;
      top: 300px;
      left: 50px;
      background:     url(../pic/) no-repeat; 
}

#login001 a{
      position:relative;   
      float:left;           
      width: 600px;
      height: 30px;

      background:   url(../pic/) no-repeat; 
}

/*login02*/
#login02{
      float:left;

      position:relative;              
      width: 336px;
      height: 363px;
      top: 50px;
      left: 230px;
      background:     url(../pic/login02.png) no-repeat; 
}

#login02 a{
      float:left;

      position:relative;              
      width: 298px;
      height: 363px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

#login02 a:hover{
      float:left;

      position:relative;              
      width: 298px;
      height: 363px;
      padding-left: 10px;
      background:   url(../pic/) no-repeat; 
}

/*o01join*/
#o01join{
      float:left;
      display:block;
      position:relative;              
      width: 420px;
      height: 290px;
      top: 100px;
      left: 250px;
      background:     url(../pic/o01join.png) no-repeat; 
}

/*o02join*/
#o02join{
      float:left;
      display:block;
      position:relative;              
      width: 420px;
      height: 290px;
      top: 100px;
      left: 250px;
      background:     url(../pic/o02join.png) no-repeat; 
}

/*o03join*/
#o03join{
      float:left;
      display:block;
      position:relative;              
      width: 420px;
      height: 290px;
      top: 100px;
      left: 250px;
      background:     url(../pic/o03join.png) no-repeat; 
}

/*o04join*/
#o04join{
      float:left;
      display:block;
      position:relative;              
      width: 420px;
      height: 290px;
      top: 100px;
      left: 250px;
      background:     url(../pic/o04join.png) no-repeat; 
}

/*result*/
#result{
      float:left;
      display:block;
      position:relative;              
      width: 420px;
      height: 290px;
      top: 100px;
      left: 400px;
      background: #     url(../pic/) no-repeat; 
}

/*sheader*/
#sheader {

	height: 0px;
	margin: 0 auto;
	position: relative;	
	background: #ffffff ;
}

/*sfooter */
#sfooter {


	padding: 0px 0 0 0;
	background: ;

}

/* wishlist */

#wishlist{

	width: 800px;
	margin: 0 auto;
      background: # url(../pic/wishlistbg.png)  repeat-x ;


	
}

/*forward001*/
#forward001{
      float:left;
      display:block;
      position:relative;              
      width: 186px;
      height: 125px;
      top: 20px;
      left: 280px;
      background:    url(../pic/) no-repeat; 
}

/*imath*/
#imath{
      float:left;
      position:relative;              
      top: 0px;
      left: 50px;
      width: 900px;
      height: 420px
      background: #ff0000    url(../pic/) no-repeat; 
}

/*imath01*/
#imath01{
      float:left;
      position:relative;              
      top: -330px;
      left: 300px;
      height: 371px
      background: #000000   url(../pic/) no-repeat; 
}

/*imath02*/
#imath02{
      float:left;
      position:relative;              
      top: -350px;
      left: 320px;
      width: 350px;
      height: 371px
      background: #ff6600    url(../pic/) no-repeat; 
}

/*love*/
#love{
      float:left;
      display:block;
      position:relative;              
      width: 247px;
      height: 73px;
      top: 20px;
      left: 10px;
      background:      url(../pic/) no-repeat; 
}

/*love2*/
#love2{
      float:left;
      display:block;
      position:relative;              
      width: 247px;
      height: 73px;
      top: 20px;
      left: 10px;
      background:      url(../pic/) no-repeat; 
}

/*#love a{
      float:left;
      display:block;
      position:relative;              
      width: 256px;
      height: 10px;

      background:    url(../pic/) no-repeat; 
}*/