@charset "UTF-8";
@import url("edit.css");

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	line-height:1.6;
	letter-spacing:1px;
	font-family:"メイリオ", Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color: #F8F5E4;
}

br {
   letter-spacing:normal;
}

a {
   color:#0089a1;
   text-decoration:underline;
}

a:hover {
   color:#0089a1;
   text-decoration:none;
}

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


h1,h2,h3,h4,h5,h6 {
   margin:0;
}


h2.title{
	margin:0;
	font-size: 10pt;
}

li {
	margin-left:0px;
	list-style-type: none;
}
/* ========TEMPLATE LAYOUT======== */
#header{
	width:800px;
	margin:auto;
	display:block;
	height:150px;
}



#menu {
	width:100%;
	float:left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0DBB94;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-bottom: 40px;
	background-color: #FFF;
	margin-top: 15px;
}




#icatch {
	width:800px;
	
}

#contents {
	clear:both;
	position:relative;
	z-index:100;
	overflow:hidden;
	width:800px;
	background:#fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main {
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#sub {
   float:left;
   width:220px;
   padding:10px;
   background:url("../images/bg_contents.gif") 0 0 no-repeat;
}

#pageTop {
   clear:both;
   width:800px;
}

#footer {
   clear:both;
   background:#ddd;
}

#footMenu {
   clear:both;
   overflow:hidden;
   width:750px;
   margin:0 auto;
   padding:30px 10px 30px 40px;
}


/* ========HEADER CUSTOMIZE======== */



h1{
	font-size:17px;
	line-height:30px;
	margin-left: 0;
	padding-top: 10px;
}
.logo_wrap {
	float: left;
	height: 140px;
	width: 180px;
	margin-left: 20px;
}

#logo_pic{
	height: 81px;
	width: 81px;
	margin-left: 25px;
	margin-top: 20px;
}
#header h1 a {
   color:#333;
}

#header h1 a:hover {
   color:#666;
}

#header #pr p {
   margin:0;
   padding:10px 0;
   font-size:11px;
}
#pr{
	text-align: right;
	margin:0;
	font-size:11px;	display:block;
	width:420px;
	float:right;
	clear:right;	line-height:25px;
}

#access {
	float: right;
	height: 29px;
	width: 174px;


}
#navi{
	display:block;
	width:250px;
	height:20px;
	float:right;
	margin-top:20px;
}


/* ========MENU CUSTOMIZE======== */
#menu{
	overflow:hidden;
}
#menu ul {
	display:block;
   width:800px;
   margin:0 auto;
   padding:0;
   height:50px;
}
#menu ul li{
	float:left;
}
#menu ul li a span{
	visibility:hidden;
}
#menu ul li a{
	display:block;
	text-decoration:none;
}
#menu ul li.com a{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position:-0px -0px;
}

#menu ul li.com a:hover{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -0px -75px;
}
#menu ul li.com a.active{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -0px -150px;
}

#menu ul li.busi a{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position:-160px -0px;
}

#menu ul li.busi a:hover{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -160px -75px;
}
#menu ul li.busi  a.active{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -160px -150px;
}
#menu ul li.info a{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position:-320px -0px;
}

#menu ul li.info a:hover{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -320px -75px;
}
#menu ul li.info  a.active{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -320px -150px;
}

#menu ul li.resu a{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position:-480px -0px;
}

#menu ul li.resu a:hover{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -480px -75px;
}
#menu ul li.resu a.active{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -480px -150px;
}

#menu ul li.contact a{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position:-640px -0px;
}

#menu ul li.contact a:hover{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -640px -75px;
}
#menu ul li.contact a.active{
	background-image:url(../images/bth001.png);
	width:160px;
	height:50px;
	background-position: -640px -150px;
}

/* ========ICATCH CONTENTS CUSTOMIZE======== */
#icatch h2 {
   padding-top:30px;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#inquiry{

	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	clear: both;
}

#main #banner_space{
	height: 200px;
	width: 525px;
	margin-top: 40px;
	float: left;
}

#main #contact{
	height: 200px;
	width: 231px;
	margin-top: 40px;
	float: right;
	margin-bottom: 20px;
}

#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#5A5132;
   font-size:15px;
   font-weight:bold;
}

