@charset "UTF-8";

/* -----------------------------------------------------------
	#visualArea メイン画像
----------------------------------------------------------- */
#visualArea .inner {
	background: url(../../products/images/mainimg_enpla.jpg) left 0 no-repeat;
}
#visualArea .inner.empla {
	background: url(../../products/images/mainimg_KV2.png) left 0 no-repeat;
}
#visualArea.detail .inner .logoArea.w724 h1 {
	width: 724px;
}

/* -----------------------------------------------------------
	.productArea 製品情報
----------------------------------------------------------- */
.productArea {
	margin: 50px 0;
}
/*
.productArea h2.blue {
	padding: 0 0 22px 25px;
}
*/


/* -----------------------------------------------------------
	.technologyArea 技術情報
----------------------------------------------------------- */
.technologyArea {
	margin-bottom: 50px;
}
.technologyArea .blue {
	padding: 0 0 20px 25px;
}


/* -----------------------------------------------------------
	.exampleArea 樹脂応用事例
----------------------------------------------------------- */
.exampleArea {
    padding-top:50px;
	margin-bottom: 50px;
}
.exampleArea .blue {
	padding: 0 0 15px 25px;
}

/* -----------------------------------------------------------
	.tab_content お知らせ
----------------------------------------------------------- */
#mainColumn .tab_content ul li p.date{
	float: left;
	margin: 0 15px 5px 0;
}
#mainColumn .tab_content ul li p.icon{
	float: left;
	width: 110px;
	margin: 0 15px 5px 0;
	padding: 6px 0 5px;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	line-height:1.2em;
}

#mainColumn .tab_content ul li p.new {
    float: left;
    color: #e33119;
    font-weight: bold;
    margin: 0 15px 5px 0;
}
/* 製品詳細ページ */
/* -----------------------------------------------------------
	#detailArea 製品詳細
----------------------------------------------------------- */
#detailArea {
	line-height: 1.4;
	padding: 32px 0 25px 32px;
	margin: -33px 0 50px;
	border: 1px #c9dced solid;
	background-color: #ffffff;
	position: relative;
}
#detailArea .inner {
	width: 50px;
	height: 50px;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: #f9e828 transparent transparent transparent;
	position: absolute;
	top: 0; left: 0;
}
#detailArea #photoSide {
	float: left;
	width: 290px;
}
#detailArea #photoSide #thumbnail {
	overflow: hidden;
	width: 100%;
}
#detailArea #photoSide #thumbnail li {
	float: left;
	border: 1px #e7eef5 solid;
	margin: 0 5px 5px 0;
}
#detailArea #photoSide #thumbnail li:nth-child(5n) {
	margin: 0 0 5px 0 ;
}
#detailArea #photoSide #thumbnail li img {
	width: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50); 
}
#detailArea #photoSide #thumbnail li.current img {
	opacity: 1;
	filter: alpha(opacity=100);
}
#detailArea #photoSide #main_photo{
	position: relative;
	height: 290px;
	margin-bottom: 5px;
	border: 1px #e7eef5 solid;
}
#detailArea #photoSide #main_photo img{
	position: absolute;
	top:0;
	max-width: 100%;
	height: 290px;
}
#detailArea .txtSide {
	float: left;
	width: 360px;
	margin-left: 25px;
}
#detailArea .txtSide h2 {
	color: #005bac;
	font-size: 20px;
	margin-bottom: 20px;
}
#detailArea .txtSide p {
	line-height: 1.8;
	margin-bottom: 15px;
}
#detailArea .txtSide ul.btnArea {
	margin-top: 30px;
}
#detailArea .txtSide ul.btnArea li {
	float: left;
	width: 170px;
	margin-right: 8px;
}
#detailArea .txtSide ul.btnArea li a {
	display: block;
	color: #278ae2;
	padding: 14px 15px 12px 15px;
	border: 1px #c9dced solid;
	background: #ffffff url(../images/icon_arrow01.png) 150px center no-repeat;
}
#detailArea .txtSide.txtOnly {
	float: none;
	width: 660px;
	margin-left: 0;
}

