@charset "utf-8";

/* CSS common

Index
------------------------------------------------------------
== 1. reset

== 2. initialization

== 3. common
 _ 3-1. wrapper/container
 _ 3-2. header
 _ 3-3. global navigation
 _ 3-4. contents wrap/column
 _ 3-5. sub navigation
 _ 3-6. footer

== 4. layout/parts
 _ 4-1. clearfix
 _ 4-2. margin/padding
 _ 4-3. box
 _ 4-4. table
 _ 4-5. border
 _ 4-6. titles
 _ 4-7. text
 _ 4-8. link

== 5. module
 _ 5-1. noscript
 _ 5-2. page up
 _ 5-3. breadcrumbs list
 _ 5-4. pagination
 _ 5-5. anchor/content nav
 _ 5-6. banner
 _ 5-7. privacy policy

== 6. other

== 7. print

------------------------------------------------------------
============================================================
== 1. reset
============================================================*/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
  margin: 0px;
  padding: 0px;
}

ul,ol {
  list-style: none;
}

table {
  border: 0;
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  vertical-align: top;
}


/*============================================================
== 2. initialization
============================================================*/
body {
  margin: 0px;
  padding: 0px;
  background: #000000;
}


/*-- font common ----------*/
body {
  color: #666666;
  font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  word-spacing: 0;
  letter-spacing: 0;
}

/* red text */
.red {
  color: #cc3333;
}


/*-- link common ----------*/
a,
a:link,
a:visited {
  color: #666666;
  text-decoration: underline;
  outline: none;
}

a:hover,
a:active,
a:focus {
  color: #999999;
}


/*-- seo text ----------*/
h1 {
  width: 1000px;
  margin: 0 auto;
  padding: 7px 0;
  color: #c1c1c1;
  /*
  font-family: "ＭＳ Ｐゴシック", Osaka,sans-serif;
  */
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  line-height: 14px;
}


/*-- image common ----------*/
p img {
  vertical-align: middle;
}


/*============================================================
== 3. common
============================================================*/
/*------------------------------------------------------
 _ 3-1. wrapper/container
------------------------------------------------------
#wrapper {}*/
#container {
  padding-bottom: 10px;
  background: #f5f4ed url(../common_img/container_bg.png) repeat-x top;
}


/*------------------------------------------------------
 _ 3-2. header
------------------------------------------------------*/
#header {
  margin: 0 auto;
  background-color: #ffffff;
}

#header .content {
  width: 1000px;
  margin: 0 auto;
  padding-top: 17px;
}

/*-- site logo ----------*/
#header h2 {
  float: left;
  width: 402px;
  padding: 8px 0 0 16px;
}

/*-- contact iink ----------*/
#header_info {
  width: 520px;
  height: 59px;
  margin-right: 5px;
  margin-left: auto;
  font-size: 0;
  line-height: 0;
}

#header_info dt,
#header_info dd {
  display: inline;
}

/*-- nav ----------*/
#header_nav {
  padding-bottom: 8px;
  font-size: 0;
  text-align: right;
  line-height: 0;
}

#header_nav li {
  display: inline;
}


/*------------------------------------------------------
 _ 3-3. global navigation
------------------------------------------------------*/
#gnav {
  height: 74px;
  padding-top: 2px;
  background: url(../common_img/gnav_bg.png) center top;
  line-height: 0;
}

#gnav ul {
  width: 1000px;
  height: 74px;
  margin: 0 auto;
  background-color: #ffffff;
}

#gnav li {
  float: left;
}


/*------------------------------------------------------
 _ 3-4. contents wrap/column
------------------------------------------------------*/
#main {
  width: 1000px;
  margin: 0 auto;
}

/* contents column */
#content {
  float: left;
  width: 740px;
}

#side {
  float: right;
  width: 235px;
}


/*------------------------------------------------------
 _ 3-5. sub navigation
------------------------------------------------------*/
/*-- 業種から探す ----------*/
#side_industry {
  width: 235px;
  margin: 0 auto 20px;
}

#side_industry dt {
  position: relative;
  margin-bottom: 2px;
}

#side_industry dt a {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
}

#side_industry ul {
  font-size: 12px;
  text-align: left;
}

#side_industry li {
  margin: 2px 0;
}

#side_industry li a {
  display: block;
  padding: 3px 5px;
  background: #ffffff url(../common_img/icon_arrow01.png) no-repeat 225px 25px;
  color: #666666;
  text-decoration: none;
}

