@charset "UTF-8";

/*
	================================================================================================
		/support/rec-media/cfexpress/css/index.css
	================================================================================================
*/


/*
	====================================
		layout
	====================================
*/
.pageSubContent, #info, .pageSubContent .products_news {
  width: auto;
  float: none;
}

/*
	====================================
		title
	====================================
*/
h2.main-title {
  clear: both;
  color: #000;
  margin-bottom: 22px;
  border-bottom: 1px solid #D0D0D0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 5px;
  padding-left: 13px;
  font-size: 18px;
  font-weight: 700;
}

/*
	====================================
		button
	====================================
*/
#modelArea ul li {
  float: left;
  padding: 8px 8px 8px 6px;
  width: 300px;
}

#manualProductsArea ul li {
  float: left;
  padding: 8px 0px 8px 6px;
  width: 300px;
}

#manualProductsArea ul.new_manual li {
  float: left;
  padding: 8px 8px 8px 6px;
  width: 350px;
}

#purposeArea ul li {
  float: left;
  padding: 5px;
  width: 178px;
}

#modelArea .mod-linkButton {
  background: none;
  border: 1px solid #bcbcbc;
  border-radius: 6px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 90px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  width: 300px;
}

#manualProductsArea .mod-linkButton {
  background: none;
  border: none;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  width: 300px;
}

#purposeArea .mod-linkButton {
  background: url("/support/ichigan/share3/images/bg_mod-linkButton.jpg") repeat-x scroll 0 0;
  border: 1px solid #bcbcbc;
  border-radius: 6px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 120px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  text-align: center;
  width: 178px;
}

#modelArea .mod-linkButton a {
  overflow: hidden;
}

#modelArea span.figure {
  float: left;
  display: inline-block;
}

#manualProductsArea .mod-linkButton a {
  overflow: hidden;
  padding: 10px 0px 10px 10px !important;
}

#manualProductsArea span.figure {
  float: left;
  display: inline-block;
}

#modelArea .mod-linkButton .content {
  background: url("/support/share/images/arrow_black.png") no-repeat scroll 2px 5px;
  line-height: 16px !important;
  padding-left: 12px;
  float: left;
  margin: 15px 0 0 10px;
  color: #43677e;
  font-weight: 700;
  width: 180px;
}

#modelArea .mod-linkButton.cfexpress .content {
	margin-top: 5px;
}

#purposeArea .mod-linkButton .content {
  background: url("/support/share/images/arrow_black.png") no-repeat scroll 2px 5px;
  line-height: 16px !important;
  padding-left: 12px;
}

#purposeArea .mod-linkButton .figure {
  display: block;
}

#pageHeader .box {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 15px;
}

#pageHeader .caption {
  font-weight: bold;
  margin: 20px;
  color: #333;
}

.mod-mainContentContainer .title_bottomborder {
  clear: both;
  color: #000;
  margin-bottom: 15px;
  border-bottom: 1px solid #D0D0D0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 5px;
  padding-left: 13px;
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 640px) {
  #manualProductsArea .mod-linkButton {
    width: auto;
  }

  #modelArea .mod-linkButton .content {
    background: url("/support/share/images/arrow_black.png") no-repeat scroll 2px 6px;
  }

  #modelArea img {
    width: 40px;
    height: 40px;
    float: left;
  }

  #modelArea .mod-linkButton {
    background: none;
    letter-spacing: 0.01em;
    text-align: left;
    width: 97%;
    /*max-height: 90px;*/
    float: none;
    height: 130px;
  }

  #modelArea .mod-linkButton a .figure img, #purposeArea .mod-linkButton a .figure img {
    height: auto;
    vertical-align: middle;
  }

  #modelArea ul li {
    width: 45%;
    /*max-height: 90px;*/
  }

  #modelArea span.figure {
    float: none;
    margin: 10px 0 0 0;
    display: table-cell;
  }

  #modelArea .mod-linkButton .content {
    float: none;
    margin: 0 0 20px 5px;
    width: auto;
  }

  #pageHeader .caption {
    font-weight: normal;
    margin: 20px 0 20px;
    padding: 0;
  }

  #pageHeader .box {
    border: 1px solid #ccc;
    margin-bottom: 15px;
  }
}

