@charset "utf-8";
@import url("reset.css");
@import url("basefont.css");


html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
body {
	font-size: small;
	margin: 0px;
	padding: 0px;
	font-family:   "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	line-height:140%;
	color:#2d2d2d;
}

a:link {	color: #257305; text-decoration: underline;}
a:visited {	color: #257305; text-decoration: underline;}
a:hover {	color: #7e9475;	text-decoration: none;}
a:active {	color: #7e9475;	text-decoration: none;}
a:hover img { opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}

#top { margin:0 auto; position: relative; min-height: 100%; }

#header { width:1000px; margin:0 auto; position:relative; height:70px;}
#header #lead { position:absolute; top: 15px; left: 0; font-size:12px; }
#header #tel { position:absolute; top:0; right: 0; }

.menubtn { display:none;}
.togmenu { display:block;}
#gnavi { margin-bottom:10px;}
#gnavi ul { width:1000px; margin:0 auto; height:40px; }
#gnavi ul li { text-align:center;  border-right:1px dotted #cfcfcf; float:left; width:129px;}
#gnavi ul li a { color:#000; display:block; width:129px; padding-top:10px; height:30px; text-decoration:none;}
#gnavi ul li:first-child { width:349px; text-align:left;}
#gnavi ul li:first-child a { width:349px; padding-top:0;}
#gnavi ul li a:hover { color:#7e9475; font-weight: bold;}
#gnavi ul li.now a{ color:#257305; font-weight: bold;}


#footer { width:100%; height:80px; background:#d7d7d7;
	position: absolute; 
	bottom: 0px;
	padding: 0;  font-size:12px; color:#464646;
 }
#footer #copyright { padding-top:15px; text-align:center; margin-bottom:5px;}
#footer #address { text-align:center;}


#go_top { width:1000px; margin:0 auto; text-align:right;}
#go_top a { padding:18px 15px 10px; background:#717171;}
#go_top img { width:50px; height:auto;}

#contents { width:1000px; margin:0 auto; padding-bottom:60px; position:relative;}
#contents h1 { }


#main_area { margin-bottom:80px; }
#main_area h2.nomal_h2 {  font-size:21px; font-weight:bold; background:#529d0d; border-radius:10px; color:#fff; padding:15px; margin-bottom:25px;}


#bnr_area { margin-bottom:30px;}
#bnr_area ul { text-align:center;}
#bnr_area ul li { display:inline-block; padding-right:5px;}
#bnr_area img { height:68px; width:auto;}

#pan { font-size:86%; margin-bottom:20px; }
#pan ul { width:980px; margin:0 auto; color:#222;}
#pan ul li { padding:4px 0; display:inline;}

/*TOP*/
#top_main { margin:0 0 20px; background:#529d0d; z-index:1;	background-image: -webkit-linear-gradient(270deg,rgba(82,157,13,1.00) 0%,rgba(153,203,52,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(82,157,13,1.00) 0%,rgba(153,203,52,1.00) 100%);
}
#top_main div {
	width: 1000px;
	margin: 0 auto;
}
#top_main div img { line-height:100%; vertical-align:text-bottom;}

#top_point_box { z-index:9999; position: absolute; top:-30px;}
#top_point_box dl { width:320px; background:url(../img/top/top_point_bg.png) no-repeat 0 0; padding:35px 0 0 0; float:left; height:365px; margin-left:10px;}

#top_point_box dl dt { color:#010101; padding:0 15px; margin-bottom:5px;}
#top_point_box dl dt span { color:#257305; font-weight:bold; font-size:18px; display:block;}
#top_point_box dl dd { padding:8px 15px 5px; line-height:160%;}
#top_point_box dl dd.photo { text-align:center; padding-left:10px;}

#top_products_area { padding-top:400px;}
#top_products { background:url(../img/top/top_products_bg.jpg) no-repeat 0 0; }

#imgHover {
position: relative;
width: 1000px;
}
#imgHover #imgFrame {
position: absolute;
left: 200px;
top: 0;
text-align: center;
width: 405px;
height: 245px;
}
#imgHover #imgHoverList {
list-style: none;
position: relative;
height:340px;
}
#imgHover ul li { width:204px;}
#imgHover ul li img {border: none;}
#imgHover ul li a { display: block; background:url(../img/top/top_products_icon_bg.png) no-repeat 0 0; color:#000; text-decoration:none;}
#imgHover ul li a:hover { position: static; background:url(../img/top/top_products_icon_bg.png) no-repeat 0 -94px; color:#fff;}
#imgHover ul li a .mainImage { display: none; }

