@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content h1 {
	position: relative;
	width: 950px;
	height: 356px;
	margin: 0 0 20px;
	padding: 0;
	border: none;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/mainVisual.jpg) no-repeat;
}

.l-content h1 span {
	position: absolute;
	left: 55px;
    bottom: 25px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/* .pageNavi*/
.l-content .pageNavi {
    width: 779px;
    margin: 40px auto 60px;
}

.l-content .pageNavi ul {
    margin-right: -10px;
	text-align: center;
}

.l-content .pageNavi li a {
    width: 253px;
	margin: 0 10px 10px 0;
	float: left;
}

/* .aboutBox01*/
.l-content .aboutBox01 .innerBox ul {
	margin: 0 50px 50px;
}

.l-content .aboutBox01 .innerBox ul .logo {
	width: 291px;
    margin: 50px auto;
}

.l-content .aboutBox01 .innerBox ul .txt01 {
	margin-bottom: 20px;
}

/* .aboutBox02*/
.l-content .aboutBox02 .innerBox .sec01 {
	position: relative;
	margin-bottom: 50px;
}

.l-content .aboutBox02 .innerBox .sec01 .left_col,
.l-content .aboutBox02 .innerBox .sec01  .right_col {
	float: left;
}

.l-content .aboutBox02 .innerBox .sec01 .left_col{
	width: 290px;
	margin-right: 20px;
}

.l-content .aboutBox02 .innerBox .sec01 .left_col p {
	margin: 0 20px;
}

.l-content .aboutBox02 .innerBox .sec01 .left_col img {
	margin: 0 48px 20px;
}

.l-content .aboutBox02 .innerBox .sec01 .right_col {
	width: 640px;
}

.l-content .aboutBox02 .innerBox .sec01 .right_col p {
	width: 618px;
	height: 271px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/about02_02.png) no-repeat left top;
}

.l-content .aboutBox02 .innerBox .sec01 .right_col p span {
	position: absolute;
	right: 55px;
	bottom: 84px;
}

.l-content .aboutBox02 .innerBox .sec02 {
	overflow: hidden;
	margin-bottom: 25px;
}

.l-content .aboutBox02 .innerBox .sec02 .m-media__main p {
    margin-top: 60px;
}

/* .chooseBox*/
.l-content .chooseBox {
    margin-bottom: 50px;
}

.l-content .chooseBox .innerBox ul {
	margin-right: -15px;
	padding: 0 10px;
}

.l-content .chooseBox .innerBox ul li {
    float: left;
	margin-right: 15px;
}

.l-content .chooseBox .innerBox .example li {
	margin-right: 5px;
}

.l-content .chooseBox .innerBox .example li span {
	margin-bottom: 5px;
}

.l-content .chooseBox .innerBox ul li dl {
    margin: 0 16px;
}

.l-content .chooseBox .innerBox ul li dl dt {
    font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 76px 0 15px;
}

.l-content .chooseBox .innerBox ul li dl dd {
	margin-bottom: 15px;
}

.l-content .chooseBox .innerBox ul .sec01 {
	width: 300px;
	height: 320px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/choose_01.png) no-repeat left top;
}

.l-content .chooseBox .innerBox ul .sec02 {
	width: 300px;
	height: 320px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/choose_02.png) no-repeat left top;
}

.l-content .chooseBox .innerBox ul .sec03 {
	width: 300px;
	height: 320px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/choose_03.png) no-repeat left top;
}

/* .selectionBox*/
.l-content .selectionBox {
	margin-bottom: 50px;
}

.l-content .selectionBox .innerBox .tableBlockDefault {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    margin: 0 10px 30px;
}

.l-content .selectionBox .innerBox .tableBlockDefault th {
    padding: 12px 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bold;
}

.l-content .selectionBox .innerBox .tableBlockDefault td {
    padding: 7px 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #fff;
    text-align: center;
}

.l-content .selectionBox .innerBox .tableBlockDefault td ul li {
    float: left;
}

.l-content .selectionBox .innerBox .tableBlockDefault td ul li img {
    margin-right: 10px;
}

.l-content .selectionBox .innerBox .tableBlockDefault td ul li p {
    display: table-cell;
	vertical-align: middle;
	height: 142px;
}

.l-content .selectionBox .innerBox .btn a {
    width: 275px;
    height: 45px;
    font-size: 14px;
    margin: 0 auto;
    padding: 12px 2px 8px;
}

/* .introduceBox*/
.l-content .introduceBox .innerBox .m-media__main {
	margin-top: 60px;
}

.l-content .introduceBox .innerBox p,
.l-content .introduceBox .innerBox ul {
    margin-bottom: 15px;
}

.l-content .introduceBox .innerBox .merit {
	margin-right: -10px;
}

.l-content .introduceBox .innerBox .merit li {
	float: left;
	margin: 0 10px 10px 0;
}

.l-content .introduceBox .innerBox .merit li .title {
    font-size: 14px;
	font-weight: bold;
    margin: 18px 0 30px 80px;
}

