@charset "UTF-8";

h2,h3,h4 {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}

#main {
  width: 940px;
}

.decimal {
  margin:0px 0px 0px 20px;
  padding:0px;
}

.decimal li {
  list-style:decimal;
  font-size:12px;
}

.w600 {
  width:600px;
}

.w950 {
  width:950px;
}

.graph p.text10 {
  text-align: left;
}

p span.prev {
  float: left;
  width: 340px;
}

p span.next {
  float: right;
  width: 340px;
  text-align: right;
}

#breadcrumbs li {
  color: #fff;
}

#breadcrumbs a {
  color: #00a1e6;
}

.mt50 {
  margin-top: 50px !important;
}

/* main_header
--------------------------------------------------------------------------------*/
body {
  background: url(../top_visual_bg.gif) repeat-x left top;
}

body #wrap {
  background-image: none!important;
  background: none!important;
}

div#wrapheader {
  height:395px;
  position: relative;
}

div#wrapheader div#headerbox {
  position: absolute;
  top: 198px;
  left:560px;
  bottom: auto;
  z-index: 1;
}

div#wrapheader div#headerbox img,
div#wrapheader div#headerbox h2,
div#wrapheader div#headerbox h3,
div#wrapheader div#headerbox p {
  margin: 0 0 10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/* main
--------------------------------------------------------------------------------*/
#main .column_wrap {
  background: url(../main_bg.png) 0 0 repeat-y;
}

#main .column {
  background: url(../main_bgbtm.gif) center bottom no-repeat;
}

#main .column .column_inner {
  background: url(../bg01.gif) center 125px no-repeat;
  padding: 0 2px 3px;
  width: 936px;
}

#main .column .pt30 {
  padding-top: 30px;
}

#main ul.banner {
  margin: 30px 0 0 0;
  padding: 0;
}

#main ul.banner li {
  list-style: none;
}

.subvisual {
  margin-bottom: 60px;
}

/*  box  */
#main .box {
  width: 780px;
  margin-left: 80px;
}

#main .box h4 {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

#main .box .col2 {
  padding: 0 0 40px;
  margin: 0 0 40px;
  background: url(../border01.gif) center bottom no-repeat;
}

#main .box .col2.last {
  padding: 0;
  background: none;
}

#main .box .col2 .text p {
  line-height: 1.4;
  font-size: 14px;
  color: #666;
  margin: 0 0 20px;
}

#main .box .col2 .horizontal .text, #main .box .col2 .horizontal .graph {
  float: left;
}

#main .box .col2 .last {
  margin-bottom: 0 !important;
}

/* COMMON
**************************/
body #breadcrumbs {
  position: relative;
  z-index: 4;
}

body div#headerbox {
  position: relative;
  height: 300px;
  z-index: 2;
}

body div#headerbox .absolute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/*
**************************/
body div#headerbox .visual {
  top: -43px;
  left: 10px;
}

body div#headerbox h2.title {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  top: 110px;
  left: 576px;
}

body div#headerbox div.text {
  top: 150px;
  left: 576px;
}

body #content #tab {
  background: none repeat scroll 0 0 transparent;
  width: 950px;
  padding: 0 5px 2px 2px!important;
  margin: 0 auto;
  text-align: center;
  z-index:3;
  height: 79px;
}

body #content #tab ul {
  position: relative;
  background: none;
  width: 947px;
  height: 78px;
  padding: 0 ;
  margin: 0 auto;
  line-height: 1;
  list-style: none outside none;
  z-index:3;
}

body #content #tab ul li {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 310px !important;
  height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index:3;
  cursor: pointer;
  display: block;
}

body #content #tab ul li.tab01 {
  left: 4px;
  top: 1px;
}

body #content #tab ul li.tab02 {
  left: 319px;
  top: 1px;
}

body #content #tab ul li.tab03 {
  left: 634px;
  top: 1px;
}

body #content #tab ul li.first {
  margin-left: 20px;
}

body #content #tab ul li a {
  text-indent: -9999em;
  font-size: 1px;
  display: block;
  background-image: url(../tab.gif);
  background-repeat: no-repeat;
  width: 310px !important;
  height: 70px !important;
}

body #content #tab ul li a.active {
  height: 78px !important;
  margin-top: 0 !important;
}

body #content #tab ul li.tab01 a {
  background-position: 0 0;
}

body #content #tab ul li.tab02 a {
  background-position: -310px 0;
}

body #content #tab ul li.tab03 a {
  background-position: -620px 0;
}

body #content #tab ul li.tab01 a:hover {
  background-position: 0 -70px;
}

body #content #tab ul li.tab02 a:hover {
  background-position: -310px -70px;
}

body #content #tab ul li.tab03 a:hover {
  background-position: -620px -70px;
}

body #content #tab ul li.tab01 a.active {
  background-position: 0 -140px;
}

body #content #tab ul li.tab02 a.active {
  background-position: -310px -140px;
}

body #content #tab ul li.tab03 a.active {
  background-position: -620px -140px;
}

body #main .col2.relative01 {
  position: relative;
  min-height: 395px;
  padding-bottom: 0;
  height: auto !important;
  height: 395px;
}

body .col2 .absolute01 {
  position: absolute;
  left: 269px; top: -38px;
}

body .box .vertical .w320 {
  width:320px !important;
}
/* Social Button
**************************/
#headerbox ul#btn_area {
  left: 530px;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: right;
  top: 256px;
  width: 435px;
  z-index: 10;
}

#headerbox ul#btn_area li {
  float: right;
  line-height: 1;
  list-style: none;
  margin: 0;
  margin-right: 15px;
  padding: 0;
}

#headerbox ul#btn_area li.last {
  margin-right: 0;
}
/*************************/