@charset "UTF-8";

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

WRAPPER

-------------------------------------------------------------------------------------*/
	
#wrapper.group{
	background:url(/fileadmin/ja/group/images/body_bg.gif) repeat-x center 49px;
}


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

HEADER

-------------------------------------------------------------------------------------*/
#wrapper.group #header{
	height:123px;
}

#wrapper.group #header #wnavi,
#wrapper.group #header #header_unavi,
#wrapper.group #header #unavi{
	width:auto;
}


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

GROUP

-------------------------------------------------------------------------------------*/
/*common*/
#wrapper.group #main{
	padding-bottom: 20px;
	border:1px solid #d7d7d7;
	width:713px;
}
#reference .group #contents #main{
	float: none;
	width:978px;
	border: 1px solid #d7d7d7;
}

#wrapper.group #main strong{
	font-weight: bold;
}

#wrapper.group #main #head{
	margin-bottom: 30px;
}

#wrapper.group #main table{
	margin: 0 auto;
}

#wrapper.group #main .group_content{
	padding: 0 20px;
}

#wrapper.group #main .group_content h2{
	margin-bottom:10px;
	padding:1px 2px 5px;
	font-size:123.1%;
	line-height:1.4em;
	font-weight:bold;
	background:url(../images/products/products_section_head_bg.gif) no-repeat 0 bottom;
}

/*20131127 add*/
#wrapper.group #main-inner{
	margin: 0 auto;
	text-align: left;
	width: 673px;
}
#wrapper.group #main-inner h2{
	clear: both;
	background: url(/fileadmin/templates/ja/images/products/products_section_head_bg.gif) no-repeat 0 bottom;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding: 1px 2px 5px;
}
#wrapper.group #main-inner p{
	margin-bottom: 15px;
}
#wrapper.group #main-inner .section,
#wrapper.group #main-inner .sub_section{
	margin-bottom: 30px;
	overflow: hidden;
	/zoom: 1;
}
/*20131127 add---end*/
	
/*title*/
#wrapper.group .group_head{
	background:url(/fileadmin/ja/group/images/sttl_bu_bg.gif) repeat-x bottom;
}
#wrapper.group .group_subhead{
	background:url(/fileadmin/ja/group/images/sttl_bg.gif) repeat-x bottom;
}
#wrapper.group .group_subhead img{
	vertical-align: bottom;
}
#wrapper.group .group_subhead span{
	font-size: 80%!important;
	line-height: 1.2!important;
}

/*table*/
#wrapper.group .group_materials_table{
	margin: 10px 0;
}
#wrapper.group .group_materials_table th,
#wrapper.group .group_materials_table td{
	padding:10px 5px;
	border: 1px solid #c5cdce;
}
#wrapper.group .group_environment_list{
	padding: 3px 10px;
}

/*press*/
#wrapper.group #group_press_title,
#reference #wrapper #group_press_title{
	margin: 0 20px 20px;
}

#wrapper.group #group_press_title h2,
#reference #wrapper #group_press_title h2{
	margin-bottom:10px;
	padding:1px 2px 5px;
	font-size:123.1%;
	line-height:1.4em;
	font-weight:bold;
	background:url(../images/products/products_section_head_bg.gif) no-repeat 0 bottom;
}

#wrapper.group #group_press_title .date,
#reference #wrapper #group_press_title .date{
	text-align: right;
}
#wrapper.group #group_press_title .date{
	padding: 0 2px 2px;
	border-bottom: 1px dotted #CCCCCC;
}

/*clear*/
#wrapper.group .clearfix{
	clear: both;
	height: 20px;
}

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

GROUP TOP

-------------------------------------------------------------------------------------*/
#wrapper.group #group_top{
	margin: 40px 20px 0;
	}
	 
#wrapper.group #news_list.tem,
#wrapper.group #banner.tem,
#wrapper.group #head_img.tcc,
#wrapper.group #news_list.tsp,
#wrapper.group #head_img.tmf,
#wrapper.group #news_list.tbs,
#wrapper.group #banner.tbs,
#wrapper.group #head_img.tsc{
	margin-top: 40px!important;
}
	

/*headimg*/
#wrapper.group #head_img{
	margin: 0 auto 20px;
	width: 540px;
}

/*products*/
#wrapper.group #product_info{
	margin: 0 auto 20px;
	width: 540px;
}