/*
	====================================
		title
	====================================
*/
#modelArea .title, #purposeArea .title, #productNews .title {
  clear: both;
  color: #666;
  font-size: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #D0D0D0;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 5px;
  padding-left: 5px;
}

.pageSubContent #info .title, .pageSubContent #menu-cat-03 .title, .pageSubContent .products_news .title {
  clear: both;
  color: #666;
  font-size: 15px;
  padding: 0 0 5px 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #D0D0D0;
  position: relative;
}

#manualProductsArea .one-line .content {
  background: url("/support/share/images/arrow_black.png") no-repeat scroll 2px 5px;
  line-height: 16px !important;
  padding-left: 12px;
  float: left;
  margin: 0px 0 0 10px;
  color: #43677e;
  width: 190px;
  padding-right: 0;
}

@media screen and (max-width: 640px) {
  #manualProductsArea .one-line .content {
    width: auto;
  }

  #modelArea .title, #purposeArea .title, #productNews .title {
    font-size: 18px;
    color: #000;
  }

  #productNews.pageSubContent .title {
    font-size: 1.2em;
  }

  .mod-content .section .title h3#importantinfo {
    max-width: 74%;
  }

  h3#importantinfo {
    width: auto;
  }

  .title-List a {
    padding: 0 0 0 12px;
  }

  #manualProductsArea li {
    float: none !important;
    width: auto !important;
  }
}

@media screen and (max-width: 430px) {
  #manualProductsArea .one-line .content {
    width: 190px;
  }
}

.productlink .txtlink {
  background: url("/support/share/images/arrow_black.png") no-repeat scroll left center;
  padding-left: 10px;
  display: inline-block;
}
/*
	====================================
		#purposeArea
	====================================
*/
#purposeArea .mod-button-wrap .txtlink {
  background: url("/support/share/images/arrow_black.png") no-repeat scroll left center;
  margin-bottom: 50px;
  padding-left: 10px;
  display: inline-block;
  font-weight: 700;
}

@media screen and (max-width: 640px) {
  #modelArea .mod-button-wrap {
    text-align: left;
    margin-left: 20px;
  }

  #purposeArea .mod-button-wrap {
    text-align: left;
    margin-left: 5px;
  }
}

/*
	====================================
		#pageMainContent
	====================================
*/
#pageMainContent {
  width: 950px;
  float: none;
}

#product-cat-02 {
  width: 950px;
}

#modelArea ul {
  margin-bottom: 30px;
}

#purposeArea ul.btn_area_text {
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  #purposeArea ul.btn_area_text {
    margin-bottom: 0px;
  }
}

/*
	====================================
		#pickup
	====================================
*/
#pickup .bnr_area:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#pickup .bnr_single {
  float: left;
  margin: 8px 8px 8px 6px;
}

@media screen and (max-width: 640px) {
  #pickup .bnr_area {
    width: auto;
    margin: 0 auto;
  }

  #pickup .bnr_single {
    width: auto;
    margin: 0 auto;
    float: none;
  }
}

/*
	====================================
		.pageSubContent
	====================================
*/
.pageSubContent {
  width: 100%;
  float: none;
  margin-bottom: 30px;
}

.pageSubContent:before,
.pageSubContent:after {
  content: "";
  display: block;
  clear: both;
}

#info, #menu-cat-03, .pageSubContent .products_news {
  width: 440px;
  float: left;
  margin: 0 15px 0;
}

.newsContent ul.txtlink, .products_news ul.txtlink {
	margin-left: 5px;
}

@media screen and (max-width: 640px) {
  #info, #menu-cat-03, .pageSubContent .products_news {
    margin: 0 0 30px;
  }
}

/*
	====================================
		.productNewsList
	====================================
*/
.productNewsList h4 {
	margin-top: 20px;
	font-size: 1.125rem;
}

.productNewsList h5 {
	margin-top: 15px;
	font-size: 1rem;
}

a.textLink.inline{
	margin-right:0;
	background-position:0 6px;
	display:inline;
}

@media screen and (max-width: 640px) {
    #productNews #info {
        display: block !important;
    }
	
	#productNews.pageSubContent .title {
        font-size: 1.2em;
    }
	
	#info, .pageSubContent .products_news {
        width: auto;
        float: none;
    }
	
	.newsContent dl {
        margin: 0;
    }
	
	#productNews dl dd {
        font-size: 14px !important;
    }
}