#bg_h3 {
	font-size:14px;
	border-top:1px dotted #ddd;
	background:#fff url("../images/bg_main_h3.gif") 0 0 repeat-x;
	height: 20px;
	width: 755px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main h4 {
   margin-bottom:5px;
   padding:5px;
   font-size:14px;
   border-left:5px solid #0089a1;
   border-bottom:1px dotted #ddd;
}

#main h5 {
   margin-bottom:5px;
   padding:5px;
   font-size:13px;
   color:#fff;
   background:#0089a1;
}

#main h6 {
   margin-bottom:5px;
   font-size:13px;
}

#main p {
   margin:0 0 1em 0;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#eee;
}

/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
}

#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   background:transparent;
}

#main table {
   width:100%;
   border-collapse:collapse;
}

#main table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
   background:#f0f7fc;
}

#main table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
}

#renewal ul li {
	margin-left:0px;
	list-style-type: none;
	font-size: 120%;
	clear: both;
	vertical-align: 140%;
}

#table_wrap tr td{
    border:1px solid #ddd;
   
}

/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section {
   margin-bottom:10px;
   border:1px solid #E8E8E8;
}

#sub h3 {
   padding:10px 5px;
   font-size:13px;
   font-weight:bold;
   color:#fff;
   text-align:center;
   border:1px solid #fff;
   border-bottom:none;
   background:#0089a1 url("../images/bg_sub_h3.gif") 0 0 repeat-x;
}

#sub ul {
   margin:0;
   padding:5px 5px 1px 5px;
   border:1px solid #fff;
   background:#E8E8E8;
}

#sub li {
   margin-bottom:5px;
   padding:5px;
   line-height:1.4;
   border:1px solid #b5b5b5;
   list-style:none;
   background:#fff url("../images/bg_sub_list.gif") 0 0 repeat-x;
}

#sub li a {
   display:block;
   padding-left:5px;
   line-height:3.0;
   border-left:5px solid #0089a1;
}

#sub2 ul {
   margin:0;
   padding:0;
}

#sub2 li {
   line-height:1.4;
   border-bottom:1px solid #ddd;
   list-style:none;
}

#sub2 li a {
   display:block;
   padding-left:20px;
   color:#333;
   line-height:3.0;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:20px 0 4px 0;
   text-align:right;
}

#pageTop a {
   padding:5px 5px 5px 17px;
   background:#ddd url("../images/bg_pagetop.gif") 7px 50% no-repeat;
   font-size:11px;
}


/* ========FOOTMENU CUSTOMIZE======== */
.section {
	float:right;
	width:700px;
	margin-right:30px;
	padding:0;
	text-align: center;
	margin-top: 10px;
	font-size:13px;
	line-height:25px;
}

#footMenu h3 {
   font-size:12px;
}

#footMenu ul {
   margin:0;
   padding:0;
}

#footMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#footMenu li a {
   padding-left:10px;
   font-size:11px;
   background:url(../images/bg_footmenu.gif) 0 50% no-repeat;
}
.copyright {
   clear:both;
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   text-align:center;
}

.footer_center{
	float: left;
	width: 700px;
	text-align: center;
}

#table_wrap {
	position:relative;
	z-index:100;
	overflow:hidden;
	width:800px;
	background:#fff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	clear: left;
	margin-top: 10px;
}
.table_color {
	background-color: #CCC;
	padding-left: 10px;
}
.table_left {
	float: left;
	width: 400px;
	height: 179px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.table_space {
	padding-left: 20px;
}
.table_space2 {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* ========FOOTER CUSTOMIZE======== */
#renewal {
	background-color: #FFF;
	height: 220px;
	width: 800px;
	margin-right: auto;
	margin-bottom: 40px;
	overflow-y: scroll;
	padding-top:10px;
}
#renewal ul{
	margin: 0px 15px;
	padding:0px;
}
#renewal ul li{
		border-bottom:1px double #093;
		background-image:url(../images/back-list.png);
		background-position:left center;
		background-repeat:no-repeat;
		padding-left:30px;
		padding-top:5px;
		padding-bottom:5px;
		margin:0px;
		
}
#renewal ul li span{
	margin-left:30px;
}
#footer #footMenu ul li a {
	float: left;
	margin-left: 10px;

}
.menu_center{
	width: 665px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;

}
#bg_title {
	background-image: url(../images/bg_h3.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 790px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 14px;
	padding-left: 9px;
	padding-right: 0px;
	word-spacing: 0em;
	color: #000;
	overflow:hidden;
}
.bg_title {
	background-image: url(../images/bg_h3.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 790px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 14px;
	padding-left: 9px;
	padding-right: 0px;
	word-spacing: 0em;
	color: #000;
	overflow:hidden;
}
#map_wrap {
	clear: both;
	width: 748px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: 600px;
	background-color: #FFF;
	padding-top: 20px;
	padding-left: 50px;
	border: 1px solid #DDD;
}
#top_greeting {
	width: 740px;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 200%;
}
#top_greeting_right {
	font-size: 16px;
	text-align: right;
	width: 700px;
	}

