@charset "utf-8";



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

  Reset

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

html, body, div, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, address, hr,
pre, blockquote, ins, del, form, fieldset, legend,
table, caption, thead, tfoot, tbody, tr, th, td {
  padding: 0;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1.0em;
}
ul p, ol p, dl p, table p,
ul ul, ol ul, dl ul, table ul,
ul ol, ol ol, dl ol, table ol,
ul dl, ol dl, dl dl, table dl,
ul pre, ol pre, dl pre, table pre,
ul table, ol table, dl table, table table {
  font-size: 1.0em;
  margin: 0;
}
img, object {
  border: 0;
  vertical-align: bottom;
}
sub, sup {
  line-height: 1.0;
}
sub {
  vertical-align: text-bottom;
}
sup {
  vertical-align: text-top;
}
q:before, q:after {
  content: "";
}
fieldset {
  border: 0;
}
legend {
  color: inherit;
}
input, textarea, select, button {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 1.0em;
  color: inherit;
}
input[type="text"], textarea {
  font-variant: normal;
  text-transform: none;
}
optgroup {
  font-family: inherit; /* for Firefox */
}
table {
  border-collapse: separate;
  *border-collapse: collapse; /* for IE6/7 */
  border-spacing: 0;
}
th, td {
	padding: 0 1em 0 0;
	text-align: left;
	vertical-align: top;
}
th {
	font-weight: bold;
}
td th {
	font-weight: normal;
}



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

  Base

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

body {
  font: 13px/1.4 "ＭＳ Ｐゴシック", Osaka,sans-serif;
  background: url(../img/common/body-bg.png) repeat 50% 0 #ffffff;
  color: #333333;
}
hr {
  display: none;
}
a {
  color: #5781c3;
}



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

  Page Structure

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

/* Page */
.page {
  width: 914px;
  padding: 17px 17px 0;
  border: solid #c3c3c3;
  border-width: 0 1px;
  margin: 0 auto;
  background: #ffffff;
}

/* Page Header */
.page-header {
  float: left;
  width: 220px;
  margin: 0 0 30px;
}

/* Logo */
.page-header .logo {
  margin: 0px;
}
.page-header .logo_obayashi {
  margin: 0 0 8px;
}

.page-header .banner {
  margin: 0 0 15px;
}

/* Global Nav */
.page-header .section#contents h2 {
  border: 0;
  margin-top:11px;
}
.page-header .section#contents .nav.global {
  font-size: 1.08em;
}
.page-header .section#contents .nav.global li {
  padding: 1px 0 0;
  background-color: #a5a5a5;
  width: 100%;
}
.page-header .section#contents .nav.global li a {
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.page-header .section#contents .nav.global li#nav-global-01 a {
  background-image: url(../img/common/nav-global-01-h.png);
}
.page-header .section#contents .nav.global li#nav-global-02 a {
  background-image: url(../img/common/nav-global-02-h.png);
}
.page-header .section#contents .nav.global li#nav-global-03 a {
  background-image: url(../img/common/nav-global-03-h.png);
}
.page-header .section#contents .nav.global li#nav-global-04 a {
  background-image: url(../img/common/nav-global-04-h.png);
}
.page-header .section#contents .nav.global li#nav-global-05 a {
  background-image: url(../img/common/nav-global-05-h.png);
}
.page-header .section#contents .nav.global li#nav-global-05 .active {
  background-image: url(../img/common/nav-global-05-act.png);
}

.page-header .section#contents .nav.global li#nav-global-06 a {
  background-image: url(../img/common/nav-global-06-h.png);
}

.page-header .section#contents .nav.global li#nav-global-07 a {
  background-image: url(../img/common/nav-global-07-h.png);
}


.page-header .section#contents .nav.global li a:hover {
  background-color: #ffffff;
}
.page-header .section#contents .nav.global li a.active img,
.page-header .section#contents .nav.global li a.hover img,
.page-header .section#contents .nav.global li a:hover img {
  visibility: hidden;
}

/* 2nd */
.page-header .section#contents .nav.global li ul {
  display: none;
}
.page-header .section#contents .nav.global li ul li {
  width: 218px;
  padding: 1px 1px 0;
  border-top: 1px solid #ffffff;
}
.page-header .section#contents .nav.global li ul li a {
  width: 188px;
  height: auto;
  padding: 8px 0 8px 30px;
  background: url(../img/common/tri-white-r.png) no-repeat 19px 50% !important;
  text-decoration: none;
  color: #ffffff;
}

