body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, brockquote, pre, table, caption, th, td, address, form, fieldset, legend, object {
	margin: 0;
	padding: 0;
}
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
	font-size: 100%;
}
a, ins {
	text-decoration: none;
}
address, em, cite, dfn, var {
	font-style: normal;
}
input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}
img {
	vertical-align: bottom;
}
a img {
	border: none;
}
html, body {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#ddd;
	line-height:2em;
	height:100%;
	letter-spacing:1px;
	font-family:"Arial", "微软雅黑", "宋体";
	background:url() #1C1B1B top center;
}
body {
	-webkit-text-size-adjust: 100%;
}
h2, h3, h4, h5, img {
	padding:0px;
	margin:0px;
	font-size:10px;
	text-decoration:none;
	font-weight : normal;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	clear:both;
	font-size:0px;
	height:1px;
}
a {
	color:#eee;
}
a:hover {
	color: #0000FF;
}
.red {
	color:#FF4949;
}
body {
	width:100%;
	height:auto;
}
/*top
-----------------------------------------------------------*/

.f-roboto {
	font-family: 'Roboto', sans-serif;
}
 @media screen and (min-width: 798px) {
 .sp {
display:none;
}
.pc {
display:block;
}
 #wrapper {
padding:0 20px;
padding-top:25px;
background:url(../images/bg01.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
line-height:2em;
}
 .pankuzu {
width:100%;
background-color:#585858;
padding:5px 0;
padding-top:80px;
font-size:12px;
}
.pankuzu .block01 {
padding:0 11%;
margin:0 auto;
}
 .pagehead {
position:fixed;
width:100%;
border-bottom:1px solid #eaeaea;
background:url(../images/header_bg.png) top center;
z-index:2;
padding:15px 0px;
}
.pagehead h1 {
}
.pagehead h1 img {
width:200px;
margin-bottom:0px;
}
.pagehead h1 {
width:200px;
margin:0;
padding:0;
display:inline;
float:left !important;
margin-right:35px;
}
.head-content {
padding:0 10%;
margin:0 auto;
margin-top:0px;
position:relative;
}
.head-content .acnav {
list-style-type: none;
text-align:left;
float:left;
margin-top:10px;
}
.head-content .acnav_li {  /*float: left;*/
list-style-type: none;
letter-spacing: 3px;
padding-right: 20px;
margin-right:18px;
display: inline-block;
font-size: 14px;
color:#eee;
background: url(../images/nav_line.png) top right no-repeat;
line-height:1.6em !important;
}
 .head-content .acnav_li a.active {
}
.head-content .acnav_li a:hover {
color:#E60000;
text-decoration:underline;
}
#footer a:hover {
}
.head-content .acnav_li:last-child {
margin-right: 0px !important;
}
.head-content .acnav .social {
margin-right: 0px !important;
}
 .head_en {
position:absolute;
top:5px;
right:5%;
}
 #acnav {
position:relative;
}
.acnav_li:hover .menu_mega {
max-height: 9999px;
opacity: 1;
}
.menu_mega .menu_inner li a {
}
.menu_mega {
transition: all .2s ease-in;
max-height: 0;
opacity: 0;
overflow: hidden;
width:300px;
position: absolute;
top:56px;
background-color: #3D3D3D;
z-index:5;
}
.menu_mega .menu_inner {
}
.menu_mega .menu_inner li {
font-size:14px;
background: url(../images/yaji02.png) top left no-repeat;
margin:10px 10px;
padding-left:30px;
padding-bottom:10px;
list-style:none;
}
.menu_mega a {
color: #fff;
}
 .contents {
width:1020px;
margin:0 auto;
}
 .main_logo_block {
text-align: center;  /*height: 465px;*/
line-height: 465px;
vertical-align: middle;
margin-top: 123px;
margin-bottom: 105px;
}
.main_logo_block img {
width:214px;
height:76px;
}
 #mainmovie {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background-color:#fff;
}
.videobox .play {
position: absolute;
top: 40%;
left:46%;
opacity: 0.9;
z-index:2;
width:100px;
}
 hover時処理(おまけ) .video {
}
.video:hover {
opacity:1;
}
#top #mainmovie {
margin-top:70px;
margin-bottom:0px;
}
 .mainzeal {
width:100%;
height:850px;
background:url(../images/bg02.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
 border-bottom:3px solid #980000;
}
 .mainzeal .block01 {
width:80%;
margin:0 auto;
position:relative;
margin:0 10%;
}
.mainzeal .block01 .box01 {
position:absolute;
top:230px;
left:0;
}
.mainzeal .block01 .box01 h2 {
position:absolute;
top:-100px;
left:-30px;
font-weight:700px;
font-size:20px;
}
.mainzeal_box {
padding-left:60px;
padding-top:10px;
background:url(../images/line01.png) top left no-repeat;
}
.mainzeal_box img {
padding-bottom:30px;
}
.mainzeal_box p {
color:#ddd;
width:600px;
margin-bottom:30px;
}
.btn01 {
float:left;
margin-right:30px;
}
.btn02 {
float:left;
}
 .common_menu {
width:100%;
background:url(../images/bg03.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
 border-bottom:3px solid #980000;
line-height:2em;
}
.common_menu .block01 {
margin:0 auto;
position:relative;
padding:50px 15%;
}
.common_menu .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
font-weight:700px; 
font-size:20px;
}
.common_menu .block01 ul {
}
.common_menu .block01 li {
width:21%;
float:left;
margin:0 2%;
list-style:none;
margin-bottom:50px;
}
.common_menu .block01 li img {
margin-bottom:20px;
width:100%;
}
.common_news {
width:100%;
background:url() top center no-repeat #2A2A2A;
}
.common_news .block01 {
margin:0 auto;
position:relative;
padding:50px 15%;
}
.common_news .block01 h2 {
font-size: 23px;
font-family: 'Roboto', sans-serif;
letter-spacing:0.2em;
letter-spacing:1px;
color:#fff;
text-align:center;
border-bottom:1px solid #606060;
padding-bottom:50px;
}
 .infomations {
}
.infomation {
margin-bottom: 0px;
font-size: 14px;
line-height: 25px;
padding:20px 0;
border-bottom:1px solid #606060;
position:relative;
}
.infomation .icon {
width:80px;
margin-right: 40px;
float: left;
background-color:#DE1517;
padding:0px 20px;
text-align:center;
color:#fff;
}
.infomation .date {
margin-right: 30px;
float: left;
font-family: 'Roboto', sans-serif;
}
.infomation .content {
float: left;
width:500px;
}
.infomation .content a {
text-decoration:underline;
}
.infomation .content a:hover {
color:#8B8B8B;
text-decoration:underline;
}
.infomation .yaji {
position:absolute;
top:17px;
right:0;
}
.common_news .block01 .btn {
width:414px;
margin:50px auto;
}
 .gnav {
 font-family: 'Roboto', sans-serif;
text-align: center;
padding:30px 0px;
background:url(../images/header_bg.png) top center;
}
.fixed {
position:fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.gnav-bt {
margin-bottom: 170px;
}
.ganv ul {
list-style-type: none;
text-align: center;
}
.gnav ul li {  /*float: left;*/
list-style-type: none;
letter-spacing: 3px;
margin-right: 50px;
display: inline-block;
font-size: 12px;
color:#999999;
}
.gnav ul li a.active {
text-decoration: line-through;
}
.gnav ul li a:hover {
text-decoration: line-through;
}
.gnav ul li:last-child {
margin-right: 0;
}
.gnav ul li.social img.facebook {
border-right: 1px solid #000;
}
.slider_block {
margin-bottom: 130px;
}
.btn_blocks {
margin-bottom: 130px;
text-align: center;
}
.sc:before {
content : url(../images/top_26.png);
position : relative;
top :8px;
margin-right : 15px;
}
.re:before {
content : url(../images/top_28.png);
position : relative;
top :8px;
margin-right : 15px;
}
.btn_blocks .schedule_btn {
margin-right: 155px;
}
.btn_black {
display: inline-block;
width: 285px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 16px;
letter-spacing: 6px;
 background: #000;
color: #fff;
font-family: 'Roboto', sans-serif;
}
.btn_black:hover {
background-color:#333;
}
.under_line {
margin-bottom: 10px;
}
.under_line:before {
content: '';
display: inline-block;
border-bottom: 1px #b0b0b0 solid;
width: 10%;
}
.under_line:after {
content: '';
display: inline-block;
border-bottom: 1px #b0b0b0 solid;
width: 90%;
}
.bnr_box {
width: 623px;
float: left;
box-sizing: border-box
}
.bnr_box .land, .film {
box-sizing: border-box;
display: block;
width: 285px;
float: left;
height:190px;
}
.bnr_box span {
margin-top:20px !important;
display:block;
}
.bnr_box .land {
margin-right: 51px;
}
 .footer_wrapper {
padding-top: 40px;
background-color:#313131;
font-family: 'Roboto', sans-serif;
}
#footer {
padding:0 15%;
padding-bottom: 10px;
}
#footer .footh {
font-size: 11px;
font-family: 'Roboto', sans-serif;
margin-bottom: 10px;
}
.footer_contents_box {
padding-bottom:40px;
padding-top:20px;
border-bottom:1px solid #797979;
}
.footer_contents_box .column_wrapper {
}
.footer_contents_box .column {
width: 20%;
float: left;
}
.footer_contents_box .column ul {
}
.footer_social_box ul li, .footer_contents_box .column ul li {
list-style-type: none;
font-size: 10px;
line-height: 23px;
color:#999;
}
#footer a:hover {
color:#8B8B8B;
text-decoration:underline;
}
.footer_social_box ul li:after, .footer_contents_box .column.outer_link ul li:after {
content: '';
display: inline-block;
background-image: url(../images/top_44.png);
 width: 10px;
height: 10px;
margin-left: 10px;
}
 .footer_contents_box .column.outer_link ul li.nolink:after {
background-image:none;
width:0px;
height:0px;
display: inline-block;
}
.footer_social_box {
width: 255px;
float: left;
}
 .footer_comp {
margin-top:20px;
}
.footer_comp .footer_box01 {
width:130px;
float:left;
margin-right:50px;
}
.footer_comp .footer_box02 {
width:;
float:left;
margin-right:30px;
}
.footer_comp .footer_box02 .ad01 {
font-size:13px;
}
.footer_comp .footer_box02 .ad02 {
font-size:12px;
line-height:1.6em;
}
.footer_comp .footer_box03 {
width:200px;
float:left;
}
 .rights {
padding:0 15%;
font-size: 10px;
margin:0 auto;
}
.totop {
position:fixed;
right:20px;
bottom:20px;
}

