@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
	padding:0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:100%;
    -moz-osx-font-smoothing: grayscale;
}

p {
	font-size:90%;
	line-height:1.5em;
	color:#404040;
}

p a {
	color:#004da1;
}

sup {
	height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	bottom: 1ex;
}

/* PDFアイコン */

a[href$=".pdf"] {
	padding-right:20px;
    background: url(/common/images/pdficon_small.png) no-repeat right;  
}  
* html a.pdf { 
	padding-right:20px;
    background: url(/common/images/pdficon_small.png) no-repeat right;  
} 

/*ヘッダー ロゴ*/
.site h1 a {
	color:#000000;
	text-decoration:none;
}

.site h1 {
	margin:0;
}

.site img {
	border:none;
}

/*ヘッダー メニュー*/
.menu ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

.menu li {
	display:block;
	padding:5px;
	color:#404040;
	font-size:12px;
}

.menu li a {
	color:#004da1;
	text-decoration:none;
}

.menu li a:hover {
	text-decoration:underline;
}

.menu ul:after {
	content:"";
	display:block;
	clear:both;
}

.menu li {
	float:left;
	width:auto;
}

/*ヘッダー画像*/
.topimg {
	width:100%;
	height:auto;
	vertical-align:bottom;
}

p.resizeimage img { 
	width: 100vw; 
}


/*グローバルナビ*/
.g-nav-area {
	clear:both;
	background-color: #f3f3f3;
	border-top:5px solid #004da1;
}

#g-nav {
	background-color: #f3f3f3;
}

#g-nav ul {
	list-style: none;
	width: 100%;
 	display: table;
 	table-layout: fixed;
}


#g-nav li{ 
	display:table-cell;
	border-right:1px dotted #666;
	border-left:none;
}

#g-nav li:last-child{ 
	border-right: 0;
}

#g-nav li a{
	display:block;
	padding: 20px 0px;
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 18px;
}

#g-nav li a:hover{
	background-color: #004da1;
	color:#FFFFFF;
}

#g-nav li span {
	background:#004da1;
	display:block;
	padding: 20px 0px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
}

body#profile #g-nav ul li#li01 a,body#news #g-nav ul li#li02 a,body#products #g-nav ul li#li03 a,
body#technology #g-nav ul li#li04 a,body#contact #g-nav ul li#li05 a {
    background-color:#004da1;
	color:#FFFFFF;
}

/*フッター*/
#footer {
	clear:both;
	background-color:#004da1;
	padding-top:20px;
	padding-bottom:20px;
}

.footer-nav {
	float:right;
}

.footer-nav ul li {
	float: left;
	padding: 0px 20px;
	border-right: #FFFFFF solid 1px;
	font-size:11px;
	margin-bottom:10px;
}

.footer-nav ul li:last-child {
	border-right:0;
}

.footer-nav ul li a {
	color:#ffffff;
}

/*フッター コピーライト*/
.copylight p {
	margin:0;
	color:#FFFFFF;
	font-size:11px;
}

/* サイドメニュー */
.sidemenu h1 a {
	display:block;
	margin:0;
	padding:20px;
	color:#666;
	font-size:18px;
	font-weight:normal;
	border-left:#004da1 8px solid; 
	border-bottom:#666666 1px dotted ;
}

.sidemenu h1 a:hover {
	background-color:#004da1;
	color:#ffffff;
	text-decoration:none;
}

.sidemenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

.sidemenu li {
	border-bottom:#666666 1px dotted;
	line-height:1.3em;
}

.sidemenu li a {
	position:relative;
	display:block;
    padding:15px 0 15px 23px;
	color:#404040;
	font-size:14px;
	text-decoration:none;
}

.sidemenu li a[href$=".pdf"] {
	padding-right:20px;
}

.sidemenu li li {
	border:0;
}

.sidemenu li li a {
	padding:15px 0 15px 33px;
	color:#404040;
	font-size:14px;
	text-decoration:none;
}