/*news*/
#wrapper.group #news_list,
#wrapper.group #group_recommend{
	float: left;
	margin-left: 86px;
	_margin-left: 40px;
	width: 358px;
}

#wrapper.group #news_list .group_subhead,
#wrapper.group #group_recommend .group_subhead{
	position: relative;
	margin-bottom: 15px;
}
#wrapper.group #news_list .group_subhead .news_link{
	position: absolute;
	right: 0;
	top: 0;
	/top: -2px;
}

#wrapper.group .news_list dl:after{
  content: '';
  display: block;
  clear: both;
  height: 0;
}
#wrapper.group .news_list dl dt{
	float: left;
}
#wrapper.group .news_list dl dt span{
	margin-right: 8px;
}
#wrapper.group .news_list dl dt img{
	vertical-align: middle;
	margin-right: 10px;
}
#wrapper.group .news_list dl dd{
	/*margin: 0 0 10px 140px;*/
	margin: 0 0 10px 170px;
}
#wrapper.group #group_recommend .news_list dl dd{
	margin: 0 0 10px 73px;
}
#wrapper.group #news_list.tsp{
	float: none;
	margin: 0 auto 20px;
	width: 540px;
}
#wrapper.group #news_list.tsc{
	float: none;
}
#wrapper.group #news_list.tsc .news_list dl dd{
	margin: 0 0 10px 73px;
}

/*press*/
#wrapper.group #news_list.news{
	margin: 0 20px;
	width: 673px;
}
#wrapper.group dl.news_list:after{
  content: '';
  display: block;
  clear: both;
  height: 0;
}
#wrapper.group dl.news_list dt,
#wrapper.group dl.news_list dd{
	padding-bottom: 10px;
	padding-top: 10px;
}
#wrapper.group dl.news_list dt{
	float: left;
}
#wrapper.group dl.news_list dt span{
	margin-right: 8px;
}
#wrapper.group dl.news_list dt img{
	vertical-align: middle;
}
#wrapper.group dl.news_list dd{
	padding-left: 168px;
	border-bottom: 1px dotted #CCCCCC;
}

/*banner*/
#wrapper.group #banner{
	float: right;
	margin-right: 87px;
	_margin-right: 45px;
	width: 177px;
	text-align: right;
}

#wrapper.group #banner.tmf p {
	margin-bottom: 1em;
}

/*press*/
#wrapper.group .pressDate{
	margin: 20px;
	padding-right: 3px;
	text-align: right;
	border-bottom: 1px dotted #ccc;
	color: #555;
}
#wrapper.group .press_inner{
	text-align: left;
	margin: 0 20px;
	line-height: 140%;
}

/*20130924 add*/
#wrapper.group #tnBanner{
	margin: 0 auto;
	width: 540px;
}
#wrapper.group #tnBanner:after{
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#wrapper.group #tnBanner li{
	float:left;
	margin-right: 10px;
}

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

 20160121 added - application

-------------------------------------------------------*/
#application-inner{
	margin: 20px;
}
#application-inner .lead{
	margin: 20px 0;
}
/* caseListBox */
#application-inner .application-block{
	margin-bottom: 20px;
}
#application-inner .application-box{
	float: left;
	padding-bottom: 10px;
	width: 324px;
	border: 1px solid #CCC;
}
#application-inner .application-box:first-child{
	margin-right: 20px;
}
#application-inner .application-box .head{
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px dotted #CCC;
	background: url(/fileadmin/ja/group/tbs/application/images/application-head-bg.jpg) repeat-x 0 0;
}
#application-inner .application-box h2{
	padding-left: 17px;
	font-weight: bold;
	background: url(/fileadmin/ja/group/tbs/application/images/application-head.png) no-repeat 0 0.1em;
}
#application-inner .application-box h2 a{
	text-decoration: none;
}
#application-inner .application-box .text{
	float: right;
	margin-right: 10px;
	width: 160px;
}
#application-inner .application-box .fig{
	float: left;
	margin-left: 10px;
	width: 125px;
	border: 1px solid #CCC;
}
#application-inner .application-box .link{
	margin-top: 1em;
	text-align: right;
}
#application-inner .application-box .link a{
	margin-top: 1em;
	padding-left: 15px;
	text-align: right;
	background: url(/fileadmin/templates/ja/images/common/marker_blue1.gif) no-repeat 0 0.45em;
}

