/* Base Weblog (base-weblog.css) */



/* basic elements */



html

{

   margin: 0;

   /* setting border: 0 hoses ie6 win window inner well border */

   padding: 0;

}



body

{

   margin: 0;

   /* setting border: 0 hoses ie5 win window inner well border */

   padding: 0;

   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}



form, input { margin: 0; padding: 0; }

a { text-decoration: none; }

a img { border: 0; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote

{

   margin-top: 10px;

   margin-bottom: 5px;

}





/* standard helper classes */



.clr

{

   clear: both;

   overflow: hidden;

   width: 1px;

   height: 1px;

   margin: 0 -1px -1px 0;

   border: 0;

   padding: 0;

   font-size: 0;

   line-height: 0;

}



/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after

{

   content: " ";

   display: block;

   visibility: hidden;

   clear: both;

   height: 0.1px;

   font-size: 0.1em;

   line-height: 0;

}

* html .pkg { display: inline-block; }

/* no ie mac \*/

* html .pkg { height: 1%; }

.pkg { display: block; }

/* */





/* page layout */



body { text-align: center; } /* center on ie */



#container

{

   position: relative;

   margin: 0 auto; /* center on everything else */

   width: 780px;

   text-align: left;

}

#container-inner { position: static; width: auto; }



#banner { position: relative; }

#banner-inner { position: static; }



#pagebody { position: relative; width: 100%; }



/* content */



.content-nav

{

   margin: 0.8em;

   text-align: center;

}



/* modules */



.module

{

   position: relative;

   overflow: hidden;

   width: 100%;

}



.module-content

{

   position: relative;

   margin: 5px;

}



.module-list,

.archive-list

{

   margin: 0;

   padding: 0;

   list-style: none;

}



ul.module-list-item {

   margin: 0;

   padding: 0;

}



li.module-list-item {

   border-left: 5px solid #CCCC99;

   padding-left: 5px;

   border-bottom: dotted 1px #CC9900;

   margin: 0 0 10px 0;

   font-size: 0.9em;

}



/* basic page elements */



a { color: #333; text-decoration: none; }

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



#banner a { color: #fff; text-decoration: none; }

#banner a:hover { color: #fff; }



.module-content a { color: #36414d; }

.module-content a:hover { color: #990000; }

.module-header,

.trackbacks-header,

.comments-header,

.comments-open-header,

.archive-header

{

   /* ie win (5, 5.5, 6) bugfix */

   p\osition: relative;

   width: 100%;

   w\idth: auto;

   margin: 10px 0 0 5px;

   /*border-left: 5px solid #003366;*/

   padding: 5px 0 2px 5px;

   color: #666;

   /*background: #003366;*/

   font-size: 0.9em;

   /*font-weight: bold;*/

   line-height: 1em;

   text-transform: uppercase;

   letter-spacing: 0.05em;

   border-bottom: 2px solid #CC9900;

}





/* page layout */



body

{

   min-width: 780px;

   color: #333;

   background-color: #CCC;

   

}



#container

{

   width: 780px;

   margin-bottom: 20px;

   background: #fff;

}



#banner

{

   width: 778px; /* necessary for ie win */

   height: 70px;

   background: #FFF;

   margin: 0 1px 0 1px;

   border-top: 5px solid #006600;

}



#banner-inner img

{

   margin: 5px;

}



.banner-user

{

   width: 70px;

   margin-top: 5px;

   font-size: 10px;

}



#banner-header

{

   margin: 0;

}



#rightContent { 

        width: 540px;

		margin: 5px; 

		padding: 5px 5px 0 15px;        

		border-left: 1px solid #DADDA6;

		float: right;

}



#leftContent { 

        width: 165px;

		margin: 5px;

		padding: 5px 5px 0 5px;

		float: left;

}



.date-header

{

   margin-top: 0;

   font-size: 11px;

   font-weight: bold;

   text-transform: uppercase;

}



.entry-header

{

   margin: 5px 0 5px 0;

   border-left: 5px solid #CC9900;

   border-bottom: 1px solid #CC9900;

   padding: 5px 0 0 10px;

   color: #333;

   font-size: 1.0em;

   font-weight: bold;

}



/* modules */



.module

{

   margin-left: 5px;

   /*border-bottom: 1px solid #f3f6f9;*/

   background: #fff;

}



.module-content

{

   margin: 5px 0 25px 0px;

   border-top: 1px solid #fff;

   padding: 0px;

   line-height: 1.5;

   font-size: 0.9em;

}



.module-search input { font-size: 0.8em; }

.module-search #search { width: 100px; }

.module-list

{

   margin: 0 0 0px 10px;

   list-style: none;

   text-decoration: none;

}

.module-list .module-list

{

   margin: 5px 0 0px 5px;

   padding-left: 0;

   list-style: none;

   text-decoration: none;

}

.module-list-item

{

   margin-top: 1;

   color: #666;

   line-height: 1.5;

}



#footer

{

  background-color: #006600; 

  height: 45px;

  color: #FFF;

  clear: both;

  width: 778px;

  border-left: 1px solid #FFF;

  border-right: 1px solid #FFF;

  border-bottom: 1px solid #FFF;

}



address {

  padding: 15px 0px 0px 0px;

  font-size: 0.8em;

  font-style: normal;

  text-align: center;

}

#pics {

  width: 778px;

  height: 300px;

  margin-left: 1px;

  border-top: 2px solid #CCCC99;

}

#pagePics {

  width: 778px;

  margin-left: 1px;

  border-bottom: 2px solid #DADDA6;

  border-top: 2px solid #DADDA6;

}

