/* .toshinojikka_contents
---------------------------------------------------------- */
.toshinojikkaContents {
	padding-top: 10px;
}

	.toshinojikkaContents img {
		max-width: 100%;
	}

	.toshinojikkaContents h1,
	.toshinojikkaContents .contentsArea,
	.toshinojikkaContents > .image,
	.toshinojikkaContents #toshinojikkaMenu
	{
		margin-bottom: 10px;
	}

  .toshinojikkaContents #sitetitle a {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #E1DFD6;
    background: -moz-linear-gradient(top, #E1DFD6 0%, #CAC6B8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1DFD6), color-stop(100%,#CAC6B8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* IE10+ */
		background: linear-gradient(to bottom, #E1DFD6 0%,#CAC6B8 100%); /* W3C */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
  }
    .toshinojikkaContents #sitetitle img {
      width: 130px;
    }

	.toshinojikkaContents .image {
		text-align: center;
	}

	.toshinojikkaContents .contentsArea {
		padding: 12px 10px 12px;
		background-color: #fff;
	}


/* .toshinojikkaContents .contentsArea
---------------------------------------------------------- */
.toshinojikkaContents .contentsArea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000;
  background-color: #F6F5F4;
}

	.toshinojikkaContents .contentsArea h1#pagetitle {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #000;
  }
    .toshinojikkaContents .contentsArea h1#pagetitle img {
      height: 26px;
    }

	.toshinojikkaContents .contentsArea h2,
	.toshinojikkaContents .contentsArea .image
	{
		padding-bottom: 8px;
		margin-bottom: 10px;
	}

	.toshinojikkaContents .contentsArea h2 {
		font-size: 1.2em; /* 15px */
		font-weight: bold;
		color: #000;
		line-height: 1.6;
	}
  .toshinojikkaContents .contentsArea h4 {
    margin-bottom: 1em;
  }
	.toshinojikkaContents .contentsArea > .section {
    margin-bottom: 50px;
  }
  .toshinojikkaContents .contentsArea > .section:last-child {
    margin-bottom: 5px;
  }


	.toshinojikkaContents .contentsArea p {
		font-size: 1.15em; /* 14px */
	}

	.toshinojikkaContents .contentsArea .image {
		border-bottom: 1px dotted #C6C6C6;
	}

	.toshinojikkaContents .contentsArea .text {

	}

		.toshinojikkaContents .contentsArea .text p {
			margin-: 1em;
			color: #231815;
			line-height: 1.6;
		}


/* .achordion
---------------------------------------------------------- */
.toshinojikkaContents .contentsArea .achordion {
  margin-top: 40px;
  border-bottom: 1px solid #C2C2C2;
}
  .toshinojikkaContents .contentsArea .achordion .title {
    font-size: 1.25em;
    font-weight: bold;
    padding: 15px;
    padding-left: 10px;
    border-top: 1px solid #C2C2C2;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-image: url(/hebel/smp/product/toshinojikka/img/ico_toshinojikka_achordion_arrow_01.png);
    cursor: pointer;
  }
  .toshinojikkaContents .contentsArea .achordion .opened {
    background-image: url(/hebel/smp/product/toshinojikka/img/ico_toshinojikka_achordion_arrow_02.png);
  }
  .toshinojikkaContents .contentsArea .achordion .nocontents {
    background: none;
    cursor: default;
  }

  .toshinojikkaContents .contentsArea .achordion .content {
    border-top: 1px solid #C2C2C2;
    padding: 10px;
    line-height: 1.8;
  }
    .toshinojikkaContents .contentsArea .achordion .content h4 {
      font-size: 1.25em;
      font-weight: bold;
      line-height: 1.3;
    }
    .toshinojikkaContents .contentsArea .achordion .content p {
      margin-bottom: 1em;
    }
      .toshinojikkaContents .contentsArea .achordion .content p small {
        margin-top: 0.5em;
        font-size: 0.8em;
        color: #666;
      }


