@import url("base.css");

#company #primary { float: right; width: 550px; }
#company #primary-inner { margin: 25px 0 10px; }

#company #secondary { float: left; width: 150px; }
#company  #company-navi { width: 150px; list-style-type: none; }
#company  #company-navi li { font-size: .9em; text-align: center; border: 1px solid #CCCCCC; margin-top: 3px; }
#company  #company-navi li a { display: block; width: 100%; height: 100%; padding: 10px 0; }
#company  #company-navi li a:link { color: #666666; text-decoration: none; }
#company  #company-navi li a:visited { color: #666666; text-decoration: none; }
#company  #company-navi li a:hover { color: #000000; text-decoration: none; background: #F0F0F0; }
.company01 #company-navi li.navi01 a { background: #F0F0F0!Important; }
.company02 #company-navi li.navi02 a { background: #F0F0F0!Important; }
.company03 #company-navi li.navi03 a { background: #F0F0F0!Important; }
.company04 #company-navi li.navi04 a { background: #F0F0F0!Important; }
.company05 #company-navi li.navi05 a { background: #F0F0F0!Important; }

h1 { width: 550px; height: 40px; font-size: 1px; text-indent: -9999px; }
.company01 h1 { background: url(../company/img/h101.jpg) top left no-repeat;}
.company02 h1 { background: url(../company/img/h102.jpg) top left no-repeat;}
.company03 h1 { background: url(../company/img/h103.jpg) top left no-repeat;}
.company04 h1 { background: url(../company/img/h104.jpg) top left no-repeat;}
.company05 h1 { background: url(../company/img/h105.jpg) top left no-repeat;}

.company01 table.prof { font-size: 0.9em; margin-bottom: 10px; }
.company01 table.prof th { text-align: left; vertical-align: top; color: #145B18; letter-spacing: 1px; white-space: nowrap; padding: 0 5px 7px 0; }
.company01 table.prof td { padding: 0 0 7px 0; }
.company01 table.prof dd { margin: 2px 0 5px 12px; }
.company01 p.photoright { float: right; width: 180px; margin: 0; padding: 0; }
.company01 p.photoright img { margin: 0; padding: 0 0 10px 0; }
.company01 p.mapimage { clear: both; margin: 0 0 20px; padding: 0; }
.company01 p.mapimage img { vertical-align: top; }
.company01 p.mapimage .p-image { padding: 0 20px 0 0; }

.company02 .leaf { width: 550px; }
.company02 .section01 { float: left; width: 280px; }
.company02 .section02 { float: right; width: 250px; }
.company02 table.sangyo { width: 100%; background: #CCC; margin: 10px 0;  }
.company02 table.sangyo caption { font-weight: bold; text-align: left; color: #145B18; border-bottom: 1px solid #94CB98; padding: 2px 0; margin: 20px 0 10px; }
.company02 table.sangyo thead td { background: #EEEEEE; }
.company02 table.sangyo thead th { background: #EEEEEE; }
.company02 table.sangyo th { width: 50%; font-weight: normal; text-align: center;background: #FFF; padding: 3px 5px; }
.company02 table.sangyo td { width: 50%; font-family: "ＭＳ ゴシック", "Osaka−等幅"; text-align: center; background: #FFF; padding: 3px 5px;}
.company02 h2.cap { font-size: 120%; font-weight: bold; color: #145B18; border-bottom: 1px solid #94CB98; margin-top: 20px; padding: 2px 0; }
.company02 h2.cap span { font-size: .9em; }
.company02 h2.top { margin-top: 0; }
.company02 table.kobutsu { width: 550px; font-size: .9em; line-height: 150%; border: 1px solid #999999; background: #EEEEEE; margin: 30px 0 40px; }
.company02 table.kobutsu th { font-weight: normal; text-align: left; vertical-align: middle; padding: 0 0 0 10px; }
.company02 table.kobutsu td { text-align: right; vertical-align: middle; }
.company02 table.kobutsu th dt { font-weight: bold; font-size: 1.2em; color: #145B18; margin-bottom: 5px; }

.company03 h2 { font-size: 110%; letter-spacing: 1px; text-align: center; background: #1BAA1F; color: #FFF; margin: 20px 0; padding: 3px 15px; }
.company03 div.inner { width: 520px; margin: 15px auto; }
.company03 div.inner ul { list-style-type: decimal; margin: 0 0 0 25px; }
.company03 div.inner li { margin: 0 0 10px; }
.company03 div.inner img { float: right; }
.company03 div.inner ul.none { list-style-type: none; margin: 5px 0 5px 0; }
.company03 ul.none li { list-style-type: none; }
.company03 img.aja { float: right; padding: 0 0 15px 18px; }

.company04 h2 { font-size: 110%; letter-spacing: 1px; text-align: center; background: #1BAA1F; color: #FFF; margin: 20px 0; padding: 3px 15px; }
.company04 .section01 { margin-bottom: 20px; }
.company04 .section01 p { margin-bottom: 1em; }
.company04 .section02 ol { margin: 0 20px 0 30px; }
.company04 .section02 li { margin-bottom: 10px; }
.company04 img.bsi { float: right; padding: 0 15px 15px 18px; }
.company04 .section03 p { text-align: right; margin: 0 20px 40px 0; }


.company05 h2 { font-size: 110%; letter-spacing: 1px; text-align: center; background: #1BAA1F; color: #FFF; margin: 20px 0; padding: 3px 15px; }
.company05 h3 { font-size: 1em; letter-spacing: 1px; color: #145B18; padding: 6px 0 2px; margin: 3px .5em; }
.company05 h3:first-letter { font-size: 0.9em; padding: 0 2px 0 0; }
.company05 .section02 { float: left; width: 280px; }
.company05 .section03 { float: left; width: 250px; }
.company05 .section04 { float: left; width: 280px; }
.company05 .section05 { float: left; width: 250px; }
.company05 ul.trade { list-style-type: none; padding: 2px 0 15px 6px; }
.company05 ul.trade li { padding: 2px 0; }
*+html .company05 ul.trade li { font-size: .9em; }
.company05 p.aiueo { font-size: 0.88em; text-align: right; color: #555555; padding: 5px; }