/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/


/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto;
}

p {
	font-size: 1.4em;
	line-height:175%;
}


.discontinue{
	clear:both;
	}

#wrapper {
	width: 100%;
}

a img:hover {
	opacity:0.7;
    transition: 0.5s;
	}


/* ------ Header ------ */


header {
	width: 100%;
	background-color: #ffffff;
}

#h1-inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
	line-height: 160%;
	font-size: 1.2em;
	color: #000000;
}

#header-inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#tagline {
	background-color:#ffffff;
}

#headerR{
	padding: 0;
	margin:0 5px 0 0;
	float:right;
	text-align:right;
	}

#logo {
	padding: 15px 0;
	margin:0 0 0 0;
	float:left;
}

#logo a {
	display: block;
	max-width: 500px;
}

#header-inner #headerR #counter{
	padding:0 0 0 0;
	width:200px;
	}

#header-inner #headerR #youtube{
	padding:5px 0 0 0;
	width:160px;
	float:right;
	}

#header-inner #headerR #googleSearch{
	width:250px;
	float:right;
	}
	
#header-inner #headerR #contact img:first-child{
	display:inline;
	padding:0 20px 0 0;
	}

/* ------ gnav ------ */

#gnav {
	clear: both;
	width: 100%;
	height:40px;
	margin-top:10px;
	background-color: #ffffff;
	box-sizing: border-box;

}

#toggle {
	display :none;
}

#gnav .inner nav .dropmenu{
  *zoom: 1;
  list-style-type: none;
	width:1001px;
  margin: 5px auto 30px;
  padding: 0;
  height:30px;
	background:url(../images/bg_gnavi_line.gif) left top no-repeat;
}
#gnav .inner nav .dropmenu:before,#gnav .inner nav .dropmenu:after{
  content: "";
  display: table;
}
#gnav .inner nav .dropmenu:after{
  clear: both;
}

#gnav .inner nav .dropmenu li{
  position: relative;
  width: 20%;
  height:30px;
  float: left;
  margin: 0;
	padding:0px 10px 7px 10px;
	box-sizing: border-box;
	background:url(../images/bg_gnavi_line.gif) right top no-repeat;
}
#gnav .inner nav .dropmenu li.spSub{
	display:none;
}


#gnav .inner nav .dropmenu li a{
  display: block;
  margin: 0;
  padding:0 0 3px 0;
  background: #ffffff;
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
#gnav .inner nav .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin:5px 0 0 0;
  padding: 0;
}
#gnav .inner nav .dropmenu li ul li{
  width: 100%;
  height:32px;
	box-sizing: border-box;
	font-weight:bold;
  background-image:none;
  background: #ffffff;
  opacity: 0.8;
  padding:10px 0;
}
#gnav .inner nav .dropmenu li ul li a{
  background: #ffffff;
  text-align: center;
}

#gnav .inner nav .dropmenu li a:hover{
	border-bottom:#e61512 2px solid;
}
#gnav .inner nav .dropmenu li ul li a:hover{
	border-bottom: none;
	color:#e61512;
}

#gnav .inner nav #menu li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#gnav .inner nav #menu li:hover ul{
  visibility: visible;
  opacity: 1;
}
#gnav .inner nav #menu li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

#gnav .inner nav #menu li:hover ul li a{
  visibility: visible;
  opacity: 1;
}



#menu {
	margin: 0 auto;
	padding: 0;
}
#menu li{
	float: left;
}
#toggle {
	display: none;
}
 
/* ------ toppage_MainImgArea ------ */

#mainImg{
	clear:both;
	width:100%;
	height:380px;
	text-align:center;
	margin:0 auto 0 auto;
}
#mainImg .flexslider{
	width:1000px;
}
#mainImg .flexslider img {
  transition: 0.5s;
}

#mainImg .flexslider img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

/* ------ topContents ------ */
#topContents{
	clear:both;
	width:1000px;
	height:auto;
	margin:0 auto;
	text-align:center;
}

/* ------ toppage_bannerArea ------ */
#topContents #bannerNaviArea ul li img,#topContents #bannerArea ul.bottom li img{
  transition: 0.5s;
}

#topContents #bannerNaviArea ul li img:hover,#topContents #bannerArea ul.bottom li img:hover{
  opacity: 0.5;
  transition: 0.5s;
}




#topContents #bannerNaviArea .dropmenu{
  *zoom: 1;
  list-style-type: none;
	width:1000px;
	margin:0 auto;
  padding: 0;
  height:220px;
}
#topContents #bannerNaviArea .dropmenu:before,#topContents #bannerNaviArea .dropmenu:after{
  content: "";
  display: table;
}
#topContents #bannerNaviArea .dropmenu:after{
  clear: both;
}

#topContents #bannerNaviArea .dropmenu li{
  position: relative;
	height:220px;
	width:320px;
  float: left;
	margin:0 0 20px 20px;
	box-sizing: border-box;
	background:url(../images/bg_gnavi_line.gif) right top no-repeat;
}

#topContents #bannerNaviArea .dropmenu li:first-child{
	margin:0 0 0 0;
}

#topContents #bannerNaviArea .dropmenu li a{
  display: block;
  margin: 0;
  padding:0 0 3px 0;
  background: #ffffff;
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
#topContents #bannerNaviArea .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin:0 0 0 0;
  padding:10px 0 0 0;
}
#topContents #bannerNaviArea .dropmenu li ul li{
	width:320px;
  height:25px;
	box-sizing: border-box;
	font-weight:bold;
  background-image:none;
  background: #fff;
	margin:0 0 0 0;
  opacity: 0.8;
  padding:0;
}
#topContents #bannerNaviArea .dropmenu li ul li:first-child{
  padding:0;
}
#topContents #bannerNaviArea .dropmenu li ul li a{
  background: #ffffff;
  text-align: center;
}
#topContents #bannerNaviArea .dropmenu li ul li a:hover{
	color:#e61512;
}
#topContents #bannerNaviArea #bannerNaviList li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#topContents #bannerNaviArea #bannerNaviList li:hover ul{
  visibility: visible;
  opacity: 1;
}
#topContents #bannerNaviArea #bannerNaviList li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

#topContents #bannerNaviArea #bannerNaviList li:hover ul li a{
  visibility: visible;
  opacity: 1;
}








#topContents #contentsBlock{
	clear:both;
	}

#topContents #contentsBlock #infoArea{
	width:660px;
	float:right;
	text-align:left;
	margin:10px 0 0 0;
	}

#topContents #contentsBlock #infoArea dl{
	font-size:14px;
	margin:-1px 0 15px 0;
	border-bottom:#000 1px solid;
	}

#topContents #contentsBlock #infoArea dt{
	padding-top : 20px;    
	padding-bottom : 15px;
	padding-left : 8px;
	width : 152px;
	float : left;
	clear : both;
	border-top:#000 1px solid;
}
#topContents #contentsBlock #infoArea dd{
	padding-top : 20px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 15px;
	width : 500px;
	margin-left : 160px;
	border-top:#000 1px solid;
	box-sizing: border-box;
	}
	
#topContents #contentsBlock #infoArea dd img{
	margin:10px 8px 8px 0;
	}
	
#topContents #contentsBlock #infoArea dd iframe{
	margin:10px 8px 8px 0;
	}
	
#topContents #contentsBlock #infoArea dd img:last-child{
	margin:10px 0px 8px 0;
	}
	
	

#topContents #contentsBlock #infoArea dd.first{
	border-top: none;
	}
	
#topContents #contentsBlock #infoArea ul{
	margin:30px 0 0 0;
	}

#topContents #contentsBlock #infoArea ul li{
	float:left;
	margin:0 0 0 10px;
	}

#topContents #contentsBlock #infoArea ul li:first-child{
	float:left;
	margin:0 0 0 0;
	}

#topContents #contentsBlock #InfoBannerArea{
	width:320px;
	float:left;
	text-align:left;
	margin:10px 20px 0 0;
	}

#topContents #contentsBlock #InfoBannerArea ul li{
	margin:0 0 14px 0;
	}