/*トップページ終了*/

/* ipad以上 (PC) */
/*スマホメニュー*/

#menuArea {
display:none;
}
.sp-bottom-menu2 {
display:none;
}
.page_title_h2 {
font-size:28px;
margin:40px auto;
text-align:center;
background:url(../images/page_title_bg.png) bottom center no-repeat;
height:60px;
letter-spacing:0.2em;
margin-top:60px;
padding-top:150px !important;
margin-top:-150px !important;
}

/*会社理念*/

.page_maintitle {
width:800px;
margin:20px auto;
margin-top:100px;
text-align:center;
}
.page_maintitle img {
width:640px;
}
.page_maintitle p {
text-align:center;
}
#company02 .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
}
#company02 .page_block .block01 {
position:relative;
margin-bottom:100px;
}
#company02 .page_block .block01 .rinen_copy {
width:70%;
margin:0 auto;
margin-top:80px;
}
#company02 .page_block .block01 p {
width:70%;
margin:0 auto;
text-align:left;
}
.company_rogo {
width:125px;
margin:0 auto;
margin-top:50px;
}
#company02 .page_block .block01 p:nth-child(3) {
margin-top:40px;
}
#company02 .page_block .block01 .rinen_top {
width:37%;
text-align:right;
margin-top:50px;
}


/*新着情報*/

#news .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:50px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom:80px;
}
#news .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#news .infomations {
margin-bottom:50px;
}


/*カタログ*/

#catalog .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:50px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom:80px;
}
#catalog .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
.column3 {
width:100%;
line-height:2em;
margin-bottom:60px;
}
.column3 .block01 {
position:relative;
}
.column3 .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
}
.column3 .block01 ul {
padding:0 10%;
}
.column3 .block01 li {
width:27%;
float:left;
margin:0 3%;
list-style:none;
margin-bottom:50px;
}
.column3 .block01 li p {
text-align:left;
}
.column3 .block01 li img {
margin-bottom:20px;
width:100%;
}
.column3 .block01 li p:nth-child(2) {
font-size:15px;
}
.column3 .block01 li p:nth-child(3) {
font-size:12px;
color:#E60000;
}
.column3 .block01 p {
text-align:center;
}
 .column4 {
width:100%;
line-height:2em;
margin-bottom:60px;
}
.column4 .block01 {
position:relative;
}
.column4 .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
}
.column4 .block01 ul {
padding:0 10%;
}
.column4 .block01 li {
width:19%;
float:left;
margin:0 3%;
list-style:none;
margin-bottom:50px;
}
.column4 .block01 li p {
text-align:left;
line-height:1.2em;
}
.column4 .block01 li img {
width:100%;
}
.column4 .block01 li p:nth-child(2) {
font-size:12px;
margin-top:20px;
height:30px;
}
.column4 .block01 li p:nth-child(3) {
font-size:10px;
color:#E60000;
}
.column4 .block01 p {
text-align:center;
}
 #catalog .support_block02 .block01 {
 background-color: #fff;
 color: #333;
 padding: 40px 10% 0px;
 margin: 0px 3%;
}