#side_industry li a:hover,
#side_industry li a:active,
#side_industry li a:focus {
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

#side_industry li a:before {
  display: inline-block;
  width: 60px;
  height: 40px;
  margin-right: 10px;
  vertical-align: middle;
  content: "";
}

#side_industry .li01 a:before {background: url(../common_img/side_industry01.jpg) no-repeat 0 0;}
#side_industry .li02 a:before {background: url(../common_img/side_industry02.jpg) no-repeat 0 0;}
#side_industry .li03 a:before {background: url(../common_img/side_industry03.jpg) no-repeat 0 0;}
#side_industry .li04 a:before {background: url(../common_img/side_industry04.jpg) no-repeat 0 0;}
#side_industry .li05 a:before {background: url(../common_img/side_industry05.jpg) no-repeat 0 0;}
#side_industry .li06 a:before {background: url(../common_img/side_industry06.jpg) no-repeat 0 0;}
#side_industry .li07 a:before {background: url(../common_img/side_industry07.jpg) no-repeat 0 0;}
#side_industry .li08 a:before {background: url(../common_img/side_industry08.jpg) no-repeat 0 0;}


/*-- 商品紹介 ----------*/
#side_products {
  width: 235px;
  margin: 0 auto 20px;
}

#side_products dt {
  position: relative;
  margin-bottom: 2px;
}

#side_products dt a {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
}

#side_products ul {
  font-size: 12px;
  text-align: left;
}

#side_products li {
  margin: 2px 0;
}

#side_products li a {
  display: block;
  padding: 3px 5px;
  background: #ffffff url(../common_img/icon_arrow01.png) no-repeat 225px 25px;
  color: #666666;
  text-decoration: none;
}

#side_products li a:hover,
#side_products li a:active,
#side_products li a:focus {
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

#side_products li a:before {
  display: inline-block;
  width: 60px;
  height: 40px;
  margin-right: 10px;
  vertical-align: middle;
  content: "";
}

#side_products01 .li01 a:before {background: url(../common_img/side_products0101.jpg) no-repeat 0 0;}
#side_products01 .li02 a:before {background: url(../common_img/side_products0102.jpg) no-repeat 0 0;}
#side_products01 .li03 a:before {background: url(../common_img/side_products0103.jpg) no-repeat 0 0;}
#side_products01 .li04 a:before {background: url(../common_img/side_products0104.jpg) no-repeat 0 0;}
#side_products01 .li05 a:before {background: url(../common_img/side_products0105.jpg) no-repeat 0 0;}
#side_products01 .li06 a:before {background: url(../common_img/side_products0106.jpg) no-repeat 0 0;}
#side_products01 .li07 a:before {background: url(../common_img/side_products0107.jpg) no-repeat 0 0;}
#side_products01 .li08 a:before {background: url(../common_img/side_products0108.jpg) no-repeat 0 0;}
#side_products02 .li01 a:before {background: url(../common_img/side_products0201.jpg) no-repeat 0 0;}
#side_products02 .li02 a:before {background: url(../common_img/side_products0202.jpg) no-repeat 0 0;}


/*-- 当社の畳はなぜ選ばれるのか ----------*/
#side_choose {
  width: 235px;
  margin: 0 auto 20px;
  background-color: #ffffff;
}

#side_choose dl {
  padding: 5px;
  background: #e9e1cd url(../common_img/bg_gradation01.png) repeat-x bottom;
}

#side_choose dl dd {
  padding: 5px;
  color: #787366;
  font-size: 11px;
  text-align: left;
}


/*-- 施工拠点のご紹介 ----------*/
#side_base {
  width: 235px;
  margin: 0 auto 20px;
  background-color: #ffffff;
}


/*-- バナー ----------*/
#side_bnr {
  width: 235px;
  margin: 0 auto 20px;
}

#side_bnr li {
  margin-bottom: 9px;
}


/*------------------------------------------------------
 _ 3-6. footer
------------------------------------------------------*/
#footer {}


/*== footer content ========================*/
#footer_content {
  background-color: #ffffff;
}

#footer_content .inner {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}

/*-- info ----------*/
#footer_info {
  float: left;
  width: 410px;
  font-size: 0;
  text-align: left;
  line-height: 0;
}

#footer_info dt {
  padding: 0 0 20px 8px;
}

#footer_info dl dt {
  padding: 0;
}