.page-header .section#contents .nav.global li ul li a:hover,
.page-header .section#contents .nav.global li ul li a.hover {
  background-color: #5781c3 !important;
}
.page-header .section#contents .nav.global li ul li a.active {
  background-color: #31538B !important;
}
.page-header .section#contents .nav.global li ul li a.hover {
  background-image: url(../img/common/tri-white-d.png) !important;
}

/* 3rd */
.page-header .section#contents .nav.global li ul li ul li {
  padding: 1px 0 0;
  border: 0;
  border-top: 1px solid #ffffff;

}
.page-header .section#contents .nav.global li ul li ul li a {
  width: 178px;
  padding: 8px 0 8px 40px;
  background: url(../img/common/tri-white-r.png) no-repeat 30px 50% !important;
  text-decoration: none;
  color: #ffffff;
}
.page-header .section#contents .nav.global li ul li ul li a {
  background-color: #878787 !important;
}

/* 4th */
.page-header .section#contents .nav.global li ul li ul li ul li a {
  background-color: #6e6e6e !important;
}

/* Page Body */
.page-body {
  float: right;
  width: 643px;
  padding: 0 17px 0 17px;
  margin: 0 0 30px;
}
.page-body h1 {
  padding: 5px 0 0;
  margin: 0 -17px 17px;
  border-bottom: 1px solid #5781c3;
}
.page-body h2 {
  margin: 0 0 17px;
}
.page-body h3 {
  margin: 0 0 21px;
}
.page-body .h3-sub {
  margin: 0 0 25px;
}

/* Page Footer */
.page-footer {
  clear: both;
  overflow: hidden;
  width: 100%;
  padding: 12px 0 18px;
  border-top: 1px solid #a5a5a5;
}
.page-footer .nav.about {
  float: left;
}
.page-footer .nav.about li {
  float: left;
  padding: 0 0 0 7px;
}
.page-footer .nav.about li a {
  padding: 0 0 0 11px;
  background: url(../img/common/tri-blue-r.png) no-repeat 0 50%;
  color: #666666;
  text-decoration: none;
}
.page-footer .copyright {
  font-size: 11px;
  line-height: 18px;
  float: right;
  margin: 0;
}



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

  Layout Template

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

/* Home */
.home .cover {
  position: relative;
  width: 638px;
  height: 398px;
  border: 1px solid #a5a5a5;
  margin: 0 0 15px;
}
.home .cover * {
  margin: 0;
}
.home .cover .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 620px;
  line-height: 1.31;
  min-height: 17px;
  height: auto !important;
  height: 17px;
  padding: 1px 9px;
  border-top: 1px solid #a5a5a5;
  background: #ffffff;
}
.home .section h2 {
  border-bottom: 1px solid #a5a5a5;
  margin: 0;
}
.home .section#whatsnew .news .date {
  padding: 7px 0 0;
  margin: 6px 0 0;
  background: url(../img/common/bd-x-dash-gray.png) repeat-x 0 0;
}
.home .section#whatsnew {
  position: relative;
  float: left;
  width: 405px;
}
.home .section#whatsnew .news {
  overflow: hidden;
  padding: 0 11px;
  margin: 0;
}
.home .section#whatsnew .news .date {
  padding: 7px 0 0 11px;
  margin: 6px 0 0;
  background: url(../img/common/bd-x-dash-gray.png) repeat-x 0 0;
}
.home .section#whatsnew .news .date.first-child {
  margin: 0;
  background-image: none;
}
.home .section#whatsnew .news .title {
  padding: 0 0 0 11px;
  text-indent: -11px;
}
.home .section#whatsnew .news .title a {
  padding: 0 0 0 11px;
  background: url(../img/common/tri-blue-r.png) no-repeat -2px 0.47em;
}
.home .section#whatsnew .news .description {
  padding: 0 0 0 11px;
}
.home .section#whatsnew .more {
  position: absolute;
  top: 15px;
  right: 0;
  margin: 0;
}
.home .section#newlytower,
.home .banners {
  float: right;
  width: 220px;
}
.home .section#newlytower .news {
  font-size: 0.77em;
  line-height: 1.6;
  padding: 0 11px;
  margin: 0 0 10px;
}
.home .section#newlytower .news .date {
  clear: left;
  padding: 7px 0 0;
}
.home .section#newlytower .news .date img {
  float: left;
  border: 1px solid #a5a5a5;
  margin: 0 8px 10px 0;
}
.home .section#newlytower .news .description {
  overflow: hidden;
  margin: 0 0 7px;
}
.home .section#newlytower .more {
  margin: 0;
  text-align: center;
}
.home .banners {
  margin: 15px 0 0;
  text-align: center;
}
.home .banners li {
  margin: 10px 0 0;
}

