/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* =Global Elements
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

form,input,textarea,select{margin:0; padding:0; display:inline;}
div.space{height:0px; display:block; width:auto; clear:both;}
div.space hr{position:absolute; left:-9999px;}
div.line{height:0px; display:block; width:auto; clear:both;}
div.line hr{position:absolute; left:-9999px;}

html{height:100%;}
body{margin:0px; padding:0px; color:#47535a; font-size:87.5%; line-height:150%; height:100%;
background:#f7edda url(images/main-bg.gif) center top repeat-y; height:100%;
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ){body{font-size:14px; line-height:150%;}}
@-moz-document url-prefix( ){body{font-size:14px; line-height:150%;}}
@media print{* html body{zoom:80%;}}
@media print{*+html body{zoom:75%;}}


h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

a{color:#47535a; text-decoration:underline;}
a:hover{text-decoration:none;}

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

/* =Layout
-------------------------------------------------------------- */

#wrapper {background:#fff; min-height:100%;
margin: 0 auto;
width: 978px;
border-left:1px solid #1a1a1a;
border-right:1px solid #1a1a1a;
}
* html body #wrapper{height:100%;}
*+html body #wrapper{height:100%;}


/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}

/* =Footer
-------------------------------------------------------------- */
#footer{clear:both; padding-top:25px; text-align:center; padding-bottom:15px;}
.dl-home #footer{padding-top:0;}
#footer #gnav-foot{margin:0; padding:0; float:left; list-style:none; height:22px; width:978px;}
#footer #gnav-foot li{margin:0; padding:0; float:left;}

#footer p{font-size:86%; line-height:150%; padding:20px 0; clear:both;}
#footer p a{text-decoration:none;}
#footer p a:hover{text-decoration:underline;}
#footer .banner img{margin:0 2px; vertical-align:top;}

/* =Header
-------------------------------------------------------------- */
h1{text-align:right; margin:0; padding:15px 10px 5px 0px; color:#fff; font-size:78.5%; line-height:130%;
background:#1c94c7;}
#top .title{height:53px; position:relative;}
#top .title img{position:relative; z-index:0;}
#top .title .link-area{display:block; position:absolute; z-index:1; height:1.5em; right:15px; bottom:5px;
font-size:86%; line-height:150%;}
#top .title .link-area a{color:#333333; text-decoration:none;}
#top .title .link-area a:hover{text-decoration:underline;}
#top #gnav{width:978px; height:44px; float:left; margin:0; padding:0; list-style:none; clear:left;
border-top:1px solid #1a1a1a;}
#top #gnav li{float:left; height:44px; margin:0; padding:0;}
#top p.photo{margin:0; padding:0;}
#top p.photo img{margin:0; padding:0; vertical-align:bottom;}


/* =Content
-------------------------------------------------------------- */
#main{padding-top:/*38px*/25px;}
#container{float:right; padding-right:41px; width:739px;}
#content{border-top:1px solid #d3d3d4;}

.page-nav{clear:both; font-size:86%; line-height:150%; padding:15px 39px 0 40px; text-align:right;}
.page-nav a{text-decoration:none;}
.page-nav a.pagetop img{margin-right:2px; margin-top:2px; vertical-align:text-top;}

/*トップ*/
#top .photo{width:978px; position:relative;}
#top .photo p{position:absolute; top:0px; left:0px; z-index:9999;}
#top .photo ul{position:relative; z-index:1;}
.dl-home #top .photo{height:258px; overflow:hidden;}

.dl-home #main{background:url(images/home-bg.gif) right top repeat-y; float:left; width:100%;
padding-bottom:45px;}
.dl-home #content{border:none; width:690px; float:left; padding-left:27px;}
.dl-home #content p.read{font-size:93%; line-height:150%; color:#333333; padding-bottom:25px;}
.dl-home #content ul.bt{float:left; height:180px; margin:0; padding:0; list-style:none;}
.dl-home #content ul.bt li{float:left; margin:0 3px 0 0; padding:0; height:152px;}
.dl-home #content ul.car{float:left; margin:0; padding:5px 0 0 0; list-style:none;}
.dl-home #content ul.car li{margin:0; padding:5px 10px 0 0; float:left; width:128px;
text-align:center;}
.dl-home #content ul.car li .thum{background-color:#ddd; width:128px; overflow:hidden;}
.dl-home #content ul.car li img{margin:0; vertical-align:bottom;}
.dl-home #content ul.car li h3{font-size:71.5%; line-height:125%; text-align:left;
padding-top:5px; font-weight:normal;}