#subButton {

  background-color: #EEE;

  padding: 3px 4px 2px 4px;

  margin-top: 5px;

}

#company table {

  margin-left: 15px;

}

td.company {

  vertical-align: top;

}

p.entry-footer {

  font-size: 0.8em;

}

#serviceCont{

  margin: 10px 10px 25px 10px;

  letter-spacing: 0.05em;

  color: #333;

}

#serviceCont ul{

  margin: 5px;

  list-style: none;

}

h4.serviceTitle {

  color: #003366;

  font-weight: bold;

  clear: both;

}

dl {

  margin: 10px 0 10px 20px;

  font-size: 0.8em;

}

dt {

  clear: both;

  margin: 5px 0 15px 0;

}

dd {

  margin: 10px 0 10px 0;

  line-height: 1.2em;

}

ol {

  margin-left: 5px;

}

td.mailform {

  width: 25%;

  vertical-align: top;

  text-align: right;

}

#mailsub {

  background-color: #eee;

  padding: 3px 3px 2px 3px;

}

img.portfolio {

  float: left;

  margin-right: 10px;

}

h1.copy {

  font-size: 0.9em;

  color: #333;

  float: right;

  margin-top: 30px;

}

#pics1{

  float: left;

  padding: 10px;

}

#pics2{

  float: left;

  padding: 10px 10px 5px 0;

}

#pics3{

  float: left;

  padding: 5px 10px 10px 0;

}

p.infoComment1 {

  font-size: 0.9em;

  margin: 225px 0 0 5px;

}

p.infoComment2 {

  font-size: 0.9em;

  margin: 103px 0 0 5px;

}

#info img {

  margin: 0;

}

#companyInfo {

 margin-top: 15px;

 font-size: 0.9em;

 letter-spacing: 0.1em;

}

td.company {

  padding-left: 10px;

}

p.content-nav {

  font-size: 0.9em;

}

#philosophy {

  margin: 10px 10px 25px 10px;

  font-size: 0.9em;

  letter-spacing: 0.1em;

}

#philosophy p {

  line-height: 1.75em;

  letter-spacing: 0.05em;

  text-indent: 1em;

  margin: 0 10px 0 10px;

}

#philosophy ol {

  padding: 10px;

  line-height: 1.5em;

}

#philosophy li {

  margin: 10px;

}