/*動画一覧*/

#movie .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:45px;
position:relative;
background:url(../images/bg_about.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom:80px;
}
#movie .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#movie .pagemovie {
width:100%;
border:1px solid #980000;
margin-bottom:0px;
position:relative;
background-color:#fff;
}
#movie .videobox .play {
position: absolute;
top: 30%;
left:42%;
opacity: 0.9;
z-index:2;
width:20%;
height:20%;
}
 hover時処理(おまけ) .video {
}
.video:hover {
opacity:1;
}
#movie .column4 {
margin-top:50px;
margin-bottom:0px;
}
#movie .column4 p {
height:30px;
font-size:11px;
}
#mainmovie {
width:100%;
border:1px solid #980000;
margin-bottom:65px;
position:relative;
background-color:#fff;
}
#mainmovie .videobox .play {
position: absolute;
top: 40%;
left:46%;
opacity: 0.9;
z-index:2;
width:100px;
}
 hover時処理(おまけ) #mainmovie .video {
}
#mainmovie.video:hover {
opacity:1;
}



/*会社案内*/

#company .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom:80px;
height:395px;
}
#company .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#company .page_maintitle {
width:800px;
margin:20px auto;
margin-top:200px;
text-align:center;
}
 .page_navi01 {
background-color:#B0B0B0;
height:80px;
}
.page_navi01 .block01 {
padding:0 15%;
}
.page_navi01 .block01 ul {
width:100%;
margin:0 auto;
padding:25px 0;
}
.page_navi01 .block01 ul li {
float:left;
list-style:none;
font-size:23px;
text-align:center;
width:33%;
border-left:1px solid #fff;
}
.page_navi01 .block01 ul .end {
border-right:1px solid #fff;
}
.page_navi01 .block01 ul li a:hover {
color:#E60000;
text-decoration:underline;
}
 #company .page_white {
width:100%;
margin-bottom:25px;
position:relative;
padding-bottom:80px;
background-color:#fff;
}
#company .page_white .block01 {
padding:0 15%;
}
#company .page_white .block02 {
padding-top:100px;
padding-bottom:50psx;
}
#company .page_white .block01 .page_title_h2 {
padding-top:60px;
color:#333;
margin-top:0px;
}
 .table01 {
color:#333;
width:80%;
margin:0 auto;
border-top:1px #ccc solid;
}
.table01 td {
border-bottom:1px #ccc solid;
padding:15px 0;
}
.table01 .td01 {
padding-left:10px;
}
.table01 .td02 {
padding-left:50px;
}
#gmap {
width:100%;
height:500px;
}
#company .page_title_h2 {
font-size:28px;
margin:40px auto;
text-align:center;
background:url(../images/page_title_bg.png) bottom center no-repeat;
height:60px;
letter-spacing:0.2em;
margin-top:60px;
padding-top:60px !important;
margin-top:0px !important;
}


/*ソケットレンチができるまで*/

#process .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/process/bg_process.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom:80px;
}
#process .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
 .process_block01 .block01 .box {
padding:15% 20% 15% 30%;
}
.process_block01 .block01 .left {
background-color:#2D2D2D;
width:45%;
float:left;
height:800px;
}
.process_block01 .block01 .right {
width:55%;
float:right;
height:800px;
}
.process_block01 h2 {
margin-bottom:35px;
}
.process_block01 h3 {
font-size:20px;
margin-bottom:35px;
line-height:1.6em;
}
.process_block01 p {
}
.process_block02 .block01 .box {
padding:15% 30% 15% 20%;
}
.process_block02 .block01 .left {
background-color:#2D2D2D;
width:45%;
float:right;
height:800px;
}
.process_block02 .block01 .right {
width:55%;
float:left;
height:800px;
}
.process_block02 h2 {
margin-bottom:35px;
}
.process_block02 h3 {
font-size:20px;
margin-bottom:35px;
line-height:1.6em;
}
.process_block02 p {
}
 #process .bg01 {
background:url(../images/process/bg01.jpg) top center no-repeat;
background-size: cover;
}
#process .bg02 {
background:url(../images/process/bg02.jpg) top center no-repeat;
background-size: cover;
}
#process .bg03 {
background:url(../images/process/bg03.jpg) top center no-repeat;
background-size: cover;
}
#process .bg04 {
background:url(../images/process/bg04.jpg) top center no-repeat;
background-size: cover;
}
#process .bg05 {
background:url(../images/process/bg05.jpg) top center no-repeat;
background-size: cover;
}
#process .bg06 {
background:url(../images/process/bg06.jpg) top center no-repeat;
background-size: cover;
}
.process_menu {
position:fixed;
top:180px;
z-index:99999;
border-left:1px solid #fff;
padding-left:20px;
padding-bottom:0px;
padding-top:10px;
background:url(../images/black.png) top center;
padding-right:15px;
}
.process_menu li {
list-style:none;
margin-bottom:20px;
}
.process_li {
margin-bottom:14px !important;
}
.process_li2 {
margin-bottom:18px !important;
}
#process .box .sub_img01 {
float:right;
padding: 2% 0 2% 5%;
width:43%;
}
#process .box .sub_img02 {
float:left;
padding: 2% 5% 2% 0%;
width:43%;
}


/*サポート*/

#support .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:50px;
position:relative;
background:url(../images/bg_about.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom:80px;
}
#support .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#support .support_block01 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
#support .support_block02 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
#support .support_block03 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
.support_text01 {
padding-bottom:60px;
line-height:2.3em;
border-bottom:1px solid #ccc;
margin:0 10%;
margin-bottom:60px;
text-align:center;
}
.support_img01 {
width:640px;
padding-bottom:30px;
margin:0 auto;
}
.support_img01 img {
width:100%;
}
 .column2 {
width:100%;
line-height:2em;
margin-bottom:60px;
}
.column2 .block01 {
position:relative;
}
.column2 .block01 h2 {
 width: 125px;
}
.column2 .block01 h3 {
font-size:20px;
margin-bottom:25px;
padding-bottom:15px;
font-weight:bold;
background:url(../images/line_bg01.jpg) bottom left no-repeat;
}
.column2 .block01 ul {
padding:0 10%;
}
.column2 .block01 li {
width:40%;
float:left;
margin:0 5%;
list-style:none;
margin-bottom:50px;
}
.column2 .block01 li p {
 text-align: center;
}
.column2 .block01 li img {
margin-bottom:20px;
width:100%;
}
.column2 .block01 li p:nth-child(2) {
}
.column2 .block01 li p:nth-child(3) {
font-size:12px;
color:#E60000;
}
.column2 .block01 li p {
text-align:left;
width:90%;
}
.column2 .s_ul {
padding:0 !important;
padding-left:20px !important;
min-height:260px;
}
.column2 .s_li {
float:none !important;
width:100% !important;
margin:0px !important;
list-style:square !important;
}
 .column1 {
width:100%;
line-height:2em;
margin-bottom:60px;
}
.column1 .block01 {
position:relative;
padding:0 15%;
padding-bottom:60px;
}
.column1 .block01 .box01 {
width:800px;
margin:0 auto;
}
.column1 .block01 .box01 p {
}
.column1 .block01 .box01 .right {
float:right;
}
.column1 .block01 li {
list-style:none;
margin-bottom:30px;
}
.column1 .block01 li img {
width:100%;
margin-bottom:20px;
}
.column1 .block01 .box01 h3 {
font-size:20px;
font-weight:bold;
margin-bottom:30px;
}
.column1 .block01 .box01 a {
color:#333;
text-decoration:underline;
}


