html {
  background: url(../img/footer_back.gif) top left repeat;
}

body {
  height: 100%;
  min-height: 100%;
  color: #000;
  background: url(../img/contents_back.gif) top left repeat;
  line-height: 1.5;
  font-size: 0.875em;
}

a {
  color: #0099cc;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover img {
  opacity: 0.8;
}
a:visited {
  color: #0099cc;
}

#header {
  background: url(../img/header_back.gif) top left repeat-x;
}
#header h1, #header div#top, #header div#topImage, #header div#gNavi ul {
  width: 961px;
  margin: 0 auto;
}
#header div#hNavi ul {
  width: 979px;
  margin: 0 auto;
	padding-left:18px;
}

#header h1 {
  height: 16px;
  color: #ccc;
  font-size: 0.86em;
  font-weight: normal;
}
#header div#topWrap {
  background: none #fff;
}
#header div#top {
  overflow: hidden;
  height: 80px;
}
#header div#top div#logo {
  float: left;
  margin-top: 20px;
}
#header div#top div#contact {
  float: right;
  margin-top: 20px;
}
#header div#gNavi {
  background: url(../img/g_navi_back.jpg) top left repeat-x;
}
#header div#gNavi ul {
  overflow: hidden;
}
#header div#gNavi ul li {
  float: left;
}
#header div#gNavi ul li.gNavi01 a {
  display: block;
  background: url(../img/g_navi01_o.jpg) top left no-repeat;
}
#header div#gNavi ul li.gNavi01 a:hover img {
  visibility: hidden;
}
#header div#gNavi ul li.gNavi02 a {
  display: block;
  background: url(../img/g_navi02_o.jpg) top left no-repeat;
}
#header div#gNavi ul li.gNavi02 a:hover img {
  visibility: hidden;
}
#header div#gNavi ul li.gNavi03 a {
  display: block;
  background: url(../img/g_navi03_o.jpg) top left no-repeat;
}
#header div#gNavi ul li.gNavi03 a:hover img {
  visibility: hidden;
}
#header div#gNavi ul li.gNavi04 a {
  display: block;
  background: url(../img/g_navi04_o.jpg) top left no-repeat;
}
#header div#gNavi ul li.gNavi04 a:hover img {
  visibility: hidden;
}
#header div#gNavi ul li.gNavi05 a {
  display: block;
  background: url(../img/g_navi05_o.jpg) top left no-repeat;
}
#header div#gNavi ul li.gNavi05 a:hover img {
  visibility: hidden;
}
#header div#topImage {
  padding: 20px 0;
}
#header div#hNavi {
  height: 222px;
  background: url(../img/top/top_image_back.gif) top left repeat-x;
}
#header div#hNavi ul {
  overflow: hidden;
}
#header div#hNavi ul li {
  float: left;
  height: 192px;
  margin: 16px 18px 0 0;
  background-color: #fff;
}
#header div#hNavi ul li:last-child {
  margin-right: 0;
}
#header div#hNavi ul li a {
  display: block;
}
#header div#hNavi ul li p {
  position: relative;
  top: -50px;
  left: 10px;
  width: 290px;
}
div#container{
	padding-bottom:15px;
}
div#container, div#containerL {
  overflow: hidden;
  width: 961px;
  margin: 20px auto;
}
div#container div#contents, div#containerL div#contents {
  float: left;
}
div#container div#contents div.twitter, div#containerL div#contents div.twitter {
  width: 634px;
  height: 315px;
  background: url(../img/top/twitter.jpg) 10px 10px no-repeat white;
}
div#container div#contents div.twitter iframe, div#containerL div#contents div.twitter iframe {
  margin: 0 2%;
  padding-top: 50px;
  width: 96%;
}

div#containerL {
  margin-top: 0;
}

div#sNavi {
  float: right;
}
div#sNavi p.contact {
  height: 46px;
  margin-bottom: 35px;
  padding: 154px 0 0 24px;
  background: url(../img/bnr_contact_back.png) top left no-repeat white;
}

#footerwrap {
  height: 70px;
  background: url(../img/footer_back.gif) top left repeat-x;
}
#footerwrap div#footer {
  overflow: hidden;
  width: 961px;
  margin: 0 auto;
  padding-top: 10px;
}
#footerwrap div#footer p.footerLogo {
  float: left;
}
#footerwrap div#footer ul {
  overflow: hidden;
  float: left;
  margin: 5px 0 0 15px;
}
#footerwrap div#footer ul li {
  float: left;
  margin-left: 15px;
	font-size:12px;

}

#footerwrap div#footer ul li a {
  color: #fff;
}
#footerwrap div#footer ul li a:hover {
  text-decoration: underline;
}
#footerwrap div#footer ul li span {
  color: #ff0;
}
#footerwrap div#footer p.copyRight {
  position: relative;
  clear: left;
  padding-top: 8px;
  color: #fff;
}