#topContents #topBannerArea{
	width:1000px;
	height:75px;
	text-align:center;
	clear:both;
	margin:20px auto;
	}

#topContents #topBannerArea ul li{
	width:240px;
	margin:0 12px 0 0;
	float:left;
	}

#topContents #topBannerArea ul li:last-child{
	margin:0 0 0 0;
	}

#topContents #lineupArea{
	width:1000px;
	text-align:center;
	clear:both;
	margin:40px auto 0 auto;
	}

#topContents #lineupArea h3{
	border-bottom:#000 1px solid;
	line-height:1;
	padding:10px 0;
	}

#topContents #lineupArea .lineupBlock{
	width:1000px;
	text-align:center;
	}

#topContents #lineupArea .lineupBlock h4{
	font-size:15px;
	font-weight:bold;
	line-height:1.0;
	margin:15px 0 15px 0;
	}

#topContents #lineupArea .lineupBlock h4 .red{
	color:#db0020;
	}

#topContents #lineupArea .lineupBlock h4 .blue{
	color:#0064b4;
	}





/* ------ contents ------ */

#mainTitle{
	clear:both;
	width:100%;
	height:260px;
	text-align:center;
}

#mainTitle .inner{
	width:1000px;
	margin:15px auto 0 auto;
}

#contentsArea{
	clear: both;
	width:100%;
	margin:0px auto;
	text-align:center;
}

#contentsArea #subMenu {
	clear: both;
	height:60px;
	width:1000px;
	margin:30px auto;
	background-color: #ffffff;
	text-align:center;
}

#contentsArea #subMenu nav {
	margin: 0 auto;
	width:1000px;
	text-align:center;
}

#contentsArea #subMenu nav ul {
}

#contentsArea #subMenu nav ul li {
	float:left;
	margin:0px;
	width:333px;
	padding:7px 40px 7px 40px;
	box-sizing: border-box;
	border-right:1px #7f7f7f solid;
}

#contentsArea #subMenu nav ul li:last-child{
	border-right: none;
}

#contentsArea #subMenu nav ul li img{
	opacity:0.3;
}

#contentsArea #subMenu nav ul li.active img{
	opacity:1;
}


#contentsArea #productMenu,#contentsArea #skillMenu {
	clear: both;
	height:14px;
	margin:30px auto;
	background-color: #ffffff;
	text-align:center;
	width:1000px;
}

#contentsArea #productMenu nav,#contentsArea #skillMenu nav {
}

#contentsArea #productMenu nav ul,#contentsArea #skillMenu nav ul {
	margin: 0 auto;
	text-align:center;
	display: inline-block;
}

#contentsArea #productMenu nav ul li,#contentsArea #skillMenu nav ul li {
	font-size:14px;
	line-height:1.0;
	font-weight:bold;
	float: left;
	margin:0px;
	padding:0px 15px 0px 15px;
	box-sizing:border-box;
	border-right:1px #7f7f7f solid;
}


#contentsArea #productMenu nav ul li:last-child,#contentsArea #skillMenu nav ul li:last-child{
	border-right: none;
}

#contentsArea #productMenu nav ul li a:link,#contentsArea #skillMenu nav ul li a:link {
	text-decoration: none;
	color: #000;
}
#contentsArea #productMenu nav ul li a:visited,#contentsArea #skillMenu nav ul li a:visited {
	text-decoration: none;
	color: #000;
}
#contentsArea #productMenu nav ul li a:hover,#contentsArea #skillMenu nav ul li a:hover {
	text-decoration: underline;
	color: #000;
}
#contentsArea #productMenu nav ul li a:active,#contentsArea #skillMenu nav ul li a:active {
	text-decoration: underline;
	color: #000;
}

#contentsArea #productMenu nav ul li.active {
	color:#db0020 !important;
}

#contentsArea #skillMenu nav ul li.active {
	color:#0064b4 !important;
}

#contentsArea .productBlock,#contentsArea .skillBlock{
	clear:both;
	width:1000px;
	border:#000 1px solid;
	margin:0px auto 30px auto;
	text-align:center
	}

#contentsArea .productBlock h4,#contentsArea .skillBlock h4{
	border-bottom:#000 1px solid;
	padding:15px 10px 15px 20px;
	text-align:center;
	font-size:18px;
	line-height:1.0;
	font-weight:bold;
	}

#contentsArea .productBlock h5,#contentsArea .skillBlock h5{
	width:960px;
	background:#e61512;
	font-size:16px;
	line-height:1.0;
	font-weight:bold;
	color:#FFF;
	margin:20px 20px 20px 20px;
	padding:15px 10px 15px 20px;
	box-sizing:border-box;
	text-align:left;
	}

#contentsArea .productBlock ul,#contentsArea .skillBlock ul{
	margin:20px 20px 20px 20px;
	}

#contentsArea .productBlock ul li,#contentsArea .skillBlock ul li{
	text-align:left;
	float:left;
	margin: 0px 15px 20px 0px;
	min-height: 350px;
}
#contentsArea .productBlock ul li:nth-child(4n),#contentsArea .skillBlock ul li:nth-child(4n) {
	margin: 0px 0px 20px 0px;
	}

#contentsArea .productBlock ul li h6,#contentsArea .skillBlock ul li h6{
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
	}
#contentsArea .productBlock ul li h6 span{
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	color:#e51412;
	}
#contentsArea .productBlock ul li h6 span.reg{
	font-size:20px;
	line-height:1.0;
	color:#000;
	}
#contentsArea .skillBlock ul li h6 span{
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	color:#0064b4;
	}
#contentsArea .productBlock ul li h6 strong{
	font-size:13px;
	line-height:1.0;
	font-weight:bold;
	color:#e41412;
	}

#contentsArea .skillBlock ul li h6 strong{
	font-size:13px;
	line-height:1.0;
	font-weight:bold;
	color:#228fc8;
	}

#contentsArea .traditionalBlock ul li h6 span{
	color:#0064b4;
	}

#contentsArea .productBlock ul li p,#contentsArea .skillBlock ul li p{
	font-size:14px;
	line-height:1.5;
	margin: 0px 0px 20px 0px;
	}

#contentsArea .productBlock ul li .madein,#contentsArea .skillBlock ul li .madein{
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	}

#imonoList #contentsArea h3{
	border-bottom:#cfcfcf 1px solid;
	padding:12px 10px 10px 10px;
	text-align:center;
	font-size:18px;
	line-height:1.0;
	font-weight:bold;
	background:#e61511;
	color:#FFF;
	width: 1000px;
	margin: 0 auto;
	}

#iwazaList #contentsArea h3{
	border-bottom:#cfcfcf 1px solid;
	padding:12px 10px 10px 10px;
	text-align:center;
	font-size:18px;
	line-height:1.0;
	font-weight:bold;
	background:#006AB8;
	color:#FFF;
	width: 1000px;
	margin: 0 auto;
	}


#newCertification #contentsArea .productBlock,#newCertification #contentsArea .skillBlock{
	clear:both;
	width:1000px;
	border:#000 1px solid;
	margin:0px auto 30px auto;
	text-align:center
	}

#newCertification #contentsArea .productBlock h3{
	border-bottom:#cfcfcf 1px solid;
	padding:12px 10px 10px 10px;
	text-align:center;
	font-size:18px;
	line-height:1.0;
	font-weight:bold;
	background:#e61511;
	color:#FFF;
	}
#newCertification #contentsArea .skillBlock h3{
	border-bottom:#cfcfcf 1px solid;
	padding:12px 10px 10px 10px;
	text-align:center;
	font-size:18px;
	line-height:1.0;
	font-weight:bold;
	background:#006ab8;
	color:#FFF;
	}

#newCertification #contentsArea .productBlock ul li h4,#newCertification #contentsArea .skillBlock ul li h4,#imonoList #contentsArea .productBlock ul li h4,#iwazaList #contentsArea .skillBlock ul li h4{
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
	border:none;
	padding:0 0 0 0;
	text-align:left;
	}
#newCertification #contentsArea .productBlock ul li h4 span,#imonoList #contentsArea .productBlock ul li h4 span{
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	color:#e51412;
	}