#top_products01 { position:absolute; top:5px; left:20px;}
#top_products02 { position:absolute; top:5px; right:15px;}
#top_products03 { position:absolute; bottom:10px; left:20px;}
#top_products04 { position:absolute; bottom:10px; right:15px;}
#top_products01 a { padding:25px 20px 0; height:69px; font-weight:bold ;}
#top_products02 a { padding:35px 20px 0; height:59px; font-weight:bold ;}
#top_products03 a { padding:25px 20px 0; height:69px; font-weight:bold ;}
#top_products04 a { padding:35px 20px 0; height:59px; font-weight:bold ;}

#imgHover a:hover img { opacity:1.0;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}

#imgHover ul li#top_products01 a:hover .mainImage {
display: block;
position: absolute;
top: 30px;
left: 300px !important;
left: 83px;
}
#imgHover ul li#top_products02 a:hover .mainImage {
display: block;
position: absolute;
top: 30px;
left: -460px !important;
left: 83px;
}
#imgHover ul li#top_products03 a:hover .mainImage {
display: block;
position: absolute;
top: -200px;
left: 300px !important;
left: 83px;
}
#imgHover ul li#top_products04 a:hover .mainImage {
display: block;
position: absolute;
top: -200px;
left: -460px !important;
left: 83px;
}

/*SUB*/
#sub_page_title { margin-bottom:10px; background:#257305;}
#sub_page_title h1 { font-size:36px; color:#fff; width:980px; margin:0 auto; padding:18px 0 15px; line-height:100%; }
.contents_box { margin-bottom:40px;}
.contents_box h3 { padding-left:20px; font-size:18px; font-weight:bold; color:#257305; line-height:120%;
 margin-bottom:10px;}
.contents_box p { font-size:16px; line-height:170%; margin:0 20px 15px;}

.machinery_img { float:right; margin-left:20px; width:240px;}
.machinery_img img { margin-bottom:20px;}

#sub_main_img { margin-bottom:30px;}
#access_map { width:420px; float:right;}

.machinery_block { width:320px; height:330px; float:left; margin-bottom:20px; margin-left:10px;}
.machinery_block dt { font-size:18px; text-align:center; font-weight:bold; background:#529d0d; border-radius:10px; color:#fff; padding:15px; margin-bottom:20px;}
.machinery_block dd.photo { text-align:center;}
.machinery_block dd { padding:0 10px;}

#company_data { display:table; width:550px; float:left; font-size:15px; line-height:160%;}
#company_data dl { display:table-row;}
#company_data dl dt { display:table-cell; padding:10px; font-weight:bold; border-bottom:1px dotted #ccc;}
#company_data dl dd { display:table-cell; padding:10px; border-bottom:1px dotted #ccc;}



/*その他共通*/
.text { padding:0 0 15px; line-height:180%;}
.attention { color:#FF6600;}
.attention_s { color:#FF6600; font-size:80%;}
.clear { clear:both;}
.photo_right { float:right; margin-left:20px;}
.photo_left { float:left; margin-right:20px;}
.width_60 { width:60px;}
.width_100 { width:100px;}
.width_120 { width:120px;}
.width_150 { width:150px;}
.width_180 { width:180px;}
.width_200 { width:200px;}
.width_240 { width:240px;}
.width_300 { width:300px;}
.width_400 { width:400px;}
.width_600 { width:600px;}
.nomal { font-weight:normal;}
.entry_btn { text-align:center; margin-bottom:10px;}
.entry_btn img { margin:0 10px 5px;}
.entry_btn input { padding:5px 10px; margin: 10px 5px;}
.small { font-size:86%;}
.right { text-align:right;}
.img_right { float:right; margin-left:20px; margin-bottom:20px;}
.img_left { float:left; margin-right:20px; margin-bottom:20px;}
.center { text-align:center;}
.bottom2 { margin-bottom:2px;}
.bottom3 { margin-bottom:3px;}
.bottom5 { margin-bottom:5px;}
.bottom10 { margin-bottom:10px;}
.bottom20 { margin-bottom:20px !important;}
.bottom35 { margin-bottom:35px;}
.bottom50 { margin-bottom:50px !important;}
.top10 { margin-top:10px;}
.top20 { margin-top:20px;}
.bold { font-weight:bold;}
.blue { color:#0066CC;}
.red { color:#FF3333;}
.orange { color:#ec6400;}
.gray { color:#666666;}
.break { page-break-before: always; }

/* Clearfix */  
.clearfix:after {   
    content: " ";    
    display: block;    
    height: 0;    
    clear: both;    
    visibility: hidden;   
}   
.clearfix {   
    display: inline-block;   
    min-height: 1%;   
}   
/* Hides from IE-mac \*/  
* html .clearfix {   
    height: 1%;   
}   
.clearfix {   
    display: block;   
}   
/* End hide from IE-Mac */