/*プロダクト*/

#products .page_block {
width:100%;
border:1px solid #980000;
position:relative;
background:url(../images/bg_products.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom:80px;
}
#products .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#products .product_catalog {
background:url(../images/product/bg_products02.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
}
#products .product_catalog .block01 {
margin:0 auto;
position:relative;
padding:80px 15%;
}
#products .column3 .block01 h2 {
width:250px;
margin:0 auto;
margin-bottom:20px;
}
#products .column3 .block01 .text01 {
margin-bottom:60px;
}
#products .product_catalog .block01 p {
text-align:center;
padding:40px 0;
}
.catalog_img img {
width:100%;
background-color:#fff;
}
.catalog_img {
padding:10px;
border:1px solid #fff;
}
.catalog_img_in {
background-color:#fff;
}
.catalog_btn01 {
width:308px;
margin:0 auto;
}
.catalog_btn02 {
width:90%;
margin:0 auto;
margin-top:30px;
}
#products .support_block01 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
#products .support_block02 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
 .catalog_table {
margin-bottom:20px;
}
.catalog_table .td01 {
background-color:#F3DCDC;
padding:5px;
padding-left:20px;
}
.catalog_table .td02 {
background-color:#F0F0F0;
padding:5px;
padding-left:20px;
}
.catalog_title {
font-size:15px;
margin-bottom:10px;
}
.catalog_day {
 font-size: 12px !important;
 color: #E60000;
 text-align: center;
}
.catalog_link {
 font-size: 15px !important;
 color: #0000FF;
 text-align: center;
}
.product_add {
border:5px solid #F3DCDC;
padding:15px;
margin-top:20px;
}
.page_title_h3 {
font-size:20px;
margin-bottom:35px;
padding-bottom:15px;
background:url(../images/support/line_bg01.jpg) bottom left no-repeat;
margin-top:70px;
}
.catalog_contact {
border-top:4px solid #F3DCDC;
margin:0 auto;
padding-bottom:60px;
}
 .column5 {
width:100%;
line-height:2em;
margin-bottom:60px;
border-bottom:1px solid #E60000;
}
.column5 .block01 {
position:relative;
}
.column5 .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
}
.column5 .block01 ul {
padding:0 10%;
}
.column5 .block01 li {
width:15.5%;
float:left;
padding:0 2%;
list-style:none;
border-left:1px solid #E60000;
padding-top:23px;
}
.column5 .block01 .end {
border-right:1px solid #E60000;
}
.column5 .block01 li p {
text-align:left;
}
.column5 .block01 li img {
width:100%;
}
.column5 .block01 li p:nth-child(2) {
font-size:0.8vw;
line-height:0.9vw;
margin-top:20px;
height:39px;
}
.column5 .block01 li p:nth-child(3) {
font-size:10px;
color:#E60000;
}
.column5 .block01 p {
text-align:center;
}


/*z-eal*/

#z-eal .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#z-eal .mainzeal {
height:600px !important;
border:1px solid #E60000;
margin-bottom:15px;
background:url(../images/z-eal/bg04.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover
}
#z-eal .mainzeal .block01 {
width:100%;
margin:0 auto;
position:relative;
}
#z-eal .zeal_img {
width:100%;
padding-top:250px;
text-align:center;
}
#z-eal .zeal_img img {
width:30%;
}
 .subtitle01 {
padding:0 10%;
text-align:center;
border-bottom:1px solid #fff;
padding-bottom:10px;
}
.subtitle02 {
padding:50px 10%;
text-align:center;
padding-bottom:20px;
}
.subtitle03 {
padding:0 10%;
text-align:center;
border-bottom:1px solid #fff;
padding-bottom:10px;
}
.yajirushi01 {
padding:0 10%;
text-align:center;
}
.subtext01 {
text-align:center;
margin-bottom:80px;
}
#z-eal #wrapper {
padding:0 20px;
padding-top:25px;
background:url(../images/product/bg_products02.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
line-height:2em;
}
#z-eal #mainmovie {
margin-bottom:20px !important;
}
#z-eal .column3 .block01 li {
padding-bottom:30px;
}
#z-eal .column3 .block01 li img {
margin-bottom:30px;
}
#z-eal .column3 .block01 li h4 {
font-size:20px !important;
color:#ddd !important;
margin-bottom:20px;
height:50px;
}
#z-eal .column3 .block01 li p {
font-size:14px !important;
color:#ddd !important;
}
#z-eal .column3 .block01 p {
text-align:left;
}
#z-eal .column3 {
border-bottom:1px solid #fff;
margin-bottom: 20px !important;
background:url(../images/z-eal/bg_black.png) top center;
background-attachment: fixed;
background-size: cover;
}
#z-eal .column2 {
border-bottom:1px solid #fff;
margin-bottom: 20px;
background:url(../images/z-eal/bg_black.png) top center;
background-attachment: fixed;
background-size: cover;
}
#z-eal .column2 .block01 li p {
font-size:14px !important;
color:#ddd !important;
width:100%;
}
#z-eal .column2 .block01 li {
width:44%;
float:left;
margin:0 3%;
list-style:none;
margin-bottom:50px;
}
#z-eal .column2 .block01 h3 {
background:none;
line-height:2em;
margin-bottom:0px;
padding-bottom:15px;
}
#z-eal .column2 .img01 {
width:90%;
}
#z-eal .column2 .img02 {
width:90%;
margin-top:120px;
}
#z-eal .column2 .block02 .left {
width:34%;
float:left;
margin:0 3%;
list-style:none;
margin-bottom:50px;
}
#z-eal .column2 .block02 .right {
width:54%;
float:left;
margin:0 3%;
list-style:none;
margin-bottom:50px;
}
#z-eal .column2 .block02 h3 {
background:none;
line-height:2em;
font-size:20px;
margin-bottom:0px;
padding-bottom:15px;
font-weight:bold;
}
#z-eal .column3 .block01 h4 {
font-weight:bold;
}
#z-eal .column2 .block02 ul {
padding:0 10%;
}
#z-eal .column2 .block02 {
padding-bottom:50px;
}
#z-eal .column2 .block02 li p {
text-align:left;
}
.column2 .block01 li img {
margin-bottom:20px;
width:100%;
}
#z-eal .column2 .block02 li p {
font-size:14px;
text-align:left;
width:100%;
}
.block_end {
 margin-bottom: 0px !important;
 text-align: center;
}
}