.sidemenu li a:hover {
	background-color:#004da1;
	color:#ffffff;
}
/* サイドメニュー アイコン　青丸に白三角 */
.icon-circle li {
	position: relative;
}
.icon-circle li::after,
.icon-circle li::before {
	display: block;
	content: '';
	position: absolute;
}
.icon-circle li::after {
	top: 1em;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: #004da1;
	border-radius: 100%;
	
}
.icon-circle li::before {
	z-index: 2;
	top: 1.43em;
	left: 0.35em;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left: 4px solid #ffffff;
}

.icon-circle li ul li {
	position: inherit;
}

.icon-circle li ul li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 1.6em;
	left: 1.6em;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left: 4px solid #004da1;
}
.icon-circle li ul li a:hover:before {
	left:0.4em;
	border-left: 4px solid #ffffff;
}

/* パンくずリスト */
.topicPath {
	margin-top:10px;
	margin-bottom:10px;
}

.topicPath ol {
	margin:0;
	padding:0;
	list-style:none;
}

.topicPath li a {
	display:inline-block;
	padding:5px;
	color:#004da1;
	font-size:12px;
	text-decoration:none;
}

.topicPath li a:hover {
	text-decoration:underline;
}

.topicPath ol:after {
	content:"";
	display:block;
	clear:both;	
}

.topicPath li {
	float:left;
	width:auto;
}

.topicPath li:after {
	content:'\003e';
	color:#333;
	margin-left:5px;
	margin-right:5px;
}

.topicPath li:last-child:after {
	content:none;
}

/* ページタイトル */
.page-title {
	font-size:24px;
}

/* 画像の上にページタイトルを重ねる */
.page-img {
	position:relative;
}

.page-img img {
	min-width: 360px; /* 最小幅 */
}

.page-title h1 {
	position:absolute;
	bottom:38%;
	color:#ffffff
}

/*トップページ お知らせ 一覧*/
/*日本語*/
.news_top h1 {
	font-size:25px;
    border-bottom:5px solid #dddddd;
    position: relative;
    padding:0.3em 0;
    line-height:1.4em;
	margin-bottom:20px;
	color:#004da1;
}

.news_top h1:before{
    content:"";
    display:block;
    width:20%;
    border-bottom:5px solid #004da1;
    position:absolute;
    bottom:0;
    margin-bottom:-5px;
  }

.news_top{
	font-size:90%;
}


.news_top ul {
	color:#404040;
}

.news_top li {
	padding:32px 0px 20px 0px;
	border-bottom: #666666 1px dotted;
	line-height:1.5em;
	color:#404040;
}

.news_top li a{
	color:#004da1;
}

.news_top li div{
	float:left;
	clear:left;
	width:230px;
}

.news_top li p.date{
	float:left;
	clear:left;
	width:265px;
}

.news_top_en li p.date{
	float:left;
	clear:left;
	width:250px;
}

.news_top li p {
	font-size:100%;
	overflow:hidden;
}

.news_top .icon_news{
	color:#F4F4F4;
	font-size:0.7em;
	margin:0 10px;
	display:inline-block;
	width:95px;
	text-align:center;
}
/*英語*/
.news_top_en h1 {
	font-size:25px;
    border-bottom:5px solid #dddddd;
    position: relative;
    padding:0.3em 0;
    line-height:1.4em;
	margin-bottom:20px;
	color:#004da1;
}

.news_top_en h1:before{
    content:"";
    display:block;
    width:20%;
    border-bottom:5px solid #004da1;
    position:absolute;
    bottom:0;
    margin-bottom:-5px;
  }

.news_top_en{
	font-size:90%;
}


.news_top_en ul {
	color:#404040;
}

.news_top_en li {
	padding:32px 0px 20px 0px;
	border-bottom: #666666 1px dotted;
	line-height:1.5em;
	color:#404040;
}

.news_top_en li a{
	color:#004da1;
}

.news_top_en li div{
	float:left;
	clear:left;
	width:230px;
}

.news_top_en li p.date{
	float:left;
	clear:left;
	width:250px;
}

.news_top_en li p {
	font-size:100%;
	overflow:hidden;
}

.news_top_en .icon_news{
	color:#F4F4F4;
	font-size:0.7em;
	margin:0 10px;
	display:inline-block;
	width:95px;
	text-align:center;
}