#philosophy h4 {

  text-align: center;

}

p.recruit {

  color: #990000;

} 

hr {

  color: #006699;

}

hr.grey {

  color: #CCC;

  width: 776px;

  margin: 0 0 0 2px;

  height: 1em;

}

#serviceCont a {

  color: #0000FF;

  text-decoration: none;

}

#serviceCont a:hover {

  color: #990000;

  text-decoration: none;

}

p.entry {

  text-align: center;

  font-weight: bold;

  padding: 20px 0 10px 0;

}

.rateLeft {

  background-color: #336699;

  color: #FFF;

  padding: 2px 0 2px 5px;

  font-size: 0.9em;

  width: 40%;

  line-height: 1.5em;

}

.rateCenter {

  background-color: #eee;

  text-align: right;

  padding: 2px 5px 2px 0;

  font-size: 0.9em;

  width: 15%;

}

.rateFrom {

  background-color: #eee;

  text-align: center;

  font-size: 0.9em;

  width: 5%;

}

.rateRight {

  background-color: #eee;

  text-align: left;

  font-size: 0.9em;

  padding: 2px 0 2px 10px;

}

table.recruit {

  border-top: 1px dotted #CCC;

  line-height: 1.5em;

}

td.acsLeft {

  width: 15%;

  vertical-align: top;

  text-align: right;

}

td.acsCenter {

  width: 65%;

  padding-left: 10px;

}

td.acsRight {

  width: 20%;

}

#bill {

  margin-left: 30px;

}

p.toshin {

  clear: both;

}

p.value {

  margin: 0;

  padding: 0;

}

topBanner {

  margin: 10px 0 10px 0;

  text-align: center;

}

#isle{

  margin-left: 0;

}

#homepage{

  margin-left: 0;

  margin-top: 0;

}

table.rate {

  

  margin: 0;

  padding: 0;  

}

#information {

  width: 525px;

  height: 100px;

  border-top: 1px dotted #CCC;

  margin: 5px 0 5px 10px;

}

#information h3 {

  font-weight: bold;

  font-size: 0.9em;

}

#information p {

  font-size: 0.9em;

}

.infoLeft {

  width: 133px;

  height: 100px;

  float: left;

  margin: 5px;

}

.infoRight {

  width: 360px;

  height: 100px;

  float: left;

  margin: 5px;  

}

.infoLeft img {

  vertical-align: bottom;

  margin: 0;

  padding: 0;

}

.infoDl {

  margin: 5px;

  font-size: 0.9em;

  letter-spacing: 0.1em;  

}

.infoDt {

  padding-left: 20px;

  background-image: url(images/point.gif);

  background-repeat: no-repeat;

  background-position: left;

  font-weight: bold;

  color: #000;

}

#topics {

  width: 525px;

  margin: 5px 0 0 10px;

}

#topics h2 {

  font-size: 1.0em;

  border-left: 5px solid #666;

  border-bottom: 1px solid #666;

  padding-left: 10px;

}

#topics ul {

  list-style: none;

  font-size: 0.9em;

  margin: 5px 0 15px 5px;

  padding: 0;

}

#topics li {

  letter-spacing: 0.05em;

}

#portfolio {

  clear: both;

  margin: 5px 0 5px 0;

  height: 250px;

  padding: 5px;

  border: 1px solid #CCC;

  width: 500px;

}

 

#portLeft {

  float: left;

  width: 140px;

}



#portRight {

  float: left;

  width: 335px;

  margin-left: 10px;

} 

#portRight dd{

  margin: 0;

}

#portRight ul{

  margin: 0;

}

#portRight li{

  margin: 0;

}

ol.service {

  padding: 0 0 5px 25px;

} 

h4.rate_title {

  margin: 10px 0 0 0;

  font-weight: bold;

}

.web {

  margin: 5px 0 5px 15px;

}

#map {

  text-align: center;

}

p.pBanner {

  text-align: center;

}

.sub_menu {

  display: none;

}