@charset "utf-8";

/* reset
---------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: left;
	line-height: 1.6;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,img {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
a {
	color: #000;
	outline : 0;
}

input,select {
	margin: 2px 0;
	padding: 0;
}
strong {
	font-weight: bold;
}

/* header
---------------------------------------*/
#fixarea {
	position: fixed;
	width: 100%;
	height: 180px;
	background-color: #fff;
	z-index: 100;
}

#header_wrap {
	height: 80px;
}
header {
	height: 80px;
	background-color: #fff;
	width: 100%;
}
header .keyence {
	position: absolute;
	top:14px;
	left: 2px;
}
header .agilista {
	position: absolute;
	top:21px;
	left: 114px;
}
header .printer {
	position: absolute;
	top:42px;
	left: 2px;
}
header .contact {
	position: absolute;
	top:0px;
	right: 0px;
}

nav {
	width: 100%;
	height: 37px;
	position: relative;
	z-index:99;
	background-color: #F1F1F1;
	border-top: 3px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

nav ul.first {
	height: 37px;
	position: absolute;
	border-left: 1px solid #D9D9D9;
}
nav ul li {
	float: left;
	border-right: 1px solid #D9D9D9;
}

nav ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 1.5em;
	margin-top: -3px;
	border-top: 3px solid #E6E6E6;
}

nav ul li.selected a {
	border-top: 3px solid #0e3d7d;
}

nav ul li a:hover {
	color: #757575;
	background-color: #F7F7F7;
}

nav ul li ul {
	display: none;

}
nav ul li ul {
	border-top: 1px solid #D9D9D9;
}

nav ul li ul li {
	float: none;
	margin-left: -1px;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: none;
	background-color: #F1F1F1;
}

nav ul li ul li a {
	border: none;
	margin-top: 0;
	border-top: none;
	font-weight: normal;
}
nav ul li ul li a:hover {
	color: #000;
	background-color: #fff;
}

/*submenu
***********************/
div#submenu{
	width:100%;
	height:53px;
	padding-top:6px;
	border-bottom: 1px solid #D0D0D0;
	background-color: #fff;
}

ul#submenu_contents li{
	text-align:right;
	float: left;
	display: inline;
	text-align:center;
	padding:0 20px;
	border-left: 1px solid #D0D0D0;
	font-size: 93%;
	margin-bottom: 5px;
}

ul#submenu_contents li p{
	padding-top:2px;
}
ul#submenu_contents li p.cur{
	font-weight: bold;
}

ul#submenu_contents li a{
	color: #0467d5;
	text-decoration: none;
}
ul#submenu_contents li a:hover {
	color: #e60012;
	text-decoration: none;
}

/* common
---------------------------------------*/
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.floatL {float: left;}
.floatR {float: right;}
.bg-blue {
	background-color: #f1f7ff;
	padding-bottom: 30px;
	padding-top: 30px;
	margin-bottom: 30px;
}
.bg-gray {
	background-color: #f6f6f6;
	padding-top: 30px;
	padding-bottom: 30px;
}
.pagewidth {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.icon.right { float: right; }
.icon .map {
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	background: #0e3d7d;
	padding: 5px 10px;

}

.mt30 {margin-top: 30px;}
/* download　Button
---------------------------------------*/
.contact .button .download {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align:left;
	vertical-align: middle;
	white-space: nowrap;
	position:relative;
	top: 20px;
	padding: 8px 100px 8px 10px;
	box-shadow: 0px 1px 2px #999;
	border: 1px solid #C54F00;
	background-color: #ff4a00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8300), to(#ff4a00));
	background: -moz-linear-gradient(top, #ff8300, #ff4a00);
}

.contact .button .download:hover,
.contact .button .download:focus {
	background-color: #fe6e33;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9729), to(#fe6e33));
	background: -moz-linear-gradient(top, #ff9729, #fe6e33);
}

.contact .button .download:active {
	background-color: #ff8300;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff4a00), to(#ff8300));
	background: -moz-linear-gradient(top, #ff4a00, #ff8300);
}

.contact .button .download .inner {
	margin: 0 0 0 -4px;
	padding: 5px 0 5px 45px;
	background: url("../images/common/icon_textbutton_download_l.png") 10px 50% no-repeat;
}

.contact .button .download .btn-img{
	display:block;
	position:absolute;
	top: 50%;
	right:10px;
	margin-top:-25px;
}

.contact .button .download .btn-img img {
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

/* #main
---------------------------------------*/
#intro p {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
#intro .flow {
	margin-top: 30px;
}

#main {
	font-size: 14px;
	padding-top: 210px;
}
#main section,
#main .section {
	margin-bottom: 30px;
}
#main .pageTtl {
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 1;
	font-weight: bold;
	padding: 3px 0 0 15px;
	border-left: 4px solid #0E3D7D;
}

#main .pageTtl .lead {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
}