/* -----------------------------------------------------------
	.gradeArea グレード一覧
----------------------------------------------------------- */
#twoColumn.gradePage {
	margin: 0 auto !important;
}
.topLabelArea {
	margin: -33px 0 33px;
	padding: 32px 0 0 32px;
	border-top: 1px solid #c9dced;
	border-left: 1px solid #c9dced;
	border-right: 1px solid #c9dced;
	background-color: #ffffff;
	position: relative;
}
.topLabelArea .inner {
	width: 20px;
	height: 20px;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #f9e828 transparent transparent transparent;
	position: absolute;
	top: 0; left: 0;
}
.topTxtArea {
	line-height: 1.8;
	margin: 0 0 50px 3px;
	padding-bottom: 30px;
	border-bottom: 1px #c9dced solid;
}
.topTxtArea p {
	margin-bottom: 40px;
}
.topTxtArea ul li {
	margin-left: 3px;
}
.topTxtArea ul li {
	margin-bottom: 10px;
	padding-left: 14px;
	background: url(../../products/images/icon_right_blue.gif) left no-repeat;
}
.topTxtArea ul li img {
	margin: 1px 0 0 4px;
	vertical-align: top;
}

#product_side {
	width: 1200px;
	padding: 50px 0 110px;
	margin: 0 auto;
	background-color: #ffffff;
}


/* -----------------------------------------------------------
	.productDetailArea 製品詳細 /.gradeArea グレード一覧
----------------------------------------------------------- */
.productDetailArea {
	line-height: 1.4;
	margin-bottom: 40px;
}

.productDetailArea h3,
.gradeArea h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.productDetailArea h4,
.gradeArea h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.productDetailArea p,
.gradeArea p {
	line-height: 1.8;
	margin-bottom: 25px;
}

.gradeArea,
.productDetailArea {
	width: 724px;
	line-height: 1.4;
	margin-bottom: 40px;
}
table.table01,
table.table02 {
	width: 100%;
	margin-bottom: 20px;
}
table.table01 tr th,
table.table01 tr td,
table.table02 tr th,
table.table02 tr td {
	font-size: 12px;
	vertical-align: top;
	padding: 8px 10px 5px;
	border: 1px #c9dced solid;
}
table.table01 tr th,
table.table02 tr th {
	width: 80px;
	background-color: #f2f5f7;
}
table.table01 tr:nth-child(1) th,
table.table02 tr:nth-child(1) th {
	text-align: center;
	padding: 8px 0 5px;
	vertical-align: middle;
}

table.table01 tr td,
table.table02 tr td {
	line-height: 1.6;
}

table.table01 tr th,
table.table01 tr td {
	width: 80px;
}
table.table02 tr th,
table.table02 tr td {
	width: 64px;
}
table.table02 tr th:nth-child(1),
table.table02 tr td:nth-child(1) {
	width: 80px;
}
table.table01 tr:nth-child(1) th.txtleft,
table.table02 tr:nth-child(1) th.txtleft {
	text-align: left;
padding: 8px 10px 5px;
width:80px;
}
table.table03 tr th, table.table03 tr td {
    font-size: 12px;
    vertical-align: top;
    padding: 8px 10px 5px;
    border: 0px #ffffff solid;
}
table.table_wid {
	width: 100%;
	margin-bottom: 20px;
}
table.table_wid tr th,
table.table_wid tr td{
	font-size: 12px;
	vertical-align: middle;
	padding: 8px 10px 5px;
	border: 1px #c9dced solid;
}
table.table_wid tr th{
	background-color: #f2f5f7;
}
table.table_wid tr td{
	line-height: 1.6;
}

/*iframeタブエリア*/
#product_side .tabnavi label{
  display: inline-block;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
#product_side .tabnavi label:hover{
  background-color: rgba(255,0,0,.2);
}
#product_side .tabnavi .category{
  margin-bottom: 10px;
  font-size: 18px;
  color: #FFF;
  font-weight: bold;
  background: #2489E2;
  padding: 8px 17px;
  display: inline-block;
}
#product_side .tabnavi .category.bottom{
  margin-top: 15px;
}
#product_side .tabnavi label input{
  margin-right:5px;
}
#product_side .tabnavi label.is-active{
  font-weight: bold;
  color: #ff0000;
}