#section, #privacy{
  overflow: hidden;
  width: 920px;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fff;
}
#section h2 {
  width: 920px;
  height: 40px;
  margin-bottom: 20px;
  line-height: 1.7;
  background: url(../img/h2_back.jpg) left no-repeat;
  text-align: center;
  font-size: 1.43em;
  font-weight: bold;
  color: #fff;
}
#section h3 {
  margin-bottom: 10px;
  padding: 5px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  font-size: 1.14em;
  color: #036;
}
#section h3 span {
  color: #f0dc00;
}
#section ul {
  overflow: hidden;
}
#section ul li {
  float: left;
}
#section p.taC {
  text-align: center;
}
#section p.taC a {
  display: block;
  margin-top: 20px;
}

#about p.boxP01, #about p.boxP02, #about p.boxImg03 {
  float: left;
}
#about p.boxImg01, #about p.boxImg02, #about div.boxT {
  float: right;
}
#about p.boxP01 {
  width: 440px;
}
#about p.boxP02 {
  width: 200px;
}
#about ul li {
  width: 430px;
  margin-bottom: 20px;
  margin-left: 20px;
}
#about ul li:last-child {
  margin-bottom: 0;
}
#about ul li:nth-child(2n+1) {
  margin-left: 0;
}
#about div.boxT {
  width: 450px;
}
#about div.boxT table {
  width: 100%;
  border-collapse: collapse;
}
#about div.boxT table thead tr th {
  line-height: 2;
  border-right: 1px solid #fff;
  background-color: #004678;
  color: #fff;
}
#about div.boxT table thead tr th.bNone {
  border-right: none;
}
#about div.boxT table tbody tr th, #about div.boxT table tbody tr td {
  line-height: 2;
  border-bottom: 1px solid #004678;
  background-color: #dcf0fa;
  color: #464646;
}
#about div.boxT table tbody tr th {
  border-right: 1px solid #004678;
}
#about div.boxT table tbody tr td {
  text-align: center;
}

#point ul li {
  margin-bottom: 20px;
  margin-left: 20px;
}
#point ul li:last-child {
  margin-bottom: 0;
}
#point ul li:nth-child(2n+1) {
  margin-left: 0;
}
#point ul li.box01 {
  width: 430px;
}
#point ul li.box02 {
  width: 472px;
  margin-left: 17px;
}
#point p.boxP01 {
  float: left;
}
#point p.boxImg01 {
  float: right;
}
#point p.boxP01 {
  width: 200px;
	padding-right:10px;
}

#case ul li {
  width: 294px;
  margin-bottom: 20px;
  margin-left: 10px;
}
#case ul li:nth-child(1), #case ul li:nth-child(4) {
  margin-left: 0;
}
#case ul li:nth-child(4), #case ul li:nth-child(5), #case ul li:nth-child(6) {
  margin-bottom: 0;
}

#company #section span {
  color: #f0dc00;
}
#company section dl {
  overflow: hidden;
  width: 640px;
  margin: 0 auto;
  line-height: 2;
}
#company #section .companyprof {
	padding-left:100px;
}
#company #section dl dt {
  float: left;
  width: 8em;
  margin-left: 135px;
  color: #036;
  font-weight: bold;
}
#company #section dl dd {
  padding-left: 8em;
  border-top: 1px solid #999;
}
#company #section dl dd:last-child {
  border-bottom: 1px solid #999;
}
#company #section div#map {
  width: 640px;
  margin: 40px auto 0;
}
#company #section div#map p.span {
  color: #036;
}

#contactForm input:hover {
  opacity: 0.8;
}
#contactForm #section span {
  color: #036;
}
#contactForm #section span.star {
  color: #c00;
}
#contactForm #section table {
  width: 100%;
  background-color: #f0f0f0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
#contactForm #section table th, #contactForm #section table td {
  border-bottom: 1px solid #ccc;
}
#contactForm #section table th {
  width: 180px;
  padding: 5px 10px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
#contactForm #section table td {
  vertical-align: middle;
}
#contactForm #section table input, #contactForm #section table textarea {
  width: 430px;
}
#contactForm #section p.att {
  margin-top: 10px;
}
#contactForm #section p.att a {
  color: #036;
}
#contactForm #section p.btn {
  margin: 20px 0;
}
#contactForm #section p.btn, #contactForm #section p.taC, #contactForm #section p.att {
  text-align: center;
}
#contactForm #section p.taC .tel {
  color: #036;
  font-weight: bold;
}
#contactForm #section.form {
  margin-bottom: 0;
  padding-bottom: 0;
}
#contactForm #section.form div {
  width: 640px;
  margin: 0 auto;
}
#contactForm #privacy h3, #contactForm #privacy h4 {
  color: #036;
  font-weight: bold;
}

#contactForm #privacy h3 {
  background-color: #f0dc00;
  margin-bottom: 10px;
  padding: 5px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  font-size: 1.14em;
  color: #036;
}
#contactForm #privacy h4 {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
#contactForm #privacy ul li {
  float: none;
  padding-left: 0.5em;
  text-indent: -0.5em;
}
#contactForm #privacy ul li span {
  color: #f0dc00;
}
#contactForm #privacy div {
  width: 672px;
  margin: 0 auto;
}
#contactForm p.thanks {
  width: 640px;
  margin: 0 auto 20px;
  padding: 3em 0;
  text-align: center;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}