/* 概要*/
.click_big{
	font-size: 0.77em;
}

/* 建ててみる */
.imagemap#build-map {
  margin: 25px 0 0;
  background: url(../img/build/map-bg.png) no-repeat 0 25px;
}
.imagemap#build-map .map-lead {
  height: 25px;
  margin: 0;
}
.imagemap#build-map .map {
  position: relative;
  width: 332px;
  padding: 45px 37px 0 269px;
  margin: 0;
  background: url(../img/build/map.png) no-repeat 40px 45px;
}
.imagemap#build-map .map dt {
  overflow: hidden;
  position: absolute;
  left: 80px;
  width: 175px;
  height: 30px;
}
.imagemap#build-map .map dt a {
  display: block;
  padding: 30px 0 0;
  background: url(../img/build/map.png) no-repeat;
}
.imagemap#build-map .map dt#dt-1 { top: 493px; }
.imagemap#build-map .map dt#dt-2 { top: 372px; }
.imagemap#build-map .map dt#dt-3 { top: 284px; }
.imagemap#build-map .map dt#dt-4 { top: 172px; }
.imagemap#build-map .map dt#dt-5 { top: 113px; }
.imagemap#build-map .map dt#dt-6 { top: 80px; }
.imagemap#build-map .map dt#dt-7 { top: 49px; }
.imagemap#build-map .map dt#dt-1 a { background-position: -40px -448px; }
.imagemap#build-map .map dt#dt-2 a { background-position: -40px -327px; }
.imagemap#build-map .map dt#dt-3 a { background-position: -40px -239px; }
.imagemap#build-map .map dt#dt-4 a { background-position: -40px -127px; }
.imagemap#build-map .map dt#dt-5 a { background-position: -40px -68px; }
.imagemap#build-map .map dt#dt-6 a { background-position: -40px -35px; }
.imagemap#build-map .map dt#dt-7 a { background-position: -40px -4px; }
.imagemap#build-map .map dt#dt-1 a:hover,
.imagemap#build-map .map dt#dt-1.active a { background-position: -270px -448px;}
.imagemap#build-map .map dt#dt-2 a:hover,
.imagemap#build-map .map dt#dt-2.active a { background-position: -270px -327px; }
.imagemap#build-map .map dt#dt-3 a:hover,
.imagemap#build-map .map dt#dt-3.active a { background-position: -270px -239px; }
.imagemap#build-map .map dt#dt-4 a:hover,
.imagemap#build-map .map dt#dt-4.active a { background-position: -270px -127px; }
.imagemap#build-map .map dt#dt-5 a:hover,
.imagemap#build-map .map dt#dt-5.active a { background-position: -270px -68px; }
.imagemap#build-map .map dt#dt-6 a:hover,
.imagemap#build-map .map dt#dt-6.active a { background-position: -270px -35px; }
.imagemap#build-map .map dt#dt-7 a:hover,
.imagemap#build-map .map dt#dt-7.active a { background-position: -270px -4px; }
.imagemap#build-map .map dd {
  padding: 2px;
  border: 9px solid #99ccff;
  background: #ffffff;
}
.imagemap#build-map .map-bottom {
  padding: 5px 37px 15px 280px;
  background: url(../img/build/map-bg.png) no-repeat 0 100%;
}

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

  Content Modules

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

.section .section {
	margin: 0 8px 0 15px;
}
.section .section .section {
	margin: 0 0 40px;
}
.section .section h3 {
	margin: 0 0 19px -15px;
}
.section .section h4 {
	margin: 0 0 1.4em;
}
.section .section p {
	margin: 0 0 1.4em;
}

.nav,
.banners {
  padding: 0;
  margin: 0;
}
.nav li,
.banners li {
  list-style: none;
}

.iframe.scroll-x {
  overflow-x: scroll;
  width: 100%;
  margin: 40px 0 5px;
}
.iframe.scroll-x img {
  display: block;
}

.note {
  font-size: 0.77em;
  padding: 0 0 0 1em;
  text-indent: -1em;
  color: #666666;
}

