@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2016-05-19
Copyright (C) KYOTO TOOL CO., LTD. All Rights Reserved.
------------------------------------------------------------------------------*/
#top_wrap {
	width: 970px;
	margin: 0 auto;
}
/* topicPath
------------------------------- */
#top_wrap #topicPath {
	margin-bottom: 12px;
	font-size: 92.3%;
}
#top_wrap #topicPath li {
	display: inline;
	padding: 0 8px 0 0;
}
#top_wrap #topicPath li:before {
	content: "＞";
	color: #999;
	font-size: 10px;
	margin-right: 5px;
}
#top_wrap #topicPath li#topPage {
	padding-left: 0;
	background: none;
	text-transform: uppercase;
}
#top_wrap #topicPath li#topPage:before {
	content: "";
	margin-right: 0;
}
@media screen and (max-width:767px){
	#top_wrap #topicPath {
		display:none;
	}
}
#container {
	background: #ececec;
}

.titTop {
	font-size: 169.2%;
	font-weight: 700;
	color: #111;
}

.titTopSec {
	position: relative;
}
.titTopSec .titTop {
	padding-left: 21px;
	height: 62px;
	line-height: 62px;
	vertical-align: middle;
}
.titTopSec .inLink {
	position: absolute;
	right: 19px;
	top: 50%;
	margin-top: -.55em;
	text-decoration: none;
	color: #262626;
	font-weight: 700;
}
.titTopSec .inLink:hover {
	text-decoration: underline;
}

@media screen and (max-width:767px){
	#header {
		margin-bottom: 0;
	}
	.titTop {
		font-size: 18px;
	}
	.titTopSec .inLink {
		margin-top: -.7em;
		right: 10px;
	}

}


/* keyVisualSec
------------------------------- */
#keyVisualSec {
	width: 970px;
	margin: 20px auto 0;
}
#keyVisual {
	width: 970px;
	height: 364px;
	margin-bottom: 20px;
	border-bottom: 2px solid #d4d4d4;
}
#keyVisualSec h2 {
	padding: 16px 30px 14px;
	background: #004EA2;
	font-size: 142.9%;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #fff;
}
#keyVisualSec h2 span {
	padding-left: 18px;
	background: url(/files/images/common/icon_arrw_05.png) no-repeat 0 0.4em;
}
#keyVisualSec h2 a {
	color: #fff;
}
#specNav01 {
	margin-bottom: 20px;
}
#specNav01 li {
	/*border-right: 1px solid #ccc;*/
	border-bottom: 4px solid #d4d4d4;
}
@media screen and (min-width:768px){
#specNav01 li {
	display: inline-block;
	width: 300px;
	padding: 10px;
	background: #fff;
}
#specNav01 li:nth-child(3),
#specNav01 li:nth-child(6) {
	border-right: none;
}


}
#specNav01 li a {
	/*position: absolute;
	top: 218px;
	left: 26px;*/
	padding-left: 17px;
	font-size: 114.3%;
	font-weight: 700;
	color: #111;
	letter-spacing: 0.1em;

	background: url(/files/images/common/icon_arrw_01.png) no-repeat 0 .4em;
}
#specNav01 li:hover a {
	color: #f00;
}
#bnrNav01 {
	margin-bottom: 30px;
}
#bnrNav01 li {
	float: left;
	border-bottom: 2px solid #d4d4d4;
}
#bnrNav01 li:last-child {
	margin-left: 20px;
}


@media screen and (max-width:767px){
	#keyVisualSec,
	#keyVisual {
		width: 100%;
		height: auto;
	}
	#keyVisualSec {
		padding-bottom: 12px;
		border-bottom: none;
		margin-top: 0;
		margin-bottom: 0;
		background: #ececec;
	}
	#keyVisual {
		float: none;
		overflow: hidden;
		background: #fff;
		position: relative;
		margin-bottom: 10px;
	}
	#keyVisualSec h2 {
		padding: 14px 20px 12px;
		font-size: 128.6%;
	}
	#specNav01 {
		margin-bottom: 10px;
		border-bottom: none;
	}
	#specNav01 li {
		position: relative;
		float: none;
		display: block;
		background: #fff;
		padding: 12px 20px;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	#specNav01 li img {
		display: none;
	}
	#specNav01 li a {
		position: relative;
		padding-left: 15px;
		top: 0;
		left: 0;
		background: url(/files/images/common/icon_arrw_01.png) no-repeat 0 .45em;
	}
	#specNav01 li:hover a {
		color: #f00;
	}
	#bnrNav01 {
		margin: 0 10px 0;
	}
	#bnrNav01 li {
		width: 49%;
		border-bottom: 1px solid #ccc;
	}
	#bnrNav01 li:last-child {
		margin-left: 2%;
	}
	#bnrNav01 li img {
		width: 100%;
	}
}

@media screen and (max-width:480px){
	#bnrNav01 li {
		float: none;
		width: 100%;
		margin-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}
	#bnrNav01 li:last-child {
		margin-left: 0;
		margin-bottom: 0;
	}
	#bnrNav01 li img {
		width: 100%;
	}
}

/* topSec01
------------------------------- */
.topSec01 {
	margin-bottom: 15px;
}
.topSec01 .innerMainSec {
	width: 675px;
	float: left;
	background: #fff;
	border-top: solid 5px #004EA2;
}
.topSec01 .innerSubSec {
	width: 280px;
	float: right;
}
.topSec01 .inBnr01 {
	margin-bottom: 15px;
}
.topSec01 .inBnr03 {
	margin-bottom: 8px;
}

