@charset "utf-8";



/* common

---------------------------------------------------------- */

.h1_topics01 {

	text-align: center;

}

	.h1_topics01 img {

		box-shadow: #bbb 1px 1px 1px;

		-webkit-box-shadow: #bbb 1px 1px 1px;

		-moz-box-shadow: #bbb 1px 1px 1px;

	}

	.h1_topics01 img.shadowNone {

		box-shadow: none;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

	}

.ul_list_btn01 li.btn02.typeG301 {

	background-image: url(/hebel/smp/product/g3/img/bg_g302.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 290px 116px;

	-webkit-background-size: 290px 116px;

	-moz-background-size: 290px 116px;

	height: 116px;

    line-height: 1.2;

	text-align: left;

}

	.ul_list_btn01 li.btn02.typeG301 a {

		font-size: 125%;

		padding: 25px 0 0 12px;

	}

	.ul_list_btn01 li.btn02.typeG301 a span.sp01 {

		font-size: 80%;

		font-weight: normal;

	}

.ul_list_btn01 li.btn03.typeG302 {

	background-image: url(/hebel/smp/product/g3/img/bg_g301.png);

	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.btn03.typeG302 a {

		font-size: 125%;

		padding: 37px 124px 37px 30px;

		float: left;

		text-align: center;

	}

.tit_g301 {

  color: #698296;

  font-size: 125%;

  font-weight: bold;

  margin-bottom: 6px;

}

/* index.html

---------------------------------------------------------- */

.box_accordion01.typeG301 {

	background-color: #eef4f7;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-top: 1px solid #fafcfc;

}

.box_accordion01.bdLR01 {

	border-right: 1px solid #dce1e4;

	border-left: 1px solid #dce1e4;
	box-shadow: 0 1px 0 #B69D43;

}

.box_accordion01.typeG301 h2 {

	text-align: center;

	padding: 12px 0 11px;

}

.box_accordion01.typeG301 ul {

}

		.typeG301 ul li {

			border-bottom: 1px solid #e6e4e3;

		}

		.typeG301 ul li.last {

			border-bottom: none;

			border-radius:  0 0 5px 5px;

			-webkit-border-radius: 0 0 5px 5px;

			-moz-border-radius: 0 0 5px 5px;

		}
		
		.typeG301 ul li p {
			
			font-size:125%;

		}
		
		.typeG301 ul li p.wht {
			
			color: #FFFFFF;

		}

		.typeG301 ul li.list01 {

			background-color: #cdd767;

		}

		.typeG301 ul li.list02 {

			background-color: #e3b7ce;

		}

		.typeG301 ul li.list03 {

			background-color: #fedc5e;

		}

		.typeG301 ul li.list04 {

			background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #000000), color-stop(0.00, #2b2b32));

			background: -webkit-linear-gradient(top, #2b2b32 0%, #000000 60%);

			background: -moz-linear-gradient(top, #2b2b32 0%, #000000 60%);

			background: -o-linear-gradient(top, #2b2b32 0%, #000000 60%);

			background: -ms-linear-gradient(top, #2b2b32 0%, #000000 60%);

			background: linear-gradient(top, #2b2b32 0%, #000000 60%);

			border-radius: 5px;

			-webkit-border-radius: 5px;

			-moz-border-radius: 5px;

			border-top: 1px solid #bcbcbe;

		}

		.typeG301 ul li.list05 {

			background-color: #ddd5b4;
			border-right: 1px solid #d1d9da;
			border-bottom: 1px solid #a2a8a9;
			border-radius: 5px;

		}

			.typeG301 ul li h3 {

				padding: 19px 14px 15px 16px;

			}

			.typeG301 ul li.list04 h3 {

				padding: 15px 14px 10px 16px;

			}

			.typeG301 ul li.list05 h3 {

				padding: 25px 14px 25px 16px;

			}

				.typeG301 ul li h3 span {

					display: block;

					background-image: url(/hebel/smp/product/g3/img/btn_open01.png);

					background-position: right center;

					background-repeat: no-repeat;

					background-size: 14px 14px;

					-webkit-background-size: 14px 14px;

					-moz-background-size: 14px 14px;

				}

				.typeG301 ul li.open h3 span {

					background-image: url(/hebel/smp/product/g3/img/btn_close01.png);

				}

				.typeG301 ul li.list05 h3 span {

					background-image: url(/hebel/smp/product/g3/img/btn_open02.gif);

				}

				.typeG301 ul li.list05.open h3 span {

					background-image: url(/hebel/smp/product/g3/img/btn_close02.gif);

				}
				
				.typeG301 ul li.list04 h3 span {

					background-image: url(/hebel/smp/product/g3/img/btn_open03.png);

				}

				.typeG301 ul li.list04.open h3 span {

					background-image: url(/hebel/smp/product/g3/img/btn_close03.png);

				}

					.typeG301 .inner {

						display: none;

						padding: 0 0 20px;

						background-image: url(/hebel/smp/product/g3/img/bg_index01.png);

						background-position: left top;

						background-repeat: repeat-x;

						background-size: 1px 5px;

						-webkit-background-size: 1px 5px;

						-moz-background-size: 1px 5px;

						padding: 11px 14px 23px 14px;

					}