.dl-home #news{float:right; width:205px; padding-right:22px;}
.dl-home #news .title{display:block; font-size:100%; line-height:135%; color:#f15a24; border-left:3px solid #f15a24; padding-left:6px;}
.dl-home #news ul{font-size:93%; line-height:150%; list-style:none; padding:2px 0 20px 0; margin:0;}
.dl-home #news ul li{padding:3px 0 2px 0; margin:0;}
.dl-home #news ul li span{font-size:90%; line-height:150%;}
/*.dl-home #news ul li a{color:#DCE1E4;}*/
.dl-home #news ul li img{vertical-align:text-top; margin-left:5px; margin-top:3px;}


/*アクセスマップ*/
.dl-accses #main{float:left; width:100%;}
.dl-accses #main h2{padding-left:40px; padding-bottom:25px;}
.dl-accses #content{border:none; width:356px; float:left; padding-left:40px;}
.dl-accses #content table{width:356px; font-size:93%; line-height:150%; border-bottom:#d3d3d3 1px solid;}
.dl-accses #content table th{margin:0; padding:5px 1em; width:1%; white-space:nowrap; vertical-align:top; text-align:center;
font-weight:normal; background-color:#f2f2f2; border-top:#d3d3d3 1px solid;}
.dl-accses #content table td{margin:0; padding:5px 1em 0 1em; vertical-align:top; text-align:left;
border-top:#d3d3d3 1px solid;}
.dl-accses #content table td p{padding:0 0 5px 0;}
.dl-accses #content table td strong{color:#050a32; font-weight:bold;}
.dl-accses #content table td strong span{font-weight:normal; font-size:85%; line-height:150%; margin-right:2px;}
.dl-accses #map{width:520px; height:400px; overflow:hidden; float:right; padding-right:39px;}
.dl-accses #map iframe{border:1px solid #d3d3d3;}

/*サービス＆ファクトリー*/
.dl-service #main{float:left; width:100%;}
.dl-service #main h2{padding-left:40px; padding-bottom:12px; clear:both;}
.dl-service #main #factory.space{height:25px;}

.dl-service #content{border:none; width:898px; float:left; padding-left:40px;}
.dl-service #content .text{width:520px; font-size:93%; line-height:150%; float:left; padding-bottom:8px;}
.dl-service #content ul{list-style:none; margin:0; padding:0; border-bottom:#d3d3d3 1px solid;}
.dl-service #content ul li{margin:0; padding:5px 0; border-top:#d3d3d3 1px solid;}
.dl-service #content ul li span{color:#050a32; font-size:85%; line-height:150%; margin-right:2px;}
.dl-service #content p{margin:0; padding:10px 0 0 0;}
.dl-service #content img.right{float:right; margin-bottom:8px;}
.dl-service #content img.photo{clear:both;}


/*会社概要*/
.dl-company #main{float:left; width:100%;}
.dl-company #main h2{padding-left:40px; padding-bottom:12px; clear:both;}
.dl-company #main #factory.space{height:25px;}

.dl-company #content{border:none; width:898px; float:left; padding-left:40px;}
.dl-company #content .text{width:520px; font-size:93%; line-height:150%; float:left;}
.dl-company #content .text table{border-bottom:#d3d3d3 1px solid; width:100%;}
.dl-company #content .text table th{margin:0; padding:5px 1em; width:1%; white-space:nowrap; vertical-align:top; text-align:center;
font-weight:normal; background-color:#f2f2f2; border-top:#d3d3d3 1px solid;}
.dl-company #content .text table td{margin:0; padding:5px 1em 0 1em; vertical-align:top; text-align:left;
border-top:#d3d3d3 1px solid;}
.dl-company #content .text table td p{padding:0 0 5px 0;}
.dl-company #content .text table td strong{color:#050a32; font-size:85%; line-height:150%; margin-right:2px;}



.dl-company #content img.right{float:right;}
.dl-company #content img.photo{clear:both;}