/* .column_2
---------------------------------------------------------- */
.toshinojikkaContents .contentsArea .column_2:after  {
  content: '';
  display: block;
  clear: both;
}
.toshinojikkaContents .contentsArea .column_2 .image {
  width: 40%;
  float: left;
  border: none;
  padding: 0px;
}
.toshinojikkaContents .contentsArea .column_2 .text {
  margin-left: 45%;
  padding-top: 1em;
}
.toshinojikkaContents .contentsArea .column_2 .text .subtitle {
  margin-bottom: 5px;
}
.toshinojikkaContents .contentsArea .column_2 .text h4 {
  margin-bottom: 5px;
}
.toshinojikkaContents .contentsArea .column_2 .text p {
  font-size: 1em;
}





/* #toshinojikkaMenu
---------------------------------------------------------- */
#toshinojikkaMenu {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #F6F5F4;
}

	#toshinojikkaMenu li,
	#toshinojikkaMenu li a
	{
		display: block;
		position: relative;
		font-size: 1.15em; /* 14px */
		color: #000;
  }
	#toshinojikkaMenu li {
    background-color: #E1DFD6;
    background: -moz-linear-gradient(top, #E1DFD6 0%, #CAC6B8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1DFD6), color-stop(100%,#CAC6B8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #E1DFD6 0%,#CAC6B8 100%); /* W3C */
    border-bottom: 1px solid #A5A5A5;
	}

  #toshinojikkaMenu li:first-child {
    -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  }

  #toshinojikkaMenu li:last-child {
    -webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    border-bottom: none;
  }

		#toshinojikkaMenu li a {
			font-weight: bold;
			margin-left: 10px;
			margin-right: 10px;
      padding-right: 10px;
			padding-top: 15px;
			padding-bottom: 15px;
      background-repeat: no-repeat;
      background-position: 100% 50%;
			background-image: url(/hebel/smp/product/toshinojikka/img/bg_toshinojikka_menu01.png);
      -webkit-background-size: 24px 24px;
			-moz-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		#toshinojikkaMenu li.current a::before,
		#toshinojikkaMenu li a:hover::before
		{
			border: 3px solid #fff;
		}

		#toshinojikkaMenu li a:hover::after,
		#toshinojikkaMenu li.current a::after
		{
			display: none;
		}

      #toshinojikkaMenu li a img {
        height: 26px;
      }

/* gotoshinojikkaTop
---------------------------------------------------------- */
#gotoshinojikkaTop {
	position: relative;
	margin-bottom: 10px;
}

	#gotoshinojikkaTop a {
		display: block;
		padding: 18px;
		padding-bottom: 13px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		line-height: 1;
		font-size: 1.15em; /* 14px */
		font-weight: bold;
		background: #E1DFD6; /* Old browsers */
		background: -moz-linear-gradient(top, #E1DFD6 0%, #CAC6B8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1DFD6), color-stop(100%,#CAC6B8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #E1DFD6 0%,#CAC6B8 100%); /* IE10+ */
		background: linear-gradient(to bottom, #E1DFD6 0%,#CAC6B8 100%); /* W3C */
	}

    #gotoshinojikkaTop a img {
      width: 150px;
    }