.moreinfo{
	color:#004da1;
	position: relative;
	background:url(/common/images/mark_01.png) no-repeat left;
	padding-left:15px;
	margin-top:-50px;
	float:right;
}

.moreinfo a{
	color:#004da1;
}


/*お知らせ 一覧*/
.news h1 {
	font-size:25px;
    border-bottom:5px solid #dddddd;
    position: relative;
    padding:0.3em 0;
    line-height:1.4em;
	margin-bottom:20px;
	color:#004da1;
}

.news h1:before{
    content:"";
    display:block;
    width:20%;
    border-bottom:5px solid #004da1;
    position:absolute;
    bottom:0;
    margin-bottom:-5px;
  }

.news{
	font-size:90%;
}

.news dt{
	float:left;
	clear:left;
	width:230px;
	padding:30px 0px 20px 0;
	color:#404040;
	line-height:1.5em;
}

.news dd{
	margin-left:0;
	padding:32px 0px 20px 230px;
	border-bottom: #666666 1px dotted;
	line-height:1.5em;
	color:#404040;
}

.news dd a{
	color:#004da1;
}

.news ul {
	color:#404040;
}

.news li {
	padding:32px 0px 20px 0px;
	border-bottom: #666666 1px dotted;
	line-height:1.5em;
	color:#404040;
}

.news li a{
	color:#004da1;
}

.news li div{
	float:left;
	clear:left;
	width:230px;
}

.news li p.date{
	float:left;
	clear:left;
	width:230px;
}

.news li p {
	font-size:100%;
	overflow:hidden;
}

.news .icon_news{
	color:#F4F4F4;
	font-size:0.7em;
	margin:0 10px;
	display:inline-block;
	width:95px;
	text-align:center;
}

.news .icon_press {
	background:#3b8adc;
	color:#FFFFFF;
	font-size:0.7em;
	margin:0 10px;
	display:inline-block;
	width:95px;
	text-align:center;
}

.news .icon_exbition {
	background:#6ebd66;
	color:#FFFFFF;
	font-size:0.7em;
	margin:0px 10px;
	display:inline-block;
	width:95px;
	text-align:center;
}

.news .icon_information {
	background:#FFA600;
	color:#FFFFFF;
	font-size:0.7em;
	margin: 0 10px;
	display:inline-block;
	width:95px;
	text-align:center;
}

.news .icon_other {
	background:#FF8EAE;
	color:#FFFFFF;
	font-size:0.7em;
	margin: 0 10px;
	display:inline-block;
	width:95px;
	text-align:center;
}

.moreinfo{
	color:#004da1;
	position: relative;
	background:url(/common/images/mark_01.png) no-repeat left;
	padding-left:15px;
	margin-top:-50px;
	float:right;
}

.moreinfo a{
	color:#004da1;
}

/* お知らせ　詳細 */
.news-head {
	text-align:right;
	font-size:80%;
}

.news-bottom {
	border-top:#8C8C8C 1px solid;
	padding:20px 0;
}

.news-img {
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
}

.news-img-multi {
	content:"";
	display:table;
	clear:both;
	margin:0 auto;
}

.news-img-multi p {
	float:left;
	text-align:center;
}


/* 製品一覧 */
.products-list table { 
	width:100%;
}
.products-list th, .products-list td { 
	padding:10px; 
	border:1px solid #aeaeae;
	font-size:12px;
	line-height:1.2em;
}
.products-list th {
	background:#eeeeee;
	vertical-align:middle;
}

.products-list td { 
	text-align: center;
	vertical-align:middle;
	word-break:break-all;
}

.products-list a {
	color:#004da1;
}

/* 会社案内、製品、技術情報トップ */
.category h2,.category-left h2,.category-center h2,.category-right h2 {
	font-size:20px;
    border-bottom:3px solid #dddddd;
    position: relative;
    padding:0.1em 0;
    line-height:1.4em;
	margin-bottom:10px;
	color:#004da1;
	
}

.category h2:before,.category-left h2:before,.category-center h2:before,.category-right h2:before{
    content:"";
    display:block;
    width:20%;
    border-bottom:3px solid #004da1;
    position:absolute;
    bottom:0;
    margin-bottom:-3px;
  }
  