#newCertification #contentsArea .skillBlock ul li h4 span,#iwazaList #contentsArea .skillBlock ul li h4 span{
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	color:#0064b4;
	}
#newCertification #contentsArea .productBlock ul li h4 strong,#imonoList #contentsArea .productBlock ul li h4 strong{
	font-size:13px;
	line-height:1.0;
	font-weight:bold;
	color:#e41412;
	}

#newCertification #contentsArea .skillBlock ul li h4 strong,#iwaza #contentsArea .skillBlock ul li h4 strong{
	font-size:13px;
	line-height:1.0;
	font-weight:bold;
	color:#228fc8;
	}

#newCertification #contentsArea .traditionalBlock ul li h4 span{
	color:#0064b4;
	}




#contentsArea .productTitle{
	clear:both;
	width:1000px;
	box-sizing:border-box;
	border:#000 1px solid;
	padding:5px;
	margin:0px auto;
	text-align:center;
	}
#contentsArea .productTitle h3{
	margin:10px 15px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	}

#contentsArea .productTitle h3 .red{
	color:#ee4555;
	}

#contentsArea .productTitle h3 .blue{
	color:#0064b4;
	}

#contentsArea .productArea{
	clear:both;
	width:1000px;
	margin:25px auto 45px auto;
	text-align:center;
	}


#contentsArea .productArea .mainPicture{
	width:640px;
	margin:0px auto;
	float:left;
	text-align:left;
	}

#contentsArea .productArea .explanationArea{
	width:360px;
	margin:0px auto;
	float:right;
	text-align:left;
	}

#contentsArea .productArea .explanationArea .year{
	font-size:14px;
	line-height:1.5;
	color:#e51412;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	}
#contentsArea .productArea .explanationArea .yearB{
	font-size:14px;
	line-height:1.5;
	color:#0064b4;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	}
	

#contentsArea .productArea .explanationArea h4{
	font-size:28px;
	line-height:1.0;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	}

#contentsArea .productArea .explanationArea h4 span{
	display:inline-block;
	font-size:18px;
	line-height:1.3;
	font-weight:bold;
	}

#contentsArea .productArea .explanationArea h5{
	font-size:18px;
	line-height:1.3;
	font-weight:bold;
	}

#contentsArea .productArea .explanationArea .url{
	font-size:14px;
	line-height:1.5;
	color:#e51412;
	font-weight:bold;
	margin: 0px 0px 25px 0px;
	}
#contentsArea .productArea .explanationArea .urlB{
	font-size:14px;
	line-height:1.5;
	color:#0064b4;
	font-weight:bold;
	margin: 0px 0px 25px 0px;
	}

#contentsArea .productArea .explanationArea .urlB a{
	color:#0064b4;
	}

#contentsArea .productArea .explanationArea .p{
	font-size:14px;
	line-height:1.5;
	margin: 0px 0px 25px 0px;
	}


#contentsArea .productArea .skillArea ul{
	margin:0px 0px 0px 0px;
	}

#contentsArea .productArea .skillArea ul li{
	text-align:left;
	float:left;
	margin: 0px 20px 20px 0px;
	width:320px;
	}
#contentsArea .productArea .skillArea ul li:nth-child(3n) {
	margin: 0px 0px 20px 0px;
	}

#contentsArea .productArea .skillArea ul li h4 {
	font-size:14px;
	line-height:1.5;
	margin: 10px 0px 10px 0px;
	}

#contentsArea .productArea .skillArea ul li p {
	font-size:14px;
	line-height:1.3;
	margin: 10px 0px 0px 0px;
	}

#contentsArea .contactArea{
	clear:both;
	width:1000px;
	padding:15px;
	margin:0px auto;
	text-align:center;
	background:#000;
	color:#FFF;
	box-sizing:border-box;
	min-height:300px;
	}


#contentsArea .contactArea .detailBlock{
	margin: 10px 10px 10px 10px;
	float:left;
	}

#contentsArea .contactArea .detailBlock h3{
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	text-align:left;
	margin: 10px 10px 10px 0px;
	}

#contentsArea .contactArea .detailBlock .title{
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	text-align:left;
	margin: 10px 10px 10px 0px;
	}

#contentsArea .contactArea .detailBlock p{
	font-size:14px;
	line-height:1.5;
	text-align:left;
	margin: 10px 10px 10px 0px;
	}

#contentsArea .contactArea .mapBlock{
	margin: 15px 15px 0px 0px;
	float:right;
	}



#aboutArea{
	clear:both;
	width:1000px;
	margin:50px auto 45px auto;
	text-align:center;
	}


#aboutArea #sideMenu{
	width:255px;
	margin:0 0 0 0;
	text-align:left;
	float:left;
	}

#aboutArea #sideMenu ul{
	margin:0 0 0 20px;
	}

#aboutArea #sideMenu ul li{
	font-size:15px;
	line-height:2.5;
	font-weight:bold;
	}
#aboutArea #sideMenu ul li a:link {
	text-decoration: none;
	color: #999;
}
#aboutArea #sideMenu ul li a:visited {
	text-decoration: none;
	color: #999;
}
#aboutArea #sideMenu ul li a:hover {
	text-decoration: underline;
	color: #999;
}
#aboutArea #sideMenu ul li a:active {
	text-decoration: underline;
	color: #999;
}


#aboutArea #mainArea{
	width:740px;
	margin:0 0 0 0;
	text-align:left;
	float:right;
	}


#aboutArea #mainArea h3{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	border-bottom: #000 1px solid;
	margin:60px 0 20px 0;
	padding:0 0 10px 0;
	}

#aboutArea #mainArea h3:first-child{
	margin:0px 0 20px 0;
	}


#aboutArea #mainArea .textArea{
	font-size:15px;
	line-height:2;
	float:left;
	box-sizing:border-box;
	width:480px;
	}

#aboutArea #mainArea .textArea p,#aboutArea #mainArea p{
	font-size:15px;
	line-height:2;
	}

#aboutArea #mainArea .textArea p.sign{
	text-align:right;
	margin:40px 0 20px 0;
	}

#aboutArea #mainArea .picArea{
	float:right;
	box-sizing:border-box;
	width:200px;
	}

#aboutArea #mainArea dl.merit{
	margin:30px 0 40px 0;
	width:740px;
	}

#aboutArea #mainArea dl.merit dt{
	width:140px;
	float:left;
	clear:both;
	}

#aboutArea #mainArea dl.merit dd{
	margin:0 0 60px 140px;
	width:610px;
	min-height:180px;
	}

#aboutArea #mainArea dl.merit dd:last-child{
	margin-bottom:0;
	}

#aboutArea #mainArea dl.merit dd h4{
	color:#db0020;
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0px;
	}
#aboutArea #mainArea dl.merit dd p{
	font-size:15px;
	line-height:2;
	}

#aboutArea #mainArea dl.merit dd .voiceArea{
	margin:20px 0 0 0;
	padding:22px;
	background:#e5e5e5;
	}

#aboutArea #mainArea dl.merit dd .voiceArea p{
	line-height:1.8;
	}

#aboutArea #mainArea dl.merit dd .voiceArea .jirei{
	margin:0 0 15px 0px;
	}

#aboutArea #mainArea dl.merit dd .voiceArea h5{
	color:#666666;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 10px 0px;
	}

#aboutArea #mainArea dl.merit dd .voiceArea .voiceName{
	color:#000000;
	font-size:13px;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 25px 0px;
	}
#aboutArea #mainArea dl.merit dd .voiceArea .jireiBlock{
	margin:20px 0 0 0;
	padding:20px;
	background:#d9d9d9;
	}

#aboutArea #mainArea dl.merit dd .voiceArea .jireiBlock .voiceName{
	margin:0 0 10px 0px;
	}


#aboutArea #mainArea dl.merit dd .floatR{
	float:right;
	margin:5px 0 20px 20px;
	}
#aboutArea #mainArea dl.merit dd .floatR02{
	float:right;
	margin:-35px 0 20px 20px;
	}
