@charset "UTF-8";



/*-----------------------------------------------
main
-----------------------------------------------*/
#main{
	width: 900px;
	margin: 0px auto 0px auto;
	text-align: center;
	text-align: left;
	padding-bottom: 10px;
}
#main #left_area{
	background:url(../../images/main_bg2.gif) repeat-y left top;
	display:inline-block;
	width:668px;
	padding: 0px;
}
#main #left_area_in{
	background:url(../../images/main_bg.jpg) no-repeat left top;
	display:inline-block;
	padding: 0px;
}
#main #left_area_in_bottom{
	background:url(../../images/main_bg_bottom.jpg) no-repeat left bottom;
	padding: 0px 0px 40px 0px;
	display:inline-block;
	float: left;
}
/*--- shop_list ---*/
#main .shop_list{
	width: 172px;
	font-size:11px;
	margin: 1px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
}
#main .shop_list h3{
	margin: 0px 0px 5px 0px;
}
#main .shop_list .state{
	background-color:#331D09;
	color:#665647;
	padding: 2px 0px 0px 17px;
	margin: 0px 0px 5px 0px;
}
#main .shop_list li{
	padding: 0px 0px 1px 17px;
}
#main .shop_list ul{
	padding: 0px 0px 2px 0px;
}
/*--- main_text ---*/
#main .main_text{
	width: 482px;
	padding: 19px 0px 20px 14px;
}

#main .main_text #top_btn{
	margin: 0px 0px 0px 10px;
}
#main .main_text #top_btn .top_btn01,
#main .main_text #top_btn .top_btn02,
#main .main_text #top_btn .top_btn03,
#main .main_text #top_btn .top_btn04,
#main .main_text #top_btn .top_btn05{
	width:90px;
	height:87px;
	padding: 0px 0px 0px 0px;
}

#main .main_text #top_btn li{float: left;}

/*--- banner_area ---*/
#main .main_text .banner_area{
	width:470px;
	padding: 10px 0px 10px 0px;
}
#main .main_text .banner_area img{margin: 0px 0px 5px 0px ;}

#main .main_text .banner_wcamp{
	width:470px;
	padding: 10px 0px 5px 0px;
}

.wcamp_shop{
	width:468px;
	margin:0px 0px 15px 0px;
	border-left:1px solid #c3baa2;
	border-right:1px solid #c3baa2;
	border-bottom:1px solid #c3baa2;
}
.wcamp_shop span{font-size:10px;}

.wcamp_shop .newshop_tbl2{
	width:450px;
	margin:5px 5px 5px 0px;
}

.wcamp_shop .newshop_tbl{
	width:400px;
	margin:5px 5px 5px 0px;
}

.wcamp_shop .newshop_tbl th{
	width:100px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

.wcamp_shop .newshop_tbl th a{color:#750018; text-decoration: none;}
.wcamp_shop .newshop_tbl th a:link{color:#750018; text-decoration: none;}
.wcamp_shop .newshop_tbl th a:visited{color:#750018; text-decoration: none;}
.wcamp_shop .newshop_tbl th a:hover{color:#750018; text-decoration: underline;}
.wcamp_shop .newshop_tbl th a:active{color:#750018; text-decoration: none;}


/*--- txt_box_top ---*/
#main .main_text .txt_box_top{
	width: 230px;
	margin: 0px 5px 10px 0px;
	position:relative;
}
#main .main_text .txt_box_top h3{
	margin: 0px 0px 5px 0px;
}
#main .main_text .txt_box_top h4{
	background:url(../images/txt_bg.gif) repeat-x left top;
	height:22px;
	padding: 8px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}
#main .main_text .txt_box_top p,
#main .main_text .txt_box_top{
	font-size: 11px;
}
#main .main_text .txt_box_top img{
	padding: 0px 5px 0px 0px;
}
#main .main_text .more{
	position:absolute;
    bottom:0px;
   	right: 0px;
	text-indent:-9999px;
	width:52px;
	height:9px;
}
#main .main_text .more a{
	background:url(../images/more.gif) no-repeat left top;
	width: 100%;
	height: 100%;
	display:block ;
	overflow:hidden;
}
#main .main_text .more a:hover{
	background:url(../images/more_ov.gif) no-repeat left top;
	width: 100%;
	height: 100%;
	display:block ;
	overflow:hidden;
}
/*--- menu_list ---*/