/* サイトマップ 見出し */
.category h2 a {
	color:#004da1;
	padding-left:1.2em;
}
.category h2 a:before{
	display: inline;
	content:"";
	position:absolute;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:0.7em;
	left:0px;
	width:10px;
	height:10px;
	margin-top:-4px;
	background:#004da1;
}

.category h2 a:after{
	display:inline;
	content:"";
	position:absolute;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:0.7em;
	left:-5px;
	width:10px;
	height:10px;
	margin-top:-4px;
	background:#ffffff;
}
.category h2 a:hover {
	text-decoration:none;
}

.category h2 a:hover:before {
	left: 5px;
}

.category h2 a:hover:after {
	left: 0px;
}
  
/* 会社案内 */
.statement-title {
	font-size:130%;
	color:#004da1;
	font-weight:bold;
}

.map {
	position: relative;
	padding: 0 0 46%;
	height: 0;
	overflow: hidden;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



#header, #top_contents,#contents, #footer {
	padding-left:10px;
	padding-right:10px;
}

/*ボックス上下*/
#header {
	padding-top:10px;
	padding-bottom:5px;
}

#top_contents {
	padding-top:20px;
	padding-bottom:20px;
}

.top_main_contents {
	padding-bottom:20px;
}


#contents {
	padding-bottom:20px;
}

.main-contents {
	padding-bottom:20px;
}

.main-contents-wide {
	padding-bottom:20px;
}

.category-left, .category-center, .category-right {
	padding-bottom:40px;
}


/* 見出し */
h2 {
	font-size:28px;
    border-bottom:5px solid #dddddd;
    position: relative;
    padding:0.1em 0;
    line-height:1.4em;
	margin-bottom:20px;
	color:#004da1;
}

h2:before{
    content:"";
    display:block;
    width:20%;
    border-bottom:5px solid #004da1;
    position:absolute;
    bottom:0;
    margin-bottom:-5px;
  }
  
h2 .text-small {
	font-size: 16px;
}
  
h3 {
	font-size:22px;
	border-bottom:2px solid #004da1;
	color:#004da1;
	padding:0.2em 0;
	margin-bottom:20px;
	line-height:1.4em;
}

h3 .text-small {
	font-size: 14px;
}

h4 {
	font-size:18px;
	border-left: 3px solid #004da1;
	color:#404040;
	padding-left:0.5em;
	margin-bottom:10px;
	line-height:1.2em;
}
  
 /* リスト */
 /* リスト　番号 */
 ol.list-number {
	 list-style:decimal;
	 padding-left:2em;
	 margin-bottom:20px;
	 font-size:90%;
	 line-height:1.5em;
	 color:#404040;
 }
 
 ol.list-number li {
  	padding-left:0.5em;
	margin-bottom:10px;
}

ol.list-number li ol {
	padding-left:1.5em;
	padding-top:10px;
}

ol.list-number li li {
	list-style:lower-roman;
	padding-left:0;
}

ol.list-number li a,ol.list-number li li a {
	color:#004da1;
}

/* リスト アイコン付 */
.list-icon-circle ul {
	padding-left:0;
}

.list-icon-circle li {
	background:url(/common/images/mark_01.png) no-repeat 0 0.3em;
	padding-left:1.3em;
	font-size:90%;
	color:#404040;
	line-height:1.5em;
}

.list-icon-circle li a {
	color:#004da1;
}

/* リスト 丸 */
.list-dot {
	padding-left:2em;
}

.list-dot li {
	list-style:disc;
	padding-left:0.3em;
	font-size:90%;
	color:#404040;
	line-height:1.5em;
}

.list-dot li a {
	color:#004da1;
}

/* リスト faq */
.list-faq {
	padding-left:0;
}

.list-faq dt {
	background:url(/common/images/mark_q.png) no-repeat 0 0.2em; 
	padding-left:2em;
	padding-bottom:0.5em;
	font-size:90%;
	color:#004da1;
	line-height:1.5em;
	font-weight: bold;
}