/* sp */
@media screen and (max-width: 798px) {
 img {
width:100%;
height:auto;
}
.sp {
display:block;
}
.pc {
display:none;
}
 #wrapper {
padding:0 20px;
padding-top:80px;
background:url(../images/bg01.jpg) top center;
background-attachment: fixed;
line-height:2.3em;
font-size:12px;
}
 .sp-head {
width:100%;
position:fixed;
height:60px;
z-index:999;
top:0;
background:url(../images/header_bg.png) top center;
border-bottom:1px solid #898989;
}
.sp-head .sp-logo img {
position:fixed;
width:100px;
left:53%;
top:10px;
margin-left:-63px;
}
.sp-head .sp-menu {
position:fixed;
right:10px;
top:10px;
}
.sp-head .sp-menu img {
width:40px;
height:40px;
}
.slide-block1 {
margin-top:84px;
}
 #menuArea {
font-family: 'Roboto', sans-serif;
}
#menuArea {
display:none;
background-color:#414141;
opacity:0.95;
position:fixed;
left:0;
top:60px;
z-index:999999;
padding-bottom:10px;
width:100%;
padding-top:0px;
padding-bottom:0px;
}
.head_en {
position:absolute;
top:5px;
right:50px;
}
.head_en img {
width:30px !important;
height:30px !important
}
 #slidemenu_list {
text-align:left;
font-size:13px;
line-height:2em;
font-family: 'Roboto', sans-serif;
color:#ddd;
width:90%;
padding:0 5%;
}
#slidemenu_list li.ul {
}
#slidemenu_list li {
list-style:none;
padding:10px 5px;
border-bottom:2px solid #bbb;
}
#slidemenu_list .li02 {
list-style:none;
padding:2px 5px;
background-color:#585858;
font-size:10px;
border-bottom:none;
}
#slidemenu_list .li02 a {
display:inline;
}
#closeBtn {
width:100% !important;
padding:10px 0px;
text-align:center;
border-bottom:none;
}
#slidemenu_list a {
width:100%;
display:block;
color:#ddd;
}
.closebtn-de {
color:#ccc;
font-size:30px;
}
.contents {
padding-left:20px;
padding-right:20px;
}
#mainmovie {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background-color:#fff;
}
.videobox .play {
position: absolute;
top: 40%;
left:40%;
opacity: 0.9;
z-index:2;
width:100px;
}
 hover時処理(おまけ) .video {
}
.video:hover {
opacity:1;
}
.mainzeal {
width:80%;
height:700px;
background:url(../images/bg02.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
border-bottom:3px solid #980000;
padding:10%;
}
 .mainzeal .block01 {
width:100%;
margin:0 auto;
position:relative;
}
.mainzeal .block01 .box01 {
position:absolute;
top:50px;
left:0;
}
.mainzeal .block01 .box01 h2 {
position:absolute;
top:-60px;
left:0;
}
.mainzeal_box {
padding-top:10px;
}
.mainzeal_box img {
padding-bottom:30px;
}
.mainzeal_box p {
color:#ddd;
width:100%;
margin-bottom:30px;
font-size:12px;
line-height:2.3em;
}
.btn01 {
float:left;
margin-right:10%;
width:45%;
}
.btn02 {
float:right;
width:45%;
}
 .common_menu {
width:80%;
background:url(../images/bg03.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
 border-bottom:3px solid #980000;
padding:10%;
}
.common_menu .block01 {
margin:0 auto;
position:relative;
padding:0px 0;
}
.common_menu .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
}
.common_menu .block01 ul {
}
.common_menu .block01 li {
width:80%;
list-style:none;
margin:0 auto;
margin-bottom:20px;
}
.common_menu .block01 li img {
margin-bottom:20px;
}
.common_news {
width:80%;
background:url() top center no-repeat #2A2A2A;
padding:10%;
}
.common_news .block01 {
margin:0 auto;
position:relative;
padding:0px 0;
}
.common_news .block01 h2 {
font-size: 23px;
font-family: 'Roboto', sans-serif;
letter-spacing:0.2em;
margin:0 auto;
letter-spacing:1px;
color:#fff;
text-align:center;
border-bottom:1px solid #606060;
padding-bottom:30px;
}
 .infomations {
}
.infomation {
margin-bottom: 0px;
font-size: 12px;
line-height: 25px;
padding:10px 0;
border-bottom:1px solid #606060;
position:relative;
}
.infomation .icon {
width:50px;
margin-right: 10px;
font-size:10px;
float: left;
background-color:#DE1517;
padding:0px 10px;
text-align:center;
color:#fff;
}
.infomation .date {
margin-right: 30px;
font-family: 'Roboto', sans-serif;
}
.infomation .content {
margin-top:5px;
}
.infomation .content a {
text-decoration:underline;
}
.infomation .content a:hover {
color:#8B8B8B;
text-decoration:underline;
}
.infomation .yaji {
position:absolute;
top:17px;
right:0;
}
.common_news .block01 .btn {
margin:30px auto;
margin-bottom:0px;
}
.pankuzu {
width:100%;
background-color:#585858;
padding:5px 0;
}
.pankuzu .block01 {
width:90%;
margin:0 auto;
}


/*フッター*/

.footer_wrapper {
padding:30px;
background-color:#313131;
font-family: 'Roboto', sans-serif;
font-size: 15px;
}
#footer .footh {
font-family: 'Roboto', sans-serif;
letter-spacing:0.2em;
margin-bottom:0px;
margin-top:10px;
}
#footer .rights {
margin-top: 20px;
font-size: 10px;
padding-bottom:60px;
}
.footer_contents_box {
margin-top:30px;
border-bottom:1px solid #ccc;
padding-bottom:30px;
}
.footer_social_box ul li, .footer_contents_box .column ul li {
list-style-type: none;
line-height: 2em;
color:#999;
box-sizing:border-box;
float:left;
font-size:11px;
margin-right:40px;
}
.footer_contents_box .column {
margin-bottom:0px;
width:100%;
}
.footer_social_box ul li:after, .footer_contents_box .column.outer_link ul li:after {
content: '';
display: inline-block;
background-image: url(../images/top_44.png);
 width: 10px;
height: 10px;
margin-left: 3px;
}
.footer_contents_box .column.outer_link ul li.nolink:after {
background-image:none;
width:0px;
height:0px;
display: inline-block;
}
.under_line {
margin-bottom: 10px;
}
.under_line:before {
content: '';
display: inline-block;
border-bottom: 1px #b0b0b0 solid;
width: 10%;
}
.under_line:after {
content: '';
display: inline-block;
border-bottom: 1px #b0b0b0 solid;
width: 90%;
}
.footer_comp {
margin-top:20px;
}
.footer_comp .footer_box01 {
width:130px;
margin:0 auto;
margin-top:30px;
}
.footer_comp .footer_box02 {
width:;
margin:0 auto;
text-align:center;
margin-top:30px;
}
.footer_comp .footer_box02 .ad01 {
font-size:13px;
}
.footer_comp .footer_box02 .ad02 {
font-size:12px;
line-height:1.6em;
}
.footer_comp .footer_box03 {
width:20%;
margin:0 auto;
margin-top:20px;
}
#footer a:hover {
color:#8B8B8B;
text-decoration:underline;
}
.rights {
font-size: 8px;
margin:20px auto;
text-align:center;
letter-spacing:0.5px;
}