/*マップ内容*/
#map_canvas{
	height: 520px;
	width:650px;
	margin-left:25px;
	margin-top:20px;
	margin-bottom:20px;
	border: 1px solid #CCCCCC;
}
#map_canvas span{
	font-weight: bold;
}
.top_under {
	width: 800px;
	height: auto;
	margin: auto;
	clear: both;
}
#center_content{
	margin:auto;
	width: 800px;
	height:auto;
	clear:both;
	overflow:hidden;
		
}
.content_w01{
	width:760px;
	height:auto;
	background-color:#FFFFFF;
	padding:20px 20px 0px 20px;
	overflow:hidden;
	margin-bottom:30px;
}
.content_w01 .box_left{
	width:343px;
	border:1px solid #666;
	height:440px;
	float:left;
	display:block;
	padding:10px;
	margin-right:30px;
	
}
.content_w01 .box_left ul{
	padding-top:10px;
	padding-bottom:10px;
}
.content_w01 .box_left ul li{
	list-style:disc;
	line-height:14pt;
	margin:0px;
	padding:0px;
}
.content_w01 .box_right{
	width:343px;
	border:1px solid #666;
	height:440px;
	float:left;
	display:block;
	padding:10px;
}
.content_w01 .box_right ul{
	padding-top:10px;
	padding-bottom:10px;
}
.content_w01 .box_right ul li{
	list-style:disc;
	line-height:14pt;
	margin:0px;
	padding:0px;
}
.content_w01 .box_left_m{
	width:343px;
	border:1px solid #666;
	height:295px;
	float:left;
	display:block;
	padding:10px;
	margin-right:30px;
}
.content_w01 .box_right_m{
	width:343px;
	border:1px solid #666;
	height:295px;
	float:left;
	display:block;
	padding:10px;
}
.content_w01 .box_machine_info_big {
    /**２カラム**/
	width:718px;
	border:1px solid #666;
	height:345px;
	float:left;
	display:block;
	padding:10px;
	margin-right:5px;
	margin-left: 5px;
	margin-bottom: 20px;
}
.ml-skyshop {
    margin-left: 37px;
}
.content_w01 .box_machine_info_big h3 {
    /**２カラム**/
	width:100%;
}

.content_w01 .box_machine_info {
	width:343px;
	border:1px solid #666;
	height:295px;
	float:left;
	display:block;
	padding:10px;
	margin-right:5px;
	margin-left: 5px;
	margin-bottom: 20px;
}
.content_w01 .box_machine_info_SW {
	width:343px;
	border:1px solid #666;
	height:350px;
	float:left;
	display:block;
	padding:10px;
	margin-right:5px;
	margin-left: 5px;
	margin-bottom: 20px;
}

.content_w01 h3{
	height:25px;
	text-align:center;
	width:340px;
	background-color:#CCC;
	margin:0px auto 10px;
}
.box_clea{
	clear:both;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
}.content_w01 p{
	margin-top:10px;
	line-height:20px;
}
h4.title{
	background-color:#009966;
	height:40px;
	width:740px;
	font-size:14px;
	color:#FFF;
	line-height:40px;
	padding-left:20px;
	margin-bottom:20px;
}
h4.title2{
	background-color:#009966;
	height:40px;
	width:540px;
	font-size:14px;
	color:#FFF;
	line-height:40px;
	padding-left:20px;
	margin-bottom:10px;
	display:block;
}
table.link_table{
	width:758px;
	border:1px solid #666;
	border-collapse:collapse;
	margin-bottom:20px;
}
table.link_table tr td{
	border:1px solid #666;
	border-collapse:collapse;
	height:45px;
}