/*-- nav ----------*/
#footer_nav {
  width: 576px;
  margin-left: auto;
  padding-top: 6px;
  text-align: left;
}

#footer_nav ul {
  display: inline-block;
  font-size: 13px;
  padding-left: 30px;
  vertical-align: top;
}

#footer_nav li ul {
  display: block;
  padding-top: 4px;
  padding-left: 10px;
  font-size: 12px;
}

#footer_nav li a,
#footer_nav li a:link,
#footer_nav li a:visited {
  display: inline-block;
  padding: 6px 8px;
  background: url(../common_img/icon_arrow01.png) no-repeat 0 12px;
  color: #666666;
}

#footer_nav li a:hover,
#footer_nav li a:active,
#footer_nav li a:focus {
  color: #888888;
}

#footer_nav li li a,
#footer_nav li li a:link,
#footer_nav li li a:visited {
  padding: 4px 8px;
  background: url(../common_img/icon_arrow02.png) no-repeat 0 9px;
  color: #888888;
}

#footer_nav li li a:hover,
#footer_nav li li a:active,
#footer_nav li li a:focus {
  color: #aaaaaa;
}


/*== footer text ========================*/
#footer_text {
  width: 1000px;
  margin: 0 auto;
  padding: 16px 0 60px;
  color: #cccccc;
  font-size: 12px;
  text-align: left;
  line-height: 2;
}


/*== flash/pdf/ai banner ========================*/
#footer_link {
  width: 960px;
  margin: 0 auto;
  font-family: "ＭＳ Ｐゴシック", Osaka,sans-serif;
  font-size: 10px;
}

#footer_link a,
#footer_link a:link,
#footer_link a:visited {
  color: #999999;
  text-decoration: none;
}

#footer_link a:hover,
#footer_link a:active,
#footer_link a:focus {
  text-decoration: underline;
}

/* flash/PDF/etc. plug-in banner */
#footer_link dl {
  float: left;
  text-align: left;
}

#footer_link dt {
  float: left;
  width: 112px;
}

#footer_link dd {
  padding: 0 0 0 122px;
}

/* ai text link */
#footer_link #ai {
  padding-bottom: 40px;
  text-align: right;
}


/*============================================================
== 4. layout/parts
============================================================*/
/*------------------------------------------------------
 _ 4-1. clearfix
------------------------------------------------------*/
/*-- clearfix ----------*/
.clearfix {
  zoom:1;
}

.clearfix:after{
  display: block;
  clear: both;
  content: "";
}


/*-- clear ----------*/
.clear {
  clear: both;
}


/*------------------------------------------------------
 _ 4-2. margin/padding
------------------------------------------------------*/
/*-- margin bottom ----------
.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}*/


/*-- padding bottom ----------
.pb10 {
  padding-bottom: 10px;
}*/


/*------------------------------------------------------
 _ 4-3. box
------------------------------------------------------*/
/*-- float box ----------
.fbox01l {
  float: left;
  padding: 0 30px 20px 0;
}

.fbox01r {
  float: right;
  padding: 0 0 20px 20px;
}*/


/*------------------------------------------------------
 _ 4-4. table
------------------------------------------------------
.tblStyle01 {}*/

/*------------------------------------------------------
 _ 4-5. border
------------------------------------------------------
.brdrStyle01 {}*/

/*------------------------------------------------------
 _ 4-6. titles
------------------------------------------------------*/
/*-- page title ----------*/
#title {
  position: relative;
  z-index: 1;
  height: 120px;
  margin: 0 auto 20px;
}

#title:after {
  position: absolute;
  top: 5px;
  left: 4px;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../common_img/title_bg.png) no-repeat right bottom;
  content: "";
}



/*== sub title ========================*/

/*-- sub title 1 ----------*/
.titlStyle01 {
  margin-bottom: 15px;
  padding: 12px 10px 8px;
  background-color: #2a2a2a;
  color: #ffffff;
  font-size: 19px;
  font-weight: normal;
  text-align: left;
}

