@charset "utf-8";

/*
-----------------------------------------------------------
▼全体のレイアウト
-----------------------------------------------------------
*/

body {
	background: url(../img/back_header_line.gif) repeat-x;
	}

#top {
	width: 1010px;
	margin: 0 auto;
	background: url(../img/back_upper.gif) no-repeat;
	}

#wrapper {
	width: 980px;
	height: auto;
	margin: 0 auto;
	}
	
#header {
	width: 980px;
	height: auto;
	}
	
#content {
	clear: left;
	width: 980px;
	height: auto;
	}
	
	#content #top-content {
		width: 980px
		height: auto;
		margin: 20px 0 50px 0;
		overflow: hidden;
		}
	
	#content #main-content {
		width: 980px;
		height: auto;
		margin: 0 0 40px 0;
		overflow: hidden;
		}
	
	#content #main-content #left-col {
		float: left;
		width: 630px;
		height: auto;
		padding: 0 30px 0 0;
		overflow: hidden;
		background:url(../img/right_line.gif) right top repeat-y;
		}
		
	#content #main-content #right-col {
		float: right;
		width: 300px;
		padding-left:20px;
		height: 400px;
		/*background: #ddd;*/
		}
		
#footer-wrap {
	width: 100%;
	height: auto;
	background: url(../img/back_footer_wrap.gif) repeat-x #999;
	overflow: hidden;
	}
	
#footer {
	width: 980px;
	height: auto;
	margin: 0 auto;
	}

/*▼header*/
	
	#header #header-top {
		width: 980px;
		height: 81px;
		border-bottom: solid 4px #2b4e72;
		background: url(../img/back_header_line.gif) repeat-x;
		}
	
	#header #header-top h1 {
		float: left;
		margin: 30px 0 0 0;
		}
	
	#header #header-top ul {
		float: right;
		width: auto;
		/*height: 30px;*/
		margin: 27px 0 0 0;
		list-style: none;
		/*background: #444;*/
		}
	
	#header #header-top ul li {
		float: left;
		/*height: 20px;
		margin: 4px 0 0 0;
		padding: 0 10px 0 10px;
		font-size: 1.2em;*/
		}
	
	#header #header-top ul li a {
		color: #FFF;
		}
	
	#header #header-top ul li.breadcrumb-left {
		/*border-left: solid 1px #FFF;*/
		}
	
	#header #header-top ul li.breadcrumb-right {
		/*border-right: solid 1px #000;*/
		}
		
	#header #header-top ul li.breadcrumb-left a img {
		/*margin: 0 3px 0 0;*/
		}
	
	#header #header-nav-box {
		clear: both;
		width: 980px;
		/*height: 428px;*/
		overflow: hidden;
		}
		
	#header #header-nav-box #slider-box01 {
		width: 980px;
		height: 297px;
		}
	
	#header #header-nav-box p.catchcopy {
		padding: 30px 0 26px 0;
		text-align: center;
		font-size:1.6em;
		line-height: 1.5;
		}
	
	#header #header-nav-box #nav {
		width: 980px;
		height: 50px;
		overflow: hidden;
		background:url(../img/global_nav_back.gif) left top ;
		}
	
	#header #header-nav-box #nav ul {
		width: 880px;
		margin:0 auto;
		/*height: 20px;*/
		/*margin: 15px auto 0 auto;*/
		/*background: #444;*/
		/*border-left: solid 1px #FFF;*/
		}
	
	#header #header-nav-box #nav ul li ,#header #header-nav-box #nav ul li a {
		float: left;
		display: block;
/*		width: 154px;
		height: 20px;
*/		/*padding: 1px 0 0 0;*/
		color: #FFF;
		text-align: center;
		font-size: 1.2em;
		/*border-right: solid 1px #FFF;*/
		}
	
/*▼content*/

.red {color: #F00;}
.blue {color: #00F;}
.sagyocyu {font-size: 1.6em;}
#slider-box02 p.red a {color: #F00;}
#slider-box02 p.red a:link {color: #F00;}
#slider-box02 p.red a:hover {color: #F00;}
#slider-box02 p.blue a {color: #00F;}
#slider-box02 p.blue a:link {color: #00F;}
#slider-box02 p.blue a:hover {color: #00F;}
	
	#content .top-content-box {
		float: left;
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 0 0 20px;
		padding: 110px 0 0 0;
		}
	
	#content .top-content-box p.content-img {
		position: absolute;
		top: 0;
		left: 0;
		}
		
	#content .top-content-box p.content-img a img:hover {	
		filter:alpha(opacity=65);
		-moz-opacity: 0.65;
		opacity: 0.65;
		}

		
	#content .top-content-box h2 {
		font-size: 1.6em;
		font-weight: bold;
		}
		
	#content .top-content-box p.main-copy {
		min-height:54px;
		height: auto !important;
		height: 54px;
		font-size: 1.2em;
		}
		
	#content .top-content-box p.content-btn {
		margin: 10px 0 0 0;
		text-align: right;
		}
		
	#content #main-content #left-col #news {
		clear: left;
		margin: 0 0 50px 0;
		}
	
	#content #main-content #left-col #news h2 {
		margin: 0 0 16px 0;
		padding: 0 0 0 22px;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.3;
		/*border-left: solid 5px #444;*/
		background: url(../img/title_icon01.gif) no-repeat left center;
		}
		
	#content #main-content #left-col #news ul {
		width: 500px;
		height: 173px;
		padding: 13px;
		line-height: 2.2;
		font-size: 1.2em;
		list-style: none;
		background: #F5F5F5;
		overflow: auto;
		}

