@charset "UTF-8";
/**
 *	目次
 *
 *	01. COMMON STYLE
 *	02. TOP STYLE
 *	03. COMPANY STYLE
 *	04. BUSINESS STYLE
 *	05.	TOPICS STYLE
 *
 */
/* ==========================================================================
	01.	COMMON STYLE
	========================================================================== */
#contents {
  margin-bottom: 60px;
  margin-top: 30px;
}
#contents.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 980px;
}

/*	Helper style
	===================================== */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.list-inline {
  letter-spacing: -.28em;
  list-style: none;
}
.list-inline > li, .list-inline > .list-in {
  display: inline-block;
  letter-spacing: normal;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

/*	Under style
	===================================== */
#contents.company #head, #contents.business #head, #contents.topics #head {
  background: url(img/top_head_bg.jpg) no-repeat center top;
  height: 220px;
}
#contents.company #head h1, #contents.business #head h1, #contents.topics #head h1  {
  margin-left: 30px;
}
#contents.company #main-wrap, #contents.business #main-wrap, #contents.topics #main-wrap {
  margin-top: 30px;
}
#contents.company #main-wrap #side, #contents.business #main-wrap #side, #contents.topics #main-wrap #side {
  float: none;
  position: left;
  width: 230px;
}
#contents.company #main-wrap #side.fixed, #contents.business #main-wrap #side.fixed, #contents.topics #main-wrap #side.fixed {
  position: fixed;
}
#contents.company #main-wrap #side #nav-list li, #contents.business #main-wrap #side #nav-list li, #contents.topics #main-wrap #side #nav-list li {
  border-bottom: 1px solid #e6e6e6;
  font-size: 85.71429%;
}
#contents.company #main-wrap #side #nav-list li a, #contents.business #main-wrap #side #nav-list li a, #contents.topics #main-wrap #side #nav-list li a {
  background: url(img/nav-arrow.png) no-repeat 15px center;
  color: #333;
  display: block;
}
#contents.company #main-wrap #side #nav-list li a:hover, #contents.business #main-wrap #side #nav-list li a:hover, #contents.topics #main-wrap #side #nav-list li a:hover {
  background-color: #e5edf6;
  transition: all 0.4s;
}
#contents.company #main-wrap #side #nav-list li a span, #contents.business #main-wrap #side #nav-list li a span, #contents.topics #main-wrap #side #nav-list li a span {
  display: inline-block;
  padding: 20px 0;
  padding-left: 35px;
}
#contents.company #main-wrap #main, #contents.business #main-wrap #main, #contents.topics #main-wrap #main {
  float: right;
  width: 720px;
}
#contents.company #main-wrap #main .title, #contents.business #main-wrap #main .title, #contents.topics #main-wrap #main .title {
  margin-bottom: -10px;
}
#contents.company #main-wrap #main .stitle, #contents.business #main-wrap #main .stitle, #contents.topics #main-wrap #main .stitle {
  background: url(img/stitle_line.gif) no-repeat center bottom;
  color: #0053a6;
  font-size: 128.57143%;
  font-weight: bold;
  padding: 40px 0 20px;
}
#contents.company #main-wrap #main .stitle span, #contents.business #main-wrap #main .stitle span, #contents.topics #main-wrap #main .stitle span {
  background: url(img/stitle_circle.gif) no-repeat left center;
  padding-left: 24px;
}

/* ==========================================================================
	02.	TOP STYLE
	========================================================================== */
#contents.top #head {
  background: url(img/top_head_bg.jpg) no-repeat center top;
  height: 260px;
}
#contents.top #head h1 {
  margin-left: 30px;
}
#contents.top #news {
  border-left: 1px solid #e6e6e6;
  float: left;
  height: 210px;
  padding: 25px 25px 25px 24px;
  width: 439px;
}
#contents.top #news .news-list {
  margin-top: 25px;
  height: 155px;
  overflow-y: scroll;
  width: 440px;
}
#contents.top #news .news-list li {
  background: url(img/arrow.gif) no-repeat 6em 0.3em;
  font-size: 85.71429%;
  line-height: 1.25;
  margin-bottom: 9px;
  padding-left: 7em;
  position: relative;
}
#contents.top #news .news-list li .date {
  left: 0;
  position: absolute;
}
#contents.top #company {
  background: url(img/top_company_bg.jpg) no-repeat center top;
  float: left;
  height: 210px;
  padding: 25px 25px;
  position: relative;
  width: 440px;
}
#contents.top #company:hover {
  box-shadow: inset 0 0 0 10px rgba(0, 83, 166, 0.5);
  transition: all 0.4s;
}
#contents.top #business {
  background: url(img/top_business_bg.jpg) no-repeat center top;
  height: 210px;
  padding: 25px 25px;
  position: relative;
  width: 930px;
}
#contents.top #business h2 span {
  margin-left: 20px;
}
#contents.top #business .underconstruction {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
#contents.top #business:hover {
  box-shadow: inset 0 0 0 10px rgba(0, 83, 166, 0.5);
  transition: all 0.4s;
}
#contents.top #business:hover .underconstruction {
  opacity: 1;
  transition: all 0.4s;
}
#contents.top #business ul {
  margin-top: 20px;
}
#contents.top #business ul li {
  margin-top: 5px;
}