#main #menu_list .mane{
	background:url(../images/txt_bg.gif) repeat-x left top;
	height:30px;
	width: 460px;
	padding: 0px 0px 0px 10px;
	margin: 8px 0px 10px 0px;
	font-size: 12px;
}
#main #menu_list .mane li{
	float: left;
	width: 120px;
}
#main #menu_list .menu01{
	background:url(../../images/menu_list_icon01.gif) no-repeat left center;
	padding: 3px 0px 3px 30px;
	font-size: 14px;
	font-weight: bold;
}
#main #menu_list .menu02{
	background:url(../../images/menu_list_icon02.gif) no-repeat left center;
	padding: 3px 0px 3px 30px;
	font-size: 14px;
	font-weight: bold;
}
#main #menu_list .menu03{
	background:url(../../images/menu_list_icon03.gif) no-repeat left center;
	padding: 3px 0px 3px 30px;
	font-size: 14px;
	font-weight: bold;
}
#main #menu_list .menu_box{
	padding: 0px 0px 10px 10px;
	width: 140px;
}
#main #menu_list .menu_box li{
	line-height: 160%;
	font-size: 11px;
}


/*--- information ---*/
#main .main_text .information {
	padding: 0px 0px 20px 0px;
}
#main .main_text .information table{
	width: 467px;
}
#main .main_text .information td{
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 0px 5px 0px;
}
#main .main_text .information .day{
	width:60px;
}
/*--- top_banner_bottom ---*/
#main .main_text .top_banner_bottom{
	background:url(../../images/whiteessence.jpg) no-repeat left top;
	width:290px;
	height:114px;
	padding: 15px 20px 0px 160px;
	margin:5px 0px 0px 0px;
	color:#FFFFFF;
	font-size:10px;
}
#main .main_text .top_banner_bottom p{line-height:140%;}

#main .main_text .top_banner_bottom .txt_ye{
	font-weight: bold;
	color:#CFB976;
	padding: 0px 0px 5px 0px;
}

#main .banner_web_mail{
	width: 470px;
	height: 151px;
	background:url(../images/web_btn01.gif) no-repeat left top;
}
#main .web_mail_btn{
	position: relative;
	margin: -115px 0px 0px 80px;
	_margin: -125px 0px 0px 80px;
	height: 125px;
}
#main .web_mail_btn li{
	float:left;
}
#main .web_btn{
	width:150px;
	height:36px;
	margin:0px 2px 0px 0px;
}

#main .mail_btn{
	width:150px;
	height:36px;
}

/*--- right_area ---*/
#main #right_area{
	width: 210px;
	padding:30px 0px 0px 20px;
	float: right;
	color: #BAB0B0;
}

#main #right_area .more{
	margin: 0px 0px 20px 130px;
	text-indent:-9999px;
	width:52px;
	height:9px;
}
#main #right_area h3{
	margin: 0px 0px 10px 0px;
}
#main #right_area .more a{
	background:url(../images/more2.gif) no-repeat left top;
	width: 100%;
	height: 100%;
	display:block ;
	overflow:hidden;
}
#main #right_area .more a:hover{
	background:url(../images/more2_ov.gif) no-repeat left top;
	width: 100%;
	height: 100%;
	display:block ;
	overflow:hidden;
}

#main #right_area .info {
	background:url(../images/hr_01.gif) repeat-x left bottom;
	width:190px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#main #right_area .info02{
	width:190px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
#main #right_area .info .info_title,
#main #right_area .info02 .info_title{
	color:#CFB976;
	padding: 0px 0px 5px 0px;
}
#main #right_area a{color:#CFB976; text-decoration: none;}
#main #right_area a:link{color:#CFB976; text-decoration: none;}
#main #right_area a:visited{color:#CFB976; text-decoration: none;}
#main #right_area a:hover{color:#CFB976; text-decoration: underline;}
#main #right_area a:active{color:#CFB976; text-decoration: none;}

#main #right_area .info .info_txt,
#main #right_area .info02 .info_txt{
	font-size:11px;
}
#main #right_area .info .img_01,
#main #right_area .info02 .img_01{
	padding:0 5px 0 0;
}
#main #right_area .column{
	float: left;
	width: 115px;
}
#main #right_area .mobile{
	margin: 0px 0px 10px 0px;
}
#main #right_area .mobile_in{
	background:url(../images/mobile_bg.gif) no-repeat left top;
	height: 162px;
	width: 190px;
	text-align:center;
}
#main #right_area .mobile_in img{
	padding: 10px 0px 0px 0px;
}
#main #right_area .mobile_in .inputmail {
	background-color:#ffffff;
	border:1px solid #C3C3C3;
	color:#999999;
	font-size:12px;
	padding:2px;
	width:125px;
}
#main #right_area .mobile_in input{
	margin:10px 0px 10px 0px;
	padding:0;
	vertical-align:top;
}
#main #right_area .mobile_in p{
	text-align: left;
	font-size: 11px;
	color:#666666;
	margin: 0px 10px 5px 10px ;
}
#main #right_area .mobile_in a{color:#C52B5F; text-decoration: none;}
#main #right_area .mobile_in a:link{color:#C52B5F; text-decoration: none;}
#main #right_area .mobile_in a:visited{color:#C52B5F; text-decoration: none;}
#main #right_area .mobile_in a:hover{color:#C52B5F; text-decoration: underline;}
#main #right_area .mobile_in a:active{color:#C52B5F; text-decoration: none;}