/*-- sub title 2 ----------*/
.titlStyle02 {
  margin-bottom: 15px;
  padding: 8px 15px 6px;
  border-radius: 6px;
  background-color: #f5f2e7;
  color: #572b00;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}

/*-- sub title 3 ----------*/
.titlStyle03 {
  margin: 0 10px 10px;
  color: #4f8b20;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}



/*------------------------------------------------------
 _ 4-7. text
------------------------------------------------------*/
/*-- text color ----------
 (red > 2. initialization )
.clrStyl01 {
  color: #F06800;
}*/


/*-- emphasis character ----------
.emStyle01 {
  color: #9966CC;
  font-weight: bold;
}*/


/*-- basic text ----------
.txtStyl01 {
  padding: 0 0 20px;
  text-align: left;
  line-height: 1.8;
}


/*-- nobr ----------*/
.nobr {
  display: inline-block;
  white-space: nowrap;
}


/*------------------------------------------------------
 _ 4-8. link
------------------------------------------------------*/
/*== zoom icon（lightbox）========================*/
a.cur_zoom {
  display: block;
  z-index: 2;
  position: relative;
  cursor: url(../common_img/icon_zoom.cur), pointer;
  /* ※IEの場合、cursor画像url指定はcssからのパスではなく、表示するhtmlからの画像パス指定なので注意 */
}

a.cur_zoom img {
  position: relative;
  z-index: -1;
}

.cur_zoom:after{
  position: absolute;
  z-index: 100;
  bottom: 8px;
  right: 8px;
  display: block;
  width: 28px;
  height: 28px;
  background: url(../common_img/icon_zoom.png);
  content: "";
}


/*== hover opacity ========================*/
.opcty,
.opcty:link,
.opcty:visited {}

a.opcty {
  display: block;
}

.opcty:hover,
.opcty:active,
.opcty:focus {
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -ms-filter:"alpha(opacity=70)";
}


/*== link icon ========================*/

/*-- link target brank ----------*/
a.link_brank,
a.link_brank:link,
a.link_brank:visited,
span.link_brank {
  display: inline-block;
  padding-right: 18px;
  background: url(../common_img/icon_brank.png) no-repeat right center;
}

a.link_brank:hover,
a.link_brank:active,
a.link_brank:focus {}

/*============================================================
== 5. module
============================================================*/
/*------------------------------------------------------
 _ 5-1. noscript
------------------------------------------------------*/
#nscrpt {
  display: block;
  margin: 0 auto;
  padding: 20px 0;
  color: #ff0000;
  font-weight: bold;
}


/*------------------------------------------------------
 _ 5-2. page up
------------------------------------------------------*/
.page-up {
  margin: 10px auto;
  text-align: right;
}


/*------------------------------------------------------
 _ 5-3. breadcrumbs list
------------------------------------------------------*/
#pankuzu {
  margin: 0 auto;
}

#pankuzu p {
  overflow: hidden;
  padding: 5px 0 6px;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#pankuzu .btn_rss img {
  padding-top: 3px;
  vertical-align: top;
}

#pankuzu p a,
#pankuzu p a:link,
#pankuzu p a:visited {
  color: #666666;
  text-decoration: none;
}

#pankuzu p a:hover,
#pankuzu p a:active,
#pankuzu p a:focus {
  color: #999999;
  text-decoration: underline;
}

#pankuzu p a:first-child {
  display: inline-block;
  padding-left: 18px;
  background: url(../common_img/pankuzu_home.png) no-repeat 0 2px;
}



/*------------------------------------------------------
 _ 5-4. pagination
------------------------------------------------------*/
/*-- pagination ----------
.paginate {}*/


/*-- next previous nav ----------*/
.next_prev {
  margin: 0 auto;
  background: url(../common_img/next_prev_bg.png) repeat-x top;
}

.next_prev li {
  width: 33%;
  margin: 0 auto;
}

.next_prev a {
  display: inline-block;
  margin-bottom: 40px;
  vertical-align: top;
}

.next_prev .prev {
  float: left;
}

.next_prev .next {
  float: right;
}


/*-- back to list ---------
.back_list {}*/



/*------------------------------------------------------
 _ 5-5. anchor/content nav
------------------------------------------------------*/
/*-- hash tag links / sub navigation ----------*/
.content_nav {
  margin: 0 auto 20px;
  padding: 5px;
  background-color: #ffffff;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
}

.content_nav li {
  display: inline;
  padding: 0 10px;
}

.content_nav a,
.content_nav a:link,
.content_nav a:visited {
  display: inline-block;
  padding-left: 8px;
  background: url(../common_img/icon_arrow01.png) no-repeat left center;
  color: #666666;
  text-decoration: none;
}

.content_nav a:hover,
.content_nav a:active,
.content_nav a:focus {
  color: #999999;
  text-decoration: underline;
}