#aboutArea #mainArea dl.merit dd .voiceArea .jireiBlock .floatR{
	margin-bottom:50px;
	}


#aboutArea #mainArea .aboutImonoTitle,#aboutArea #mainArea .aboutIwazaTitle{
	margin:0 0 0 0;
	}
#aboutArea #mainArea .aboutImonoBlock{
	border:#e11020 3px solid;
	margin:0 0 35px 0;
	padding:20px;
	}
#aboutArea #mainArea .aboutIwazaBlock{
	border:#006bb4 3px solid;
	margin:0 0 35px 0;
	padding:20px;
	}
#aboutArea #mainArea .aboutImonoBlock h4{
	color:#e11020;
	margin:0 0 5px 0;
	font-size:15px;
	font-weight:bold;
	line-height:2;
	}
#aboutArea #mainArea .aboutIwazaBlock h4{
	color:#006bb4;
	margin:0 0 5px 0;
	font-size:15px;
	font-weight:bold;
	line-height:2;
	}

#aboutArea #mainArea .aboutImonoBlock p,#aboutArea #mainArea .aboutIwazaBlock p{
	margin:0 0 30px 0;
	font-size:15px;
	line-height:1.5;
}

#aboutArea #mainArea .aboutImonoBlock p:last-child,#aboutArea #mainArea .aboutIwazaBlock p:last-child{
	margin:0 0 0 0;
}

#aboutArea #mainArea dl.flowStep{
	margin:30px 0 40px 0;
	width:740px;
	}

#aboutArea #mainArea dl.flowStep dt{
	width:100px;
	float:left;
	clear:both;
	height:130px;
	}


#aboutArea #mainArea dl.flowStep dd{
	margin:0 0 0 100px;
	width:630px;
	height:130px;
	line-height:1.5;
	}
#aboutArea #mainArea dl.flowStep dd h4{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#e11020;
	margin:15px 0 10px 0px;
	}
#aboutArea #mainArea dl.flowStep dd p{
	line-height:1.5;
	}

#monoArea{
	clear:both;
	width:1000px;
	margin:50px auto 45px auto;
	text-align:center;
	}


#monoArea #sideMenu{
	width:255px;
	margin:0 0 0 0;
	text-align:left;
	float:left;
	}

#monoArea #sideMenu ul{
	margin:0 0 0 20px;
	}

#monoArea #sideMenu ul li{
	font-size:15px;
	line-height:2.5;
	font-weight:bold;
	}
#monoArea #sideMenu ul li a:link {
	text-decoration: none;
	color: #999;
}
#monoArea #sideMenu ul li a:visited {
	text-decoration: none;
	color: #999;
}
#monoArea #sideMenu ul li a:hover {
	text-decoration: underline;
	color: #999;
}
#monoArea #sideMenu ul li a:active {
	text-decoration: underline;
	color: #999;
}
#monoArea #sideMenu ul li.subMenu{
	padding-left:15px;
}


#monoArea #mainArea{
	width:740px;
	margin:0 0 0 0;
	text-align:left;
	float:right;
	}


#monoArea #mainArea h3{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	border-bottom: #000 1px solid;
	margin:60px 0 20px 0;
	padding:0 0 10px 0;
	}

#monoArea #mainArea h3:first-child{
	margin:0px 0 20px 0;
	}

#monoArea #mainArea h3 span{
	text-align:right;
	display: block;
	font-size:13px;
	line-height:1.5;
	font-weight:normal;
	margin:-20px 5px 0px 0;
	}

#monoArea #mainArea h4{
	margin:40px 0 15px 0;
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
	}
#monoArea #mainArea .imgCaption{
	margin:15px 0 15px 0;
	font-size:14px;
	line-height:1.5;
	}


#monoArea #mainArea .textArea{
	font-size:15px;
	line-height:2;
	float:left;
	box-sizing:border-box;
	width:480px;
	}

#monoArea #mainArea .textArea p{
	font-size:15px;
	line-height:2;
	}

#monoArea #mainArea .textArea p.sign{
	text-align:right;
	margin:40px 0 20px 0;
	}

#monoArea #mainArea .picArea{
	float:right;
	box-sizing:border-box;
	width:200px;
	}






/* ------ Footer ------ */

footer {
	width: 100%;
	clear:both;
	margin:80px 0 0 0;
}
footer .pageTopFooter{
	text-align:center;
	clear:both;
}

footer .pageTopFooter .inner{
	width:1000px;
	margin:20px auto;
	text-align:right;
}

#footer-body {
	background-color:#efefe8;
	width:100%;
}
#footer-inner {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 10px;
}
#footer-inner .contact{
	text-align:left;
	margin: 30px auto;

}

#copyright {
	text-align:left;
	margin:20px 0 50px 0;
}

#copyright ul{
	margin:0 0 0 0;
}


footer nav
{
	text-align: left;
}











/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {

html { font-size: 62.5%; }
body { font-size: 1.0rem; }

header {
	width: 100%;
	background-color: #ffffff;
}

#h1-inner {
	display:none;
}

#header-inner {
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	*zoom: 1;
}

#tagline {
	background-color:#ffffff;
}

#headerR{
	padding: 0;
	margin:0 5px 0 0;
	float:right;
	text-align:right;
	}

#logo {
	padding: 15px 5px;
	margin:0 0 0 0;
	float:left;
	width:100%;
	box-sizing: border-box;
}

#logo a {
	display: block;
	width: 80%;
}

#header-inner #headerR #counter{
	display:none;
	}
	
#header-inner #headerR #googleSearch{
	display:none;
	}
















/* ------ gnav ------ */

#gnav {
	clear: both;
	width: 100%;
	height: auto;
	margin-top:50px;
	background-color: #ffffff;
}

#toggle {
	float:;
}

#gnav .inner  nav {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position:absolute;
	top:55px;
	right:0;
}

#gnav .inner  nav ul.dropmenu {
	float: none;
	height:205px;
	width:100%;
	margin:0;
}

#gnav .inner  nav ul.dropmenu li {
	width: 100%;
	margin:0px;
	padding:0 0 0 0;
	height:40px;
	z-index:100;
	background:#000;
	border-bottom:1px solid #999;
	box-sizing: content-box;
}
#gnav .inner nav .dropmenu li ul{
	display:block;
	}

#gnav .inner  nav ul li:first-child {
	margin-left:0px;
	border-left: none;
}

#gnav .inner  nav ul li img{
	display:none;
	padding:0 0 0 0;
	}

#gnav .inner  nav ul li a {
	display: block;
	padding:0px;
	width: 100%;
	height:40px;
	display: block;
	padding:0 0 0 0;
	background-color: #000;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-bottom:1px solid #999;
}
#gnav .inner nav .dropmenu li a:hover{
	border-bottom:#999 1px solid;
}
#gnav .inner  nav ul li a:link,
#gnav .inner  nav ul li a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #000;
	padding:0 0 0 0;
	border-bottom:1px solid #999;
}
#gnav .inner  nav ul li a:hover,
#gnav .inner  nav ul li a:active,
#gnav .inner  nav ul li a.current {
	padding: 0 0 0 0;
	border-bottom:1px solid #999;
}
#gnav .inner  nav ul li a::after{
	display: block;
	content: attr(data-label);
	text-align:left;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem; 
	font-weight:bold;
	line-height:180%;
	padding:5px 10px;
}


#gnav .inner  nav ul li.currentPage{
	background:none;
	background-color: #000;

}

#gnav .inner nav .dropmenu li.spSub{
	display:block;
	height:36px;
	width:50%;
	float:left;
	background:#666;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	box-sizing: border-box;
	padding:10px 0 0 5px;
}
#gnav .inner nav .dropmenu li.spSub a{
	font-size:12px;
	font-size: 1.2rem; 
	line-height:1.2;
	text-align:left;
	height:16px;
	background:#666;
	border:none;
}

#menu {
	display: none;
}

