article, aside, details, figcaption, figure, hgroup, menu, nav, section {
  display: block;
}



.logosize {
  width:  80px;
  height: 100px;
  margin: 10px auto auto 10px;

}
.titlesize {
  width:  590px;
  height: 100px;
  margin: 10px auto auto 5px;
}
.mailtoptitlessize {
  width:  400px;
  height: 40px;
  margin: auto auto auto 10px;
}
.toptitlessize {
  width:  200px;
  height: 50px;
  margin: auto auto auto 10px;
}
.addresssize {
  width:  250px;
  height: 125px;
}
.meesegesize {
  width:  230px;
  height: 180px;
}
.mail {
  position: relative;
  top: -55px;
  left: 130px;
}
.menubot {
  width: 192px;
  height: 50px;
  margin-top: 3px;
}
.info {
  margin-left: 10px;
  width:  30px;
  height: 30px;
}
.stopred {
  color: #F00;
  font-size: 17px;
}
.stopsmall {
  font-size: 13px;
}
.midashi {
  font-size: 25px;
  font-weight: bold;
}
.textslide {
  font-size: 16px;
  font-weight: bold;
}

.nameinput {
  width:150px;
  height:30px;
}
.shortinput {
  width:100px;
  height:30px;
}
.addinput1 {
  width:250px;
  height:30px;
}
.addinput2 {
  width:268px;
  height:30px;
}
.longinput {
  width:350px;
  height:30px;
}
#office th{
    background-color: #F8F8F8;
    border-color: #CCCCCC #CCCCCC #CCCCCC #333333;
    border-left: 3px solid #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    border-style: solid dotted solid solid;
    border-width: 1px 1px 1px 3px;
    padding: 5px 1px;
    width: 200px;
    text-align: left;
}
#office td{
background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 5px 8px;
}
#map {
  width: 500px;
  height: 350px;
}
#gyomu th{
    background-color: #F8F8F8;
    border-color: #CCCCCC #CCCCCC #CCCCCC #333333;
    border-left: 3px solid #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    border-style: solid dotted solid solid;
    border-width: 1px 1px 1px 3px;
    padding: 5px 1px;
/*    width: 200px; */
    text-align: left;
}
#gyomu td{
background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 5px 8px;
/*    width: 200px; */
}
#contact-form th{
    background-color: #F8F8F8;
    border-color: #CCCCCC #CCCCCC #CCCCCC #333333;
    border-left: 3px solid #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    border-style: solid dotted solid solid;
    border-width: 1px 1px 1px 3px;
    padding: 5px 1px;
    width: 95px;
    text-align: left;
}
#contact-form td{
background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 5px 8px;
}
input.myError {
background-color:#CCFFFF;
}
label.myError {
color:#FF0000;
}
textarea.myError {
background-color:#CCFFFF;
}



a {
  text-decoration: none;
}
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#630;
  line-height:25px;
  font-size:0.95em;
}


#wrapper {
  margin: 0 auto;
  width:  960px;
/*  background-color: #CCC; */
}


#header {
  width:  960px;
  height: 150px;
  margin: 0 auto;
/*  background-color: #999; */
}
#subject {
  width:  670px;
  height: 25px;
  float:  left;
/*  background-color: #F00; */
}
#snsheader {
  width:  290px;
  height: 25px;
  float:  left;
/*  background-color: #FF0; */
}
#logotitle {
  width:  710px;
  height: 125px;
  float:  left;
/*  background-color: #0F0; */
}
#address {
  width:  250px;
  height: 125px;
  float:  left;
/*  background-color: #FFF; */
}


#menu {
  margin:0px;
  padding:0px;
}
#menu li {
  float:left;
  list-style-type:none;
}


#mainimg {
  width:  960px;
  height: 668px;
  float:  left;
  margin: 0 auto;
/*  background-color: #0F0; */
}
#slideshow {
   margin-top: 10px;
   position: relative;
   width:  960px; /* ボックスの横幅 */
   height: 630px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 630px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  960px; /* 画像の横幅 */
   height: 590px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px;
}

#contents {
  width: 960px;
  height: 1750px;
  clear:            both;
/*  background-color: #FF0; */
}
#stop {
  width: 478px;
  height: 720px;
  line-height:18px;
  float: left;
/*  background-color: #FF9; */
}
#info {
  width: 478px;
  height: 720px;
  line-height:18px;
  float: left;
  border-left: solid;
/*  background-color: #FFC; */
}
#mssege {
  width: 960px;
  height: 470px;
  clear:            both;
/*  background-color: #0FF; */
}
#contents_office {
  width: 960px;
  height: 1170px;
  clear:            both;
/*  background-color: #FF0; */
}
#contents_gyomu {
  width: 960px;
  height: 3300px;
  clear:            both;
/*  background-color: #FF0; */
}
#contents_sagyo {
  width: 960px;
  height: 4200px;
  clear:            both;
/*  background-color: #FF0; */
}
#sagyo {
  width: 656px;
  height: 4100px;
  line-height:18px;
  float: left;
/*  background-color: #FF9; */
}
#sagyo_infomain {
  width: 300px;
  height: 4100px;
  float: left;
  border-left: solid;
/*  background-color: #0FF; */
}
#sagyo_info {
  width: 300px;
  height: 400px;
  float: left;
/*  background-color: #0FF; */
}
#snsf_info {
  width: 300px;
  height: 750px;
  line-height:18px;
  float: left;
/*  background-color: #FFC; */
}
#snst_info {
  width: 300px;
  height: 750px;
  float: left;
/*  background-color: #FF9; */
}

footer {
  clear:            both;
  height:           160px;
  text-align:       center;
  font-size:        16px;
  padding-top:      10px;
  display:          block; 
/*  background-color: #0FF; */
}