@charset "utf-8";
/* CSS Document */

/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,br,a{margin:0;padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}
img {border:0;}

/*format.css*/

html { background:#99978F;}

body { font-family:"Arial, Helvetica, sans-serif";
       font-size:14px;
	   line-height:160%;
	   color:#464535;
	   background:url(../img/common/bg.jpg);
	   border-top:4px solid #AEACA6;
}
a {	text-decoration: none; color: #96A41C;}
a:hover { color:#63624B; text-decoration: underline;}
.clear { margin:0px; padding:0px; clear:both;}
.clear span { display:none;}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*hornet*/

h1 { float:left; width:185px; height:79px; padding-top:44px;}

#header { width:960px; margin:0 auto; display:block;}
#header li { float:left;}
.contact { float:right; widows:232px; height:24px; padding-bottom:20px;}
.menu { float:left; width:775px; height:44px;}

#footer_navi { clear:both; margin-top:20px; background:#F9F5E8; border-top:1px solid #EDE1B8;}
.page_navi { width:960px; margin:0 auto; padding:5px 0px; text-align:right;}
.page_navi dt { float:right;}
.page_navi dd { float:right; padding:0px 6px; color:#DDDDDD;}

#footer { clear:both; background:#99978F; color:#FFFFFF;}
#footer a {	text-decoration: none; color: #FFFFFF;}
#footer a:hover { color:#FFFFFF; text-decoration: underline;}
.repayment { width:960px; margin:0 auto; padding:15px 0px 7px 0px;}
.repayment dt { float:left;}
.repayment dd { float:left; padding:0px 6px; color:#B1AFA9;}
.copyright { clear:both; padding-top:5px;}
.red { color:#FF5151;}



/*** home ***/
#topimg { clear:both; background:url(../img/top/bg_top.jpg) top center repeat-x #FFFFFF;height:380px; }
.topitem { width:960px; height:380px; margin:0 auto; background:url(../img/top/topitem_a_img.jpg) top left no-repeat; position:relative;}

.topbtn { position:absolute; left:30px; top:295px;}

/*** home 　index.html ***/
#topmain { width:960px; margin:0 auto; margin-top:30px;}
.tmain_left { float:left; width:470px;}
.tmain_bnr { width:450px; height:390px; padding:10px; background:##E8E7DD;}
.tm_bnr2 { padding:10px 0px;}
.tm_bnr2l { width:220px; float:left;}
.tm_bnr2r { width:220px; float:left; margin-left:10px;}
.tm_bnrend { width:450px; clear:both;}
.new { padding:20px 10px 0px 10px;}
.new dl { margin-top:5px;}
.new dt { width:110px; padding:5px; float:left;}
.new dd { width:320px; padding:5px; float:left;}

.tmain_right { float:right; width:460px; margin-left:30px;}
.tmain_right h2 { width:434px; height:30px; background:url(../img/top/top_h2bg.jpg) no-repeat; color:#FF4A4A; font-size:16px; font-weight:bold; padding:2px 0px 0px 24px;}
.tmain_right h3 { width:460px; height:30px; background:url(../img/top/top_h3bg.jpg) no-repeat; color:#ADBC27; font-size:16px; font-weight:bold; padding:2px 0px 0px 24px;}
.copy { display:none;}
.tm_txt { padding:5px; margin-bottom:17px;}
.tmain_right ul { margin-top:5px;}
.tmain_right li { background:url(../img/top/arrow_lime.jpg) 5px 7px no-repeat; padding-left:19px;}
.tmain_right strong { color:#FF4A4A; }
.to_mobile { width:440px; height:90px; padding:10px; background:#EEF8D9;}
.to_mobile p { float:left;}
.to_mobiletxt { width:226px; height:70px; padding:10px; background:url(../img/common/bg.jpg); line-height:130%;}

/*** 2Column ***/
#main { width:960px; margin:0 auto;}
.pan { font-size:12px; margin-bottom:30px;}
.totop { margin-top:30px; text-align:right;}
/** leftnavi **/
#leftnavi { width:180px; float:left; padding-right:50px; font-size:12px;}
.leftbnr { margin-top:50px;}
.leftbnr dt { height:130px;}
.leftbnr dd { height:45px; background:url(../img/common/lline_dod.jpg) 0px 23px no-repeat;}
.leftbnr span { display:none;}
/** maincolumn **/
#maincolumn { width:730px; float:left;}

/*** item ***/
.navi_item li { width:180px; height:37px; background:url(../img/itme/bg_list_on.jpg); cursor:pointer; position:relative;}
.navi_item span { position:absolute; left:24px; top:7px;}
.navi_item a { width:180px; height:37px; background:url(../img/itme/bg_list.jpg) no-repeat; display: block;}
.navi_item a:hover { width:180px; height:37px; background:url(../img/itme/bg_list_on.jpg) no-repeat; display: block;}
.privilege { text-align:center;}
.privilege2 { text-align:center; margin-top:30px;}

#itemboxl { width:340px; float:left;}
#itemboxr { width:340px; float:right; margin-left:50px;}
.itemimg { float:left; width:120px; margin-right:9px;}
.itemimg2 { width:340px;}
.itemd { float:left; width:210px;}

#cartl { clear:both; margin-top:15px; padding:10px; width:320px; background-color:#FAF8EE; border:1px solid #F2E8D9;}
#cartl dl { float:left;}
#cartl dt { float:left; margin: 1px 12px 0px 0px; font-size:14px;}
#cartl dd { float:left; width:100px; color:#CC0000; font-size:16px; font-weight:bold;}
#cartl span { font-size:10px;}

#cartr { clear:both; margin-top:15px; padding:10px; width:320px; background-color:#FAF8EE; border:1px solid #F2E8D9;}
#cartr dl { float:left;}
#cartr dt { float:left; margin: 1px 15px 0px 0px; font-size:14px;}
#cartr dd { float:left; width:110px; color:#CC0000; font-size:16px; font-weight:bold;}
#cartr span { font-size:10px;}

#cartbox1 { clear:both; background:#FFFFFF; border:1px solid #F2E8D9;}
#cartbox2 { clear:both; background:#FFFFFF; border:1px solid #F2E8D9;}
.iteminfo { float:right; background:url(../img/arrow_info.jpg) left no-repeat; text-indent:10px;}
.cartin { text-align:center; padding:0; margin:0px auto; width:300px; height:60px;}
.cartin dl { position:relative;}
.cartin dt { position:absolute;	left:1px; top:18px;	width:86px;}
.cartin dd { position:absolute;	left:97px; top:10px;}

.item_catch { font-weight:bold; font-size:12px;}
.item_name { color:#FF1A1A; font-weight:bold;}
.item_date { font-size:10px; line-height:140%;}

.item_c { clear:both; height:50px;}
.item_c span { display:none;}

/*** voice ***/
.navi_voice li { width:180px; height:37px; background:url(../img/voice/bg_list_on.jpg); cursor:pointer; position:relative;}
.navi_voice span { position:absolute; left:24px; top:7px;}
.navi_voice a { width:180px; height:37px; background:url(../img/voice/bg_list.jpg) no-repeat; display: block; color:#FF6600;}
.navi_voice a:hover { width:180px; height:37px; background:url(../img/voice/bg_list_on.jpg) no-repeat; display: block; color:#63624B;}
.vv_h1 { width:730px; border-bottom:1px solid #FF6600; padding:20px 0px 3px 0px; margin-bottom:30px;}


/*** pay ***/
.navi_pay li { width:180px; height:37px; background:url(../img/pay/bg_list_on.jpg); cursor:pointer; position:relative;}
.navi_pay span { position:absolute; left:24px; top:7px;}
.navi_pay a { width:180px; height:37px; background:url(../img/pay/bg_list.jpg) no-repeat; display: block; color:#0066CC;}
.navi_pay a:hover { width:180px; height:37px; background:url(../img/pay/bg_list_on.jpg) no-repeat; display: block; color:#63624B;}
.pay_toform { margin-top:50px; padding:3px 0px 0px 32px; height:20px; background:url(../img/pay/icon_pay.jpg) top left no-repeat;}

/*** answer ***/
.navi_answer li { width:180px; height:37px; background:url(../img/answer/bg_list_on.jpg); cursor:pointer; position:relative;}
.navi_answer span { position:absolute; left:24px; top:7px;}
.navi_answer a { width:180px; height:37px; background:url(../img/answer/bg_list.jpg) no-repeat; display: block; color:#FFCC00;}
.navi_answer a:hover { width:180px; height:37px; background:url(../img/answer/bg_list_on.jpg) no-repeat; display: block; color:#63624B;}
.aa_h1 { width:730px; border-bottom:1px solid #FFCC00; padding:20px 0px 3px 0px; margin-bottom:30px;}

/*** company ***/
.navi_company li { width:180px; height:37px; background:url(../img/company/bg_list_on.jpg); cursor:pointer; position:relative;}
.navi_company span { position:absolute; left:24px; top:7px;}
.navi_company a { width:180px; height:37px; background:url(../img/company/bg_list.jpg) no-repeat; display: block; color:#6633FF;}
.navi_company a:hover { width:180px; height:37px; background:url(../img/company/bg_list_on.jpg) no-repeat; display: block; color:#63624B;}

/*** cart ***/
#cart { width:730px; margin:0 auto; padding-top:30px;}
.i_img { float:left; width:240px; margin-right:30px;}
.i_date { float:left; width:460px;}
.i_date p { margin-bottom:10px;}
.i_name { width:460px; border-bottom:2px solid #BBCD21; margin-bottom:12px; padding-bottom:7px;} 
.i_copy { margin-bottom:10px;} 
.detail { margin:0; padding:0;}
.detail dt { height:18px;}
.detail dt span { display:none;}
.detail dd { padding:5px 0px 15px 20px;}
.detail .ele   { background:url(../img/common/find_ele.jpg) no-repeat left top; }
.detail .capa  { background:url(../img/common/find_capa.jpg) no-repeat left top; }
.detail .price { background:url(../img/common/find_price.jpg) no-repeat left top; }
.detail .price2 { background:url(../img/dj/plume_priceset.gif) no-repeat left top; }
.detail .comment1 { background:url(../img/dj/comment1.jpg) no-repeat left; }
.detail .comment2 { background:url(../img/comment2.jpg) no-repeat left; }
.detail .comment3 { background:url(../img/comment3.jpg) no-repeat left; }
.detail .f12 { font-size:12px; line-height:140%}
.detail .b14 { font-size:14px; font-weight:bold;}
.detail .b20 { font-size:20px; font-weight:bold;}
.detail .b30 { font-size:30px; font-weight:bold;}
.i_buy { text-align:center; background-color:#F5F9D5; padding:0; margin:7px auto 0px auto; width:460px; height:90px;}
.i_buy dl { position:relative;}
.i_buy dt { position:absolute;	left: 40px;	top: 35px;}
.i_buy dd { position:absolute;	left: 120px; top: 15px;}
.i_txt { width:730px; border-bottom:1px solid #BBCD21; margin-top:30px; padding-bottom:3px; text-align:center; font-size:16px; font-weight:bold;}

.c_find { margin-top:40px;}
.c_find2 { margin:40px 0px 20px 0px;}
.c_find3 { margin-top:10px;
}

.creambtn { posit#topimg { clear:both; background:url(../img/button_153.jpg) top center repeat-x #FFFFFF;height:380px; }

/*** campany ***/
#campany{position:center;}


/*** 12-22 ***/

#topmain2 { width:960px; margin:10px 10px　10px 0;}
.tmain_left2 { float:left; width:960px;}
.tmain_bnr2 { width:960px; height:350px;  background:##E8E7DD;}


.tmain_right { float:left; width:460px; margin-left:30px;}

#new2 { float:right padding:20px 10px 0px 10px;}
.new2 dl { margin-top:5px;}
.new2 dt { width:110px; padding:5px; float:left;}
.new2 dd { width:320px; padding:5px; float:left;}


/*** 12-22 ***/
#topmain { width:960px; margin:0 auto; margin-top:30px;}
.tmain_left { float:left; width:470px;}
.tmain_bnr { width:450px; height:390px; padding:10px; background:##E8E7DD;}
.tm_bnr2 { padding:10px 0px;}
.tm_bnr2l { width:220px; float:left;}
.tm_bnr2r { width:220px; float:left; margin-left:10px;}
.tm_bnrend { width:450px; clear:both;}