@charset "UTF-8";
@import url("http://yui.yahooapis.com/pure/0.2.1/pure-min.css");

/*----------  ----------*/

*{
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

h1 {
  font-size: 1.5em;
  font-weight:bold;
  text-align: center;  
  color:#4B4848;
}

h2 {
  font-size: 18px;
  font-weight:bold;
  margin:0 0 25px;
  color:#4B4848;
}

h3 {
  font-size: 16px;
  font-weight:normal;
  margin:30px 0 0;
  line-height:22px;
}

p{
  font-size: 16px;
  margin:0 0 0.8em;
  padding:0;
  line-height:1.5em;
}

/*---------- HEAD ----------*/

#head {
  background:url('image/head.gif') repeat-x;
  height:154px;
}

#head #corp {
  height:114px;
}

#head img#logo {
  margin:9px 60px 0;
  width:200px;
  height:100px;
  float:left;
}

#head a#inquiry {
  margin:11px 20px 0 215px;
  width:85px;
  height:20px;
  float:right;
  display:block;
  background-image:url('image/head-inquiry.gif');
  text-decoration:none;
}

#head a#inquiry:hover {
  background-image:url('image/head-inquiry-h.gif');
}

#head img#info {
  margin:3px 20px 0;
  width:300px;
  height:70px;
  float:right;
}

#head p#navi {
  margin:0;
  padding:0;
  height:39px;
}

#head #navi a {
  display:block;
  width:132px;
  height:39px;
  float:left;
  overflow: hidden;
  text-align: center;
  position: relative;
}

#head #navi a:hover img {
  position: relative;
  top: -39px;
}

#head #navi span {
  background:url('image/navi-span.gif') no-repeat;
  width:2px;
  height:39px;
  display:block;
  float:left;
}

/*---------- SLIDE ----------*/

#content {
}

#slide {
  width:905px;
  height:250px;
  margin: 14px auto;
}

#slide ul,li{
  margin:0;
  padding:0;
}

/*---------- FOOT ----------*/

#foot {
  background:#E5E8E5 url('image/foot.gif') repeat-x;
  height:59px;
  clear:both;
  padding:8px;
}

#foot p{
  font-size:12px;
  text-align:center;
  line-height:19px;
  margin:0;
}

.row {
  margin:0 auto;
  width:940px;
  clear:both;
}

/*---------- LEFT ----------*/

#left-box{
  float:left;
  width:198px;
  margin:20px 6px 0 16px;
  padding:8px 6px 0px;
  background:#F2F2F2;
  border-right:1px #CCC solid;
  border-bottom:1px #CCC solid;
}

#left-box h2{
  display:block;
  background:url('image/left-title.gif') repeat-x;
  width:185px;
  height:37px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  margin:0 auto -6px;
  padding: 6px 0 0;
  color:#FFF;
}

#left-box #menu{
  min-height: 430px;
}

#left-box #menu a{
  display:block;
  background:url('image/menu-link.gif') no-repeat 0 8px;
  text-decoration:none;
  margin: 0 auto;
  padding: 13px 0 12px 24px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  color:#A0A0A0;
  border-bottom:1px #888 dotted;
  width:153px;
}

#left-box #menu a.active{
  color:#404040;
}

#left-box #menu a:hover{
  color:#EF8200;
  background-image:url('image/menu-link-h.gif');
}

#left-box a{
  display:block;
  background:url('image/left-title.gif') repeat-x;
  text-decoration:none;
  margin: 0 auto;
  padding: 10px 15px 16px;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  color:#FFF;
  width:155px;
}

/*---------- RIGHT ----------*/

.jisage{
	text-indent:1em;
}

#grid-3-4 {
  float:left;
  width:702px;
}

#top-right {
  float:left;
  width:683px;
  margin:20px 0 16px 15px;
  padding:8px 2px;
}

#top-right img{
  margin:0;
}

.topbox{
  margin:0 0 240px -15px;
}

#top-right img.headline{
  margin:0 0 0 -5px;
  width:697px;
  height:32px;
  clear:both;
}

#top-right .topbox img.headline{
  margin: 0;
}

#top-right img.techimg {
  margin:0 auto;
  display:block;
  text-align: center;
}

dl.toplist {
  clear:both;
  width:100%;
  font-size:14px;
  line-height:22px;
  margin:0 0 50px 38px;
}

dl.toplist dt {
  float:left;
  display:block;
  margin:0;
  padding:7px 0;
  padding-left:20px;
  border-top:1px #333 dashed;
  font-weight:bold;
}

dl.toplist dd {
  float:left;
  display:block;
  margin:0;
  padding:7px 0;
  border-top:1px #333 dashed;
}

dl.toplist dt.first-item{
  border-color:#FFF;
}

dl.toplist dd.first-item{
  border-color:#FFF;
}

dl.toplist dt a{
  text-decoration:none;
  color:#003D93;
}

dl.toplist dt a:hover{
  color:#608DD3;
}

dl#top-news dt {
  color:#E60012;
  width:100px;
}

dl#top-news dd {
  width:537px;
}

dl#top-topic dt {
  color:#003D93;
  width:190px;
}

dl#top-topic dd {
  width:447px;
  font-size:12px;
}

dl#top-news dt{
  background:url('image/news-dot.gif') no-repeat;
}
dl#top-topic dt{
  background:url('image/topic-dot.gif') no-repeat;
}

ul.toplist li{
  margin-right:20px;
  padding:3px 0;
  border-bottom:1px #999 dashed;
}

li span.date {
  color:#C00;
  margin-right:20px;
  font-weight:bold;
}

img#left-logo{
  margin:20px 42px 0;
  float:left;
  width:140px;
  height:60px;
}

ul#footnavi{
  display:block;
  margin:60px 0 0 auto;
  float:right;
}

ul#footnavi li{
  display:block;
  margin:0;
  float:left;
}

ul#footnavi span {
  background:url('image/footnavi-span.gif') no-repeat;
  width:1px;
  margin:0 1px;
  height:20px;
  float:right;
}

.small60{
  font-size: 60%;
  margin:0 10px;
}

p.example{
  margin:35px 0 0;
}

#signature{
  margin:40px 0;
  text-align:right;
}

table{
  width:100%;
}

td{
  padding:4px 8px;
  font-size:13px;
  vertical-align:top  
}

table.a td{
  font-size:16px;
}

td.number{
  text-align:right;
  padding-right:50px;
}

tr:nth-child(even) { background-color:#FFF; }
tr:nth-child(odd) { background-color:#DEEAF7; }

tb.blue{ background-color:blue; }

dl#address {
  clear:both;
  width:697px;
  font-size:16px;
  line-height:22px;
  padding:7px 0:
  margin:0;
}

dl#address dt {
  float:left;
  display:block;
  margin:0;
  padding-left:20px;
  width:150px;
}

dl#address dd {
  float:left;
  display:block;
  margin:0;
  line-height:1.8em;
}

iframe#gmap{
  margin:30px 50px 0;
  width:597px;
  height:500px;
  border: 1px #333 solid;
}

img#corplogo {
  width:500px;
  height:250px;
  margin:0px 96px 10px;
}