/* toshinojikkaTypes
---------------------------------------------------------- */
#toshinojikkaTypes {
	position: relative;
}

	#toshinojikkaTypes #toshinojikkaTypesMenu li {
		width: 33%;
		float: left;
		padding-bottom: 5px;
	}

	#toshinojikkaTypes #toshinojikkaTypesMenu li.current {
		background-image: url(/hebel/smp/product/toshinojikka/img/ico_toshinojikka_arrow_black02.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		-webkit-background-size: 11px 7px;
		-moz-background-size: 11px 7px;
		background-size: 11px 7px;
	}

		#toshinojikkaTypes #toshinojikkaTypesMenu li a {
			display: block;
			margin-left: 2px;
			margin-right: 2px;
			padding: 18px 0px 18px;
			background-color: #fff;
			font-size: 1em; /* 12px */
			color: #000;
			border: 1px solid #000;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			text-align: center;
		}

		#toshinojikkaTypes #toshinojikkaTypesMenu li.current a {
			background-color: #000;
			color: #fff;
		}

	#toshinojikkaTypes .toshinojikkaType {

	}

		#toshinojikkaTypes .toshinojikkaType > .image {
			width: 50%;
			margin: 0 auto;
			padding-top: 15px;
			border: none;
			text-align: center;
		}

		#toshinojikkaTypes .toshinojikkaType .spec {
			margin-top: 10px;
			padding-top: 1em;
			padding-bottom: 1em;
			border: 1px solid #ccc;
		}

		#toshinojikkaTypes .toshinojikkaType .box_accordion01 .spec {
			border: none;
		}

			#toshinojikkaTypes .toshinojikkaType .spec dl {
				width: 16em;
				margin: 0 auto;
			}
					#toshinojikkaTypes .toshinojikkaType .spec dt {
						font-weight: normal;
						width: 5.5em;
						float: left;
					}

					#toshinojikkaTypes .toshinojikkaType .spec dd {
						margin-left: 6em;
					}


		#toshinojikkaTypes .toshinojikkaType .box_accordion01 {
			clear: both;
			padding-top: 10px;
		}

			#toshinojikkaTypes .toshinojikkaType .box_accordion01 .wrap {
				position: relative;
			}

				#toshinojikkaTypes .toshinojikkaType .box_accordion01 .wrap h3 {
					padding: 17px 17px;
					font-weight: bold;
					border-bottom: 1px solid #C6C6C6;
					font-size: 1.15em;
				}

				#toshinojikkaTypes .toshinojikkaType .box_accordion01 .first .wrap h3 {
					border-top: 1px solid #C6C6C6;
				}

				#toshinojikkaTypes .toshinojikkaType .box_accordion01 .wrap h3::after {
					content: '';
					display: block;
					position: absolute;
					width: 9px;
					height: 15px;
					top: 22px;
					right: 15px;
					background-image: url(/hebel/smp/product/toshinojikka/img/ico_toshinojikka_arrow_black01.png);
					backgroud-repeat: no-repeat;
					-webkit-background-size: 9px 15px;
					-moz-background-size: 9px 15px;
					background-size: 9px 15px;
				}

				#toshinojikkaTypes .toshinojikkaType .box_accordion01 .open .wrap h3 {
					border-bottom: 1px dotted #C6C6C6;
				}

				#toshinojikkaTypes .toshinojikkaType .box_accordion01 .open .wrap h3::after {
					background-image: url(/hebel/smp/product/toshinojikka/img/ico_toshinojikka_arrow_black03.png);
					backgroud-repeat: no-repeat;
					-webkit-background-size: 15px 9px;
					-moz-background-size: 15px 9px;
					background-size: 15px 9px;
					width: 15px;
					height: 9px;
					top: 25px;
				}

				#toshinojikkaTypes .toshinojikkaType .box_accordion01 .open .wrap .inner {
					padding: 10px;
					border-bottom: 1px solid #C6C6C6;
				}

				#toshinojikkaTypes .toshinojikkaType .box_accordion01 .open .wrap .inner .img01 {
					text-align: center;
				}


/* catalog
---------------------------------------------------------- */
.ul_list_btn01 li.btn02.typeFamily01 {
	background-image: url(/image.jsp?id=548389);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 290px 110px;
	-webkit-background-size: 290px 110px;
	-moz-background-size: 290px 110px;
	height: 110px;
    line-height: 1.2;
	text-align: left;
}
	.ul_list_btn01 li.btn02.typeFamily01 a {
		font-size: 125%;
		padding: 37px 124px 37px 30px;
		float: left;
		text-align: center;
	}