@import "../../common/common.css";


/*sb_menu
----------------------------*/
#present01 #present_manu ul,
#present02 #present_manu ul,
#present03 #present_manu ul,
#present04 #present_manu ul,
#present05 #present_manu ul,
#present06 #present_manu ul {
	width:620px;
	height:80px;
	margin:23px 0 17px 0;
}

#present01 #present_manu li,
#present02 #present_manu li,
#present03 #present_manu li,
#present04 #present_manu li,
#present05 #present_manu li,
#present06 #present_manu li {
	float:left;
	height:80px;
}

#present01 #present_manu #sb_handkerchief,
#present02 #present_manu #sb_handkerchief,
#present03 #present_manu #sb_handkerchief,
#present04 #present_manu #sb_handkerchief,
#present05 #present_manu #sb_handkerchief,
#present06 #present_manu #sb_handkerchief {
	width:106px; background-image:url("img/present_menu01.gif");
}
#present01 #present_manu #sb_smell,
#present02 #present_manu #sb_smell,
#present03 #present_manu #sb_smell,
#present04 #present_manu #sb_smell,
#present05 #present_manu #sb_smell,
#present06 #present_manu #sb_smell {
	width:102px; background-image:url("img/present_menu02.gif");
}
#present01 #present_manu #sb_j_tea,
#present02 #present_manu #sb_j_tea,
#present03 #present_manu #sb_j_tea,
#present04 #present_manu #sb_j_tea,
#present05 #present_manu #sb_j_tea,
#present06 #present_manu #sb_j_tea {
	width:102px; background-image:url("img/present_menu03.gif");
}
#present01 #present_manu #sb_f_tea,
#present02 #present_manu #sb_f_tea,
#present03 #present_manu #sb_f_tea,
#present04 #present_manu #sb_f_tea,
#present05 #present_manu #sb_f_tea,
#present06 #present_manu #sb_f_tea {
	width:102px; background-image:url("img/present_menu04.gif");
}
#present01 #present_manu #sb_glass,
#present02 #present_manu #sb_glass,
#present03 #present_manu #sb_glass,
#present04 #present_manu #sb_glass,
#present05 #present_manu #sb_glass,
#present06 #present_manu #sb_glass {
	width:102px; background-image:url("img/present_menu05.gif");
}
#present01 #present_manu #sb_l_ware,
#present02 #present_manu #sb_l_ware,
#present03 #present_manu #sb_l_ware,
#present04 #present_manu #sb_l_ware,
#present05 #present_manu #sb_l_ware,
#present06 #present_manu #sb_l_ware {
	width:106px; background-image:url("img/present_menu06.gif");
}

#present01 #present_manu a,
#present02 #present_manu a,
#present03 #present_manu a,
#present04 #present_manu a,
#present05 #present_manu a,
#present06 #present_manu a {
	display:block;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
}

#present01 #present_manu a:hover,
#present02 #present_manu a:hover,
#present03 #present_manu a:hover,
#present04 #present_manu a:hover,
#present05 #present_manu a:hover,
#present06 #present_manu a:hover {
	background-position:0 -80px;
}

/*main_background 
------------------------*/

#present01 #present_info,
#present02 #present_info,
#present03 #present_info,
#present04 #present_info,
#present05 #present_info,
#present06 #present_info {
	height:auto;
	background-image:url("img/bg_main.gif");
	background-repeat:repeat-y;
	float:left;
	padding:0;
	margin:0px;
}

#present01 #present_info #present_name,
#present02 #present_info #present_name,
#present03 #present_info #present_name,
#present04 #present_info #present_name,
#present05 #present_info #present_name,
#present06 #present_info #present_name {
	height:auto;
	padding:0;
	background-image:url("img/bg_top.gif");
	background-repeat:no-repeat;
	background-position:top;
}
	
#present01 #present_info #shop,
#present02 #present_info #shop,
#present03 #present_info #shop,
#present04 #present_info #shop,
#present05 #present_info #shop,
#present06 #present_info #shop {	
	height:auto;
	width:570px;
	padding:0 25px 25px 25px;
	background-image:url("img/bg_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}
	/*IE6*/
	*HTML #present01 #present_info #shop,
	*HTML #present02 #present_info #shop,
	*HTML #present03 #present_info #shop,
	*HTML #present04 #present_info #shop,
	*HTML #present05 #present_info #shop,
	*HTML #present06 #present_info #shop {	
		width:620px;
	}
	/*IE6,IE7*/
	#present06 #present_info #shop {
		/padding:0 25px 17px 25px;
	}	



/*present_info
----------------------------*/

/*#present05 {
	height:auto;
	margin-bottom:70px;
}

#present06 {
	height:auto;
	margin-bottom:200px;
}*/