/* ==========================================================================
	03.	COMPANY STYLE
	========================================================================== */
#contents.company #main-wrap #main .table-style {
  border-collapse: separate;
  border-spacing: 30px 0;
  margin-left: -30px;
  margin-top: 10px;
  width: 780px;
}
#contents.company #main-wrap #main .table-style th {
  border-bottom: 1px solid #ccc;
  font-size: 100%;
  font-weight: bold;
  padding: 22px 20px;
  vertical-align: middle;
  width: 220px;
}
#contents.company #main-wrap #main .table-style td {
  border-bottom: 1px solid #ccc;
  font-size: 85.71429%;
  padding: 22px 20px;
  vertical-align: middle;
  width: 660px;
}
#contents.company #main-wrap #main .table-style tr.line th, #contents.company #main-wrap #main .table-style tr.line td {
  border-top: 1px solid #0053a6;
}
#contents.company #main-wrap #main .head-text {
  color: #0053a6;
  font-size: 114.28571%;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* ==========================================================================
	04.	BUSINESS STYLE
	========================================================================== */
#contents.business #main-wrap #main {
  margin-top: -60px;
}
#contents.business #main-wrap #main .title {
  margin-top: 30px;
  padding-top: 30px;
}
#contents.business #main-wrap #main .lead-text {
  font-size: 85.71429%;
  line-height: 1.618;
  margin-top: 30px;
}
#contents.business #main-wrap #main .button {
  margin-top: -42px;
  padding-bottom: 22px;
  text-align: right;
}
#contents.business #main-wrap #main .product-image {
  margin-right: -15px;
  margin-top: 20px;
}
#contents.business #main-wrap #main .product-image li {
  margin-right: 15px;
}
#contents.business #main-wrap #main .product-text {
  font-size: 85.71429%;
  line-height: 1.618;
  margin-top: 15px;
}
#contents.business #main-wrap #main .product-list {
  font-size: 85.71429%;
  line-height: 1.25;
  margin-top: 15px;
  padding-left: 1.2em;
}
#contents.business #main-wrap #main .product-list li {
  list-style: circle;
  margin-top: 5px;
}
#contents.business #main-wrap #main .product-list dt {
  display: list-item;
  font-weight: bold;
  list-style: circle;
  margin-top: 10px;
}
#contents.business #main-wrap #main .product-list dd {
  margin-top: 5px;
}
/* ==========================================================================
	05.	TOPICS STYLE
	========================================================================== */
#contents.topics #main-wrap #main .title {
  padding-top: 0px;
}
#contents.topics #main-wrap #main .lead-text {
  font-size: 85.71429%;
  line-height: 1.618;
  margin-top: 30px;
}
#contents.topics #main-wrap #main .button {
  margin-top: -42px;
  padding-bottom: 22px;
  text-align: right;
}
#contents.topics #main-wrap #main .product-image {
  margin-right: -15px;
  margin-top: 20px;
}
#contents.topics #main-wrap #main .product-image li {
  margin-right: 15px;
}
#contents.topics #main-wrap #main .product-text {
  font-size: 85.71429%;
  line-height: 1.618;
  margin-top: 15px;
}
#contents.topics #main-wrap #main .product-list {
  font-size: 85.71429%;
  line-height: 1.25;
  margin-top: 15px;
  padding-left: 1.2em;
}
#contents.topics #main-wrap #main .product-list li {
  list-style: circle;
  margin-top: 5px;
}
#contents.topics #main-wrap #main .product-list dt {
  display: list-item;
  font-weight: bold;
  list-style: circle;
  margin-top: 10px;
}
#contents.topics #main-wrap #main .product-list dd {
  margin-top: 5px;
}