.large {
/*  font-size: 1.16em;*/
  font-size:14px;
}

.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}

.lightbox {
	margin: 0;
}

.num-section {
  padding: 0 0 0 40px;
  margin: 40px 0 0;
}
.num-section h4 {
  margin: 0 0 17px;
  font-size: 1.6em;
  line-height: 1.4;
  font-weight: bold;
}
.num-section h4 .sub {
  font-size: 0.73em;
}
.num-section h4 img {
  float: left;
  margin: 0 0 0 -40px;
}
.num-section p {
  margin: 0 0 1.4em;
}
.num-section .lead {
  font-size: 1.16em;
  font-weight: bold;
  color: #a17a40;
}

.lead a:link{
  color: #a17a40;
}
.lead a:visited{
  color: #a17a40;
}



.t1 {
  margin: 0 0 0 -40px;
}
.t1 th, .t1 td {
  padding: 5px 8px;
  text-align: center;
}
.t1 .r1 {
  color: white;
  height: 17px;
}
.t1 .c1 {
  width: 190px;
  padding-right: 24px;
}
.t1 .r1 .c1 {
  background: url(../img/technique/detail/t1-r1-c1.png) no-repeat 0 100%;
}
.t1 .r1 .c2 {
  width: 398px;
  background: url(../img/technique/detail/t1-r1-c2.png) no-repeat 0 100%;
}
.t1 .r2 .c1 {
  background: url(../img/technique/detail/t1-r2-c1.png) no-repeat 0 100%;
}
.t1 .r2 .c2 {
  padding-bottom: 35px;
  background: url(../img/technique/detail/t1-r2-c2.png) no-repeat 0 100%;
}
.t1 .r3 {
  font-weight: bold;
}
.t1 .r3 .c2 {
  width: 186px;
  padding-right: 18px;
  background: url(../img/technique/detail/t1-r3-c2.png) no-repeat 0 100%;
}
.t1 .r3 .c3 {
  width: 186px;
  background: url(../img/technique/detail/t1-r3-c3.png) no-repeat 0 100%;
  color: white;
}

.box1 {
  position: relative;
}
.box1 .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
}
.box2 {
  width: 300px;
  padding: 20px;
  margin: 20px auto 30px;
  background: #fffcc7;
}
.box2 .box-header {
  font-size: 1.16em;
  font-weight: bold;
  margin: 0;
}
.box2 .box-header .star {
  font-weight: normal;
  color: #ff0000;
}
.box2 ul {
  margin: 0;
  padding: 0 0 0 2em;
}

.box3 .center {
  float: left;
  width: 120px;
  padding: 200px 0 0;
  margin: 0 0 0 20px;
  text-align: center;
  background: url(../img/technique/detail/arrow02.gif) no-repeat 50px 180px;
  font-weight: bold;
}

.flow {
  overflow: hidden;
  width: 100%;
}
.flow .flow-header {
  overflow: hidden;
  width: 100%;
}
.flow .flow-header h5 {
  float: left;
  padding: 2px 15px;
  background: #00479d;
  color: white;
}
.flow .flow-header p {
  overflow: hidden;
  padding: 2px 5px;
  background: #e1f2fc;
}
.flow .steps {
  overflow: hidden;
  width: 100%;
  margin: 0 0 30px;
  list-style: none;
}
.flow .steps li {
  float: left;
}
.flow.flow1 .steps li {
  width: 106px;
  padding: 0 30px 0 0;
  background: url(../img/technique/detail/ico_arrow.gif) no-repeat 111px 92px
}
.flow.flow1 .steps li.last {
  background: none;
}
.flow.flow2 {
  width: 640px;
  margin: 0 -12px 0 -25px;
}
.flow.flow2 .steps li {
  width: 128px;
  margin: 0 32px 20px 0;
}
.flow.flow2 .steps li.c1 {
  clear: left;
}
.flow.flow2 .steps li.c4 {
  *float: none;
  -position: relative;
  -margin-right: -3px;
  -right: 3px;
}

.index {
  font-size: 1.16em;
  font-weight: bold;
}
.index li {
  padding: 0 0 0 15px;
  list-style: none;
}
.index li ul {
  margin: 5px 0 15px;
  font-size: 0.87em;
  font-weight: normal;
}
.index li ul li a,
.index li ul li .comingsoon {
  padding: 0 0 0 15px;
  background: url(../img/common/index-list.png) no-repeat 0 50%;
	font-style: normal;
	*display: inline-block;
}
.index li ul li ul {
	font-size: 1em;
}
.index li ul li ul li a,
.index li ul li ul li .comingsoon {
	margin: 5px 0 0 -15px;
	*display: inline-block;
}