.content_w01 ol{
	margin:0px 0px 0px 20px;
	padding:0px;
}
.content_w01 ol li{
	list-style-type:decimal;
	margin:0px;
	padding:0px;
	list-style-position:outside;
	line-height:20px;
	margin-bottom:30px;
}
.content_w01 ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}
.content_w01 ul li{
	list-style-type:circle;
	margin:0px;
	padding:0px;
	list-style-position:outside;
	line-height:20px;
	margin-bottom:30px;
}
.content_left{
	width:560px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-bottom:50px;
}
.content_right{
	width:220px;
	height:auto;
	float:left;
}
.content_right img{
	margin-bottom:20px;
}
.content_results{
	clear:both;
	overflow:hidden;
}
.content_left table{
	border:1px solid #666;
	background-color:#FFFFFF;
	width:560px;
	margin-bottom:20px;
}
.content_left table tr td{
	padding:10px 5px;
	letter-spacing: 0.1em;
	font-size:8pt;
	line-height:11pt;
}
.back_top{
	margin-bottom:20px;
	text-align:right;
	margin-right:20px;
}
.content_left dl{
	border:1px solid #666;
	background-color:#FFFFFF;
	line-height:12pt;
	width:560px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.content_left dl dt{
	padding-left:10px;
	padding-bottom:0px;
	margin:0px;
}
.content_left dl dd{
	text-align:right;
	padding-left:250px;
	margin-bottom:10px;
	margin-bottom:20px;
}

#company_photo {
	width: 800px;
	height: auto;
	float: left;
	margin-bottom: 50px;
}

    .buttom_sw {
  /**　性能表　**/    
    width: 250px;
    height: 30px;
    padding: 0px;
    margin: 0px 50px 0px 50px;
    text-align: center;
    background: rgb(0,20,1);
    background: linear-gradient(0deg, rgba(0,20,1,1) 0%, rgba(9,121,30,1) 100%, rgba(127,255,0,1) 100%);
    border-radius: 30px;
    color: white;
    font-weight: bold;
    border: none;
}  
.buttom_sw_ss-150 {
	/**　性能表　**/    
	  width: 250px;
	  height: 30px;
	  padding: 0px;
	  margin: 0px 245px 0px 245px;
	  text-align: center;
	  background: rgb(0,20,1);
	  background: linear-gradient(0deg, rgba(0,20,1,1) 0%, rgba(9,121,30,1) 100%, rgba(127,255,0,1) 100%);
	  border-radius: 30px;
	  color: white;
	  font-weight: bold;
	  border: none;
  }   
   a .buttom_sw:hover {
    /**　性能表　**/      
    opacity: 0.7;             
          }   

     
/*****  MARUMIE *****/

.bg_title　{

background-image: url(../images/bg_h3.jpg);
background-repeat: no-repeat;
height: 44px;
width: 790px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 14px;
padding-left: 9px;
padding-right: 0px;
word-spacing: 0em;
color: #000;
overflow: hidden;	
	
}

.title_price{
	background-color: #B50A0A;
	height: 40px;
	width: 740px;
	font-size: 14px;
	color: #FFF;
	line-height: 40px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.download_banar {
	width: 447px;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 73px;

} 


a .link:hover {
	opacity: 0.7;
}

.marumie_bana01 {
	width: 501px;
	height: auto;
	background-image: url(../images/marumie01.jpg);
	padding-top: 95px;
	padding-right: 10px;
	padding-left: 10px;
}
/*===============================================
事業案内
===============================================*/
      /**CSS*** */
      .business_guide_category_box {
        width: 96%;
        height: auto;
        padding: 2%;
        margin: 0px auto 20px;
        border: 1px solid #c4c2c2;
        overflow: hidden;
      }

      h3.business_guide_category_title {
        width: 30%;
        height: auto;
        padding: 3px 1%;
        margin: 0px 10% 0% 0%;
        color: #ffffff;
        background-color: #16BE98;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        float: left;
      }

      .business_guide_category_box ul {
        width: 55%;
        float: left;
      }

      .business_guide_category_box ul li {
        list-style-type: disc;
        list-style-position: inside;
        font-size: 15px;
        margin: 10px 0px;
      }

      .business_guide_photo_box {
        width: 100%;
        margin: 15px 0px;
        float: left;
        display: flex;
		flex-wrap: wrap;
      }
   
	  .business_guide_photo_box img {
        width: 225px;
		height: 225px;
		margin: 8px;
		object-fit: cover;
		object-position: center;
      }