/**/


.btn_blocks {
text-align:center;
margin-bottom: 50px;
margin-top: 30px;
text-align: center;
}
.sc {
height: 28px;
}
.sc:before {
content : url(../images/top_26.png);
position : relative;
top :9px;
margin-right : 5px;
}
.re:before {
content : url(../images/top_28.png);
position : relative;
top :9px;
margin-right : 5px;
}
.btn_blocks .schedule_btn {
margin-bottom:10px;
}
.btn_blocks .btn_black {
display: inline-block;
width: 60%;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 13px;
 letter-spacing: 6px;
background: #000;
color: #fff;
font-family: 'Roboto', sans-serif;
}
.totop {
position:fixed;
right:10px;
bottom:10px;
width:35px;
height:35px;
}
.page_maintitle {
width:100%;
margin:20px auto;
margin-top:50px;
}
.page_maintitle p {
text-align:center;
}
.page_title_h2 {
 font-size: 18px;
 margin: 30px auto;
 text-align: center;
 background: url(../images/page_title_bg.png) bottom center no-repeat;
 height: 60px;
 letter-spacing: 0.2em;
 margin-bottom: 20px;
}


/*会社理念*/

#company02 .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
}
#company02 .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:100px;
}
#company02 .page_block .block01 p {
width:70%;
margin:0 auto;
text-align:left;
}
.company_rogo {
width:125px;
margin:0 auto;
margin-top:50px;
}
#company02 .page_block .block01 p:nth-child(3) {
margin-top:40px;
}
#company02 .page_block .block01 .rinen_top {
width:70%;
text-align:right;
margin-top:50px;
}


/*新着情報*/

#news .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
}
#news .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:50px;
}
#news .page_block .block01 p {
width:60%;
margin:0 auto;
text-align:center;
}
#news .page_block .block01 p:nth-child(3) {
margin-top:40px;
}
#news .common_news h3 {
font-size:25px;
text-align:left;
margin-bottom:20px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#news .infomations {
margin-bottom:50px;
}


/*カタログ*/

#catalog .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
}
#catalog .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:50px;
}
 .column3 {
width:100%;
line-height:2em;
margin-bottom:0px;
}
.column3 .block01 {
position:relative;
}
.column3 .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
}
.column3 .block01 ul {
padding:0 10%;
}
.column3 .block01 li {
width:100%;
list-style:none;
margin-bottom:50px;
}
.column3 .block01 li p {
text-align:left;
}
.column3 .block01 li img {
margin-bottom:20px;
width:100%;
}
.column3 .block01 li p:nth-child(2) {
font-size:15px;
}
.column3 .block01 li p:nth-child(3) {
 font-size: 12px;
 color: #E60000;
 text-align: center;
}
.column3 .block01 p {
text-align:center;
}
 .column4 {
width:100%;
line-height:2em;
margin-bottom:60px;
}
.column4 .block01 {
 position: relative;
}
.column4 .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
}
.column4 .block01 ul {
padding:0 5%;
}
#catalog .column4 .block01 li {
width:42%;
float:left;
margin:0 4%;
list-style:none;
margin-bottom:50px;
}
.column4 .block01 li p {
text-align:left;
}
.column4 .block01 li img {
width:100%;
}
.column4 .block01 li p:nth-child(2) {
font-size:12px;
margin-top:20px;
line-height:1.2em;
height:30px;
}
.column4 .block01 li p:nth-child(3) {
font-size:10px;
color:#E60000;
}
.column4 .block01 p {
text-align:center;
}
 #catalog .support_block02 .block01 {
 background-color: #fff;
 color: #333;
 padding: 20px 10% 0px;
}


/*動画一覧*/

#movie .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
}
#movie .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:50px;
}
#movie .pagemovie {
width:100%;
border:1px solid #980000;
margin-bottom:0px;
position:relative;
background-color:#fff;
}
#movie .videobox .play {
position: absolute;
top: 30%;
left:42%;
opacity: 0.9;
z-index:2;
width:20%;
height:20%;
}
 hover時処理(おまけ) .video {
}
.video:hover {
opacity:1;
}
#movie .column4 {
margin-top:50px;
margin-bottom:0px;
}
#movie .column4 .block01 li {
width:42%;
float:left;
margin:0 4%;
list-style:none;
margin-bottom:10px;
height:150px;
}
#mainmovie .videobox .play {
position: absolute;
top: 40%;
left:40%;
opacity: 0.9;
z-index:2;
width:100px;
}
 hover時処理(おまけ) #mainmovie .video {
}
#mainmovie .video:hover {
opacity:1;
}

#company .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company_sp.jpg) top center no-repeat;
background-attachment: fixed;
}
#company .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:50px;
}
#company .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
 .page_navi01 {
background-color:#B0B0B0;
}
.page_navi01 .block01 {
padding:0 15%;
}
.page_navi01 .block01 ul {
margin:0 auto;
padding:25px 0;
}
.page_navi01 .block01 ul li {
list-style:none;
font-size:23px;
text-align:center;
width:200px;
border-left:1px solid #fff;
}
.page_navi01 .block01 ul .end {
border-right:1px solid #fff;
}
.page_navi01 .block01 ul li a:hover {
color:#E60000;
text-decoration:underline;
}
 #company .page_white {
width:100%;
margin-bottom:25px;
position:relative;
padding-bottom:80px;
background-color:#fff;
}
#company .page_white .block01 {
padding:0 10%;
}
#company .page_white .block02 {
padding-top:50px;
padding-bottom:50psx;
}
#company .page_white .block01 .page_title_h2 {
padding-top:60px;
color:#333;
margin-top:0px;
}
 .table01 {
color:#333;
width:100%;
margin:0 auto;
border-top:1px #ccc solid;
}
.table01 a {
color:#333;
}
.table01 td {
padding:0 0;
}
.table01 .td01 {
float:left;
width:100%;
}
.table01 .td02 {
border-bottom:1px #ccc solid;
float:left;
width:100%;
padding:0px 0 5px 0;
}
 #gmap {
