@charset "utf-8";

/* =========================================================
start
========================================================= */

body{
font-size:88%;
min-width:940px;
}

/* =========================================================
class
========================================================= */
/* 見出し */	
.headline1{
	background:url(../commonimages/bg_koushi.jpg) repeat-x left top;
	padding-top:15px;
	margin-bottom:1.5em;
	font-size:129%;
	}
	
.headline1 h1{
	background: url(../commonimages/headlinebottom.jpg) no-repeat center bottom;
	padding:0 10px 25px 10px;
	}


/* 添える写真 */	
.figureA{
	float:right;
	margin:0 0 1.5em 15px;
	}
.figureB{
	float:left;
	margin:0 15px 1.5em 0;
	}

	
/* 2/1や3/1のボックスの設定 */
.boxcover1-2{
	clear:both;
	width:970px;
	margin-right: -30px;
	overflow:hidden;
	}
	
.box1-2{
	float:left;
	margin-right:30px;
	width:455px;
	}

.boxcover1-3{
	clear:both;
	width:960px;
	margin-right: -20px;
	overflow:hidden;
	}
.box1-3{
	float:left;
	margin-right:20px;
	width:300px;
	}
	
.box2-3{
	float:left;
	margin-right:;
	width:;
	}
.boxcover1-4{
	clear:both;
	width:965x;
	margin-right: -25px;
	overflow:hidden;
}	

.box1-4{
	float:left;
	width:216px;
	margin-right:25px;
	}
	
/* コラムレイアウトの内の2/1や3/1のボックスの設定 */	
.column .box1-2{
	float:left;
	margin-right:;
	width:;
	}

.column .boxcover1-3{
	overflow:hidden;
	margin-right:-20px;
	width:945px;
	}	
.column .box1-3{
	float:left;
	margin-right:20px;
	width:290px;
	}	
	
/* 文字を隠す */
.textpchidden{
	display:none;
	}
	
/* =========================================================
layout
========================================================= */

body{
	background:url(../commonimages/bg_nav.jpg) repeat-x left 100px #FFF;}
	
#wrapper{
	width:940px;
	margin:0 auto;}

	
header{
	padding-top:23px;
	margin-bottom:2em;}

header #tell{
	margin-bottom:27px;
	margin-right:10px;
	background:url(../commonimages/tell.gif) no-repeat left top;
	width:241px;
	height:50px;
	float:right;
	}
	
header #catalog a{
	display:block;
	width:220px;
	height:50px;
	float:right;
	margin-bottom:27px;
	background:url(../commonimages/catalog.jpg) no-repeat left top;
	}
	

header nav {
	overflow:hidden;
	clear:both;
	background:url(../commonimages/bg_shadow.gif) no-repeat center bottom;
	padding-bottom:12px;
	}
	
header nav ul li{
	float:left;
	}
	
header nav ul li a{
	height:50px;
	display:block;
	}

header nav ul li#nav01 a{
	background:url(../commonimages/nav_1.jpg) no-repeat left top;
	width:156px;}
	
header nav ul li#nav01 a.current,
header nav ul li#nav01 a:hover{
	background:url(../commonimages/nav_1_on.jpg) no-repeat left top;}

header nav ul li#nav02 a{
	background:url(../commonimages/nav_2.jpg) no-repeat left top;
	width:156px;}
	
header nav ul li#nav02 a.current,
header nav ul li#nav02 a:hover{
	background:url(../commonimages/nav_2_on.jpg) no-repeat left top;}


header nav ul li#nav03 a{
	background:url(../commonimages/nav_3.jpg) no-repeat left top;
	width:157px;}
	
header nav ul li#nav03 a.current,
header nav ul li#nav03 a:hover{
	background:url(../commonimages/nav_3_on.jpg) no-repeat left top;}


header nav ul li#nav04 a{
	background:url(../commonimages/nav_4.jpg) no-repeat left top;
	width:157px;}

header nav ul li#nav04 a.current,
header nav ul li#nav04 a:hover{
	background:url(../commonimages/nav_4_on.jpg) no-repeat left top;}

header nav ul li#nav05 a{
	background:url(../commonimages/nav_5.jpg) no-repeat left top;
	width:157px;}
header nav ul li#nav05 a.current,
header nav ul li#nav05 a:hover{
	background:url(../commonimages/nav_5_on.jpg) no-repeat left top;}


header nav ul li#nav06 a{
	background:url(../commonimages/nav_6.jpg) no-repeat left top;
	width:157px;}
	
header nav ul li#nav06 a.current,
header nav ul li#nav06 a:hover{
	background:url(../commonimages/nav_6_on.jpg) no-repeat left top;}

#contents #childmenu li{
	display:inline;
	margin:0 6px;
	}
	
footer #footercontents{
	background: url(../commonimages/bg_foot.gif) no-repeat center top #f9f9f9;
}
footer #spcatalog,
footer #sptell{
	display:none;
	}
	

/* =========================================================
home
========================================================= */

#home #mainbg{
	background:url(../commonimages/bg_mainimg.jpg) no-repeat center 190px;}
	
#home #header{
	margin-bottom:0;}

#home #homemain{
	margin-bottom:35px;
	background:url(../images/mainimg.jpg) no-repeat left top;
	height:437px;
	}
	
#home .headline1{
	position: relative;}
	
#home .headline1 h2{
	background:url(../commonimages/line_shadow.gif) no-repeat center bottom;
	padding-bottom:25px;
	}
	
#home #access,
#home #news,
#home #product{
	position: relative;
	}
	
#home #access p.spbtn,
#home #news p.spbtn,
#home #product p.spbtn{
	position:absolute;
	top:15px;
	right:0;
	}

	
#home .headline1 span{
	min-height:27px;
	height: auto !important;
	height: 27px;
	display:inline-block;
	_display:inline;
	_zoom:1;
	}
	

#home #product .headline1 span{
	background:url(../commonimages/icon_fence.gif) no-repeat left center;
	padding-left:40px;
	}
	

#home #product ul.productlist li{
	margin-right:15px;
	}

	
#home #product ul.productlist{
	margin-right:-15px;
	width:470px;
	}

#home .headline1 p a{
color:#000;}
#home .headline1 p  a:hover{
	color:#007145;}
	

#home #access .headline1 span{
	background: url(../commonimages/icon_access.gif) no-repeat left center;
	padding-left:40px;
	}
	
	
#home #access #maplink{
	display:none;}


#home #news .headline1 span{
	background: url(../commonimages/icon_news.gif) no-repeat left center;
	padding-left:40px;
	}
		
#home #map_canvas{
	height:311px;
	width:440px;}

	
footer #footercontents{
	width:960px;
	margin:0 auto;}
	
footer #footercontents ul li{
	margin-right:16px;
	float:left;}
	
	
footer #footercontents ul{
	margin-bottom:1em;
	overflow:hidden;}

footer #footercontents small{
	float:right;}
	


/* =========================================================
product
========================================================= */
#product ul.productlist{
	width:960px;
	margin-right:-20px;
	overflow:hidden;
	}

#product ul.productlist li{
	margin-right:20px;}
	
	

/* =========================================================
news
========================================================= */

#news dl dt{
	float:left;
	clear:left;
	width:90px;}
	
#news dl dd{
	margin-left:110px;
	margin-bottom:1em;}
	

/* =========================================================
company
========================================================= */


/* =========================================================
work
========================================================= */
.workgal  ul.productlist img{
	max-width:206px;
	max-height:206px;
	height:auto;}

.md-clear{
	clear:left}