.list-faq dd {
	background:url(/common/images/mark_a.png) no-repeat 0 0.2em; 
	padding-left:2em;
	padding-bottom:1.5em;
	font-size:90%;
	color:#404040;
	line-height:1.5em;
}

.list-faq dt,.list-faq dd a {
	color:#004da1;
}

/* リスト 問合せ */
.list-notice {
	padding-left:0;
}

.list-notice li {
	background:url(/common/images/mark_03.png) no-repeat 0 0.2em; 
	padding-left:2em;
	padding-bottom:0.5em;
	font-size:90%;
	color:#404040;
	line-height:1.5em;
	font-weight: bold;
}

.list-notice li a {
	color:#004da1;
}

/* 表A */
.data-tableA table {
	width:100%;
}

.data-tableA th,.data-tableA td {
	padding:13px;
	font-size:90%;
	line-height:1.5em;
	border:1px solid #aeaeae;
	color:#404040;
}

.data-tableA th {
	background:#eeeeee;
	vertical-align:top;
}

.data-tableA td a {
	color:#004da1;
}

/* 表B */
.data-tableB table {
	width:100%;
}

.data-tableB th,.data-tableB td {
	padding:10px;
	font-size:90%;
	line-height:1.5em;
	border:1px solid #aeaeae;
	color:#404040;
	text-align:center;
}

.data-tableB th {
	background:#eeeeee;
	vertical-align:top;
}

.data-tableB td a {
	color:#004da1;
}

/* 表C */
.data-tableC table {
	width:100%;
}

.data-tableC th,.data-tableC td {
	padding:13px;
	font-size:90%;
	line-height:1.5em;
	border:1px solid #aeaeae;
	color:#404040;
}

.data-tableC th {
	background:#eeeeee;
	vertical-align:top;
}

.data-tableC td a {
	color:#004da1;
}

/* セルが長くなるとき */
.table-long-word {
	word-break:break-all;
}

/* 表イベント */
.data-table-news {
	margin-left:auto;
	margin-right:auto;
	
}

.data-table-news th,td {
	padding:5px;
	font-size:90%;
	line-height:1.5em;
	border:0;
	color:#404040;
}
.data-table-news th {
	text-align:right;
}

.data-table-news td {
	text-align:left;
}

.data-table-news td a {
	color:#004da1;
}



.content-center {
	text-align:center;
}

/* 文字 色 */
.letter-colorA {
	color: #FFD600;
}

.letter-colorB {
	color:#FF8600;
}

.letter-color-red {
	color:#F00004;
}

/* 文字 強調*/
.letter-highlight {
	font-size:24px;
}

.letter-highlight-blue {
	font-size:24px;
	color:#004da1;
}

.letter-underline {
	text-decoration:underline;
}

/* 文字　中央 */
.text-area-center {
	text-align:center;
}

.text-center {
	text-align:center;
}

.text-center ul {
	display:inline-block;
}

/* 文字　右 */
.text-right {
	text-align:right;
}

p.text-small {
	font-size:12px;
}

/* 背景色 */
.img-bg {
	background:#000000;
}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {
/*グローバルナビ*/
.g-nav-area {
	background-color: #f3f3f3;
	border-top:0;
}

#g-nav {
	background-color: #f3f3f3;
}

#g-nav ul {
	list-style: none;
	width: 100%;
	margin:0 auto;
}


#g-nav li{
	float:left; 
	width:50%;
	border-bottom:1px dotted #666;
	border-right: 0;
	border-left:5px solid #004da1;
	box-sizing: border-box;
}

#g-nav li:last-child{ 
	border-right: 0;
	border-bottom: 0;
}

#g-nav li a{
	display:block;
	padding: 15px 0px;
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 16px;
}

#g-nav li a:hover{
	background-color: #004da1;
	color:#FFFFFF;
}

#g-nav li span {
	background:#004da1;
	display:block;
	padding: 15px 0px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
}
/* フッター */
#footer {
	padding-top:0;
	padding-left:0;
	padding-right:0;
}

.footer-nav ul {
	list-style: none;
	width: 100%;
 	display: table;
 	table-layout: fixed;
	margin-bottom:10px;
	
}

