@charset "UTF-8";



/* tag */

* {

  margin: 0;

  padding: 0;

  font-size: 1em;

  font-style: normal;

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

  text-decoration: none;

  line-height: 1.0;

}

body{

  background: #FFFFFF url(../img/bg_body.gif) repeat-x left top;

  color: #000000;

  font-size: 12px;

  line-height: 1.4;

  text-align: center;

}

body.top{

  background: #FFFFFF url(../img/bg_body_top.gif) repeat-x left top;

}

h1, h2, h3, h4, p {

  margin: 0;

  padding: 0;

  font-weight: normal;

}

ul, ol, li {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

dl, dt, dd {

  margin: 0;

  padding: 0;

}

img {

  margin: 0;

  padding: 0;

  border:none;

}

strong, em {

  font-weight: bold;

}

select option {

  margin:0 3px;

}

textarea {

  line-height: 1.3;

}

/* linkcolor */

a:link {

  color: #0C5F95;

  text-decoration: underline;

  line-height: 1.3;

}

a:visited {

  color: #0C5F95;

  text-decoration: underline;

  line-height: 1.3;

}

a:hover {

  color: #0C5F95;

  text-decoration: none;

  line-height: 1.3;

}

a:active {

  color: #0C5F95;

  text-decoration: none;

  line-height: 1.3;

}

/* style */

.right {

  text-align: right;

}

.center {

  text-align: center;

}

.left{

  text-align: left;

}

.caption {

  color: #666666;

  font-size: 10px;

}

.point {

  color: #CC0000;

}

.err {

  color: #FF0000;

  font-size: 10px;

}

/* common */

#w-container {

  width: 890px;

  margin-right: auto;

  margin-left: auto;

  background: url(../img/bg_body_left.gif) no-repeat left top;

}

#container {

  width: 800px;

  margin-right: auto;

  margin-left: auto;

  background-color: #FFFFFF;

  text-align: left;

}

#header-top {

  position: relative;

  width: 800px;

  height: 265px;

  background: url(../img/img_top.jpg) no-repeat left bottom;

}

#header {

  position: relative;

  width: 800px;

  height: 214px;

  background: url(../img/img_products.jpg) no-repeat left bottom;

}

#header-top p.logo, #header p.logo {

  position: absolute;

  top: 0px;

  left: 5px;

}

#header-top h1, #header p.catch {

  position: absolute;

  top: 3px;

  right: 0px;

  font-size: 11px;

  line-height: 1.3;

}

#header-top ul.hnav, #header ul.hnav {

  position: absolute;

  top: 22px;

  right: 0px;

}

#header-top ul.hnav li, #header ul.hnav li {

  display: inline;

  float: left;

  padding: 0px 5px;

}

#header-top ul.gnav, #header ul.gnav {

  position: absolute;

  top: 39px;

  right: 0px;

}

#header-top ul.gnav li, #header ul.gnav li {

  display: inline;

  float: left;

}

#wrap {

  width: 800px;

  background: url(../img/bg_wrap.gif) repeat-y left top;

}

ol.crumb {

  width: 560px;

  height: 12px;

  padding: 5px 0px 5px 10px;

  margin: 20px 0px;

  background: url(../img/bg_crumb.gif) no-repeat left top;

}

ol.crumb li {

  display: inline;

  color: #666666;

  font-size: 10px;

}

ol.crumb li a {

  padding-right :17px;

  background: url(../img/arrow_c.gif) no-repeat right center;

  font-weight: normal;

}

.pagetop {

  padding: 10px 0px;

  text-align: right;

  height: 11px;

}

/* sidemenu */

#sidemenu {

  float: left;

  width: 210px;

}

.side-pro {

  width: 210px;

  padding: 18px 0px 10px 0px;

  background: #DDDDDD url(../img/bg_side_pro.gif) no-repeat left top;

}

.side-pro p img {

  display: block;

  margin-left: 6px;

}

.side-pro ul {

  width: 198px;

  margin-left: 5px;

  padding-bottom: 10px;

  border-right: solid #CCCCCC 1px;

  border-bottom: solid #CCCCCC 1px;

  border-left: solid #CCCCCC 1px;

  background-color: #FFFFFF;

}

.side-pro ul li {

  width: 198px;

}

.side-pro ul li.top {

  padding-top: 10px;

  background: #FFFFFF url(../img/bg_sidenav.jpg) no-repeat left top;

}

.side-pro ul li a:link, .side-pro ul li a:visited {

  display: block;

  padding: 8px 10px 8px 25px;

  margin: 0px 10px;

  border-bottom: solid #CCCCCC 1px;

  background: url(../img/arrow02.gif) no-repeat 3px 10px;

}

.side-pro ul li a:hover, .side-pro ul li a:active {

  background: url(../img/arrow02_o.gif) no-repeat 3px 10px;

}

#sidemenu .service {

  margin: 5px 0px 0px 5px;

}

#sidemenu .service p {

  margin-left: 1px;

}

#sidemenu .service li {

  display: inline;

}

#sidemenu .service img {

  display: block;

  margin-bottom: 5px;

}

/* footer */

#footer {

  clear: both;

  width: 800px;

  background: #FFFFFF url(../img/bg_footer.gif) no-repeat left top;

  text-align: center;

}

#footer ul {

  padding: 15px 0px;

}

#footer ul li {

  display: inline;

  color: #666666;

  font-size: 10px;

  line-height: 1.3;

}

address {

  padding: 10px 0px;

  background-color: #0271B4;

  color: #FFFFFF;

  font-size: 11px;

}