.q-list {
  list-style: none;
	margin: 0 0 25px;
}
.q-list li {
  margin: 0 0 0.6em;
}
.a-section {
	padding: 30px 0 0;
	margin: 80px 0 0;
	border-top: 1px dotted #a5a5a5;
}
.a-section .section h4 {
  padding: 0 0 0 12px;
  margin: 0 0 0.9em -15px;
  border-left: 3px solid #666666;
}

.a-section .section p {
  margin: 0 0 10px 0px;
}

.a-section .btt {
	text-align: right;
	font-size: 0.9em;
}

h2.sitemap-header {
	margin: 37px 0 27px;
}
.sitemap {
	font-size: 1.16em;
	line-height: 1.67;
	padding: 0 0 0 50px;
	font-weight: bold;
}
.sitemap li {
	list-style: none;
}
.sitemap a {
	padding: 0 0 0 15px;
	margin: 0 0 0 -15px;
	background: url(../img/common/index-list.png) no-repeat 0 50%;
	color: #333333;
	text-decoration: none;
	*display: inline-block;
}
.sitemap a:hover {
  color: #5781c3;
	text-decoration: underline;
}
.sitemap ul {
	font-size: 0.87em;
	line-height: 1.77;
	padding: 0 0 0 30px;
	margin: 0 0 1.16em;
	font-weight: normal;
}
.sitemap ul ul {
	font-size: 1em;
	padding: 0 0 0 50px;
	margin: 0;
}

.news {
	padding: 0 0 13px;
	margin: 0 0 12px;
  background: url(../img/common/bd-x-dash-gray.png) repeat-x 0 100%;
}
.news .date {
  padding: 13px 0 0 18px;
  margin: 12px 0 0;
  background: url(../img/common/bd-x-dash-gray.png) repeat-x 0 0;
}
.news .date img {
  margin: 0px 0 3px 0;
}
.news .date.first-child {
  margin: 0;
  background-image: none;
}
.news .title {
  padding: 0 0 0 18px;
/*  text-indent: -16px;*/
  background: url(../img/common/tri-blue-r.png) no-repeat -2px 0.47em;
}
.news .title a {
/*  padding: 0 0 0 16px;*/
/*  background: url(../img/common/tri-blue-r.png) no-repeat -2px 0.47em;*/
}
.news .description {
  padding: 0 0 0 18px;
}

.news-paging {
  width: 643px;
}
.news-paging-p {
	text-align: left;
}
.news-paging-n {
	text-align: right;
	padding: 0;
}
.news-paging-n li {
	display: inline;
}

.cols {
  overflow: hidden;
  width: 100%;
  list-style: none;
}
.cols .left {
  float: left;
  margin: 0 0 20px;
}
.cols .right {
  float: right;
  margin: 0 0 20px;
}
.cols .w80 {width: 80px;}
.cols .w146 {width: 146px;}
.cols .w175 {width: 175px;}
.cols .w192 {width: 192px;}
.cols .w215 {width: 215px;}
.cols .w225 {width: 225px;}
.cols .w233 {width: 233px;}
.cols .w245 {width: 245px;}
.cols .w250 {width: 250px;}
.cols .w266 {width: 266px;}
.cols .w274 {width: 274px;}
.cols .w300 {width: 300px;}
.cols .w310 {width: 310px;}
.cols .w340 {width: 340px;}
.cols .w352 {width: 352px;}
.cols .w380 {width: 380px;}

.fig {
  margin: 30px 0;
}

.num-list .item {
  padding: 0 0 0 20px;
  margin: 20px 0 0;
}
.num-list .item h5 {
  margin: 0 0 10px -20px;
}

.links {
  margin: 40px 0 0 27px;
}
.links dt {
  clear: left;
  float: left;
  width: 257px;
  margin: 0 0 17px;
}
.links dd {
  float: left;
  width: 358px;
  padding: 25px 0 0;
  margin-bottom: 40px;
}

.cranebacklink{
	padding:10px 0px 10px 0px;
	text-align:right;
	font-size:12px;
}

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

  Print

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

@media print {

body {
  background-color: white;
  color: black;
}

}