#present01 #present_info #txt,
#present02 #present_info #txt,
#present03 #present_info #txt,
#present04 #present_info #txt,
#present05 #present_info #txt,
#present06 #present_info #txt {
	margin-top:20px;
}

#present01 #shop,
#present02 #shop,
#present03 #shop,
#present04 #shop,
#present05 #shop,
#present06 #shop {
	width:570px;
	margin:20px auto 0 auto;
	text-align:left;
}

#present01 #shop h5,
#present02 #shop h5,
#present03 #shop h5,
#present04 #shop h5,
#present05 #shop h5,
#present06 #shop h5 {
	margin-bottom:5px;
	font-size:13px;
	letter-spacing:-1px;
	width:360px;
}

#present01 #shop #history,
#present02 #shop #history,
#present04 #shop #history,
#present05 #shop #history {
	width:360px;
}

#present03 #shop h5,
#present03 #shop #history,
#present05 #shop #history2 {
	width:310px;
}

#present06 #shop h5, 
#present06 #shop #history {
	width:330px;
	margin-bottom:5px;
}

#present02 #shop h5,
#present04 #shop h5,
#present06 #shop h5 {
	float:right;
}

#shop #history,
#shop #history1,
#shop #history2 {
	line-height:190%;
}
	/*IE6,IE7*/
	#shop #history,
	#shop #history1,
	#shop #history2 {
		/line-height:200%;
	}


#present01 #shop #history,
#present03 #shop #history {
	margin-bottom:15px;
	float:left;
}

#present02 #shop #history,
#present04 #shop #history,
#present05 #shop #history2,
#present06 #shop #history {
	float:right;
}

#present03 #shop #history {
	line-height:180%;
}

#present04 #shop #history {
	line-height:180%;
}
	/*IE6,IE7*/
	#present04 #shop #history {
		/line-height:190%;
	}

#present05 #shop #history1 {
	width:570px;
	margin-bottom:10px;
}

#present06 #shop #history {
	line-height:180%;
}

#present01 #shop #pic {
	width:191px;
	margin-top:5px;
	float:right;
}

  /* IE7 */
  *+html #present02 #shop #pic {
    margin-top:-18px;
  }


#present03 #shop #pic {
	width:242px;
	margin-top:5px;
	float:right;
}

#present04 #shop #pic {
	width:190px;
	margin-bottom:5px;
	margin-top: 6px;
}

#present05 #pic {
	height:auto;
	margin-top:20px;
}

#present06 #shop #pic {
	width:216px;
	margin-top:5px;
	margin-bottom:5px;
}

#present02 #shop #pic2,
#present04 #shop #pic2,
#present06 #shop #pic2 {
	clear:both;
	float:right;
}


#present04 #shop #pic2 {
	margin-top:-30px;
}
	/*IE6,IE7*/
	#present04 #shop #pic2 {
		margin-top:-55px;
	}

#present06 #shop #pic2 {
	margin-top:-43px;
}

#present01 #shop #pic img {
	width:191px;
	height:191px;
	margin-bottom:5px;
}

#present03 #shop #pic img,
#present04 #shop #pic img,
#present06 #shop #pic img {
	margin-bottom:5px;
}

#present01 #shop a,
#present02 #shop a,
#present03 #shop a,
#present04 #shop a,
#present05 #shop a,
#present06 #shop a {
	font-size:11px;
	color:#933E6D;
}

#present01 .site,
#present02 .site,
#present03 .site,
#present04 .site,
#present05 .site,
#present06 .site {
	margin:10px 0 -5px 0;
	font-size:11px;
	color:#666666;
}

#present03 .site {
	margin-top:16px;
}
/*sample
----------------------------*/
#present01 #sample,
#present02 #sample,
#present03 #sample,
#present04 #sample,
#present05 #sample,
#present06 #sample {
	clear:left;
	width:240px;
	float:left;
}

#present01 #sample {
	margin-top:13px;
	padding-bottom:4px;
}

#present02 #sample {
	margin-top:45px;
	padding-bottom:4px;
}


#present03 #sample {
	margin-top:5px;
	padding-bottom:1px;
}

#present04 #sample {
	margin-top:17px;
}
	/*IE6,IE7*/
	#present04 #sample {
		/margin:14px 0 0 0;
	}

#present05 #sample {
	margin-top:40px;
	margin-bottom:4px;
}
	/*IE6,IE7*/
	#present05 #sample {
		/margin-bottom:8px;
	}

#present06 #sample {
	margin-top:0;
}

#present01 #sample li,
#present02 #sample li,
#present03 #sample li,
#present04 #sample li,
#present05 #sample li,
#present06 #sample li {
	margin-right:4px;
	height:71px;
	float:left;
}

#present01 #sample #lace_01 { background-image:url("img/present01_pic1s.jpg"); }
#present01 #sample #lace_02 { background-image:url("img/present01_pic2s.jpg"); }
#present01 #sample #lace_03 { background-image:url("img/present01_pic3s.jpg"); }