#toggle {
	display: block;
	position: absolute;
	width:35px;
	height:35px;
	background: #ffffff;
	top:10px;
	right:10px;

}
#toggle a{
	display: block;
	position: relative;
	padding: 10px 0 10px;
	color:#000;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem; 
	font-weight:bold;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 25px;
	height: 25px;
	background: #000000;
	box-sizing: border-box;

}
#toggle a:before{
	display: block;
	content: "";
	position: absolute;
	top: 10px;
	left: 5px;
	width: 25px;
	height: 5px;
	background: #ffffff;
}

#toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 20px;
	left: 5px;
	width: 25px;
	height: 5px;
	background: #ffffff;
}






















#mainImg {
    width: 100%;
	height:auto;
	padding-bottom:10px;
}


#mainImg .flexslider{
	width:95%;
	margin:20px 10px 20px 10px;
}

/* ------ topContents ------ */
#topContents{
	clear:both;
	width:100%;
	height:auto;
	margin:10px auto;
	text-align:center;
}

/* ------ toppage_bannerArea ------ */
#topContents #bannerNaviArea ul li img,#topContents #bannerArea ul.bottom li img{
  transition: none;
}

#topContents #bannerNaviArea ul li img:hover,#topContents #bannerArea ul.bottom li img:hover{
  opacity: 1;
  transition:none;
}


#topContents #bannerNaviArea .dropmenu{
  *zoom: 1;
  list-style-type: none;
	width:100%;
	margin:0 auto;
	padding: 0;
	height: auto;
}
#topContents #bannerNaviArea .dropmenu:before,#topContents #bannerNaviArea .dropmenu:after{
	content: "";
	display: table;
}
#topContents #bannerNaviArea .dropmenu:after{
	clear: both;
}

#topContents #bannerNaviArea .dropmenu li{
	position: relative;
	height: auto;
	float: left;
	width:30%;
	margin:0 5px 0 0;
	box-sizing: border-box;
	background: none;
}

#topContents #bannerNaviArea .dropmenu li img{
}

#topContents #bannerNaviArea .dropmenu li:first-child{
	margin:0 5px 0 10px;
}

#topContents #bannerNaviArea .dropmenu li ul{
	display:none;
}


#topContents #contentsBlock #infoArea{
	width:100%;
	float: none;
	text-align:left;
	margin:10px 0 0 0;
	}

#topContents #contentsBlock #infoArea h2{
	width: auto;
	margin:20px 10px 0 10px;
	border: 1px solid #000;
	padding:10px;
	}

#topContents #contentsBlock #infoArea h2 img{
	display:none;
	}

	
#topContents #contentsBlock #infoArea h2::after{
	display: inline-block;
	content: attr(data-label);
	text-align:center;
	color: #000000;
	font-size: 14px;
	font-size: 1.4rem; 
	font-weight:bold;
	line-height:125%;
}


#topContents #contentsBlock #infoArea dl{
	font-size:14px;
	font-size: 1.4rem; 
	margin:5px 10px 15px 10px;
	width: auto;
	}

#topContents #contentsBlock #infoArea dt{
	padding-top : 10px;    
	padding-bottom : 5px;
	padding-left : 0px;
	width :100%;
	float : none;
}


#topContents #contentsBlock #infoArea dt:first-child{
	border:none;
	}
	
#topContents #contentsBlock #infoArea dd{
	padding-top : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 10px;
	width :100%;
	margin-left :0px;
	border-bottom:#000 1px solid;
	box-sizing: border-box;
	border:none;
	}

#topContents #contentsBlock #infoArea dd img,#topContents #contentsBlock #infoArea dd iframe{
	margin:10px auto;
	display:block;
	text-align:center;
	}
#topContents #contentsBlock #infoArea dd img:last-child {
	margin:10px auto;
	display:block;
	text-align:center;
}	

#topContents #contentsBlock #infoArea ul{
	margin:30px 0 0 0;
	}

#topContents #contentsBlock #infoArea ul li{
	float:left;
	margin:0 0 0 10px;
	}

#topContents #contentsBlock #infoArea ul li:first-child{
	float:left;
	margin:0 0 0 0;
	}

#topContents #contentsBlock #InfoBannerArea{
	width:100%;
	float: none;
	text-align:left;
	margin:10px 0 0 0;
	}

#topContents #contentsBlock #InfoBannerArea ul li{
	margin:0 10px 10px 10px;
	}

#topContents #contentsBlock #InfoBannerArea ul li img{
	width:99%;
	
	}

#topContents #topBannerArea{
	width:100%;
	height:auto;
	text-align:center;
	clear:both;
	margin:20px auto 0px auto;
	}

#topContents #topBannerArea ul li{
	width:46%;
	margin:0 0 10px 10px;
	float:left;
	}

#topContents #topBannerArea ul li:last-child{
	margin:0 0 0 10px;
	}

#topContents #lineupArea{
	width:1000px;
	text-align:center;
	clear:both;
	margin:40px auto 0 auto;
	}

#topContents #lineupArea h3{
	border-bottom:#000 1px solid;
	line-height:1;
	padding:10px 0;
	}

#topContents #lineupArea .lineupBlock{
	width:1000px;
	text-align:center;
	}

#topContents #lineupArea .lineupBlock h4{
	font-size:15px;
	font-size: 1.5rem; 
	font-weight:bold;
	line-height:1.0;
	margin:15px 0 15px 0;
	}

#topContents #lineupArea .lineupBlock h4 .red{
	color:#db0020;
	}

#topContents #lineupArea .lineupBlock h4 .blue{
	color:#0064b4;
	}


/* ------ Footer ------ */

footer {
	width: 100%;
	clear:both;
	margin:10px 0 0 0;
}
footer .pageTopFooter{
	text-align:center;
	clear:both;
}

footer .pageTopFooter .inner{
	width: auto;
	margin:10px;
	text-align:right;
}

#footer-body {
	background-color:#efefe8;
	width:100%;
}
#footer-inner {
	width:100%;
	margin: 0 auto;
	padding:10px 0 10px;
}
#footer-inner .contact{
	text-align:left;
	margin:20px 10px 30px 10px;
}

#footer-inner .contact img{
	width:75%;
}

#copyright {
	text-align:left;
	margin:20px 10px 10px 10px;
}

#copyright ul{
	margin:0 0 0 0;
}


footer nav
{
	text-align: left;
}




/* ------ contents ------ */

#mainTitle{
	clear:both;
	width:100%;
	height: auto;
	text-align:center;
}

#mainTitle .inner{
	width:100%;
	margin:15px auto 0 auto;
}

#contentsArea{
	clear: both;
	width:100%;
	margin:0px auto;
	text-align:center;
}

#contentsArea #subMenu {
	clear: both;
	height: auto;
	width:100%;
	margin:0px auto 30px auto;
	background-color: #ffffff;
	text-align:center;
}

#contentsArea #subMenu nav {
	margin: 0 auto;
	width:100%;
	text-align:left;
}

#contentsArea #subMenu nav ul {
}

#contentsArea #subMenu nav ul li {
	float: none;
	margin:0px;
	width:100%;
	padding:10px 10px 10px 10px;
	box-sizing: border-box;
	border-right:none;
	border-bottom:#ccc 1px solid;
	background:url(../images/bg_arrow.png) right 10px no-repeat;
	background-size: 25px 25px;
}

#contentsArea #subMenu nav ul li a::after{
	display: block;
	content: attr(data-label);
	text-align:left;
	color: #000000;
	font-size: 14px;
	font-size: 1.4rem; 
	font-weight:bold;
	line-height:180%;
	padding:0px;
}

#contentsArea #subMenu nav ul li a:link,#contentsArea #subMenu nav ul li a:visited,#contentsArea #subMenu nav ul li a:hover,#contentsArea #subMenu nav ul li a:active {
	text-decoration: none;
	color: #000;
}

#contentsArea #subMenu nav ul li:last-child{
	border-right: none;
}

#contentsArea #subMenu nav ul li img{
	display:none;
}

#contentsArea #subMenu nav ul li.active img{
	opacity:1;
}

#contentsArea h3{
	margin:10px 0px;
	text-align:left;
	font-size:15px;
	font-size: 1.5rem; 
	font-weight:bold;
	}