/*------------------------------------------------------
 _ 5-6. banner
------------------------------------------------------*/
/*-- content area info banner ----------
.content_info {
  position: relative;
  width: 730px;
  height: 80px;
  margin: 0 auto 20px;
}

.content_info dd {
  position: absolute;
  right: 10px;
  bottom: 8px;
}*/


/*-- content area banner link ----------
.content_bnr {}*/



/*------------------------------------------------------
 _ 5-7. privacy policy
------------------------------------------------------*/
/*============================================================
== 6. other
============================================================*/
/*------------------------------------------------------
 _ 6-1. detail_box
------------------------------------------------------*/
.detail_box {
  margin: 0 auto 30px;
  padding: 20px 20px 10px;
  background-color: #ffffff;
}

.detail_box .article {
  padding: 10px 0;
}

.detail_box .photo {
  padding-bottom: 10px;
}

.detail_box .photo.left {
  float: left;
  padding-right: 30px;
}

.detail_box .photo.right {
  float: right;
  padding-left: 30px;
}

.detail_box .photo_list {
  padding-bottom: 10px;
  text-align: right;
}

.detail_box .photo_list li:first-child {
  float: left;
}


.detail_box .article .text {
  margin: 0 auto 10px;
  text-align: left;
  line-height: 1.7;
}

.detail_box .title01 {
  margin: 0 auto 15px;
  padding: 12px 10px 8px;
  border: 1px solid #cccccc;
  border-left: 5px solid #618229;
  background: #ffffff url(../common_img/bg_gradation02.png) repeat-x bottom;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}


.detail_box .title02 {
  margin: 0 auto 15px;
  padding: 10px 10px 6px;
  border-radius: 6px;
  background-color: #d7e3a1;
  color: #222222;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}

.detail_box .title03 {
  margin: 0 auto 15px;
  padding: 10px 10px 6px;
  border-top: 1px solid #9EB625;
  border-bottom: 1px solid #9EB625;
  color: #4f8b20;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}


.detail_faq {
  padding: 10px 0;
  background-color: #ffffff;
  text-align: left;
}

.detail_faq dt {
  padding: 10px 0 8px 60px;
  border-radius: 6px;
  background: #e9e1cd url(../common_img/icon_question01.png) no-repeat 10px 4px;
  color: #572b00;
}

.detail_faq dd {
  padding: 10px 20px 10px 60px;
  background: url(../common_img/icon_answer01.png) no-repeat 10px 4px;
  line-height:1.7;
}


.detail_list {
  width: 700px;
  margin: 0 auto 20px;
  border-collapse: collapse;
  background-color: #f4f6f1;
}

.detail_list td {
  padding: 6px 15px;
  border-top: 1px dotted #cccccc;
  background-color: #f4f6f1;
  text-align: left;
}

.detail_list tr:first-child td {
  border-top: none;
}

.detail_table {
  width: 700px;
  margin: 0 auto 20px;
  border-collapse: collapse;
}

.detail_table th {
  padding: 6px 10px;
  border: 1px solid #9EB625;
  background-color: #d7e3a1;
  color: #333333;
  font-weight: bold;
  text-align: left;
}

.detail_table td {
  padding: 6px 15px;
  border: 1px solid #9EB625;
  background-color: #f4f6f1;
  text-align: left;
}



/*============================================================
== 7. print
============================================================*/

/*============================================================
== 8. foot_content_nav
============================================================*/

#foot_content_nav .foot_all{
	float:left;
	padding-top:4px;
}

#foot_content_nav {
  overflow: hidden;
  width: 745px;
  margin:0 auto;
  margin-top:15px;
}

#foot_content_nav ul {
  width: 745px;
  font-size: 12px;
  text-align: left;
  margin-left:2px;
}

#foot_content_nav li {
  float: left;
  width: 207px;
  padding: 3px 5px 0 0;
  vertical-align: top;
}

#foot_content_nav li a {
  display: block;
  padding: 6px 5px 0 5px;
  background: #ffffff url(../common_img/icon_arrow01.png) no-repeat 185px 22px;
  color: #222222;
  text-decoration: none;
}

#foot_content_nav li a:hover,
#foot_content_nav li a:active,
#foot_content_nav li a:focus {
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

#foot_content_nav li a:before {
  display: inline-block;
  width: 60px;
  height: 46px;
  margin-right: 10px;
  vertical-align: middle;
  content: "";
}