/*製品・事例*//*
	#content #main-content #left-col #top-gallery-results {
		margin: 0 0 50px 0;
		overflow: hidden;
		}
		
	#content #main-content #left-col #top-gallery-results .top-gallery-box {
		float: left;
		width: 140px;
		height: auto;
		margin: 0 22px 0 0;
		font-size: 1em;
		}
*/

/*生産工程*/
	#content #main-content #left-col #top-process {
		margin: 0 0 35px 0;
		}
	
	#content #main-content #left-col #top-process h2 {
		margin: 0 0 16px 0;
		padding: 0 0 0 22px;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.3;
		background: url(../img/title_icon01.gif) no-repeat left center;
		}
		
	#content #main-content #left-col #top-process p.top-process-img {
		width: 630px;
		height: 180px;
		margin: 0 0 15px 0;
		}
		
	#content #main-content #left-col #top-process p.content-btn {
		margin: 15px 0 0 0;
		text-align: right;
		}
		
/*▼右カラム*/
	#content #main-content #right-col #sidenav li{
		margin-bottom:10px;	
		list-style:none;
		}
	#side-contact{
		background: url(../img/right_contact_back.gif) ;
		padding:8px;
		margin:15px 0;
		overflow:hidden;}
	
	#content #main-content #right-col h2 {
		margin:0;
		/*text-indent: 18px;*/
		line-height: 2;
		color: #FFF;
		font-size: 1.6em;
		font-weight: bold;
		/*background: #999;*/
		}
		
	#content #main-content #right-col p {
		margin: 12px 0px;
		}
		
	#content #main-content #right-col p span.contact-title {
		display: inline-block;
		margin: 0 0 12px 0;
		font-size: 1.4em;
		font-weight: bold;
		}
		
	#content #main-content #right-col p span.phone-number {
		display: inline-block;
		background:url(../img/right_tel_back.gif) no-repeat left top;
		padding:10px 0 0 20px;
		font-size: 2.4em;
		font-weight: bold;
		}
		#content #main-content #right-col .contact-info{
		background:#dcdbdb;
		padding:12px;
		}
		
	#content #main-content #right-col #side-iso p img.iso9001 {
		padding-right: 22px;
		}


/*▼footer*/

	#footer-wrap #footer #footer-top {
		width: 980px;
		height: 123px;
		overflow: hidden;
		}
	
	#footer-wrap #footer #footer-top p#back-to-the-top {
		float: right;
		display: block;
		width: 210px;
		height: 50px;
		}
	
	#footer-wrap #footer #footer-top p#footer-logo {
		clear: right;
		float: left;
		display: block;
		width: 205px;
		height: 30px;
		margin: 14px 15px 0 0;
		}
	
	#footer-wrap #footer #footer-top p#footer-address {
		float: left;
		margin: 15px 0 0 0;
		color: #FFF;
		font-size: 1.1em;
		}
	
	#footer-wrap #footer #footer-bottom {
		clear: left;
		width: 980px;
		height: auto;
		}
	
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-top {
		margin: 16px 0 0 0;
		line-height: 1;
		font-size: 1.2em;
		list-style: none;
		overflow: hidden;
		}
	
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-bottom {
		clear: left;
		margin: 12px 0 0 0;
		line-height: 1;
		font-size: 1.2em;
		list-style: none;
		overflow: hidden;
		}
	
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-top li {
		float: left;
		padding: 0 5px 0 5px;
		}
		
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-bottom li {
		float: left;
		padding: 0 5px 0 5px;
		}
		
	#footer-wrap #footer #footer-bottom ul li.f-breadcrumb-right {
		border-right: solid 1px #FFF;
		}
	
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-top li a {	
		color: #FFF;
		}
		
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-bottom li a {	
		color: #FFF;
		}
		
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-top li.f-breadcrumb-first {
		padding: 0 5px 0 0;
		}
	
	#footer-wrap #footer #footer-bottom ul#f-breadcrumb-bottom li.f-breadcrumb-first {
		padding: 0 5px 0 0;
		}
		
	#footer-wrap #footer #footer-bottom p#copyright {
		clear: left;
		margin: 90px 0 30px 0;
		line-height: 2;
		text-align: center;
		color: #FFF;
		font-size: 1.1em;
		}