@charset "utf-8";

/* ===================================================
 Reset
=====================================================*/
html {overflow-y: scroll;}
div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption, ul, ol {margin: 0; padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table{ border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: top; -ms-interpolation-mode: bicubic;}
ul li, ol li {list-style-type: none; margin: 0px; padding: 0px;}


/* ===================================================
 common
=====================================================*/
body{
	margin: 0;
	padding: 0;
	min-width:1040px;/*safari 右側の途切れ解決*/
   _display: inline;/*safari 右側の途切れ解決*/
   _zoom:1;/*safari 右側の途切れ解決*/
   }
html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
	
/* Fluid-img----------------------------------- */
img {
max-width : 100%;
height: auto;/*IE8*/
width:auto;/*IE8*/
border: 0}

/* clearfix----------------------------------- */
.clearfix:after {content: ""; display: block; clear: both; visibility: hidden;}

/* 禁則処理の追加----------------------------------- */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}

a {outline: none; color: #464646; /*transition: all 0.5s;*/}
a:link {text-decoration: none; color: #464646;}
a:visited {text-decoration: none; color: #464646;}
a:hover {text-decoration: underline; color: #464646;}
a:active {text-decoration: none; color: #464646;}

/*フォント----------------------------------- */
h1 {font-size : 2em; font-weight: bold; } 
h2 {font-size : 1.8em; font-weight: bold;} 
h3 {font-size : 1.4em; line-height:1.5em; font-weight: bold;} 
h4 {font-size : 1.2em; line-height:1.5em; font-weight: bold;} 
h5 {font-size : 1.1em; line-height:1.5em; font-weight: bold;} 

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

sup{font-weight: normal; padding-left: 0.2em}

/* ===================================================
980px　for PC
=====================================================*/
html{ font-size : 87.5%; line-height:1.7em;  color:#464646} /*14px：レスポンシブタイプセッティングの指定*/
.wrap{width:980px; margin : 0 auto;}

/*----------------------------------------------------
header
------------------------------------------------------*/
header{margin : 0 auto}

header #search{ float:right}
header #search input#searchtxt[type=text]{
	border-left: 1px solid #999999;
	border-right: 1px none #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	padding: 5px 10px 5px 10px;
	width: 15em;
	height: 32px;
	font-size: 14px;
	vertical-align: middle;
	box-sizing: border-box;
	margin: 0px;
}

header #search input[type=submit], header #search input[type=submit]:visited{
	border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	cursor: pointer;
	font-size: 13px;
	color: #FFF;
	border:none;
	background-color: #999999;
	padding-right: 15px;
	padding-left: 15px;
	height: 32px;
	width: 38px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	background-image: url(../images/icon_mushinegane.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin:0;
	}

header #search input[type=submit]:hover, 
header #search input[type=submit]:active{
	background: #666666;
	border:none;
	background-image: url(../images/icon_mushinegane.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* chrome opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    header #search input[type=submit] {
        margin-top: -1px;
    }
}

header nav#lang{
	background-color: #464646;
	margin: 0px auto;
	padding-top:0.4em;
	padding-bottom:0.4em;
}
header nav#lang ul{width:980px; margin : 0 auto; text-align:right;}
header nav#lang ul li{ display:inline; border-right:1px solid #FFFFFF; padding-left:0.5em; padding-right:0.7em;}
header nav#lang ul li:last-child{ border:none; padding-right:0}
header nav#lang ul li a{ color:#FFFFFF;}

header #gnavarea{width:980px; margin : 0 auto; padding-top:1.3em; padding-bottom:0.9em; display:table;}
header #gnavarea:after {content: ""; display: block; clear: both; visibility: hidden;}
header #gnavarea h1{ float:left; vertical-align:middle; margin-top:0.5em}
header #gnavarea h1 a{transition: all 0.5s;}
header #gnavarea h1 a:hover{ opacity:0.6}

header #gnavarea nav#gnav{vertical-align:middle; float:right;}
.sd-trigger, #sd span.close{ display:none}
.dropmenu{*zoom: 1; padding-top:0.8em;}
.dropmenu:before, .dropmenu:after{content: ""; display: table;}
.dropmenu:after{clear: both;}
.dropmenu li{
	position: relative;
	float: left;
	margin: 0 2.5em 0 0;
	padding: 0;
	text-align: left;
	letter-spacing:0.07em;
}
.dropmenu.en li{letter-spacing:0em;}
.dropmenu li.end{margin: 0em;}
.dropmenu li.sp{ display:none;}
.dropmenu li a {
	display: block;
	padding: 15px 0 11px;
	background: #FFFFFF;
	color: #464646;
	font-size: 1em;
	line-height: 1;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.5s;
}
.dropmenu.en li a {font-size: 1.2em;}
.dropmenu li ul{
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  text-align:center;
}
.dropmenu li ul li{
  width: 100%;
  white-space:nowrap;
  overflow: hidden;
  height: 0;
  transition: .2s;
}

.dropmenu li ul li a{
	padding: 12px 18px;
	border-top: 1px solid #FFFFFF;
	background: #666666;
	text-align: left;
	font-weight: normal;	
	color: #FFFFFF;
	font-size:0.9em;
	letter-spacing:0em;
}
.dropmenu.en li ul li a{font-size:1em;}

.dropmenu li:hover > a{background: #FFFFFF; color:#999999}
.dropmenu li a:hover{background: #FFFFFF; color:#999999;}
.dropmenu li ul li a:hover{background: #999999; color:#FFFFFF}

#fade-in li ul{visibility: hidden; opacity: 0; transition: 0s;}
#fade-in li:hover ul{visibility: visible; opacity: 1;}
#fade-in li ul li a{visibility: hidden; opacity: 0; ransition: .5s;}
#fade-in li:hover ul li a{visibility: visible; opacity: 1;}

.dropmenu li:hover ul li{overflow: visible; height: 100%;}

header #gnavarea nav#gnav ul.dropmenu li#contact{ padding-top:0.3em;}	
header #gnavarea nav#gnav ul.dropmenu li#contact a{ background-color:#666666; border-radius:16px; padding: 0.6em 1.4em 0.6em 1.4em; color:#FFFFFF; }
header #gnavarea nav#gnav ul.dropmenu.en li#contact a{ font-size:1em}
header #gnavarea nav#gnav ul.dropmenu li#contact a:hover{ text-decoration:none; background-color:#999999;}


/*----------------------------------------------------
contents
------------------------------------------------------*/
#pan{width:980px; margin :0 auto; margin-top:1em; font-size:12px}
#pan a{text-decoration:underline;}
#pan a:hover{text-decoration:none;}

#wrapper{width:100%; margin : 0 auto;  border-top:1px solid #CCCCCC;}
#contents:after{content: ""; display: block; clear: both; visibility: hidden;}
#contents_second{width:980px; margin : 0 auto; margin-top:3em;}
#contents_second h1 {
	font-size : 2em;
	font-weight: bold;
	color: #000000;
	border: 1px solid #CCCCCC;
	padding: 1em 1em 1em 1.2em;
	margin-bottom: 2em;
	background-image: url(../images/h1_bar.png);
	background-repeat: no-repeat;
	background-position: 0.5em center;
	line-height:1em;
} 
#contents_second p.midashi {font-size : 1.6em; font-weight: bold; color:#333333; line-height:1.6em; margin-bottom:0.7em;} 
#contents_second p.read {font-size : 1.2em; line-height:1.6em;} 
#contents_second h2 {font-size : 1.6em; line-height:1.5em; font-weight: bold; color:#000000; background-color:#f0f0f0; padding:0.3em 0.5em 0.3em 0.7em; margin-bottom:1.5em;} 
#contents_second h2.second{margin-top:2.5em;}
#contents_second h4{ border-bottom:1px solid #CCCCCC; padding-bottom:0.2em; margin-bottom:1em; color:#333333;}
#contents_second h5{ margin-top:2.5em; margin-bottom:1em;}
#contents_second .subttl{background-color:#999999; color:#ffffff; padding:0.3em 0.5em 0.3em 0.5em; font-size:0.9em;}

#pronav{width:980px; margin : 0 auto; display:table; padding-top:5em; padding-bottom:5em}
#pronav:after{content: ""; display: block; clear: both; visibility: hidden;}
#pronav section.menu{ float:left; width:280px; padding-right:70px;}
#pronav section.menu.end{padding-right:0px;}
#pronav section.menu h1{ font-size:1.8em; color:#333333; margin-top:0.8em; text-align:center; margin-bottom:0.5em;}
#pronav section.menu p{ margin-bottom:2em;}
#pronav section.menu img{max-width : 100%; height:auto;}
#pronav section.menu .bt .arrow{
	background-image: url(../images/arrow_red17.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:15px 15px;
	padding-left:1.5em;
}
#pronav section.menu .bt a{
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
	display: block;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	transition: all 0.5s;
}
#pronav section.menu .bt a:hover{ text-decoration:none; background-color:#F0F0F0;}

#download_area{margin : 0 auto; background-color:#f0f0f0; padding-top:5em; padding-bottom:5em}
#download_area .bnr_wrap{width:980px; margin : 0 auto; margin-top:1.5em;}
#download_area .bnr_wrap:after{content: ""; display: block; clear: both; visibility: hidden;}
#download_area .bnr{ float:left; width:192px; margin-right:20px; border:4px solid #CCCCCC; padding:25px 15px 25px 15px; background-color:#FFFFFF;}
#download_area .bnr a:hover{ opacity:0.7}
#download_area .bnr.end{margin-right:0px;}
#download_area h1{ color:#333333; text-align:center; margin-bottom:0.5em;}
#download_area p{text-align:center; font-size:1.3em; line-height:1.6em}

#col2{width:980px; margin : 5em auto 0;}
#col2:after{content: ""; display: block; clear: both; visibility: hidden;}
#col2 #side{ width:236px; float:right}
#col2 #side img{ margin-bottom:1.2em;}

#col2 #side .sidemenu .ttl{ color:#ffffff; background-color:#666666; padding:0.7em 1.2em 0.7em 1.2em; font-size:1.2em;}
#col2 #side .sidemenu ul{ border:1px solid #cccccc;}
#col2 #side .sidemenu li{ border-bottom:1px solid #cccccc; }
#col2 #side .sidemenu li:last-child{ border:none;}
#col2 #side .sidemenu li a{padding:0.7em 1.2em 0.7em 1.2em; display:block;}
#col2 #side .sidemenu li a:hover, #col2 #side .sidemenu li a.active{ text-decoration:none; background-color:#f0f0f0;}

#col2 #maincontents{ width:700px; float:left;}
#col2 #maincontents #news p{ color:#333333; font-weight:bold; font-size:1.8em; letter-spacing:0.2em; border-bottom:3px solid #CCCCCC; padding-bottom:0.3em; padding-left:0.1em; margin-bottom:0.5em;}
#col2 #maincontents #news dl{ border-bottom:1px solid #CCCCCC; padding-bottom:1em; margin-bottom:1em;}
#col2 #maincontents #news dl:after{content: ""; display: block; clear: both; visibility: hidden;}
#col2 #maincontents #news dt{color:#333333; font-weight:bold; float:left; width:15%;}
#col2 #maincontents #news dd{ float:right; width:82%;}
#col2 #maincontents #news dd a{ text-decoration:underline}
#col2 #maincontents #news dd a:hover{ text-decoration:none}
#col2 #maincontents #news #bt_newslist{ text-align:right}
#col2 #maincontents #news #bt_newslist .arrow{
	background-image: url(../images/arrow_red17.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:1.7em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	background-size:13px 13px;
}
#col2 #maincontents #news #bt_newslist a{display: block; }

#col2 #maincontents #news span.icon_new, 
#col2 #maincontents #news span.icon_eve{color:#ffffff; padding:0.3em 0.7em 0.3em 0.7em; font-size:0.9em; line-height:1.3em; text-align:center; width:6em; display:inline-block; margin-bottom:0.3em}
#col2 #maincontents #news span.icon_new{ background-color:#66ae8d;}
#col2 #maincontents #news span.icon_eve{ background-color:#538ebc;}

#col2 #maincontents #news_details h3{ border-bottom:1px dotted #cccccc; padding-bottom:0.3em; margin-bottom:1.5em; line-height:160%; }
#col2 #maincontents #news_details p{ line-height:180%; margin-bottom:1.5em;}
#col2 #maincontents #news_details p a{ text-decoration:underline}
#col2 #maincontents #news_details p a:hover{ text-decoration:none}

#col2 #maincontents #news .scroll{overflow:auto; height: 500px; margin-bottom:10px;}

#col2 #maincontents .video450{margin-top:20px; width:450px;}
#col2 #maincontents .video650{margin-top:20px; width:650px;}
.details .video450{width:450px;}

/*----------------------------------------------------
footer
------------------------------------------------------*/
footer { margin-top:5em;}
footer.en { margin-top:0em;}
footer nav#footer_navarea{ background-color:#666666; padding-bottom:2em; padding-top:2em;}
footer nav#footer_navarea:after{content: ""; display: block; clear: both; visibility: hidden;}
footer nav#footer_navarea ul{color:#FFFFFF; float:left; margin-right:3%; width:17%;}
footer nav#footer_navarea ul.end{margin-right:0%; width:20%;}
footer nav#footer_navarea a{ color:#FFFFFF; padding-left:0.2em; font-size:0.9em}
footer nav#footer_navarea li{ line-height:2em;}
footer nav#footer_navarea li.ttl{ font-weight:bold; font-size:1em; border-bottom:1px dotted #666666; padding-bottom:0.1em; padding-left:0.2em;}
footer address{ text-align:center; background-color:#333333; color:#FFFFFF; padding-top:1.5em; padding-bottom:1.5em;}
footer address p#logo{ font-weight:bold; font-size:1.3em; margin-bottom:1em;}
footer address p#logo span{ padding-right:0.3em}
footer address #copyright{ font-size:0.8em; margin-top:0.5em;}

/*----------------------------------------------------
toPageTopの設定
----------------------------------------------------*/
#toPageTop {
	position: fixed;
	bottom: 100px;
	right: 10%;
}
#toPageTop a {
	display: block;
	width: 51px;
	height:51px;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	background-color:#666666;
	opacity:0.6;
	transition: all 0.5s;
}
#toPageTop a:hover { background-color:#cc0000; opacity:0.8}

/*----------------------------------------------------
products
----------------------------------------------------*/
.products_list:after{content: ""; display: block; clear: both; visibility: hidden;}
.products_list h3{border-bottom:1px solid #CCCCCC; padding-bottom:0.2em; margin-bottom:1em; color:#333333;}
/*.products_list .links{ width:465px; float:left}
.products_list .links.mnone{ margin-left:50px;}*/
.products_list .links li{ margin-bottom:50px; width:465px; float:left;}
.products_list .links li:nth-child(odd){ margin-right:50px;}
.products_list .links li p{ font-size:90%; line-height:1.6}
.products_list .links li:after{content: ""; display: block; clear: both; visibility: hidden;}
.products_list .links li .ph{ width:26%; float:left;}
.products_list .links li .txt{ width:71%; float:right;}
.products_list .links li a{
	font-size: 1.3em;
	font-weight: bold;
	color: #333333;
	background-image: url(../images/arrow_red17.png);
	background-size:15px 15px;
	padding-left: 1.4em;
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-bottom:0.3em;
	display:block;
	margin-top:0.1em;
}
.products_list .links li a:hover{ text-decoration:none;}
.products_list .links li:hover{ text-decoration:none; opacity:0.6; transition: all 0.5s;}

/*.products_list.en .links{ width:100%; float:none}
.products_list.en .links li{ width:465px; float:left; margin-bottom:50px;}
.products_list.en .links li:nth-child(odd){ margin-right:50px;}*/

.headmenu:after{content: ""; display: block; clear: both; visibility: hidden;}
.headmenu li{ float:left; padding-right:1em; line-height:200%; margin-bottom:0.5em;}
.headmenu li a{ display:block; transition: all 0.5s; border-radius:20px; border:1px solid #cccccc; padding:0.3em 1.5em 0.3em 1.5em;}
.headmenu li a:hover{ text-decoration:none; background-color:#f0f0f0;}
.headmenu li#icon_re a, .headmenu li.icon_down a, .headmenu li.icon_movie a, .headmenu li.icon_list a{
	background-repeat: no-repeat;
	background-position: 1.5em center;
	background-size: 14px 14px;
	padding-left:3.2em;
}
.headmenu li#icon_re a{background-image: url(../products/images/icon_re.png);}
.headmenu li.icon_down a{background-image: url(../products/images/icon_down.png);}
.headmenu li.icon_movie a{background-image: url(../products/images/icon_movie.png);}
.headmenu li.icon_list a{background-image: url(../products/images/icon_list.png);}

.intro{ margin-top:3em; margin-bottom:5em;}
.intro h3{ color:#333333; margin-bottom:1em;}
.intro:after{content: ""; display: block; clear: both; visibility: hidden;}
.intro .ph{ width:35%; float:left}
.intro .txt{ width:62%; float:right;}
.intro .txt span.b{ font-weight:bold}
.intro .txt span.icon_red{ color:#cc0000; padding-right:0.3em;}
.intro .txt ul{ font-size:1.2em;}
.intro .txt li{ text-indent:-1.3em; margin-left:1.3em; margin-top:0.5em;}
.intro p{ font-size:1.2em; line-height:180%;}
.intro img.right{ float:right; margin-left:20px;}

.details .col_wrap{ margin-top:4em}
.details .col_wrap:after{content: ""; display: block; clear: both; visibility: hidden;}
.details .col{ float:left; width:46%}
.details .col.m60{ margin-left:8%;}
.details ul, .details02 ul{ margin-left:1.5em;}
.details li, .details02 li{list-style: disc; margin-bottom:0.5em;}
.details li span.b, .details02li span.b{ font-weight:bold}

.details02{margin-top:6em}
.details02 a, .details a{ text-decoration:underline}
.details02 a:hover, .details a:hover{ text-decoration:none;}
.details02 p.ttl{ font-weight:bold; font-size:1.3em;}

.size_zu{ margin-bottom:2em; width: 350px}
.size_zu img, 
.size_zu02 img{width: 350px; height: auto;}

.size_zu02{margin-bottom:2em;}
.size_zu02 .float {float: left; margin-right: 60px}

.size_zu.w900{width: 900px}
.size_zu.w900 img{width: 900px;}
table.size_t{ border-collapse:collapse; width:100%; margin-bottom:0.5em; margin-top:0.5em;}
table.size_t th{ background-color:#ebebeb; text-align:center;} 
table.size_t td{text-align:center;}
table.size_t td.left{text-align:left;}
table.size_t td{ border:1px solid #CCCCCC; padding:0.7em 1em 0.7em 1em;}
table.size_t th{ border:1px solid #CCCCCC; padding:0.5em 1em 0.5em 1em; font-weight:bold;}
table.size_t.odd tr:nth-child(odd) {
  /* 奇数行の背景色を設定します。 */
  background-color: #fafafa;
}
table.size_t.even tr:nth-child(even) {
  /* 偶数行の背景色を設定します。 */
  background-color: #fafafa;
}

table.size_t td.border{background-color: #fafafa;}

.th_blue{color: #0E3192;}
.th_red{color: #cc0000;}
.th_parple{color: #6B1687;}
.th_green{color: #008F62;}
.th_pink{color: #FF3366;}
.th_sky{color: #39F;}
.th_orage{color: #F60;}
.td_b{background-color: #F0F0F0;}
.bk_g{background-color: #F2F2F2;}
.bk_o, th.bk_o{background-color: #FFECC7;}
.bk_gr, th.bk_gr{background-color: #DBECD9;}

.bt_back { margin-top:5em;}
.bt_back .arrow{
	background-image: url(../images/arrow_red17.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:1.5em;
	background-size:15px 15px;
}
.bt_back a{
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
	display: block;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	transition: all 0.5s;
}
.bt_back a:hover{ text-decoration:none; background-color:#F0F0F0;}

.bt_innerlink {margin-top:7em;}
.bt_innerlink ul:after{content: ""; display: block; clear: both; visibility: hidden;}
.bt_innerlink li{ float:left; width:32%; margin-right:2%}
.bt_innerlink li:last-child{margin-right:0}
.bt_innerlink .arrow{
	background-image: url(../images/arrow_red17.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:1.5em;
	background-size:15px 15px;
}
.bt_innerlink a{
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
	display: block;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	transition: all 0.5s;
}
.bt_innerlink a:hover{ text-decoration:none; background-color:#F0F0F0;}


p.kome{ font-size:0.8em; }

.colore01{ background-color:#c7161e; color:#ffffff; font-weight:bold;}
.colore02{ background-color:#005bab; color:#ffffff; font-weight:bold;}
.colore03{ background-color:#008742; color:#ffffff; font-weight:bold;}
.colore04{ background-color:#c72e8a; color:#ffffff; font-weight:bold;}
.colore05{ background-color:#e07f00; color:#ffffff; font-weight:bold;}
.colore06{ background-color:#767cba; color:#ffffff; font-weight:bold;}
.colore07{ background-color:#008bd5; color:#ffffff; font-weight:bold;}

table.cas{ width:100%; margin-top:1em;}
table.cas td, table.cas th{ width:30%; padding-right:5%}
table.cas td.last, table.cas th.last{padding-right:0%; width:25%;}
table.cas th{ padding-top:0.3em; text-align:center; line-height:1.6em; font-size:0.85em;}


/*----------------------------------------------------
contact
----------------------------------------------------*/
/*電話・メールの設定
-------------------------------------------------------*/
#tel_mail p.tel{
	color: #cc0000;
	font-size: 200%;
	font-weight: bold;
	line-height:100%;
	margin-bottom:5px;
	margin-top:20px;
}

#tel_mail p{line-height:160%;}


/*フォームの設定
-------------------------------------------------------*/
.red{color: #cc0000;}

.contact_wrap{
	border: 1px solid #CCC;
	background-color: #FFF;
	margin-top: 10px;
	padding: 5px;
}

.contact table{border-collapse:collapse; width: 100%;}

.contact table th{
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #c1d7ea;
	border: 1px solid #FFF;
	white-space: nowrap;
	font-weight: bold;
	color: #333333;
}

.contact table th p{font-size: 85%; line-height: 140%;}

.contact table th span{
	color: #cc0000;
	float: right;
	font-size: 85%;
	font-weight: normal;
	padding-left:10em;
}

.contact table td{
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border: 1px solid #FFF;
	background-color: #f0f0f0;
	width: 100%;
	font-size: 93%;
}

.contact table td p{font-size: 85%; line-height: 140%; float: left;}
.contact li{padding-top: 5px; padding-bottom: 5px;}
.contact li span{margin-right: 5px;}
.contact li input{margin: 0px 5px 0px 5px;}


.contact input.text, .contact li input.text, .contact textarea.text, .contact textarea{
	text-align: left;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #CCC;
	margin-right: 10px;
	width:70%;
	box-sizing:border-box;
}

.contact input.text01{
	text-align: left;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #CCC;
	margin-right: 10px;
	}

.contact table td span.text{
	border: none;
	padding: 0;
	margin: 0;
	color:#333333;
	word-break: break-all;
	word-wrap: break-word;
	display: inline-block;
}

.contact table td div.text{
	border: none;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	width: 700px;
}

p.error{color: #cc0000;}

.contact input.radi{
	margin-right: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
}

/*ボタンの設定
-------------------------------------------------------*/
#bt_area_p{ text-align: center; margin-top:20px; margin-bottom:20px;}
#contact_bt_area{ text-align:center; margin-bottom:5em;}
#contact_bt_area input{ margin-left:10px; margin-right:10px;}

#contact_bt_area input.submit, #contact_bt_area input.reset{
	font-size:1.3em;
	padding:0.3em 1em 0.3em 1em;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width:6em;
	border: none;
	-webkit-appearance:none;
}

#contact_bt_area input.submit{background-color:#cc0000; color:#FFFFFF; border:1px solid #cc0000}

#contact_bt_area input.submit:hover,
#contact_bt_area #bt_home a:hover{background-color:#a6030f; cursor:pointer; border:1px solid #a6030f}

#contact_bt_area input.reset{background-color:#FFFFFF; color:#666666; border:1px solid #999999}
#contact_bt_area input.reset:hover{background-color:#CCCCCC; cursor:pointer; border:1px solid #CCCCCC}

#contact_bt_areaa #bt_home{text-align:center;}
#contact_bt_area #bt_home a{
	font-size:1.3em;
	padding:0.5em 1em 0.5em 1em;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width:7em;
	background-color:#e60012;
	color:#FFFFFF;
	border:1px solid #e60012;
	text-decoration:none;
}


/*サンキューページの設定
-------------------------------------------------------*/
#thankyou{
	border: 1px dotted #CCCCCC;
	padding: 30px;
	font-size: 116%;
	margin-bottom: 30px;
	line-height: 180%;
	background-color: #FFF;
}

#thankyou p span{
	color: #c70412;
	line-height: 180%;
	font-size: 124%;
	font-weight: bold;
}

#thankyou p span a{ text-decoration:underline}


/*----------------------------------------------------
アンケートキャンペーン
------------------------------------------------------*/
form#compaign p.question{ font-size:1.2em; font-weight:bold; border-bottom:1px dotted #cccccc; padding-bottom:0.3em; margin-top:2em; margin-bottom:1em;}
form#compaign p.question span.q{color: #cc0000; padding-right:0.3em;}
form#compaign input[type=radio], 
form#compaign input[type=checkbox]{
	margin-right: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
}
form#compaign input[type=text], textarea{
	text-align: left;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #CCC;
	margin-right: 10px;
}
form#compaign input.tetx{ width:70%;}

form#compaign .block{ line-height:350%}
form#compaign ul.yn li{ line-height:250%; list-style-type:disc}
form#compaign ul.yn{ margin-left:1.5em;}


/*----------------------------------------------------
company
------------------------------------------------------*/
.company .a_r{ text-align:right}
.company h3{color: #333333;}
.company table.gaiyou{ border-collapse:collapse; width:100%;}
.company table.gaiyou .plant dt{color: #000000;}
.company table.gaiyou th, .company table.gaiyou .plant dt{ font-weight:bold;}
.company table.gaiyou th, .company table.gaiyou td{ padding:1em; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC;}
.company table.gaiyou dl{ margin-bottom:1em;}
.company table.gaiyou th.top{ vertical-align:top}

.company table.gaiyou table.yakuin_table th, .company table.gaiyou table.yakuin_table td{ border:none; padding:0}
.company table.gaiyou table.yakuin_table th{ padding-right:1em;}

.company table.gaiyou .yakuin dl{ display:table; margin:0; padding:0;}
.company table.gaiyou .yakuin dt, .company table.gaiyou .yakuin dd{ display: table-cell}
.company table.gaiyou .yakuin dt{ width:8em; padding-right:1em;}

.company table.gaiyou .yakuin.en dl{ display: inherit; margin:0 0 0.7em 0; padding:0;}
.company table.gaiyou .yakuin.en dl.last{margin:0}
.company table.gaiyou .yakuin.en dt, .company table.gaiyou .yakuin.en dd{ display: inherit}
.company table.gaiyou .yakuin.en dt{ width:100%; padding-right:0em; font-weight:bold;}

.company .enkaku{margin-top:-1em;}
.company .enkaku dt{font-weight:bold; margin-top:1em; border-bottom:1px dotted #CCCCCC; padding-top:1em; padding-bottom:0.3em; margin-bottom:0.3em; color:#333333;}

.company .plant .wrap{ margin-top:1.5em; border:1px solid #CCCCCC; padding:1.5%; width:96%}
.company .plant .wrap:after{content: ""; display: block; clear: both; visibility: hidden;}
.company .plant .txtarea .ttl{font-weight:bold; margin-bottom:0.7em; font-size:1.2em; color: #333333; margin-top:0.3em; border-bottom:1px dotted #CCCCCC;}
.company .plant .img{ float:left; width:20%}
.company .plant .txtarea{ float:right; width:77%}

.company .env { border:3px solid #f0f0f0; padding:0.5em 2em 2em 2em; margin-top:2.5em;}
.company .env .ttl{font-weight:bold; margin-bottom:0.5em; font-size:1.4em; color: #333333; margin-top:1.5em;}
.company .env p{font-size:1.2em;}

.company .torikumi{ margin-bottom:2em;}
.company .torikumi:after{content: ""; display: block; clear: both; visibility: hidden;}
.company .torikumi table{ float:left}
.company .torikumi img{ float:left; margin-left:2em;}
.company .torikumi td.m5{ text-align:center; padding-left:0.5em; padding-right:0.5em;}
.company .torikumi h3{ margin-top:3.5em; color:#333333; border:1px solid #CCCCCC; padding:0.3em 0.7em 0.3em 0.7em; margin-bottom:1em;}
.company .torikumi h4{ margin-top:2.5em;}

.company .torikumi.en table{ float:left}
.company .torikumi.en table td{ display:block}
.company .torikumi.en table td.th{ font-weight:bold; padding-top:5px}
.company .torikumi.en img{ float:right; margin-left:0em;}
.company .torikumi.en td.m5{ display:none}

.company .quality ul{ margin-top:30px; margin-right:-30px;}
.company .quality ul:after{content: ""; display: block; clear: both; visibility: hidden;}
.company .quality li{ float:left; margin-right:30px; text-align:center; width:225px;}
.company .quality li:last-child{margin-right:0px}
.company .quality li p{ margin-top:0.5em;}

.company ul#csr_menu:after{content: ""; display: block; clear: both; visibility: hidden;}
.company ul#csr_menu li{ float:left; width:24%; margin-right:1%; border:1px solid #cccccc; box-sizing:border-box}
.company ul#csr_menu li:last-child{ margin-right:0%;}
.company ul#csr_menu li a{
	display: block;
	padding: 0.7em 0.7em 0.7em 2.5em;
	background-image: url(../images/arrow_red17.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	background-size: 14px 14px;
}
.company ul#csr_menu li a:hover{ background-color:#f0f0f0; text-decoration:none}

.company ul#csr_menu.en li{width:48.5%; margin-bottom:1.5%; margin-right:1.5%;}

.company table.kiki{ border-collapse:collapse;}
.company table.kiki th, .company table.kiki td{ border:1px solid #cccccc; padding:0.5em 1em 0.5em 1em;}


/*----------------------------------------------------
download
------------------------------------------------------*/
.dw .col_wrap{ margin-top:3em}
.dw .col_wrap:after{content: ""; display: block; clear: both; visibility: hidden;}
.dw .col{ float:left; width:46%}
.dw .col.m60{ margin-left:8%;}
.dw ul.dw_pdf li{ list-style:none; border-bottom:1px dotted #cccccc;}
.dw ul.dw_pdf li a{
	background-image: url(../products/images/icon_down.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	background-size: 16px 16px;
	display:block;
	padding:1em 1em 1em 3.5em;
	text-decoration:none;
}
.dw ul.dw_pdf li a:hover{ background-color:#f0f0f0; transition: all 0.5s;}

.dw ul.dw_pdf li.none{
	background-image: url(../products/images/icon_down_none.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	background-size: 16px 16px;
	display:block;
	padding:1em 1em 1em 3.5em;
	color:#999999;
}

/*ダウンロード：ベアリングCADのボーダー表示等の調整*/
.introBox{ border:none;}
.product_info{border:none; padding:0; margin-bottom:40px;}


/*----------------------------------------------------
動画ギャラリー
------------------------------------------------------*/
.m_wrap:after{content: ""; display: block; clear: both; visibility: hidden;}
.m_wrap{ margin-top:80px;}
.m_wrap .first{ margin-top:0}
.m_wrap .ml, .m_wrap .mr{ width:450px; float:left}
.m_wrap .mr{ margin-left:80px;}
.m_wrap p{ margin-top:1.2em;}
#contents_second .m_wrap h2 {font-size : 1.2em; background-color:#ffffff; padding:0em; margin-top:1.5em; border-bottom:1px dotted #cccccc; margin-bottom:0;} 

/*----------------------------------------------------
サイトマップ
------------------------------------------------------*/
table.sitemap{
	margin-bottom: 30px;
	width:100%;
}
table.sitemap td{
	vertical-align: top;
	padding-right: 5%;
	width:30.83333333%
}

table.sitemap td.last{padding-right: 0%; width:28.33333333%}
table.sitemap td:first-child {border: none;}

table.sitemap li p{
	font-size: 108%;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	color: #333333;
}

table.sitemap li a, table.sitemap li a:visited{
	color: #333333;
	text-decoration: none;
	background-image: url(../images/arrow_sitemap.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 1px solid #CCCCCC;
	text-indent: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	display: block;
	font-size: 108%;
	font-weight: bold;
}

table.sitemap li a:hover{
	color: #333333;
	text-decoration: none;
	background-color: #f0f0f0;
}

table.sitemap ul.snavi{
	line-height: 160%;
	margin-top: -15px;
	margin-bottom: 20px;
}

table.sitemap .snavi li a, table.sitemap .snavi li a:visited{
	color: #333333;
	text-decoration: none;
	background-image: url(../images/arrow_sitemap02.png);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCC;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-position: 15px center;
	font-weight: normal;
}

table.sitemap .snavi li a:hover{
	color: #333333;
	text-decoration: none;
	background-color: #f0f0f0;
}

/*----------------------------------------------------
採用情報
------------------------------------------------------*/
#recruit .read{font-size:14px; line-height:180%; margin-bottom:50px;}
#recruit h2{ margin-bottom:0}
#recruit .bt_area{
	border-left: 5px solid #f0f0f0;
	border-right: 5px solid #f0f0f0;
	border-bottom: 5px solid #f0f0f0;
	border-top: 5px none #f0f0f0;
	padding: 15px;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 180%;
	display:table;
	width:100%;
	box-sizing:border-box;
}
#recruit .bt_area:after {content: ""; display: block; clear: both; visibility: hidden;}
#recruit .title{ display:table-cell; vertical-align:middle; width:70%;}
#recruit .bt{display:table-cell; vertical-align:middle; text-align:right; width:30%}
#recruit .bt .arrow{
	background-image: url(../images/arrow_red17.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:15px 15px;
	padding-left:1.5em;
}
#recruit .bt a{
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
	display: block;
	text-align: center;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	transition: all 0.5s;
	text-decoration:none;
}
#recruit .bt a:hover{ text-decoration:none; background-color:#F0F0F0;}

#recruit .bnr{display:table-cell; vertical-align:middle; text-align:right; width:30%}
#recruit .bnr a{transition: all 0.5s;}
#recruit .bnr a:hover{ opacity:.7}



/* ===================================================
margin
=====================================================*/
/*bottom*/
.img_bottom3{margin-bottom: 3px;}
.img_bottom5{margin-bottom: 5px;}
.img_bottom10{margin-bottom: 10px;}
.img_bottom15{margin-bottom: 15px;}
.img_bottom20{margin-bottom: 20px;}
.img_bottom25{margin-bottom: 25px;}
.img_bottom30{margin-bottom: 30px;}
.img_bottom35{margin-bottom: 35px;}
.img_bottom40{margin-bottom: 40px;}
.img_bottom100{margin-bottom: 100px;}
.img_bottom200{margin-bottom: 200px;}

/*top*/
.img_top5{margin-top: 5px;}
.img_top10{margin-top: 10px;}
.img_top15{margin-top: 15px;}
.img_top20{margin-top: 20px;}
.img_top25{margin-top: 25px;}
.img_top30{margin-top: 30px;}
.img_top35{margin-top: 35px;}
.img_top40{margin-top: 40px;}
.img_top50{margin-top: 50px;}

/*float*/
.img_r{ float:right; margin-left:3em; margin-bottom:3em;}
.img_r01{ float:right; margin-left:1.5em; margin-bottom:1.5em;}

.size90{ font-size:90%;}
.size116b{ font-size:116%; font-weight:bold}


/* ===================================================
767px for SP
=====================================================*/
@media screen and (max-width : 767px) {
body{ min-width:initial}
html {font-size : 81%; }/*13px：レスポンシブタイプセッティングの指定*/
.wrap{width:100%;; margin : 0 auto;}
.sp_none{ display:none;}
.dropmenu li ul li.sp_none{ display:none;}

/*----------------------------------------------------
header
------------------------------------------------------*/
header nav#lang ul{display:none;}
header #gnavarea{width:94%; padding-left:3%; padding-right:3%}
header #gnavarea h1{margin-top:0; margin-bottom:15px;}
header #gnavarea h1 img{width:70%;}
header #gnavarea nav#gnav{float:none; margin-right:0em;}

header #search{ float:none; text-align:center;}
header #search input[type=submit], header #search input[type=submit]:visited{font-size:12px; width:12%;}
header #search input#searchtxt[type=text]{ font-size:16px; width:88%; margin-top:-1px}



/*----------------------------------------------------
mainimg
------------------------------------------------------*/
section#mainimg{height: 180px; background-size: cover;}
section#mainimg h1{ padding-top:1.6em; text-align:center; margin-right:2em; margin-left:2em;}
section#mainimg p{ display:none}


/*----------------------------------------------------
contents
------------------------------------------------------*/
#pan{width:94%; margin-left:3%; margin-right:3%; font-size:9px}

#contents{ margin-left:3%; margin-right:3%;}
#contents_second{width:94%; margin-left:3%; margin-right:3%; margin-top:2em;}
#contents_second h1 {
	font-size : 1.8em;
	font-weight: bold;
	border: 1px solid#CCCCCC;
	padding: 0.7em 0.7em 0.7em 1.2em;
	margin-bottom: 1em;
	background-image: url(../images/h1_bar.png);
	background-repeat: no-repeat;
	background-position: 0.5em center;
	background-size: auto 65%;
} 
#contents_second p.midashi {font-size : 1.3em; font-weight: bold;line-height:1.5em; margin-bottom:0.7em;} 
#contents_second p.read {font-size : 1.2em; line-height:1.6em;} 
#contents_second h2 {font-size : 1.4em; line-height:1.5em; font-weight: bold; background-color:#f0f0f0; padding:0.3em 0.5em 0.3em 0.7em; margin-bottom:1em;} 
#contents_second h4{ border-bottom:1px solid #CCCCCC; padding-bottom:0.2em; margin-bottom:1em; margin-top:2em}
#contents_second h5{margin-top:2em; margin-bottom:1em;}

#pronav{width:100%; margin : 0 auto; display:table; padding-top:1em; padding-bottom:0em}
#pronav section.menu{ float:none; width:100%; padding-right:0px; margin-bottom:3em;}
#pronav section.menu p{ margin-bottom:1em;}
#pronav section.menu .bt .arrow{padding-left: 1.5em; background-size: 13px 13px;}

#col2{width: 100%; margin : 1em auto 0;}
#col2 #side{ width:100%; float:none; text-align:center; margin-top:3em;}
#col2 #side img{ margin-top:0.7em; }
#col2 #side .sidemenu { text-align:left; margin-top:3em;}

#col2 #maincontents{ width:100%; float:none; margin-bottom:1em;}
#col2 #maincontents #news dt{float:none; width:100%;}
#col2 #maincontents #news dd{ float:none; width:100%;}
#col2 #maincontents #news #bt_newslist .arrow{padding-left:1.3em; background-size: 10px 10px;}

#col2 #maincontents #news .scroll{overflow:auto; height: 200px; margin-bottom:10px;}

#col2 #maincontents .video450{width:100%;}
#col2 #maincontents .video650{width:100%;}
.details .video450{width:100%;}

/*----------------------------------------------------
footer
------------------------------------------------------*/
footer nav#footer_navarea{ display:none}
footer address{padding:1em;}
footer address p{font-size:0.8em; line-height:1.6em;}
footer address p#logo{ font-weight:bold; font-size:1em; margin-bottom:0.5em;}
footer address p#logo span img{ width:40px; height:auto; vertical-align:middle}

/*----------------------------------------------------
toPageTopの設定
----------------------------------------------------*/
#toPageTop {bottom: 20px; right: 2.5%;}
#toPageTop a {background-size: 35px 35px; width:35px; height:35px;}
  



header #gnavarea{position: relative; padding-top:1.2em; padding-bottom:1em;}
.dropmenu{*zoom: 1; padding:0; margin:0}
.dropmenu li{
	position: inherit;
	float: none;
	margin: 0;
	padding: 0;
	}
.dropmenu li.sp, .dropmenu li.sp_recruit{ display: block; }
.dropmenu li.sp a:hover, .dropmenu li#contact a:hover, .dropmenu li.sp_recruit a:hover{ background-color:#999999}
.dropmenu li:last-child{ margin:0}
.dropmenu li a{
	margin: 0;
	background: #333333;
	color: #FFFFFF;
	padding-left:1em;
	padding-top:1em;
	padding-bottom:1em;
}

header #gnavarea nav#gnav ul.dropmenu li#contact{ padding-top:0em; border-top:1px solid #999999; display:block;}	
header #gnavarea nav#gnav ul.dropmenu li#contact a{ background-color:#333333; border-radius:0; padding: 1em; color:#FFFFFF; }
header #gnavarea nav#gnav ul.dropmenu li#contact a:hover{ text-decoration:none; background-color:#999999;}

.dropmenu li ul{position: inherit;}
.dropmenu li ul li{
  width: 100%;
  overflow: visible;
  height: 100%;
  transition:none;
}

.dropmenu li.sp{border-top:1px solid #999999;}
li.sp_tech{border-bottom: solid 1px #999999;}
.dropmenu li ul li a{border-top: 1px dotted #999999; padding:1.3em 1.3em 1.3em 2.5em;}
.dropmenu li:hover > a{background: #333333; color:#FFFFFF}
.dropmenu li a:hover{background: #333333; color:#FFFFFF;}
.dropmenu li ul li a:hover{background: #999999; color:#FFFFFF}

#fade-in li ul, #fade-in li ul li a{visibility: visible; opacity: 1;  transition: none;}
#fade-in li:hover ul, #fade-in li:hover ul li a{visibility: visible; opacity: 1;}


/* Smart Drawer
   ==================== */
#sd {
  width: 280px;
  height: 100%;
  -webkit-overflow-scrolling:touch;
  overflow: scroll;
  color: white;
  position: fixed;
  left: -280px;
  top: 0;
  z-index: 99;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  background: #333;
}

#sd.block {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }

#sd span.close {
  display: block;
  position: relative;
  padding: 10px;
}
#sd span.close:hover {
  cursor: pointer;
  background: #404040;
}
#sd span.close:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px solid #999999;
}

.trigger{ display:block; float:right; width:30px;}
.sd-trigger{display: inline-block; position: relative;}

.sd-trigger, .sd-trigger:before, .sd-trigger:after{
		background: #333333;
		height: 5px;
		width: 30px;
	}
.sd-trigger:before, .sd-trigger:after{
		/* 疑似要素挿入コード */
		content: "";
		display: block;
		position: absolute;
	}
.sd-trigger:before{
		/* 一番上の線の位置 */
		margin-top: -9px;
	}
.sd-trigger:after{
		/* 一番下の線の位置 */
		margin-top: 9px;
	}

#sd-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#sd-overlay.block {
  z-index: 9;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

#sd-overlay-android {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}

/*矢印*/
ul.arrow li, li.sp, li.arrow, li.sp_recruit, li.sp_tech{
  position: relative;
  display: inline-block;
  padding-left: 0px;
}
ul.arrow li::before, li.sp::before, li.arrow::before, li.sp_recruit::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #CCCCCC;
  border-right: solid 2px #CCCCCC;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -4px;
	}


/*----------------------------------------------------
products
----------------------------------------------------*/
.table-scrol{
    width: 100%;
    overflow-x: auto;
	margin-bottom:0.5em;
}
.table-scrol::-webkit-scrollbar {height: 5px;}

.table-scrol::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
.table-scrol::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}

table.size_t td{padding:0.3em; font-size:8px; line-height:12px;}
table.size_t th{padding:0.3em; font-size:8px; line-height:12px;}

.products_list .links{ width:100%; float:none}
.products_list .links li{width:100%; float:none; margin-bottom:1.5em; border-bottom:1px dotted #CCCCCC; padding-bottom:1.5em;}
.products_list .links li:after{content: ""; display: block; clear: both; visibility: hidden;}
.products_list .links li .ph{ width:30%; float:left;}
.products_list .links li .txt{ width:67%; float:right;}
.products_list .links li p{ line-height:1.5em;}
.products_list .links li a{
	margin-bottom:0.3em;
	display:block;
	margin-top:0em;
	padding-left: 1.2em;
	background-size: 13px 13px;
	line-height:1.5em;
}

.headmenu{ display:none}
.intro{ margin-top:1em; margin-bottom:3em;}
.intro .ph{ width:100%; float:none; margin-bottom:1em;}
.intro .txt{ width:100%; float:none;}
.intro img.right{ float:none; margin-left:0; margin-bottom:1em}

.details .col_wrap{ margin-top:0em}
.details .col{ float:none; width:100%}
.details .col.m60{ margin-left:0%;}

.size_zu, 
.size_zu img, 
.size_zu.w900, 
.size_zu.w900 img{width: 100%}

.size_zu02 .float {float: none; margin-right: 0; margin-bottom: 40px; text-align: center}

/*----------------------------------------------------
contact
----------------------------------------------------*/
/*電話・メールの設定
-------------------------------------------------------*/
#tel_mail p.tel{
	font-size: 200%;
	font-weight: bold;
	line-height:100%;
	margin-bottom:5px;
	margin-top:20px;
}

#tel_mail p{line-height:160%;}


/*フォームの設定
-------------------------------------------------------*/
.contact_wrap{
	border: none;
	margin-top: 10px;
	padding: 0px;
}

.contact table{border-collapse:collapse; width: 100%;}

.contact table th{
	padding: 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left:none;
	border-right:none;
	display:block;
	width: 100%;
	box-sizing:border-box;

}

.contact table th p{font-size: 85%; line-height: 140%;}

.contact table th span{padding-left:0em;}

.contact table td{
	padding: 10px;
	border: none;
	width: 100%;
	font-size: 100%;
	display:block;
	box-sizing:border-box;
}

.contact table td p{
	font-size: 85%;
	line-height: 140%;
	float: left;
}

.contact li{padding-top: 5px; padding-bottom: 5px;}
.contact li span{margin-right: 0px; display:block; margin-bottom:5px;}
.contact li input{margin: 0px 5px 0px 0px;}


.contact input.text, .contact li input.text, .contact textarea.text{
	text-align: left;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #CCC;
	margin-right: 5px;
	width: 100%;
	box-sizing:border-box;
}

.contact input.text01{
	text-align: left;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #CCC;
	margin-right: 10px;}

.contact table td span.text{
	border: none;
	padding: 0;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word;
	display: inline-block;
}

.contact table td div.text{
	border: none;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	width: 100%;
}

.contact input.radi{
	margin-right: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
}


/*----------------------------------------------------
campaign
------------------------------------------------------*/
form#compaign input.text, form#compaign textarea{ width:100%; margin:0; box-sizing:border-box;}


/*----------------------------------------------------
company
------------------------------------------------------*/
.company table.gaiyou th, .company table.gaiyou td{display:block; padding:0.7em;}
 .company table.gaiyou td{border-bottom:none; border-top:none;}
.company table.gaiyou dl{ margin-bottom:1em;}

.company table.gaiyou table.yakuin_table th, .company table.gaiyou table.yakuin_table td{ display: compact}
.company table.gaiyou table.yakuin_table th{ padding-right:1em;}

.company .torikumi img{ float:none; margin-left:0em; margin-top:1em;}
.company .torikumi.en img{ float:none; margin-left:0em;}

.company .quality ul{ margin-top:0px; margin-right:0px;}
.company .quality li{ float:none; margin-right:0px; text-align:center; width:100%; margin-top:2em;}
.company .quality li p{ margin-top:0.5em;}
.company table.kiki{ width:100%;}

.size90{ font-size:0.8em;}


/*----------------------------------------------------
download
------------------------------------------------------*/
.dw .col{ float:none; width:100%}
.dw .col.m60{ margin-left:0%;}
h2.second_sp{ margin-top:40px}

/*----------------------------------------------------
動画ギャラリー
------------------------------------------------------*/
.m_wrap:after{content: ""; display: block; clear: both; visibility: hidden;}
.m_wrap{ margin-top:0px;}
.m_wrap .first{ margin-top:0}
.m_wrap .ml, .m_wrap .mr{ width:100%; float:none; margin-top:30px;}
.m_wrap .mr{ margin-left:0px;}
.m_wrap p{ margin-top:1.2em;}
#contents_second .m_wrap h2 {font-size : 1.2em; background-color:#ffffff; padding:0em; margin-top:1.5em; border-bottom:1px dotted #cccccc; margin-bottom:0;} 


/*----------------------------------------------------
サイトマップ
------------------------------------------------------*/
table.sitemap td{vertical-align: top; padding-right: 0%; width:100%; display:block;}
table.sitemap td.last{width:100%}

/*----------------------------------------------------
採用情報
------------------------------------------------------*/
#recruit h2{ margin-bottom:0; font-size:16px}
#recruit .read{ margin-bottom:20px;}
#recruit .bt_area{
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 160%;
	display:table;
	width:100%;
}
#recruit .title{ display: block; width:100%;}
#recruit .bt{display:block; text-align: center; width:100%; margin-top:15px;}
#recruit .bt a{ padding-top:1em; padding-bottom:1em;}
#recruit .bt .arrow{padding-left: 1.5em; background-size: 13px 13px;}

#recruit .bnr{display:block; text-align: center; width:100%; margin-top:15px;}
}