/* ------ PRODCT AREA ------ */

#imonoList #contentsArea .productBlock,#iwazaList #contentsArea .skillBlock{
	clear:both;
	width:100%;
	border:none;
	margin:0px auto 30px auto;
	text-align:center;
	box-sizing:border-box;
	}

#imonoList #contentsArea h3{
	border-bottom: none;
	margin:0;
	padding:12px 10px 10px 10px;
	text-align:left;
	font-size:16px;
	font-size: 1.6rem; 
	line-height:1.3;
	font-weight:bold;
	background:#e61511;
	color:#FFF;
	width:100%;
	box-sizing:border-box;
	}
	
#iwazaList #contentsArea h3{
	border-bottom: none;
	margin:0;
	padding:12px 10px 10px 10px;
	text-align:left;
	font-size:16px;
	font-size: 1.6rem; 
	line-height:1.3;
	font-weight:bold;
	background:#006AB8;
	color:#FFF;
	width:100%;
	box-sizing:border-box;
	}
	

#imonoList #contentsArea #productMenu ,#iwazaList #contentsArea #skillMenu {
    clear: both;
    height: 14px;
    margin:10px auto;
    background-color: #FFF;
    text-align: center;
    width: 100%;
}

#contentsArea #productMenu nav ul,#contentsArea #skillMenu nav ul {
	margin: 0 auto;
	text-align:center;
	display: inline-block;
}

#contentsArea #productMenu nav ul li,#contentsArea #skillMenu nav ul li {
	font-size:14px;
	line-height:1.8;
	font-weight:bold;
	float: left;
	margin:0px;
	padding:0px 15px 0px 15px;
	box-sizing:border-box;
	border-right:1px #7f7f7f solid;
}


#contentsArea #productMenu nav ul li:last-child,#contentsArea #skillMenu nav ul li:last-child{
	border-right: none;
}

#contentsArea #productMenu nav ul li a:link,#contentsArea #skillMenu nav ul li a:link {
	text-decoration: none;
	color: #000;
}
#contentsArea #productMenu nav ul li a:visited,#contentsArea #skillMenu nav ul li a:visited {
	text-decoration: none;
	color: #000;
}
#contentsArea #productMenu nav ul li a:hover,#contentsArea #skillMenu nav ul li a:hover {
	text-decoration: none;
	color: #000;
}
#contentsArea #productMenu nav ul li a:active,#contentsArea #skillMenu nav ul li a:active {
	text-decoration: none;
	color: #000;
}

#contentsArea #productMenu nav ul li.active,#contentsArea #skillMenu nav ul li.active {
	color: #000;
}


#imonoList #contentsArea #productMenu nav ,#iwazaList #contentsArea #productMenu nav {
}

#imonoList #contentsArea #productMenu nav ul,#iwazaList #contentsArea #skillMenu nav ul {
	margin: 0 auto;
	text-align:center;
	display: inline-block;
}

#imonoList #contentsArea #productMenu nav ul li,#iwazaList #contentsArea #skillMenu nav ul li {
	font-size:13px;
	font-size: 1.3rem; 
	line-height:2;
	font-weight: normal;
	float: left;
	margin:0px;
	padding:0px 10px 0px 10px;
	box-sizing:border-box;
	border-right:1px #7f7f7f solid;
}

#imonoList #contentsArea .productBlock,#iwazaList #contentsArea .skillBlock{
	clear:both;
	width:100%;
	border:none;
	margin:0px auto 30px auto;
	text-align:center
	}


#imonoList #contentsArea .productBlock ul,#iwazaList #contentsArea .skillBlock ul{
	margin:20px 5px 20px 5px;
	}

#imonoList #contentsArea .productBlock ul li,#iwazaList #contentsArea .skillBlock ul li{
	text-align:left;
	float:left;
	margin: 0px 10px 50px 0px;
	min-height: inherit;
	width:48%;
}
#imonoList #contentsArea .productBlock ul li:nth-child(2n),#iwazaList #contentsArea .skillBlock ul li:nth-child(2n) {
	margin: 0px 0px 50px 0px;
	}

#imonoList #contentsArea .productBlock ul li p,#iwazaList #contentsArea .skillBlock ul li p{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	margin: 10px 10px 10px 5px;
	}

#imonoList #contentsArea .productBlock ul li .madein,#iwazaList #contentsArea .skillBlock ul li .madein{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	font-weight:bold;
	margin: 0px 10px 0px 5px;
	}
#imonoList #contentsArea .productBlock ul li h6,#iwazaList  #contentsArea .skillBlock ul li h6,#imonoList #contentsArea .productBlock ul li h4,#iwazaList  #contentsArea .skillBlock ul li h4 {
    font-size: 16px;
	font-size: 1.6rem; 
    line-height: 1.5;
    font-weight: bold;
	padding: 0px 5px 0px 5px;
}


/* ------ NEW PRODCT ------ */

#newCertification #contentsArea #productMenu{
    clear: both;
    height: 14px;
    margin:10px auto;
    background-color: #FFF;
    text-align: center;
    width: 100%;
}


#newCertification #contentsArea .productBlock,#newCertification #contentsArea .skillBlock{
	clear:both;
	width:100%;
	border:none;
	margin:0px auto 30px auto;
	text-align:center;
	box-sizing:border-box;
	}

#newCertification #contentsArea .productBlock h3{
	border-bottom: none;
	padding:12px 10px 10px 10px;
	text-align:left;
	font-size:16px;
	font-size: 1.6rem; 
	line-height:1.3;
	font-weight:bold;
	background:#e61511;
	color:#FFF;
	}
#newCertification #contentsArea .skillBlock h3{
	border-bottom: none;
	padding:12px 10px 10px 10px;
	text-align:left;
	font-size:16px;
	font-size: 1.6rem; 
	line-height:1.3;
	font-weight:bold;
	background:#006ab8;
	color:#FFF;
	}

#newCertification #contentsArea .productBlock ul,#newCertification  #contentsArea .skillBlock ul{
	margin:20px 5px 20px 5px;
	}

#newCertification #contentsArea .productBlock ul li,#newCertification #contentsArea .skillBlock ul li{
	text-align:left;
	float:left;
	margin: 0px 10px 50px 0px;
	min-height: inherit;
	width:48%;
}
#newCertification #contentsArea .productBlock ul li:nth-child(2n),#newCertification #contentsArea .skillBlock ul li:nth-child(2n) {
	margin: 0px 0px 50px 0px;
	}

#newCertification #contentsArea .productBlock ul li h4,#newCertification #contentsArea .skillBlock ul li h4{
	font-size:15px;
	font-size: 1.5rem; 
	line-height:1.3;
	font-weight:bold;
	border:none;
	text-align:left;
	padding:5px 5px 5px 3px;
	}
#newCertification #contentsArea .productBlock ul li h4 span,#newCertification #contentsArea .productBlock ul li h4 span{
	font-size:12px;
	font-size: 1.2rem; 
	line-height:1.3;
	font-weight:bold;
	color:#e51412;
	}
#newCertification #contentsArea .skillBlock ul li h4 span,#newCertification #contentsArea .skillBlock ul li h4 span{
	font-size:12px;
	font-size: 1.2rem; 
	line-height:1.3;
	font-weight:bold;
	color:#0064b4;
	}
#newCertification #contentsArea .productBlock ul li h4 strong,#newCertification #contentsArea .skillBlock ul li h4 strong{
	font-size:12px;
	font-size: 1.2rem; 
	line-height:1.2;
	font-weight:bold;
	color:#e41412;
	display:block;
	margin: 0px 0px -10px 0px;
	}

#newCertification #contentsArea .skillBlock ul li h4 strong,#newCertification #contentsArea .skillBlock ul li h4 strong{
	font-size:12px;
	font-size: 1.2rem; 
	line-height:1.2;
	font-weight:bold;
	color:#228fc8;
	display:block;
	margin: 0px 0px -20px 0px;
	}

#newCertification #contentsArea .traditionalBlock ul li h4 span,#newCertification #contentsArea .traditionalBlock ul li h4 span{
	color:#0064b4;
	}