#main .ttlStyle {
	color: #0e3d7d;
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: bold;
}

#main .ttlStyle02 {
	font-size: 140%;
	margin-bottom: 15px;
	color: #0e3d7d;
}

#main .ttlStyle03 {
	font-size: 110%;
	margin-bottom: 15px;
	color: #0e3d7d;
}

#main .sectionTtl {
	color: #0e3d7d;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: solid 3px #0e3d7d;
	border-bottom: solid 3px #0e3d7d;
	margin-bottom: 30px;
	text-align: center;
	font-size: 28px;
}

#main .sectionTtl .ttl {
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	text-align: left;
	line-height: 1.3;
	border-right: 1px solid #0e3d7d;
	padding-right: 10px;
	*width: 35%;
}

#main .sectionTtl .text {
	font-size: 14px;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	*width: 60%;
}

#main .leadTxt {
	color: #0e3d7d;
	font-weight: bold;
}

#main .borderTtl {
	color: #0e3d7d;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border: solid 1px #0e3d7d;
	margin: 1em 0;
}

#main #dev .twoColumnL {
	width: 420px;
	float: left;
}

#main #dev .twoColumnR {
	width: 420px;
	float: right;
}

/* column3
---------------------------------------*/
.column3 .boxSize {
	width: 300px;
	float: left;
	margin-left: 20px;
}
.column3 .boxSize.first {
	margin-left: 0;
}