.footer-nav ul li {
	display:table-cell;
	border-bottom:1px solid #003378;
	border-right:1px solid #003378;
	padding:10px 0;
	margin-bottom:0px;
	width:50%;
	box-sizing: border-box;
}

.footer-nav ul li:nth-child(2n) {
	border-right:0;
}

.footer-nav ul li:last-child {
	border-right:1px solid #003378;
}

.footer-nav ul li a {
	color:#ffffff;
	display:block;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
}

.footer-nav ul li a:hover {
	text-decoration:underline;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:14px;
}

/* data-tableC リスト表示 */
.data-tableC { 
	margin: 0;
	border:0;
}
.data-tableC tr {
    display:block;
    margin-bottom: 10px;
}
.data-tableC th {
    display:block;
	padding: 5px;
}
.data-tableC td {
	display: list-item;
    margin-left:2em;
	padding: 5px;
	border:none;  
}
.data-tableC img {
	width:95%!important;	
	height:auto!important;
}

.table-list-style-none {
	list-style:none;
}
}

@media (min-width: 599px) {
/* category-left,category-center,category-rightを横並び */
.category:after {
	content:"";
	display:block;
	clear:both;
	margin-bottom:40px;
}

.category-left {
	display:inline-block;
	width:31.3333%;
	margin-right:10px;
	vertical-align:top;
}

.category-center {
	display:inline-block;
	width:31.3333%;
	margin-right:10px;
	vertical-align:top;
}

.category-right {
	display:inline-block;
	width:31.3333%;
	margin-right:10px;
	vertical-align:top;
}

h3 br {
	display:none;
}
}

/* ########### 768px以下 ########### */
@media (max-width: 768px) {
.header-inner {
	clear:both;
}

#header-nav {
	width:100%;
}

#header-nav ul {
}
/*  トップページ お知らせ*/
/*日本語*/
.news_top li {
	padding:0;
}

.news_top li div{
	padding-top:10px;
	padding-bottom:5px;
}

.news_top li p.date{
	padding-top:10px;
	padding-bottom:5px;
}

.news_top li p{
	clear:both;
	padding-top:0;
	padding-left:0;
	padding-bottom:10px;
}
/*英語*/
.news_top_en li {
	padding:0;
}

.news_top_en li div{
	padding-top:10px;
	padding-bottom:5px;
}

.news_top_en li p.date{
	padding-top:10px;
	padding-bottom:5px;
}

.news_top_en li p{
	clear:both;
	padding-top:0;
	padding-left:0;
	padding-bottom:10px;
}

/**/
.news li {
	padding:0;
}

.news li div{
	padding-top:10px;
	padding-bottom:5px;
}

.news li p.date{
	padding-top:10px;
	padding-bottom:5px;
}

.news li p{
	clear:both;
	padding-top:0;
	padding-left:0;
	padding-bottom:10px;
}

.news dt{
	padding-top:10px;
	padding-bottom:10px;
}

.news dd {
	clear:both;
	padding-top:0;
	padding-left:0;
	padding-bottom:10px;
}

.footer-nav ul,.copylight p {
	float:none;
	clear:both;
	text-align:center;
}
.page-title {
	font-size:14px;
}

/* 製品一覧 */
.products-list { 
	display: block; 
    width: 100%; 
    margin: 0;
}
.products-list thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
}
.products-list tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
}
.products-list th{ 
    display: block;
    width:auto;
}
.products-list tbody tr{ 
    display: inline-block; 
    margin: 0 -3px;
}
.products-list td{ 
    display: block;
}
.products-list br { 
	display : none ; 
	}


}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* header-siteとheader-navを横に並べる設定 */
#header:after	{
	content: "";
	display: block;
	clear: both;
	}

#header-site {
	float: left;
	width: auto;
}

#header-nav {
	float: right;
	width: auto;
}

/* top_main_contentsとtop_sub_contensを横に並べる設定 */
#top_contents:after {
	content:"";
	display:block;
	clear:both;
}

