@charset "UTF-8";

body {
    font-family: sans-serif;
    font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 25px;
}


h1,h2,h3,h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: bottom;
}

a:link,
a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover,
a:active {
	text-decoration: none;
	color: #444444;
}

ul {
	margin: 0;
	/*padding: 0;*/
}

ul li {
	list-style: none;
	/*margin: 0;*/
	/*padding: 0;*/
}


/* ヘッダ*/

#head {
	width: 1000px;
	margin: 0 auto 30px auto;
}

#head:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#head-l {
	width: 500px;
	float: left;
	padding-top: 30px;
}

#logo {
	width: 500px;
	text-align: left;
	margin-bottom: 5px;
}

#logo h1 {
	font-size: 22px;
	font-weight: bold;
}

#logodisc {
	width: 500px;
	text-align: left;
}

#head-r {
	width: 500px;
	float: right;
	padding-top: 30px;
}

#head-r:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#head-r ul {
	float: right;
}

#head-r ul li {
	float: left;
	margin-left: 20px;
}

#head-r ul li a {
	padding: 5px 8px;
	display: block;
	background-color: #F8F8FF;
	color: #000;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	font-size: 13px;
}

#head-r ul li a:hover {
	background-color: #000;
	color: #fff;
}


/* トップメニュー */

.navbar{
    border-bottom: 1px solid #a29080;
    background-color: #12300f;
}

.navbar .navbar-collapse{
    flex-grow: 0;
}
.navbar .navbar-brand{
    height: 50px;
}
.navbar .navbar-brand img{
    height: 100%;
}
.navbar .navbar-nav .active > .nav-link{
    color: #ffce11;
}
.navbar .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(251,251,241,1);
}

/*
#menu {
    width: 100%;
    height: 40px;
    background-color: dimgray;
    padding-top: 5px;
    box-sizing: border-box;
}
#menu ul {
    display: flex;
}
#menu li {
    list-style: none;
}
#menu a {
    display: block;
    text-decoration: none;
    color: white;
    margin-right: 35px;
}

#menu a.hover {
    color:greenyellow;
}
*/

/* メイン画像 */

#ttlpic {
	width: 100%;
	height: 230px;
	background-image: url(img/main.jpg);
	background-size: 100%;
	background-position: center top;
}


/* メインコンテンツフレーム */

#maincontents {
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
}

#maincontents:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* トップページのコンテンツ用CSS */

.topmain {
    width: 1000px;
    margin: 0 auto;
}

.topmain-ttl {
    width: 60%;
    margin: 0 auto 40px auto;
}

.topmain-ttl h2 {
    border: 5px solid #19db71;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 10px 40px;
    font-size: 28px;
}

.topmain-ttl h3 {
    border: 5px solid #19db71;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 10px 40px;
    font-size: 28px;
}

.topmain-txt {
    clear: both;
    display: block;
    width: 900px;
    margin: 0 auto -20px auto;
    padding-bottom: 40px;
}

.topmain-txt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.topmain-txt p {
    margin-bottom: 20px;
    text-align: left;
}

.topmain-img-l {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}

.topmain-img-r {
    float: right;
    margin-left: 40px;
    margin-bottom: 20px;
}

.topmain-img {
    clear: both;
    display: block;
    width: 900px;
    margin: 0 auto 40px auto;
    text-align: center;
}

.MCPic {
	width:370px;
	height:278px;
}

/* 生産管理 */
.ss1 {
	border-width: thin;
	border-color: #CCCCCC;
	float: left;
	width: 480px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-top-style: solid;
	padding-top: 5px;
}

.ss1L {
	float: left;
	width: 250px;
	margin-right:10px;
}

.ss1R {
	float: left;
	width: 210px;
	margin-right:3px;
}

/* 問い合わせ */
.ctct {
	width: auto;
}

.ctctL {
	float: left;
	width: 200px;
	text-align: right;
	margin-left: 100px;
	margin-right: 30px;
}

.ctctR {
	width: 700px;
	text-align: left;
}

/* オーダーメイドソフト */
.odr {
	padding: 10px;
	width: 980px;
	border-width: thin;
	border-color: #CCCCCC;
	margin-top: 10px;
	border-top-style: solid;
	margin-bottom: 20px;
}

.odrL {
	float: left;
	width: 300px;
	margin-right: 30px;
}

.odrR {
	float:left;
	width: 650px;
	text-align: left;
	font-size:16px;
}

/* ダウンロード　*/
.dl1 {
	padding: 10px;
	background-color: #FFFFFF;
	width: 280px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	text-align:left;
}

.dl1 ul li {
	list-style-type:disc;
	margin-left: 20px; 
}

.dlr {
	padding: 10px;
	background-color: #FFFFFF;
	width:200px;
	margin-top: 10px; 
	margin-bottom: 10px; 
	float:right;
	text-align:left;
}

.dlbtn {
	padding: 5px;
	margin: 5px;
	font-size: 36px;
	background-color: #00CCFF;
	width: 250px;
	color: #FFFFFF;
	cursor : pointer;
}


/* フッター */

#foot {
	width: 100%;
	background-color: #F5F5DC;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 30px;
	padding-bottom: 30px;
}

#flink {
	width: 1000px;
	margin: 0 auto 0 auto;
}

#flink:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.flinkw {
	width: 20%;
	float: left;
}



.flinkw ul li {
    list-style: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	text-align: left;
}

.flinkbnr {
	width: 220px;
	float: right;
	text-align: right;
}

#footdisc {
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footad {
	text-align: center;
	width: 100%;
	background-color: #151515;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
}