.column3 .boxSize .ttl {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.column3 .boxSize p {margin-bottom: 10px;}
.column3 .boxSize p.note {
	margin: 5px 0 0;
	font-size: 10px;
}

.column3 .boxSize .ttl.blue { background-color: #5976AE; }
.column3 .boxSize .ttl.pink { background-color: #D46957; }
.column3 .boxSize .ttl.green { background-color: #659475; }
.column3 .boxSize .ttl.violet { background-color: #7A6C98; }
.column3 .boxSize .ttl.yellow { background-color: #D2A257; }

/* #box style
---------------------------------------*/
.box-wrap {
	width: 940px;
	margin: 0 auto;
}
.box-style {
	float: left;
	width: 460px;
	background: #f6f6f6;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.box-style .ttl {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 10px;
	margin-bottom: 15px;
	text-align: center;
	border: 1px solid #AD010D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #E60012;
	background: -webkit-gradient(linear, left top, left bottom, from(#E60012), to(#C1000C));
	background: -moz-linear-gradient(top, #E60012, #C1000C);
	-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 3px 3px rgba(0,0,0,0.2);
}

.box-style ul {
	margin: 10px 15px 0;
}

.box-style.free { float: right; }

.box-style.free ul li {
	float: left;
	margin-right: 20px;
	min-height: 40px;
}
.box-style.free ul li a {
	display: block;
	padding: 10px 0 10px 50px;
}

.box-style.free ul li.contact a {
	background: url(../images/common/exp_btn_01.jpg) 0 50% no-repeat;
}
.box-style.free ul li.sample a {
	background: url(../images/common/exp_btn_02.jpg) 0 50% no-repeat;
}
.box-style.free ul li.showroom a {
	background: url(../images/common/exp_btn_03.jpg) 0 50% no-repeat;
}

.lineBoxStyle {
	border: 2px solid #0e3d7d;
	padding: 15px;
}

.line {
	border-top: 2px solid #0e3d7d;
	padding-top: 15px;
	margin-bottom: 15px;
}

.tel {
	color: #e9001b;
	font-size: 135%;
	font-weight: bold;
}

/* side
---------------------------------------*/
#side {
	position: absolute;
	width: 133px;
	z-index: 200;
	top:0px;
	right: 0px;
}
#side ul {
	margin-top: 141px;
	width: 133px;
	position: absolute;
	z-index: 10;
}
#side ul li {
	margin-bottom: 1px;
}
#side ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 40px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

#side ul li a:hover {
	background-color: #ED2F3C;
}

#side ul li.contact a {
	background: url(../images/common/btn_contact.png) 12px 50% no-repeat #E60012;
}
#side ul li.sample a {
	background: url(../images/common/btn_sample.png) 7px 50% no-repeat #E60012;
}
#side ul li.showroom a {
	background: url(../images/common/btn_showroom.png) 7px 50% no-repeat #E60012;
}

.pager {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 1em;
	text-align: center;
}
.pager .current {
	color: #999;
}

.guidance {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	float: right;
	text-align: left;
	line-height: 140%;
	border: 1px solid #e60012;
	padding: 10px;
}

.pagetop {
	clear: both;
	height: 30px;
	margin-bottom: 30px;
	text-align: right;
}
.pagetop a {
	display: block;
	width: 30px;
	margin-left: auto;
}
#fnavi {
	background-color: #f1f1f1;
	padding-bottom: 30px;
	padding-top: 30px;
}
#fnavi a {
	background-image: url(../images/common/ic_01.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}
#fnavi h4 {
	font-size: 93%;
	margin-bottom: 1em;
	font-weight: bold;
}
#fnavi ul {
	font-size: 86%;
}
#fnavi ul li {
	line-height: 2;
}
#fnavi .row {
	float: left;
	margin-right: 35px;
}
#fnavi .row1 {
	width: 220px;
}
#fnavi .row2 {
	width: 280px;
}
#fnavi .row3 {
	width: 150px;
}
footer,
.footer {
	padding: 15px;
	background-color: #333;
	text-align: right;
	font-size: 86%;
	color: #fff;
	position: relative;
}
footer .copyright,
.footer .copyright {
	position: absolute;
	top:0px;
	left: 0px;
}
footer a,
.footer a {
	color: #fff;
}


/* clearfix
---------------------------------------*/
.clearfix {*display: inline-block;}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
	zoom: 1;
}

/* inquiry-telephone
---------------------------------------*/
div#MainContent .section .inquiry-telephone-box {
    width: 750px;
    margin-inline: auto;
    box-sizing: border-box;
    margin-bottom: 30px;
}

div#MainContent .section .inquiry-message-text {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

div#MainContent .section .inquiry-phone-icon {
    display: inline-block;
	width: 45px;
    height: 45px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M23.8459 18.8048C24.0514 19.0103 24.0514 19.3435 23.8459 19.549L21.9896 21.4052C21.6958 21.699 21.3224 21.9075 20.9094 21.9533C17.7281 22.3057 14.2797 20.6242 11.8263 18.1708C9.37433 15.7188 7.69413 12.2717 8.04673 9.09064C8.09251 8.67763 8.30099 8.30421 8.59482 8.01038L10.4511 6.15412C10.6566 5.94863 10.9897 5.94863 11.1952 6.15412L13.7998 8.75867C14.0053 8.96416 14.0053 9.29733 13.7998 9.50282L11.1583 12.1443C11.1452 13.8391 12.0519 15.3826 13.3347 16.6653C14.6182 17.9489 16.1599 18.8556 17.8557 18.8417L20.5604 16.2479C20.767 16.0497 21.0942 16.0531 21.2967 16.2556L23.8459 18.8048Z' fill='%23e9001b'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

div#MainContent .section .inquiry-phone-main {
    font-size: 32px;
    font-weight: 700;
}

div#MainContent .section .inquiry-phone {
    display: flex;
    align-items: center;
    gap: 10px;
}

div#MainContent .section .inquiry-telephone-box-inner {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: #E8E8E8;
    padding: 4px 20px;
    margin-bottom: 30px;
}

div#MainContent .section .inquiry-telephone-box-footer {
    font-size: 18px;
    font-weight: 700;
}