#newCertification #contentsArea .productBlock ul li p,#newCertification #contentsArea .skillBlock ul li p{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	margin:10px 10px 10px 5px;
	}

#newCertification #contentsArea .productBlock ul li .madein,#newCertification #contentsArea .skillBlock ul li .madein{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	font-weight:bold;
	margin:0px 10px 0px 5px;
	}






/* ------ ここの ------ */


#contentsArea .productTitle{
	clear:both;
	width:100%;
	box-sizing:border-box;
	border-top:#000 1px solid;
	border-left:none;
	border-bottom:#000 1px solid;
	border-right:none;
	padding:5px;
	margin:5px 0 0 0;
	text-align:center;
	}
#contentsArea .productTitle h3{
	margin:5px 5px;
	text-align:left;
	font-size:15px;
	font-size: 1.5rem; 
	font-weight:bold;
	line-height:1.3;
	}

#contentsArea .productTitle h3 .red{
	color:#ee4555;
	}

#contentsArea .productTitle h3 .blue{
	color:#0064b4;
	}

#contentsArea .productArea{
	clear:both;
	width:100%;
	margin:25px auto 45px auto;
	text-align:center;
	}


#contentsArea .productArea .mainPicture{
	width: auto;
	margin:0px 0px 20px 0px;
	float:none;
	text-align:left;
	box-sizing:border-box;
	}

#contentsArea .productArea .mainPicture img{
	width:100%;
	margin:0px auto;
	float:none;
	text-align:left;
	}

#contentsArea .productArea .explanationArea{
	width:100%;
	margin:0px auto;
	float:none;
	text-align:left;
	}

#contentsArea .productArea .explanationArea .year{
	font-size:13px;
	font-size: 1.3rem; 
	line-height:1.2;
	color:#e51412;
	font-weight:bold;
	margin: 10px 10px 10px 10px;
	display:block;
	}
#contentsArea .productArea .explanationArea .yearB{
	font-size:13px;
	font-size: 1.3rem; 
	line-height:1.2;
	color:#0064b4;
	font-weight:bold;
	margin: 10px 10px 10px 10px;
	display:block;
	}
	

#contentsArea .productArea .explanationArea h4{
	font-size:24px;
	font-size: 2.4rem; 
	line-height:1.1;
	font-weight:bold;
	margin: 0px 10px 15px 10px;
	}

#contentsArea .productArea .explanationArea h4 span{
	font-size:16px;
	font-size: 1.6rem; 
	line-height:1.3;
	font-weight:bold;
	}

#contentsArea .productArea .explanationArea h5{
	font-size:16px;
	line-height:1.3;
	font-weight:bold;
	margin: 0px 10px 0px 10px;
	}

#contentsArea .productArea .explanationArea .url{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	color:#e51412;
	font-weight:bold;
	margin: 0px 10px 15px 10px;
	}
#contentsArea .productArea .explanationArea .urlB{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	color:#0064b4;
	font-weight:bold;
	margin: 0px 10px 15px 10px;
	}

#contentsArea .productArea .explanationArea p{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	margin: 0px 10px 10px 10px;
	}


#contentsArea .productArea .skillArea ul{
	margin:0px 0px 0px 0px;
	}

#contentsArea .productArea .skillArea ul li{
	text-align:left;
	float:none;
	margin: 0px 0px 20px 0px;
	width: auto;
	}
#contentsArea .productArea ul li iframe,#contentsArea .skillArea ul li iframe{
	text-align:center;
	margin: 0px auto;
	display:block;
	padding: 0 5px;
	box-sizing: border-box;
	}
#contentsArea .productArea .skillArea ul li:nth-child(3n) {
	margin: 0px 0px 20px 0px;
	}

#contentsArea .productArea .skillArea ul li h4 {
	font-size:15px;
	font-size: 1.5rem; 
	line-height:1.5;
	margin: 10px 0px 10px 0px;
	}

#contentsArea .productArea .skillArea ul li img{
	margin: 10px 0px 10px 0px;
	width:100%;
	}

#contentsArea .productArea .skillArea ul li p {
	font-size:15px;
	font-size: 1.5rem; 
	line-height:1.5;
	margin:10px 10px 10px 10px;
	}

#contentsArea .contactArea{
	clear:both;
	width:100%;
	padding:15px;
	margin:0px auto 30px auto;
	text-align:center;
	background:#000;
	color:#FFF;
	box-sizing:border-box;
	min-height:300px;
	}


#contentsArea .contactArea .detailBlock{
	margin: 10px 10px 10px 10px;
	float:none;
	}

#contentsArea .contactArea .detailBlock h3{
	font-size:20px;
	font-size: 2.0rem; 
	line-height:1.5;
	font-weight:bold;
	text-align:left;
	margin: 10px 10px 10px 0px;
	}

#contentsArea .contactArea .detailBlock .title{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	font-weight:bold;
	text-align:left;
	margin: 10px 10px 10px 0px;
	}

#contentsArea .contactArea .detailBlock p{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	text-align:left;
	margin: 10px 10px 10px 0px;
	}


#contentsArea .contactArea .mapBlock{
	margin: 15px auto 0px auto;
	float:none;
	text-align:center
	}

#contentsArea .contactArea .mapBlock iframe{
	width:100%;
	}

#monoArea,#aboutArea{
	border-top:#000 5px solid;
	clear:both;
	margin:0px auto;
	width:100%;
	text-align:left;
	}

#monoArea #sideMenu,#aboutArea #sideMenu{
	width:100%;
	margin:0 0 0 0;
	text-align:left;
	float:none;
	}

#monoArea #sideMenu ul,#aboutArea #sideMenu ul{
	margin:30px 0 10px 0;
	border-top:#ccc 1px solid;
	}

#monoArea #sideMenu ul li,#aboutArea #sideMenu ul li{
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.8;
	font-weight:bold;
	width:100%;
	padding:10px 10px 10px 10px;
	box-sizing: border-box;
	border-bottom:#ccc 1px solid;
	background:url(../images/bg_arrow.png) right 10px no-repeat;
	background-size: 25px 25px;
	}
#monoArea #sideMenu ul li a:link ,#aboutArea #sideMenu ul li a:link{
	text-decoration: none;
	color: #000;
}
#monoArea #sideMenu ul li a:visited ,#aboutArea #sideMenu ul li a:visited{
	text-decoration: none;
	color: #000;
}
#monoArea #sideMenu ul li a:hover ,#aboutArea #sideMenu ul li a:hover{
	text-decoration: none;
	color: #000;
}
#monoArea #sideMenu ul li a:active ,#aboutArea #sideMenu ul li a:active{
	text-decoration: none;
	color: #000;
}


#monoArea #mainArea,#aboutArea #mainArea{
	width:100%;
	margin:10px 0px 10px 0px;
	text-align:left;
	box-sizing:border-box;
	float:none;
	}


#monoArea #mainArea h3,#aboutArea #mainArea h3{
	font-size:16px;
	font-size: 1.6rem; 
	line-height:1.5;
	font-weight:bold;
	border-bottom: #000 1px solid;
	margin:50px 0px 20px 0px;
	padding:0 10px 10px 10px;
	}

#monoArea #mainArea h3:first-child,#aboutArea #mainArea h3:first-child{
	margin:20px 0px 20px 0px;
	}
#monoArea #mainArea p{
    margin:10px;
	}

#monoArea #mainArea img{
    width: 96%;
    margin: 5px;
	}

#monoArea #mainArea h3 span{
	text-align:right;
	display: block;
	font-size:13px;
	line-height:1.5;
	font-weight:normal;
	margin:-20px 5px 0px 0;
	}

#monoArea #mainArea h4{
	margin:40px 5px 15px 5px;
	font-size:16px;
	font-size: 1.6rem; 
	line-height:1.5;
	font-weight:bold;
	}
#monoArea #mainArea .imgCaption{
	margin:5px 5px 10px 5px;
	font-size:14px;
	font-size: 1.4rem; 
	line-height:1.5;
	}