width:100%;
height:500px;
}


/*ソケットレンチができるまで*/

#process .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/process/bg_process.jpg) top center no-repeat;
background-attachment: fixed;
}
#process .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:50px;
}
#process .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
 .process_block01 .block01 .box {
padding:10%;
}
.process_block01 .block01 .left {
background-color:#2D2D2D;
width:100%;
}
.process_block01 .block01 .right {
width:100%;
height:400px;
}
.process_block01 h2 {
margin-bottom:35px;
}
.process_block01 h3 {
margin-bottom:35px;
font-size:20px;
}
.process_block01 p {
}
.process_block02 .block01 .box {
padding:10%;
}
.process_block02 .block01 .left {
background-color:#2D2D2D;
width:100%;
}
.process_block02 .block01 .right {
width:100%;
height:400px;
}
.process_block02 h2 {
margin-bottom:35px;
}
.process_block02 h3 {
margin-bottom:35px;
font-size:20px;
}
.process_block02 p {
}
 #process .bg01 {
background:url(../images/process/bg01.jpg) top center no-repeat;
background-size: cover;
}
#process .bg02 {
background:url(../images/process/bg02.jpg) top center no-repeat;
background-size: cover;
}
#process .bg03 {
background:url(../images/process/bg03.jpg) top center no-repeat;
background-size: cover;
}
#process .bg04 {
background:url(../images/process/bg04.jpg) top center no-repeat;
background-size: cover;
}
#process .bg05 {
background:url(../images/process/bg05.jpg) top center no-repeat;
background-size: cover;
}
#process .bg06 {
background:url(../images/process/bg06.jpg) top center no-repeat;
background-size: cover;
}
.process_menu {
position:fixed;
top:180px;
z-index:99999;
border-left:1px solid #fff;
padding-left:20px;
padding-bottom:15px;
}
.process_menu li {
list-style:none;
}
#process .box .sub_img01 {
float:right;
padding: 2% 0 1% 5%;
width:40%;
}
#process .box .sub_img02 {
float:left;
padding: 2% 5% 1% 0%;
width:40%;
}


/*サポート*/

#support .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/bg_company.jpg) top center no-repeat;
background-attachment: fixed;
}
#support .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:50px;
}
#support .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#support .support_block01 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
#support .support_block02 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
#support .support_block03 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
.support_text01 {
padding-bottom:60px;
line-height:2.3em;
border-bottom:1px solid #ccc;
margin:0 10%;
margin-bottom:60px;
text-align:center;
font-size:12px;
}
.support_img01 {
padding:0 5%;
padding-bottom:30px;
margin:0 auto;
}
.support_img01 img {
width:100%;
}
 .column2 {
width:100%;
line-height:2em;
margin-bottom:0px;
}
.column2 .block01 {
 position: relative;
}
.column2 .block01 h2 {
 margin-bottom: 40px;
}
.column2 .block01 h3 {
font-size:20px;
margin-bottom:25px;
padding-bottom:15px;
background:url(../images/support/line_bg01.jpg) bottom left no-repeat;
}
.column2 .block01 ul {
padding:0 10%;
}
.column2 .block01 li {
 width: 100%;
 list-style: none;
 margin-bottom: 50px;
 text-align: center;
}
.column2 .block01 li p {
 line-height: 2em;
}
.column2 .block01 li img {
margin-bottom:20px;
width:100%;
}
.column2 .block01 li p:nth-child(2) {
font-size:12px;
}
.column2 .block01 li p:nth-child(3) {
 font-size: 12px;
 color: #E60000;
 text-align: center;
}
.column2 .block01 p {
text-align:center;
}
.column2 .s_ul {
padding:0 !important;
padding-left:20px !important;
}
.column2 .s_li {
float:none !important;
width:100% !important;
margin:0px !important;
list-style:square !important;
}
 .column1 {
width:100%;
line-height:2em;
margin-bottom:0px;
}
.column1 .block01 {
 position: relative;
 padding: 0 10%;
 padding-bottom: 60px;
}
.column1 .block01 .box01 {
margin:0 auto;
}
.column1 .block01 .box01 p {
font-size:12px;
line-height:2em;
}
.column1 .block01 .box01 .right {
float:right;
}
.column1 .block01 li {
list-style:none;
margin-bottom:30px;
}
.column1 .block01 li img {
width:100%;
margin-bottom:20px;
}
.column1 .block01 .box01 h3 {
font-size:20px;
font-weight:bold;
margin-bottom:30px;
}
.column1 .block01 .box01 a {
color:#333;
text-decoration:underline;
}


/*プロダクト*/

#products .page_block {
width:100%;
border:1px solid #980000;
margin-bottom:25px;
position:relative;
background:url(../images/product/bg_products.jpg) top center no-repeat;
background-attachment: fixed;
}
#products .page_block .block01 {
margin:0 auto;
position:relative;
margin-bottom:50px;
}
#products .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#products .product_catalog {
background:url(../images/product/bg_products02.jpg) top center no-repeat;
background-attachment: fixed;
}
#products .product_catalog .block01 {
margin:0 auto;
position:relative;
padding:80px 10%;
}
#products .column3 .block01 h2 {
width:250px;
margin:0 auto;
margin-bottom:20px;
}
#products .column3 .block01 .text01 {
margin-bottom:60px;
}
#products .product_catalog .block01 p {
text-align:center;
padding:40px 0;
}
.catalog_img img {
width:100%;
background-color:#fff;
}
.catalog_img {
padding:10px;
border:1px solid #fff;
}
.catalog_img_in {
background-color:#fff;
}
.catalog_btn01 {
width:;
margin:0 auto;
}
.catalog_btn02 {
width:60%;
margin:0 auto;
margin-top:20px;
}
#products .support_block01 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
#products .support_block02 .block01 {
background-color:#fff;
color:#333;
padding-top:60px;
}
 .catalog_table {
margin-bottom:10px;
}
.catalog_table .td01 {
 background-color: #F3DCDC;
 padding: 5px;
 padding-left: 10px;
 color: #000;
 text-align: center;
}
.catalog_table .td02 {
 background-color: #F0F0F0;
 padding: 5px;
 padding-left: 10px;
 color: #000;
 text-align: center;
}
.catalog_title {
font-size:15px;
margin-bottom:10px;
}
.catalog_day {
font-size:10px;
color:#E60000;
}
.catalog_link {
font-size:12px;
color: #0000FF;
}
.product_add {
border:5px solid #F3DCDC;
padding:15px;
margin-top:20px;
}
 .page_title_h3 {
font-size:18px;
margin:40px auto;
text-align:center;
background:url(../images/page_title_bg.png) bottom center no-repeat;
height:60px;
letter-spacing:0.2em;
margin-top:60px;
}
.catalog_contact {
border-top:4px solid #F3DCDC;
margin:0 auto;
padding:0 10%;
padding-bottom:60px;
}
 .column5 {
width:100%;
line-height:2em;
margin-bottom:60px;
border-bottom:1px solid #E60000;
}
.column5 .block01 {
position:relative;
}
.column5 .block01 h2 {
width:125px;
margin:0 auto;
margin-bottom:40px;
}
.column5 .block01 ul {
padding:0 10%;
}
.column5 .block01 li {
list-style:none;
height:50px;
}
.column5 .block01 .end {
}
.column5 .block01 li p {
text-align:left;
float:left;
}
.column5 .block01 li img {
width:20%;
float:left;
margin-right:20px;
}
.column5 .block01 li p:nth-child(2) {
font-size:12px;
margin-top:20px;
}
.column5 .block01 li p:nth-child(3) {
font-size:10px;
color:#E60000;
}
.column5 .block01 p {
text-align:center;
}