#present02 #sample #smell_01 { background-image:url("img/present02_pic1s.jpg"); }
#present02 #sample #smell_02 { background-image:url("img/present02_pic2s.jpg"); }
#present02 #sample #smell_03 { background-image:url("img/present02_pic3s.jpg"); }

#present03 #sample #j_tea_01 { background-image:url("img/present03_pic1s.jpg"); }
#present03 #sample #j_tea_02 { background-image:url("img/present03_pic2s.jpg"); }
#present03 #sample #j_tea_03 { background-image:url("img/present03_pic3s.jpg"); }

#present04 #sample #f_tea_01 { background-image:url("img/present04_pic1s.jpg"); }
#present04 #sample #f_tea_02 { background-image:url("img/present04_pic2s.jpg"); }

#present05 #sample #glass_01 { background-image:url("img/present05_pic1s.jpg"); }
#present05 #sample #glass_02 { background-image:url("img/present05_pic2s.jpg"); }
#present05 #sample #glass_03 { background-image:url("img/present05_pic3s.jpg"); }

#present06 #sample #l_war_01 { background-image:url("img/present06_pic1s.jpg"); }
#present06 #sample #l_war_02 { background-image:url("img/present06_pic2s.jpg"); }
#present06 #sample #l_war_03 { background-image:url("img/present06_pic3s.jpg"); }


#present01 #sample a,
#present02 #sample a,
#present03 #sample a,
#present04 #sample a,
#present05 #sample a,
#present06 #sample a {
	display:block;
	width:71px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
}

#present01 #sample a:hover,
#present02 #sample a:hover,
#present03 #sample a:hover,
#present04 #sample a:hover,
#present05 #sample a:hover,
#present06 #sample a:hover {
	background-position:0 -71px;
}



/*btm_menu
----------------------------*/
#present01 #attention,
#present02 #attention,
#present03 #attention,
#present04 #attention,
#present05 #attention,
#present06 #attention {
	float:left;
	width:588px;
	margin:21px 0 34px 0;
	padding:3px 15px 4px 15px;
	line-height:140%;
	text-align:left;
	letter-spacing:-1px;
	border: solid 1px #DFDFDF;
	background-color:#F4F2F3;
}
	/*IE6*/
	*HTML #present01 #attention,
	*HTML #present02 #attention,
	*HTML #present03 #attention,
	*HTML #present04 #attention,
	*HTML #present05 #attention,
	*HTML #present06 #attention {
		width:620px;
	}

#present01 #attention li,
#present02 #attention li,
#present03 #attention li,
#present04 #attention li,
#present05 #attention li,
#present06 #attention li {
	margin-top:3px;
}

#present01 #btm_present_menu,
#present02 #btm_present_menu,
#present03 #btm_present_menu,
#present04 #btm_present_menu,
#present05 #btm_present_menu,
#present06 #btm_present_menu {
	margin-bottom:0px;
}

#present01 #btm_present_menu ul,
#present02 #btm_present_menu ul,
#present03 #btm_present_menu ul,
#present04 #btm_present_menu ul,
#present05 #btm_present_menu ul,
#present06 #btm_present_menu ul {
	clear:both;
	width:370px;
	margin:0 auto;
	margin-bottom:13px;
	padding:7px 0;
	border-top:solid 1px #D1AABD;
	border-bottom:solid 1px #D1AABD;
}

	/*IE6*/
	*HTML #present01 #btm_present_menu ul,
	*HTML #present02 #btm_present_menu ul,
	*HTML #present03 #btm_present_menu ul,
	*HTML #present04 #btm_present_menu ul,
	*HTML #present05 #btm_present_menu ul,
	*HTML #present06 #btm_present_menu ul {
		margin-right:35px;
	}

#present01 #btm_present_menu li,
#present02 #btm_present_menu li,
#present03 #btm_present_menu li,
#present04 #btm_present_menu li,
#present05 #btm_present_menu li,
#present06 #btm_present_menu li {
	display:inline;
	margin:0 9px;
}

#present01 #btm_present_menu a,
#present02 #btm_present_menu a,
#present03 #btm_present_menu a,
#present04 #btm_present_menu a,
#present05 #btm_present_menu a,
#present06 #btm_present_menu a {
	color:#828282;
	font-size: 11px;
}

#present01 #btm_present_menu a:hover,
#present02 #btm_present_menu a:hover,
#present03 #btm_present_menu a:hover,
#present04 #btm_present_menu a:hover,
#present05 #btm_present_menu a:hover,
#present06 #btm_present_menu a:hover {
	color:#933E6D;
}


#shop #history a,
#shop #history2 a {
  color: #828282;
}

#shop #history a:hover,
#shop #history2 a:hover {
  color: #933E6D;
}