@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Allura);

/* ------------ common part ------------ */
body  { background: #eee; margin: 0; padding: 0; text-align: center; border-top: 5px solid #999; }
#page { width: 960px; margin: 0 auto; text-align: left; background: #fff; border-left: solid 1px #999; border-right: solid 1px #999; border-bottom: solid 1px #999;
-moz-box-shadow: 0 0 15px #ccc;
-webkit-box-shadow: 0 0 15px #ccc;
}
#header {}
h1 { height: 100px; background: url(../images/kyowa-industry.png) no-repeat 5em 3.5em; text-indent: -99999px; }
h1 a { display: block; width: 300px; height: 35px; position: relative; left: 5em; top: 3.5em; }
#header p { position: relative; left: 380px; top: -3.7em; }
#navi { width: 960px; height: 35px; line-height: 35px; border-top: solid 1px #999; border-bottom: solid 1px #999;
-moz-box-shadow: 0 5px 5px #ccc;
-webkit-box-shadow: 0 3px 3px #ddd;
}

#navi li { float: left; width: 159px; height: 35px; text-align: center; border-right: solid 1px #ccc; }
#navi li a.last { border-right: none; width: 160px; }
#navi li a { display: block; width: 159px; height: 35px; color: #fff;
background: -moz-linear-gradient(top, #ccc, #666);
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));
background-color: #666;/* for IE */
}

#navi li a:hover { text-decoration: none;
background: -moz-linear-gradient(top, #666, #ccc);
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#ccc));
background-color: #999;/* for IE */
}

#contents { clear: both; padding: 3em 5em 1em; overflow: hidden; }
#contents h2 { margin-bottom: 1em; font-size: 150%; background: #ccc; border: solid 1px #999; text-indent: 1.2em; padding: 0.3em 0 0.3em 0; 
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
}
#contents h3 { margin: 1em 1em 1em 1.7em; font-size: 120%; }
#contents h4, #contents p, #contents dl, #contents ul, #contents table { margin: 1em 1em 2em 2em; }
#contents table { border-collapse: collapse; border: solid 1px #ccc; }
#contents tr { border-bottom: solid 1px #ccc; }
#contents td { padding: 0.5em 1em; }
#contents .bg { background: #eee; }

.page-top { width: 6em; margin: 0 5em 0 auto; padding: 0.3em; text-align: center; background: #ccc; }
.page-top a { display: block; width: 6em; }
.page-top a:hover { text-decoration: none; }
#footer { padding: 2em 5em 2em; overflow: hidden; background: #ccc; }
#address { float: left; width:49%; line-height: 1.35em; }
#logo { float: left; padding-right: 1em; }
#logo image { width: 50px; height: 50px; }
#copyright { float: right; width: 16em; text-align: right; }
#copyright ul { overflow: hidden; }
#copyright li { float: left; }
#copyright p { text-transform: uppercase; }
.right-space { margin-right: 1em; }
.attention { color: #c00; }
.memo { font-size: 85%; color: #666; margin-left: 5em; }

/* each page */
#home h2 { height: 270px; background: url(../images/main.jpg) #adadad no-repeat center;  text-indent: -9999px; }

#privacy #contents dt { font-weight: bold; }
#privacy #contents dd { margin-left: 1em; }

#import-index #contents ul { margin: 0; }
#import-index h4 { margin: 0 0 1em; padding: 0.2em 0 0.2em 1em; border: solid 1px #ccc; }
#import-index h5 { margin-bottom: 1em; border-top: solid 3px; padding-left: 0.5em; }
#import-index span { float: right; padding-right: 0.5em; } /* 詳細はこちらリンク */
#import-index #pump-menu { float: left; width: 14.5em; border: solid 1px #999; }
#import-index #pump-menu ul li { background: #ddd; text-indent: 0.5em; }
#import-index #pump-menu ul li a { display: block; width: 14.5em; height: 30px; line-height: 35px; text-decoration: none; }
#import-index #pump-menu ul li a:hover { background: #999; color: #fff; }
#import-index #pump-menu ul li ul li { background: #eee; text-indent: 1.5em; }
#import-index #pump-menu ul li ul li a { display: block; width: 14.5em; height: 30px; line-height: 35px; }
#import-index #pump-menu ul li ul li a:hover { background: #999; color: #fff; }
#import-index #pump-list { margin-left: 16em; }
#import-index #pump-list .item-wrapper { overflow: hidden; margin-bottom: 2em; }
#import-index #pump-list .item-wrapper ul { float: left; width: 200px; margin-bottom: 1em; margin-right: 8px; border: solid 1px #999; }
#import-index #pump-list .item-wrapper .item-3rd { float: right; margin-right: 0; }
#import-index #pump-list .item-wrapper .item-name { background: #ccc; text-align: center; padding: 0.2em 0; }
#import-index #pump-list .item-wrapper .item-photo { border-bottom: dotted 1px #999; }
#import-index #pump-list .item-wrapper .item-photo img { width: 200px; height: 135px; }
#import-index #pump-list .item-wrapper dl { margin: 0; }
#import-index #pump-list .item-wrapper dt { float: left; width: 6em; text-indent: 0.5em; }
#import-index #pump-list .item-wrapper dd { margin-left: 7em; }

#import h4 { margin: 0 0 1em; padding: 0.2em 0 0.2em 1em; border: solid 1px #ccc; }
#import table caption { padding-bottom: 1em; }
#import table caption:before { content:"\003010"; }
#import table caption:after { content:"\003011"; }
#import table td { border-right: 1px solid #ccc; }

.size-data { overflow: hidden; }
.size-data .size { float: left; }
.size-data .graph { float: right; }
.size-data h5 { margin-left: 2em; padding-bottom: 0.3em; border-bottom: 1px solid #999; }
.size-data h5:before { content:"\002605"; }
.size-data dt { margin-bottom: 1em; text-align: center; }
.size-data dt:before { content:"\003010"; }
.size-data dt:after { content:"\003011"; }

.features { overflow: hidden; margin-bottom: 2em; }
.features_image { float: left; }
.features_note { margin-left: 250px; }
.features_note ul { list-style-type: disc; padding-left: 2.5em; }

#indutry h4 { margin: 0 0 1em; padding: 0.2em 0 0.2em 1em; border: solid 1px #ccc; }
#indutry table td { border-right: 1px solid #ccc; }

#company table dl { margin: 0; }
#company table dt { float: left; width: 7em; }
#company table dd { margin-left: 7em; }

#inquiry table input { width: 21em; }
#inquiry table textarea { width: 20em; height: 10em; padding: 0.5em; }
#inquiry table .button { text-align: center; }
#inquiry table .button input { width: 7em; }

#system #contents dl dt { margin: 1em 0; padding: 0.2em 0 0.2em 1em; border: 1px solid #ccc; font-weight: bold; }
#system #contents ol { margin: 0 0 0 3em; }