#monoArea #mainArea .textArea,#aboutArea #mainArea .textArea{
	font-size:15px;
	font-size: 1.5rem; 
	line-height:2;
	float:none;
	box-sizing:border-box;
	width:100%;
	padding:0 10px 0 10px;
	}

#monoArea #mainArea p,#aboutArea #mainArea p{
	font-size:15px;
	font-size: 1.5rem; 
	line-height:1.5;
	margin:0 10px 0 10px;
	}

#monoArea #mainArea .textArea p,#aboutArea #mainArea .textArea p{
	font-size:15px;
	font-size: 1.5rem; 
	line-height:1.5;
	margin:0 0px 0 0px;
	}

#monoArea #mainArea .textArea p.sign,#aboutArea #mainArea .textArea p.sign{
	text-align:right;
	margin:10px 0 20px 0;
	}
	
#monoArea #mainArea .textArea p.sign img,#aboutArea #mainArea .textArea p.sign img{
	display:none;
	}
#monoArea #mainArea .textArea p.sign img,#aboutArea #mainArea .textArea p.sign::after{
	display: block;
	content: attr(data-label);
	text-align:right;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem; 
	line-height:180%;
	padding:5px 10px;
}

#monoArea #mainArea .picArea,#aboutArea #mainArea img{
	width:96%;
	margin:5px;
	}
	
#monoArea #mainArea .picArea,#aboutArea #mainArea .picArea{
	float:none;
	box-sizing:border-box;
	width:100%;
	text-align:center;
	margin:0 auto;
	}
#monoArea #mainArea img.pdf,#aboutArea #mainArea img.pdf{
	height:auto;
	width:auto;
	}
#monoArea #mainArea .picArea img,#aboutArea #mainArea .picArea img{
	height:auto;
	width:auto;
	}


#aboutArea #mainArea dl.merit{
	margin:30px 0 40px 0;
	width:100%;
	}

#aboutArea #mainArea dl.merit dt{
	width:0px;
	float: none;
	display:none;
	}

#aboutArea #mainArea dl.merit dd{
	margin:0 0 50px 0px;
	width:100%;
	min-height: inherit;
	}

#aboutArea #mainArea dl.merit dd:last-child{
	margin-bottom:0;
	}

#aboutArea #mainArea dl.merit dd h4{
	color:#db0020;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 20px 0px;
	padding:0px 5px 0 65px;
	height:50px;
	box-sizing:border-box;

	}
#aboutArea #mainArea dl.merit dd h4.meritTitle1{
	background:url(../images/img_merit_no1.gif) 5px 0 no-repeat;
	background-size:50px 50px;
	}
#aboutArea #mainArea dl.merit dd h4.meritTitle2{
	background:url(../images/img_merit_no2.gif) 5px 0 no-repeat;
	background-size:50px 50px;
	}
#aboutArea #mainArea dl.merit dd h4.meritTitle3{
	background:url(../images/img_merit_no3.gif) 5px 0 no-repeat;
	background-size:50px 50px;
	}
#aboutArea #mainArea dl.merit dd h4.meritTitle4{
	background:url(../images/img_merit_no4.gif) 5px 0 no-repeat;
	background-size:50px 50px;
	}
#aboutArea #mainArea dl.merit dd h4.meritTitle5{
	background:url(../images/img_merit_no5.gif) 5px 0 no-repeat;
	background-size:50px 50px;
	}
#aboutArea #mainArea dl.merit dd h4.meritTitle6{
	background:url(../images/img_merit_no6.gif) 5px 0 no-repeat;
	background-size:50px 50px;
	}
#aboutArea #mainArea dl.merit dd p{
	font-size: 15px;
	font-size: 1.5rem;
	line-height:1.5;
	}

#aboutArea #mainArea dl.merit dd .voiceArea{
	margin:20px 3px 0 3px;
	padding:10px;
	background:#e5e5e5;
	}

#aboutArea #mainArea dl.merit dd .voiceArea p{
	line-height:1.5;
	margin:0 0 0 0;
	}

#aboutArea #mainArea dl.merit dd .voiceArea .jirei{
	margin:0 0 5px 0px;
	}

#aboutArea #mainArea dl.merit dd .voiceArea h5{
	color:#666666;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight:bold;
	line-height:1.3;
	margin:5px 0 10px 0px;
	}

#aboutArea #mainArea dl.merit dd .voiceArea .voiceName{
	color:#000000;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 15px 0px;
	}
#aboutArea #mainArea dl.merit dd .voiceArea .jireiBlock{
	margin:20px 0 0 0;
	padding:10px;
	background:#d9d9d9;
	}

#aboutArea #mainArea dl.merit dd .voiceArea .jireiBlock .voiceName{
	margin:0 0 5px 0px;
	}


#aboutArea #mainArea dl.merit dd .floatR{
	float:none;
	margin:5px 0 15px 0;
	}
#aboutArea #mainArea dl.merit dd .floatR02{
	float:none;
	margin:5px 5px 15px 5px;
	}
#aboutArea #mainArea dl.merit dd .voiceArea .jireiBlock .floatR{
	margin-bottom:15px;
	}


#aboutArea #mainArea .aboutImonoTitle,#aboutArea #mainArea .aboutIwazaTitle{
	margin:0 5px 0 5px;
	}
#aboutArea #mainArea .aboutImonoTitle img,#aboutArea #mainArea .aboutIwazaTitle img{
	margin:0 0 0 0;
	width:80%;
	}
#aboutArea #mainArea .aboutImonoBlock{
	border:#e11020 3px solid;
	margin:0 5px 35px 5px;
	padding:10px;
	}
#aboutArea #mainArea .aboutIwazaBlock{
	border:#006bb4 3px solid;
	margin:0 5px 35px 5px;
	padding:10px;
	}
#aboutArea #mainArea .aboutImonoBlock h4{
	color:#e11020;
	margin:0 0 5px 0;
	font-size:15px;
	font-size: 1.5rem;
	font-weight:bold;
	line-height:2;
	}
#aboutArea #mainArea .aboutIwazaBlock h4{
	color:#006bb4;
	margin:0 0 5px 0;
	font-size:15px;
	font-size: 1.5rem;
	font-weight:bold;
	line-height:2;
	}

#aboutArea #mainArea .aboutImonoBlock p,#aboutArea #mainArea .aboutIwazaBlock p{
	margin:0 0 20px 0;
	font-size:15px;
	font-size: 1.5rem;
	line-height:1.5;
}

#aboutArea #mainArea .aboutImonoBlock p:last-child,#aboutArea #mainArea .aboutIwazaBlock p:last-child{
	margin:0 0 0 0;
}

#aboutArea #mainArea dl.flowStep{
	margin:30px 0 40px 0;
	width:100%;
	}

#aboutArea #mainArea dl.flowStep dt{
	width:18%;
	float:left;
	clear:both;
	height:auto;
	min-height:90px;
	}

#aboutArea #mainArea dl.flowStep dd{
	margin:0 0 25px 22%;
	width:76%;
	height:auto;
	min-height:90px;
	line-height:1.5;
	}
#aboutArea #mainArea dl.flowStep dd h4{
	font-size:16px;
	font-size: 1.6rem;
	line-height:1.5;
	font-weight:bold;
	color:#e11020;
	margin:5px 0 10px 0px;
	}
#aboutArea #mainArea dl.flowStep dd p{
	line-height:1.5;
	margin:10px 0 30px 0px;
	}

}


@media print {
  body {
    overflow: visible !important;
  }
}

.u-mb-8{
	margin-bottom:8px;
}

ul.officelist{
	font-size:15px;
	display: grid;
	width: fit-content;
	column-gap:1em;
	grid-template-columns: repeat(2, auto);
}
ul.officelist li{
	width:355px;
	margin:.5em 0;
	line-height:1.5em;
}
ul.officelist li a{
	color:#0069b6;
}



#contentsArea .contactArea .detailBlock p a:link,
#contentsArea .contactArea .detailBlock p a:hover,
#contentsArea .contactArea .detailBlock p a:visited,
#contentsArea .contactArea .detailBlock p a:active{
	color:yellow;
}