.innerMainSec .innerSeminer {
  margin-right: 10px
}
.innerMainSec .innerSeminer {
  background: #fff;
  padding-bottom:20px;
  position: relative;
}
.innerMainSec .innerSeminer .titTop {
  margin-bottom: 20px;
  border-bottom: 2px dotted #dddddd;
  padding: 20px 0px 14px 20px;
}
.innerMainSec .innerSeminer .inLink {
  position: absolute;
  right: 20px;
  top: 22px;
  font-weight: 700;
}

@media screen and (min-width:768px){
.innerMainSec .innerSeminer .newsList {
	height: 300px;
	overflow: auto;
	padding-right: 24px;
	padding-bottom: 30px;
	margin: 0 22px;
}
}
@media screen and (max-width:767px){
.innerMainSec .innerSeminer .newsList {
	padding-right: 5px;
	padding-bottom: 10px;
	margin: 0 22px;
}
}

.innerMainSec .innerSeminer .newsList li {
	line-height: 1.6em;
	margin-bottom: 14px;
}
.section  .newsList li {
	line-height: 1.6em;
	margin-bottom: 14px;
}

.newsList li:last-child {
	margin-bottom: 0;
}
.newsList li span {
	display: block;
	margin-bottom: 1px;
}
.newsList .inDate {
	font-family: Arial;
	font-size: 107.7%;
	font-weight: 700;
	color: #888;
	float: left;
	clear: left;
	width: 8.5em;
}
.newsList .inTitle{
	padding-left:9.5em;
}

.innerMainSec .innerSeminer #archive {
	text-align: right;
	margin:20px 20px 4px 0px;
}

@media screen and (min-width:768px){
/**トップページ　PCは4件表示+すくろーる**/
.innerMainSec .innerSeminer .newsList li:nth-child(n+5) {
  display: none;
}
}
@media screen and (max-width:767px){
/**トップページ　SPは2件表示**/
.innerMainSec .innerSeminer .newsList li:nth-child(n+3) {
  display: none;
}
}

.pdfbnr {
	border-bottom:1px dotted #888;
	padding-bottom:10px;
}
@media screen and (max-width:767px){
	.topSec01 {
		margin-bottom: 15px;
	}
	.topSec01 .innerMainSec {
		width: auto;
		float: none;
		margin-bottom: 15px;
	}
	.titTopSec .titTop {
		height: 50px;
		line-height: 50px;
		padding-left: 15px;
	}
	.topSec01 .innerSubSec {
		width: auto;
		float: none;
		overflow: hidden;
		margin:0 10px 0 ;
	}
	.topSec01 .inBnr01,
	.topSec01 .inBnr02,
	.topSec01 .inBnr03 {
		margin-bottom: 0;
		border-bottom: 2px solid #d4d4d4;
		clear: both;
	}
	.topSec01 .inSpBnrCol2 {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.topSec01 .spBnrChangeTop .inBnr03{
		border-bottom:none;
	}
	.topSec01 .inBnr01 img,
	.topSec01 .inBnr02 img,
	.topSec01 .inBnr03 img {
		width: 100%;
	}
	.innerMainSec {
		margin: 0 10px 15px;
	}
	.topSec01 > .innerMainSec {
		width: auto;
		float: none;
	}
	.innerMainSec .innerSeminer {
		padding: 13px 10px 15px;
		margin-bottom: 15px;
	}
	.innerMainSec .innerSeminer { margin-right: 0;}
	.innerSeminer .inLink {
		top: 15px;
		right: 10px;
	}
	.newsList {
		margin-bottom: 0;
		/*height: 11em;*/
		/*-webkit-overflow-scrolling: touch;*/
	}
	.topSec02 .likeBox {
		max-width: inherit;
		margin: 0 10px;
	}
	.topSec02 .likeBox p {
		margin-top: 5px;
	}
	.topSec02 .innerMainSec,
	.topSec02 .innerSubSec {
		width: auto;
		float: none;
	}
	.topSec02 .innerSubSec {
		margin-top: 20px;
	}
	.newsList .inDate {
		float: none;
		clear: none;
	}
	.newsList .inTitle{
		padding-left:0;
	}

}
/* ----------------------------------------

newproducts

---------------------------------------- */
.newproducts .innerMainSec {
width: 970px;
}
.newproducts .innerMainSec .itemList li {
	width: 24.8%!important;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.newproducts .innerMainSec .itemList li:nth-child(3n) {
	border-right: 1px solid #ddd!important;
}
.newproducts .innerMainSec .itemList li:nth-child(4n+1) {
	border-left: 1px solid #ddd;
}

@media screen and (max-width:767px){
	.newproducts .innerMainSec {
		width: auto;
		float: none;
		margin: 0 7px 25px;
	}
	.newproducts .innerMainSec .itemList li {
		width: 50%!important;
	}

}
/* ----------------------------------------

opacity rollover

---------------------------------------- */
#keyVisual > div,
#specNav01 li img,
#bnrNav01 li img,
#sideVisual ul li.top {
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	background-color: #fff;
}
#keyVisual > div:hover,
#specNav01 li:hover img,
#bnrNav01 li:hover img,
#sideVisual ul li.top:hover{
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	opacity: .75;
}


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

clearfix (必要なければ消す)

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

/* Modern Browsers
------------------------------- */
#keyVisualSec:after,
#keyVisual:after,
#specNav01:after,
#bnrNav01:after,
.topSec01:after,
.topSec02:after,
.itemList:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
#keyVisualSec,
#keyVisual,
#specNav01,
#bnrNav01,
.topSec01,
.topSec02,
.itemList {
	*zoom: 1;
}