.l-content .introduceBox .innerBox .merit li .cap {
	font-weight: bold;
    margin: 20px 30px 0;
}

.l-content .introduceBox .innerBox .merit .sec01 {
	width: 470px;
	height: 390px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/introduce_02.png) no-repeat left top;
}

.l-content .introduceBox .innerBox .merit .sec02 {
	width: 470px;
	height: 390px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/introduce_03.png) no-repeat left top;
}

.l-content .introduceBox .innerBox .merit .sec03 {
	width: 470px;
	height: 390px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/introduce_04.png) no-repeat left top;
}

.l-content .introduceBox .innerBox .merit .sec04 {
	width: 470px;
	height: 390px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/introduce_05.png) no-repeat left top;
}

.l-content .introduceBox .innerBox .merit .sec05 {
	width: 470px;
	height: 390px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/introduce_06.png) no-repeat left top;
}

.l-content .introduceBox .innerBox .merit .sec06 {
	width: 470px;
	height: 390px;
	background: url(/maker/kurashiki-kako/mech/products/rubber/images/introduce_07.png) no-repeat left top;
}

.l-content .introduceBox .innerBox .merit .sec06 .m-media {
	padding: 30px 30px 10px;
}

.l-content .introduceBox .innerBox .merit .sec06 .m-media__m {
	margin-right: 20px;
}

.l-content .introduceBox .innerBox .merit .sec06 .m-media__main {
	margin-top: 0;
}

.l-content .introduceBox .innerBox .merit .sec06 .title {
	font-size: 14px;
	margin: 20px 0;
}

.l-content .introduceBox .innerBox .merit .sec06 .title a {
	text-decoration: none;
}

.l-content .introduceBox .innerBox .merit .sec06 .title a:hover {
	text-decoration: underline;
}


.l-content .introduceBox .innerBox .merit .sec06 .txt {
	font-size: 12px;
	font-weight: normal;
}

.l-content .introduceBox .innerBox .merit .sec06 .btn {
	width: 140px;
	margin-bottom: 0;
}

.l-content .introduceBox .innerBox .merit .sec06 .cap {
	margin: 0 50px;
}

.l-content .introduceBox .innerBox .merit .sec06 .cap span {
	font-weight: normal;
}

/* .faqBox */
.l-content .faqBox .innerBox dt,
.l-content .faqBox .innerBox dd {
	padding: 6px;
}

.l-content .faqBox .innerBox dt {
	background-color: #e5f1f9;
	margin-bottom: 0;
}

.l-content .faqBox .innerBox span {
	float: left;
}

.l-content .faqBox .innerBox .m-faqList__title01 {
	font-size: 20px;
	font-weight: bold;
	color: #0075c2;
	margin-right: 10px;
}

.l-content .faqBox .innerBox .m-faqList__title02 {
	font-size: 20px;
	font-weight: bold;
	color: #00a26a;
	margin-right: 10px;
}

.l-content .faqBox .innerBox .m-faqList__titletxt {
	font-size: 14px;
    padding-top: 6px;
}

.l-content .faqBox .innerBox .m-faqList__txt {
	padding-top: 5px;
}

.l-content .faqBox .innerBox .m-faqList__txt02 {
	font-weight: normal;
	font-size: 14px;
    padding-top: 5px;
}

.l-content .faqBox .tableBlockDefault {
    border: solid 1px #ccc;
	width: 255px;
	text-align: center;
}

.l-content .faqBox .tableBlockDefault thead th {
    padding: 4px 2px;
    background-color: #f5f5f5;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.l-content .faqBox .tableBlockDefault td.item {
    font-weight: bold;
    border-color: #ccc;
}

.l-content .faqBox .tableBlockDefault .bd_b {
    border-bottom: solid 1px #ccc;
}

.l-content .faqBox .tableBlockDefault td {
    padding: 7px 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #fff;
    text-align: center;
}

.l-content .faqBox .tableBlockDefault ul li p {
	text-align: center;
	font-weight: bold;
	margin: 30px 0 10px;
}

.l-content .faqBox .q4_table .title {
	font-weight: bold;
	margin-bottom: 5px;
}


.l-content .faqBox .q4_table {
	margin: 0 14px 30px;
}

.l-content .faqBox .q4_table li {
	float: left;
	margin-right: 25px;
}

.l-content .faqBox .innerBox .btn {
    margin: 40px 0;
}

.l-content .faqBox .innerBox .btn a {
    width: 275px;
    height: 45px;
    font-size: 14px;
    margin: 0 auto;
    padding: 12px 2px 8px;
}

/*common*/
.l-content .itemsBox .box_hover .name a {
  color: #ff730a;
}

.l-content .itemsBox .img:hover {
  opacity: 0.75;
}


.l-content .itemsBox .box_hover {
  opacity: 0.75;
  cursor: pointer;
}

.l-content .mb20 {
	margin-bottom: 20px;
}