/*z-eal*/

#z-eal .common_news h3 {
font-size:28px;
text-align:left;
margin-bottom:20px;
width:1000px;
border-bottom:1px solid #606060;
padding-bottom:10px;
}
#z-eal .mainzeal {
width:80%;
height:500px;
background:url(../images/z-eal/sp_bg.jpg) top center no-repeat;
background-attachment: fixed;
border-bottom:3px solid #980000;
padding:10%;
}
#z-eal .mainzeal .block01 {
width:100%;
margin:0 auto;
position:relative;
}
#z-eal .mainzeal .block01 .box01 {
position:absolute;
top:50px;
left:0;
}
#z-eal .mainzeal .block01 .box01 h2 {
position:absolute;
top:-30px;
left:0;
}
#z-eal .mainzeal_box {
padding-top:10px;
}
#z-eal .mainzeal_box img {
padding-bottom:30px;
}
#z-eal .mainzeal_box p {
color:#ddd;
width:100%;
margin-bottom:30px;
font-size:12px;
line-height:2.3em;
}
#z-eal .zeal_img {
width:100%;
padding-top:230px;
text-align:center;
}
#z-eal .zeal_img img {
width:70%;
}
 .subtitle01 {
padding:0 0%;
text-align:center;
border-bottom:1px solid #fff;
}
.subtitle02 {
padding:50px 0%;
text-align:center;
padding-bottom:20px;
}
.subtitle03 {
padding:0 0%;
text-align:center;
border-bottom:1px solid #fff;
}
.yajirushi01 {
padding:0 0%;
text-align:center;
}
.subtext01 {
text-align:center;
margin-bottom:80px;
}
#z-eal #wrapper {
padding:0 20px;
padding-top:25px;
background:url(../images/product/bg_products02.jpg) top center;
background-attachment: fixed;
line-height:2em;
}
#z-eal #mainmovie {
margin-bottom:0px !important;
}
#z-eal .column3 .block01 li {
padding-bottom:0px;
}
#z-eal .column3 .block01 li img {
margin-bottom:30px;
}
#z-eal .column3 .block01 li h4 {
font-size:20px !important;
color:#ddd !important;
margin-bottom:10px;
}
#z-eal .column3 .block01 li p {
font-size:12px !important;
color:#ddd !important;
}
#z-eal .column3 .block01 p {
text-align:left;
}
#z-eal .column3 {
border-bottom:1px solid #fff;
background:url(../images/z-eal/bg_black.png) top center;
background-attachment: fixed;
background-size: cover;
}
#z-eal .column2 {
border-bottom:1px solid #fff;
background:url(../images/z-eal/bg_black.png) top center;
background-attachment: fixed;
background-size: cover;
}
#z-eal .column2 .block01 li p {
font-size:12px !important;
color:#ddd !important;
}
#z-eal .column2 .block01 li {
list-style:none;
margin-bottom:50px;
}
#z-eal .column2 .block01 h3 {
background:none;
line-height:2em;
margin-bottom:0px;
padding-bottom:15px;
font-weight:bold !important;
}
#z-eal .column2 .img01 {
}
#z-eal .column2 .img02 {
}
#z-eal .column2 .block02 .left {
list-style:none;
margin-bottom:50px;
}
#z-eal .column2 .block02 .right {
list-style:none;
margin-bottom:50px;
}
#z-eal .column2 .block02 h3 {
background:none;
line-height:2em;
font-size:20px;
margin-bottom:0px;
font-weight:bold !important;
}
#z-eal .column3 .block01 h4 {
font-weight:bold;
}
#z-eal .column2 .block02 ul {
padding:0 10%;
}
#z-eal .column2 .block02 {
}
#z-eal .column2 .block02 li p {
text-align:left;
line-height:2em;
}
.column2 .block01 li img {
 margin-bottom: 20px;
}
#z-eal .column2 .block02 li p {
font-size:12px;
text-align:left;
width:100%;
}
.block_end {
 margin-bottom: 0px !important;
 text-align: center;
}
#acMenu dt {
display:block;
padding:10px 15px;
text-align:left;
cursor:pointer;
border-bottom:#bbb 1px solid;
color:#333;
 font-size:16px;
padding-right:15px;
font-weight:bold;
background-color:#EEEEEE;
}
 #acMenu .plus {
background:url(../images/sp_yaji01.png) top right no-repeat #EEEEEE;
}
#acMenu dt a {
color:#333;
}
#acMenu dd {
background:#fff;
padding:5px 15px;
text-align:left;
border-bottom:#bbb 1px solid;
display:none;
}
#acMenu dd li {
color:#333 !important;
list-style:none;
margin:7px 0;
font-weight:bold;
background: url(../images/sp_yaji03.png) top left no-repeat;
padding-left: 20px;
}
#acMenu dd li a {
color:#333 !important;
list-style:none;
}
#acMenu dt.active {
background-color:#ddd !important;
background:url(../images/sp_yaji02.png) top right no-repeat #EEEEEE;
}
}
.pages {
    float:right;
    height:21px;
    padding-top:2px;
    overflow:hidden;
    width: 60%;
    margin: 50px auto;
}
.pages a, .pages span, .pages input {
    margin:0 0 0 5px;
    float:left;
}
.pages a, .pages span[class] {
    height:18px;
    padding:0 6px;
    line-height:18px;
}
.pages a:hover {
    text-decoration:none;
    color:#386790;
    background:#FFF;
}
.pages a.focus, .pages span.current {
    color:#000;
    border-color:#fff;
    background:#fff;
}
.pages span.pages-btn { display:none; }
.pages span.nextprev {
    color:#CDCDCD;
    border-color:#DEE2E8;
    background-color:transparent;
}