.top_main_contents {
	float:left;
	width:80%;
	padding-right:35px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.top_sub_contens {
	float:right;
	width:20%;

}

/* top_main_contents english :*/
.top_main_contents_wide {
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* main-contentsとsub-contentsを横に並べる設定 */
#contents:after {
	content:"";
	display:block;
	clear:both;
}

.main-contents {
	float:right;
	width:80%;
	padding-left:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.sub-contents {
	float:left;
	width:20%;
}
/* blockを横に並べる設定 */
.contents-block:after {
	content:"";
	display:block;
	clear:both;
}

.block {
	float:left;
	width:30%;
}

.block-1 {
	float:left;
	width:22%;
	margin-right:20px;
}

.block-2 {
	float:right;
	width:73%;
}

.block p{
	text-align:center;
}
}


/* ###########1190px以上 ########### */
@media (min-width: 1190px) {
	#top_contents,#contents,.header-inner,.footer-inner,.g-nav-area-inner,.page-title {
		width:1140px;
		margin-left:auto;
		margin-right:auto;
}
}

/* Margin
   ========================================================================== */
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
/* Padding
   ========================================================================== */
.pt0 {
  padding-top: 0 !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr1 {
  padding-right: 1px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr55 {
  padding-right: 55px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pb7 {
  padding-bottom: 7px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb9 {
  padding-bottom: 9px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.pl3 {
  padding-left: 3px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.pl7 {
  padding-left: 7px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl9 {
  padding-left: 9px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl55 {
  padding-left: 55px !important;
}
.pl60 {
  padding-left: 60px !important;
}

/******** 追加 ********/
/** 全体調整 **/
@media (max-width: 1190px) {
	.main-contents-wide{
		margin:0 1em;
}
}

@media (max-width: 599px) {
	.main-contents-wide{
		margin:0 0.75em;
}
.main-contents-wide h2{
	font-size:1.25em;
	}
	
}

.underLeft a, .underCenter a{
	color: #004da1;
	font-weight:normal;
	}


/** 画像配置調整 **/

.news-img_left {
	margin:0 auto;
	text-align:left;
	padding-bottom:20px;
	}
	
.mleft {
	margin:0 !important;
}

@media (max-width: 599px){
.main-contents-wide .news-img img{
width:100%!important;
height:auto!important;
}
.main-contents-wide .news-img_left img{
width:100%!important;	
height:auto!important;
}
.main-contents-wide .news-img-multi img{
width:100%!important;	
height:auto!important;
}
.main-contents-wide p img{
width:100%!important;	
height:auto!important;
}
}
.mleft p {
	margin:0 20px 25px 0 !important;

}

/** テーブル調整 **/
.data-tableB,.data-tableC caption{
	font-size:95%;
	line-height:1.5em;
	color:#404040;
	text-align:left;
	}
.data-tableB td{
	vertical-align:middle;
	}

.main-contents-wide .underLeft,.main-contents-wide .underCenter{
	width:75%!important;
	}
.main-contents-wide .underLeft th{
	text-align:left!important;
}
.main-contents-wide .underLeft td{
	text-align:left!important;
}

.main-contents-wide .underCenter th{
	text-align:center!important;
}
.main-contents-wide .underCenter td{
	text-align:center!important;
}


@media (max-width: 768px) {
.main-contents-wide .underLeft,.main-contents-wide .underCenter{
	width:100%!important;
}
}


.data-table_allNone{
	border:none!important;
	background:none!important;
	padding:10px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	}
.data-table_allNone th{
	border:none!important;
	background:none!important;
	padding:5px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	vertical-align:top;
	}
.data-table_allNone td{
	border:none!important;
	background:none!important;
	padding:5px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	}
	
.borderNone{
	border:none!important;
	padding:10px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	}
.borderNone th{
	border:none!important;
	padding:5px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	vertical-align:top;
	background:#eeeeee;
	}
.borderNone td{
	border:none!important;
	padding:5px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	}


.bgNone{
	background:none!important;
	padding:10px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	border:1px solid #aeaeae;
	}
.bgNone th{
	background:none!important;
	padding:5px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	vertical-align:top;
	text-align:center;
	border:1px solid #aeaeae;
	}
.bgNone td{
	background:none!important;
	padding:5px;
	font-size:90%;
	line-height:1.5em;
	color:#404040;
	text-align:center;
	border:1px solid #aeaeae;
	}
	
/**ulリスト調整**/
ul.ullist {
    list-style:disc;
    padding-left: 2em;
    margin-bottom: 20px;
    font-size: 90%;
    line-height: 1.5em;
    color: #404040;
	margin-left:1.0em;
	margin-right:1.0em;
}
ul.ullist li {
    padding-left: 0.5em;
    margin-bottom: 10px;
}

@media (max-width: 599px) {
ul.ullist{
	margin:35px 1.0em 35px!important;
}
ul.ullist li{
	/*margin-left:1.0em!important ;*/
	margin-right:0.5em!important ;
	}
}


/** dlリスト調整 **/
.main-contents-wide dl{
	font-size: 90%;
	line-height: 1.5em;
	color: #404040;
	padding:0!important;
	margin:35px 0 35px ;
}
.main-contents-wide dt{
	margin:5px 0;
	padding:0!important;
	font-weight:bold;
	}
.main-contents-wide dd{
	margin:5px 0 0 35px;
	padding:0!important;
}

.list-number{
	margin-left:1.0em!important ;
	margin-right:1.0em!important ;
	}

@media (max-width: 599px) {
.main-contents-wide dl{
	margin:35px 1.0em 35px!important;
}
.list-number{
	margin-left:1.0em!important ;
	margin-right:1.0em!important ;
	}
}

/**配置調整**/
.tright{
	text-align:right!important;
	margin-right:10px!important;
	margin-top:40px!important;
	}
.tcenter{text-align:center!important;}
.tleft{text-align:left!important;}


/**マージン調整**/

.mt25 {
	margin-top:25px!important;
}
.mb25{
	margin-bottom:25px!important;	
	}
.mtmb1{
	margin-top:1px!important;
	margin-bottom:1px!important;	
	}
.mtmb2{
	margin-top:2px!important;
	margin-bottom:2px!important;	
	}
.mtmb3{
	margin-top:3px!important;
	margin-bottom:3px!important;	
	}
.mtmb4{
	margin-top:4px!important;
	margin-bottom:4px!important;	
	}
.mtmb5{
	margin-top:5px!important;
	margin-bottom:5px!important;	
	}
.mtmb6{
	margin-top:6px!important;
	margin-bottom:6px!important;	
	}
.mtmb7{
	margin-top:7px!important;
	margin-bottom:7px!important;	
	}
.mtmb8{
	margin-top:8px!important;
	margin-bottom:8px!important;	
	}
.mtmb9{
	margin-top:9px!important;
	margin-bottom:9px!important;	
	}
.mtmb10{
	margin-top:10px!important;
	margin-bottom:10px!important;	
	}
.mtmb15{
	margin-top:15px!important;
	margin-bottom:15px!important;	
	}
.mtmb20{
	margin-top:20px!important;
	margin-bottom:20px!important;	
	}
.mtmb25{
	margin-top:25px!important;
	margin-bottom:25px!important;	
	}
.mtmb30{
	margin-top:30px!important;
	margin-bottom:30px!important;	
	}
.mtmb35{
	margin-top:35px!important;
	margin-bottom:35px!important;	
	}
.mtmb40{
	margin-top:40px!important;
	margin-bottom:40px!important;	
	}
.mtmb45{
	margin-top:45px!important;
	margin-bottom:45px!important;	
	}
.mtmb50{
	margin-top:50px!important;
	margin-bottom:50px!important;	
	}
.mtmb55{
	margin-top:55px!important;
	margin-bottom:55px!important;	
	}
.mtmb60{
	margin-top:60px!important;
	margin-bottom:60px!important;	
	}
.mauto{
	margin-left:auto!important;
	margin-right:auto!important;
	}
	
/**カラーテキスト調整**/
.red{
	color:#D12416;
	}
.blue{
	color:#0D49C6;
	}
.orange{
	color:#F60;
	}
.yellow{
	color:#F96;
	}
.green{
	color:#060;
	}

/**フォントサイズテキスト調整**/
.fontsize09em{
	font-size:0.9em!important;
	}
.fontsize1em{
	font-size:1.0em!important;
	}