#foot_content_nav .li01 a:before {background: url(../common_img/side_industry01.jpg) no-repeat 0 0;}
#foot_content_nav .li02 a:before {background: url(../common_img/side_industry02.jpg) no-repeat 0 0;}
#foot_content_nav .li03 a:before {background: url(../common_img/side_industry03.jpg) no-repeat 0 0;}
#foot_content_nav .li04 a:before {background: url(../common_img/side_industry04.jpg) no-repeat 0 0;}
#foot_content_nav .li05 a:before {background: url(../common_img/side_industry05.jpg) no-repeat 0 0;}
#foot_content_nav .li06 a:before {background: url(../common_img/side_industry06.jpg) no-repeat 0 0;}
#foot_content_nav .li07 a:before {background: url(../common_img/side_industry07.jpg) no-repeat 0 0;}
#foot_content_nav .li08 a:before {background: url(../common_img/side_industry08.jpg) no-repeat 0 0;}



#foot_content_nav2 .foot_all{
	float:left;
	padding-top:2px;
	margin-right:3px;
}

#foot_content_nav2 {
  overflow: hidden;
  width: 749px;
  margin:0 auto;
  margin-top:15px;
}

#foot_content_nav2 ul {
  width: 749px;
  font-size: 12px;
  text-align: left;
}

#foot_content_nav2 li {
  float: left;
  width: 154px;
  padding: 3px 4px 0 0;
  vertical-align: top;
}

#foot_content_nav2 li a {
  display: block;
  padding: 4px 5px 0 5px;
  background: #ffffff url(../common_img/icon_arrow01.png) no-repeat 175px 22px;
  color: #222222;
  text-decoration: none;
}

#foot_content_nav2 li a:hover,
#foot_content_nav2 li a:active,
#foot_content_nav2 li a:focus {
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

#foot_content_nav2 li a:before {
  display: inline-block;
  width: 60px;
  height: 44px;
  margin-right: 10px;
  vertical-align: middle;
  content: "";
}

#foot_content_nav2 .li01 a:before {background: url(../common_img/side_products0101.jpg) no-repeat 0 0;}
#foot_content_nav2 .li02 a:before {background: url(../common_img/side_products0102.jpg) no-repeat 0 0;}
#foot_content_nav2 .li03 a:before {background: url(../common_img/side_products0103.jpg) no-repeat 0 0;}
#foot_content_nav2 .li04 a:before {background: url(../common_img/side_products0104.jpg) no-repeat 0 0;}
#foot_content_nav2 .li05 a:before {background: url(../common_img/side_products0105.jpg) no-repeat 0 0;}
#foot_content_nav2 .li06 a:before {background: url(../common_img/side_products0106.jpg) no-repeat 0 0;}
#foot_content_nav2 .li07 a:before {background: url(../common_img/side_products0107.jpg) no-repeat 0 0;}
#foot_content_nav2 .li08 a:before {background: url(../common_img/side_products0108.jpg) no-repeat 0 0;}
#foot_content_nav2 .li09 a:before {background: url(../common_img/side_products0201.jpg) no-repeat 0 0; margin-right:6px;}
#foot_content_nav2 .li10 a:before {background: url(../common_img/side_products0202.jpg) no-repeat 0 0; margin-right:6px;}

#foot_content_nav2 .li09,.li10{
	font-size:11px;
	margin-right:0;
}

.mb20 {
	margin-bottom:20px;
}

.mb40{
	margin-bottom:40px;
}
.mt30 {
	margin-top:30px;
}
.product_link_btn p{
	margin-top:10px;
	font-size:12px;
	color:#C8000D;
}
.product_link_btn a{
	font-size:15px;
	background-color:#B1C649;
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	padding:14px 30px;
}
.product_link_btn a:hover{
	background:#C9B572;
}
.product_link_btn02{
	margin:0 auto;
	display:inline-block;
	font-size:12px;
	color:#C8000D;
}
.product_link_btn02 li{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.product_link_btn02 a{
	font-size:15px;
	background-color:#B1C649;
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	padding:14px 30px;
}
.product_link_btn02 a:hover{
	background:#C9B572;
}

.attention{
	font-size:14px;
	color:#C8000D;
	text-align:center;
	margin-bottom:20px;
}
.mt10{margin-top:10px}
.cl_link{color:#0070c0 !important;}
.txt_r{text-align:right;}