/* application */
.application .lead{
	margin-bottom: 30px!important;
}
.application .material-list li{
	float: left;
	width: 210px;
	margin-left: 21px;
}
.application .material-list li:first-child{
	margin-left: 0px;
}
.application .material-list p{
	margin-top: 2px;
	text-align: center;
}
.application .product-list li{
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(/fileadmin/templates/ja/images/common/marker_blue1.gif) no-repeat 0 0.45em;
}
.application .decimal-list li{
	/*margin: 0 0 5px 18px;*/
	margin: 0 0 5px 30px;
	padding-left: 3px;
	list-style-type: decimal;
}
.application .contact-box{
	margin: 30px 0 10px;
	padding: 20px;
	background: #ebf2f8;
	border: 2px solid #d2d9df;
}
.application .contact-box h2{
	background: none!important;
}
.application .contact-box .contact-inner {
	padding: 25px 15px;
	text-align: center;
	background: #FFF;
	border-right: 1px solid #c2ced9;
	border-bottom: 1px solid #c2ced9;
}
.application .contact-box .btn{
	padding-top: 5px;
}

/* clear
-----------------------------------------------------*/
.application-block:after,
.application-box:after,
.application .material-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

/* tsubaki e & m only style 
-----------------------------------------------------*/

/* e & m top page infomation area add */
#wrapper.group #pickUp_info {
    margin: 0 auto 20px;
    width: 540px;
}
#wrapper.group #pickUp_info:after {
	content: '';
	display: block;
	clear: both;
	height: 0;	
}/* clearfix */
#wrapper.group #pickUp_info h3 {
	text-align: center;
	padding: 10px;
	margin-bottom: 0.5em;
	font-weight: bold;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
#wrapper.group #pickUp_info .product {
    background: #6a94bc;
    text-align: center;
    padding: 3px 10px;
    margin: 5px 0;
    font-weight: bold;
    color: #fff;
}
#wrapper.group #pickUp_info .col_03 {
	float: left;
	box-sizing: border-box;
	width: 32%;
}
#wrapper.group #pickUp_info .col_03 p.inner_text {
	border: 1px solid #ccc;
	padding: 5px;
}
#wrapper.group #pickUp_info .col_03:nth-of-type(2) {
	margin: 0 10px;
}
#wrapper.group #pickUp_info .col_03 img {
	width: 100%;
}

/*=============================================
  ida Add 2017.08
=============================================*/
#wrapper.group #main .text_medium.text_blue strong {
	font-size: 130% !important;
}

table.text_table {
  margin-bottom: 5px !important;
  border-collapse: collapse;
  text-align: center;
}
table.text_table th,
table.text_table td {
  padding: 2px 4px;
  border: solid 1px #888;
}
table.text_table th {
  border-collapse: collapse;
  text-align: center;
  background: #CCFFCC;
}
table.text_table.blue th {
	background: #C9E8FC;
}
table.text_table sub {
	font-size: 80% !important;
	line-height: 1.6;
}
table.text_table sup {
	font-size: 80% !important;
}
table.text_table .bg01 {
  background: #CCFFCC;
}

/* tsubakimoto add ota 20170821-20171031
-----------------------------------------------------*/

