* {margin: 0px;	padding: 0px;}
body {font-family:\5FAE\8F6F\96C5\9ED1; font-size: 100%; line-height: 180% ;color: #333; }
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none;}
.clearFloat{clear:both; line-height:0; font-size:0}

/* header */
#pagewrap{ background:#FFF;}

#page nav{display: none;}

header{position:relative;}
.head_tit{font-size:140%; font-weight:normal; text-align:left; line-height:200%;  background: -webkit-gradient(linear, left top, left bottom, from(#810017), color-stop(0, #c0112e), to(rgb(192, 17, 46))) ;background-image: -moz-linear-gradient(top, #810017, #c0112e) ; color:#FFF;}

#header .menu{ position:absolute; top:5px; right:3%; background:#FF0; padding:2px 4px; ;border-radius:5px ;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
#header .menu a{color:#F00;}
#menu{visibility: hidden; width:160px; position: absolute; top: 44px;right:2%; z-index:100;}
#menu .title{ font-size:20px; color:#FFF; cursor:pointer; background-color:#810017; text-align:center; padding:1%; }
#menu .title span{ float:right;}
#menu a{ color:#fff; font-size:16px; background:#830119; display:block; height:35px; line-height:35px; padding:3px 5px 3px 40px;}
#menu a span{ float: right; margin-top:5px;}


.swipe{ line-height:0; width:100%;overflow:hidden;position:relative;}
.swipe ul{
-webkit-transition:left 800ms ease-in 0;
-moz-transition:left 800ms ease-in 0;
-o-transition:left 800ms ease-in 0;
-ms-transition:left 800ms ease-in 0;
transition:left 800ms ease-in 0;
}
#slider img{width:100%;}
.swipe #pagenavi{position:absolute;bottom:15px;width:100%; z-index:10; text-align:center;}
.swipe #pagenavi a{width:12px;height:12px;line-height:99em;background:#FFF;border-radius: 90px;margin: 0px 2px 0px 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;/* border:1px solid #434948;border:1px solid #fff;*/}
.swipe #pagenavi a.active{background:#fbdd36;}



/*=========body========*/
h3{ background:#b9122c; margin-bottom:2%;}
h3 span{display:block; padding:0 15% 0 2%; line-height:200%; float:left; background:url(../images/h3_bg.png) 0 0; background-size:100% 100%; color:#c1152f;}
h3 a{display:block; float:right; line-height:200%; padding-right:4%; color:#FFF;}
.index_about{padding:0 2%; margin-bottom:2%;}

h4{ background:#b9122c;}
h4 span{display:block; padding:0 15% 0 2%; line-height:200%; float:left; background:url(../images/h3_bg.png) 0 0; background-size:100% 100%; color:#c1152f;}
h4 a{display:block; float:right; line-height:200%; padding-right:4%; color:#FFF;}
.index_about{padding:0 2%; margin-bottom:2%;}


.index_list{margin:0 2% 3% 2%;}
.index_list li a{display:block; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(0.5, #dedede), to(rgb(222, 222, 222))) ;
background-image: -moz-linear-gradient(top, #fafafa, #dedede) ; color:#333; border:1px solid #bbbbbb; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; overflow:hidden; margin-bottom:1.5%; }
.index_list li a span{ display:block; font-size:140%; text-align:center; background:#9d0922; line-height:100%; float:left; width:25%; padding:3.5% 0; color:#FFF; font-weight:bold; }
.index_list li a span font{font-size:80%; font-weight:normal;}
.index_list li a b{ display:block; font-weight:normal; float:right; padding:0 0 0 1%; width:74%; line-height:380%; margin-top:2%; }

input{ text-align:center;background:#e1e1e1; padding:1% 0; font-size:140%; line-height:240%; color:#c1152f; font-weight:bold; width:100%; border:none; cursor:pointer; margin-bottom:2%;}


/*foot*/
#footer{margin-top:2%;}
#footer ul{  background: -webkit-gradient(linear, left top, left bottom, from(#c0112e), color-stop(0, #810017), to(rgb(129, 0, 23))) ;background-image: -moz-linear-gradient(top, #c0112e, #810017) ;}
#footer ul li{ width:25%; padding:0.5% 0; float:left; }
#footer ul li a{display:block;  width:100%; line-height:100%; height:100%;padding:2% 0% 1% 0%;text-align:center;}
#footer ul li a span{display:block;  font-size:100%; line-height:120%;  color:#FFF;}
.foot_txt{  line-height:240%; text-align:center; font-size:100%; color:#333;}

/*main_navi*/
.main_navi{margin-bottom:5%; padding:2% 0; background:#f0f0f0;box-shadow:5px 5px 5px  #cccccc; -moz-box-shadow:5px 5px 5px  #cccccc; -webkit-box-shadow:5px 5px 5px  #cccccc; }
.main_navi .main_navi_list li{ float:left; width:31%; margin:0 0 1.7% 1.7%;}
.main_navi .main_navi_list li a{display:block; width:100%;}
.main_navi_list li a{ display:block;color:#333; text-align:center; font-weight:bold; }
.main_navi_list li.maincur a{color:#c0112e;}

.products_list{padding:1% 0 1% 0.5%;}
.pro_img{width:47.5%; float:left; margin:2% 1%; }
.pro_img a .img_main{ display:block;width:100%; line-height:0;border:1px solid #cccccc;}
.pro_img a img{ width:100%; }
.pro_img span.pro_txt{ display:block; text-align:center; color:#000; font-size:100%; line-height:200%;}

/*show*/
.show{ padding:1% 2% 1% 2%; margin:0 auto;}
.show_tit{font-size:140%; font-weight:bold; text-align:center; margin-bottom:1%;}
.show_txt{font-size:80% ;text-align:center; margin-bottom:2%;}
.show_main{ padding:1% 0 2% 0; border-top:1px solid #c4c4c4; border-bottom:4px solid #c4c4c4;}
.page{margin:0 auto;padding:3% 0 1% 2%;}
.page_top a ,.page_down a{color:#000000;}
.page_top a:hover ,.page_down a:hover{color:#c12323;}