/* press inner style for group pages */
#wrapper.group .news-inner .news-hero {
	margin-bottom: 3em;
}
#wrapper.group .news-inner .news-hero img {
	display: block;
	margin: 0 auto;
}
#wrapper.group .news-inner {
	width: 90%;
	margin: 0 auto;
}
#wrapper.group .news-inner h2 {
	margin-bottom: 10px;
	padding: 1px 2px 5px;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.4em;
	background: url(/fileadmin/templates/ja/images/products/products_section_head_bg.gif) no-repeat 0 bottom transparent;
}
#wrapper.group .news-inner h2 span {
	font-size: 80%;
	font-weight: normal;
}
#wrapper.group .news-inner p {
	margin-bottom: 1em;
}
#wrapper.group .news-inner .news-read {
	padding: 1em 2em;
	margin-bottom: 2.5em;
	line-height: 1.8em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 105%;
}
#wrapper.group .news-inner .news-list-item {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2em;
	font-weight: bold;
	font-size: 115%;
}
#wrapper.group .news-inner li {
	margin-bottom: 0.5em;
}
#wrapper.group .news-inner li p {
	font-weight: normal;
}
#wrapper.group .news-inner .news-product-item,
#wrapper.group .news-inner .news-note-item {
	margin: 2em auto;
	width: 90%;
}
#wrapper.group .news-inner .news-product-item li {
	font-weight: bold;
}
#wrapper.group .news-inner .news-product-item li:before {
	content: "■";
	padding-right: 0.3em;
}
#wrapper.group .news-inner .news-note-item li:before {
	content: "●";
	padding-right: 0.3em;
}
#wrapper.group .news-inner .news-banner {
	padding: 0 1em;
	margin-bottom: 3em;
	border: 1px solid #666;
}
#wrapper.group .news-inner .news-banner img {
	width: 100%;
}
#wrapper.group .news-inner .news-banner p {
	text-align: center;
	padding: 0.5em;
}
#wrapper.group .news-caption {
	margin: 7px 0;
	padding-left: 7px;
	font-weight: bold;
	text-align: left;
	border-left: solid 4px #666;
}
#wrapper.group .news-inner .news-column {
	overflow: hidden;
	margin-bottom: 1.5em;
	/ zoom: 1;
}
#wrapper.group .news-inner .news-column:after {
	content: "";
	clear: both;
	display: block;
}
#wrapper.group .news-inner .news-column img {
	width: 100%;
}
.border-box {
	border: solid 1px #ccc;
	padding: 1em;
	margin: 1em 1em 2em 1em;
}
.main-wrapper {
	width: 580px;
	margin: 0 auto;
}
.row::after {
  content: "";
  clear: both;
  display: block;
}
[class*="col-"] {
	float: left;
	box-sizing: border-box;
	padding: 1.5em;
}
.col-01 {
	width: 8.33333333%;
}
.col-02 {
	width: 16.66666667%;
}
.col-03 {
	width: 25%;
}
.col-04 {
	width: 33.33333333%;
}
.col-05 {
	width: 41.66666667%;
}
.col-06 {
	width: 50%;
}
.col-07 {
	width: 58.33333333%;
}
.col-08 {
	width: 66.66666667%;
}
.col-09 {
	width: 75%;
}
.col-10 {
	width: 83.33333333%;
}
.col-11 {
	width: 91.66666667%;
}
.img-width img {
	width: 100%;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
#wrapper.group .news-inner .outer-link {
	font-weight: bold;
	text-align: center;
}

/* 20180416 tsubakimoto ota add */
.movie_box {
	text-align: center;
	margin: 10px 0;
	padding: 10px;
	background: #333;
}
h3.contents_head {
	margin: 20px 0;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 100%;
	border-bottom: 2px solid #d9dbdb;
}

/* 202009 ida */
#wrapper.group #tnBanner{
	margin: 0 auto 25px;
}
#wrapper.group #banner.tmf p {
	margin-bottom: 8px;
}
.tmf_catchcopy {
	text-align: center;
    font-size: 140% !important;
    font-weight: bold;
    color: #006AB4;
    margin-bottom: 10px;
}
#wrapper.group #product_info.tmf {
	margin-bottom: 10px;
}
#product_info.tmf table td {
	vertical-align: top;
	padding: 0 0 10px;
}
#product_info.tmf table p {
	margin: 0 0 3px;
    padding: 5px 3px 5px 25px;
    font-weight: normal;
    color: #006095;
    background: url(../images/common/marker_blue1.gif) no-repeat 9px 13px;
    text-align-last: left;
}

/* 202012 ida */
#products #wrapper #main-inner.application{
	margin: 30px auto 0;
	text-align: left;
	width: 673px;
}
#products #wrapper #main-inner.application h2{
	clear: both;
	background: url(/fileadmin/templates/ja/images/products/products_section_head_bg.gif) no-repeat 0 bottom;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding: 1px 2px 5px;
}
#products #wrapper #main-inner.application p{
	margin-bottom: 15px;
}
#products #wrapper #main-inner.application .section,
#products #wrapper #main-inner.application .sub_section{
	margin: 0;
	overflow: hidden;
	/zoom: 1;
}
#products #wrapper #main-inner.application .lead {
	margin-bottom: 0!important;
}