@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 耐震・制震・免震
　03. 世界でも有数の地震大国、日本
　04. 耐震・制震・免震の違い

******************************************************************************* */



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/lifestyle/css/style.css"); /* ライフスタイル・テーマで選ぶ共通CSS（/jutaku/lifestyle/css/) */


/* ==

　01. 基本

=============================================================================== */
/*.contents div .txt{ width:480px; clear:none; }*/

.main .styleName h1,
.main .styleName .categoryName {
	float: left;
	padding-top: 7px;
}

.section .main h2 {
	margin-bottom: 10px;
	background: url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size: 120%;
	line-height: 1.2;
	color: #333;
}

.main .contents{ padding-bottom:0; background:none; }

.main .contents div div{ margin-bottom:0; }

.main .contents div p{ margin-bottom:0; }

.main .contents div p a.blank{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow_blank03.gif) left 3px no-repeat;
}

/* カタログ請求 */
.main .styleName p.btn a {
	display: inline;
	width: 196px;
	height: 41px;
	background: none;
}


/* ==

　02. 耐震・制震・免震

=============================================================================== */

.main .contents .mainVisual {
	position: relative;
	width: 730px;
	height: 450px;
	overflow: hidden;
	margin-bottom: 30px;
}

.main .contents .mainVisual .wrapper {
	position: absolute;
	top: 0;
	left: -730px;
	width: 2190px;
	height: 900px;
	clear: none;
	z-index: 60;
}

.main .contents .mainVisual .wrapper div {
	position: absolute;
	width: 728px;
	height: 448px;
	padding: 1px;
	background: url(../images/index_bk01.gif) left top no-repeat;
	clear: none;	
}

.main .contents .mainVisual .wrapper div div {
	position: static;
	width: auto;
	height: auto;
	padding: 0;
	background: none;
	clear: none;
}

.mainVisual .stepTop {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
}

.mainVisual #box1 {
	top: 0;
	left: 730px;
}
.mainVisual #box2 {
	top: 450px;
	left: 0;
}
.mainVisual #box3 {
	top: 450px;
	left: 730px;
}
.mainVisual #box4 {
	top: 450px;
	left: 1460px;
}

.mainVisual #box1 .img {
	float: right;
	width: 311px;
}

.mainVisual #box1 .txt {
	float: left;
	width: 417px;
}

.mainVisual #box1 .btn1 {
	float: none;
	width: 140px;
	margin-left: 284px;
}

.mainVisual #box1 .btn2 {
	position: absolute;
	bottom: 28px;
	left: 489px;
}

.mainVisual #box2 div {
	width: 682px;
	margin-left: 27px;
	clear: both;
}

.mainVisual #box2 .txt {
	width: 311px;
	margin-left: 0;
	clear: none;
}

.mainVisual #box2 .img {
	width: 371px;
}

.mainVisual #box2 .btn1 {
	position: absolute;
	top: 178px;
	right: 1px;
}

.mainVisual #box3 div {
	width: 635px;
	margin-left: 70px;
	clear: both;
}

.mainVisual #box3 .txt {
	width: 475px;
	margin-left: 0;
	clear: none;
}

.mainVisual #box3 .img {
	width: 160px;
}

.mainVisual #box3 .btn1 {
	position: absolute;
	top: 178px;
	left: 1px;
}
.mainVisual #box3 .btn2 {
	position: absolute;
	top: 178px;
	right: 1px;
}

.mainVisual #box4 div {
	width: 640px;
	margin-left: 88px;
	clear: both;
}

.mainVisual #box4 .txt {
	width: 318px;
	margin-left: 0;
	clear: none;
}

.mainVisual #box4 .img {
	width: 322px;
}

.mainVisual #box4 .btn1 {
	position: absolute;
	top: 178px;
	left: 1px;
}

.mainVisual .wrapper div div div,
.mainVisual .wrapper h3,
.mainVisual .wrapper p {
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
}

.main .contents .mainVisual .stepTop {
	width: 728px;
	height: 448px;
	padding: 1px;
	background: url(../images/index_bk02.jpg) left top no-repeat;
	clear: none;	
}

.main .contents .mainVisual .stepTop h2 {
	background: none;
	margin: 0;
	padding: 0;
}

.mainVisual .stepTop .btn {
	margin: 4px 0 9px 290px;
}

.navList {
	position: absolute;
	top:  17px;
	right: 21px;
	width: 64px;
	height: 43px;
	background: url(../images/index_bk03.gif) left top no-repeat;
	z-index: 70;
}

.navList li {
	position: absolute;
}

.navList li.nav1 {
	top: 1px;
	left: 22px;
}
.navList li.nav2 {
	top: 22px;
	left: 1px;
}
.navList li.nav3 {
	top: 22px;
	left: 22px;
}
.navList li.nav4 {
	top: 22px;
	left: 43px;
}

.navList a {
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none !important;
}

.navList a.current {
	background: #d10000;
	color: #fff;
}

.navTop {
	position: absolute;
	top:  63px;
	right: 23px;
	z-index: 80;	
}

.main .contents .relationBlock {
	width: 730px;
	margin: 0 10px 25px;
}

.main .contents .relationBlock div {
	clear: none;
}

.relationBlock .columnL {
	float: left;
	width: 350px;
}

.relationBlock .columnR {
	float: right;
	width: 350px;
}

.relationBlock .img {
	float: left;
	width: 70px;
}

.relationBlock .img a {
	display: block;
	padding: 1px;
	background: #ccc;
}

.relationBlock .img a:hover {
	background: #f90;
}

.main .contents .relationBlock .txt {
	float: right;
	width: 270px;
	line-height: 1.3;
	clear: none;
}

.section .main .relationBlock .txt h2 {
	margin: 0 0 0 -2px;
	padding-left: 18px;
	padding-bottom: 6px;
	background: url(/common/images/renew2009/arrow_info.gif) left 0.05em no-repeat;
	font-size: 115%;	
	font-weight: bold;	
}

.relationBlock .txt p {
	font-size: 115%;	
}

.main .contents div.bnr_xevo {
	margin-bottom: 0;
	padding-top: 15px;
	background: url(../images/index_bk04.gif) left top repeat-x;
	text-align: right;
}
/*
.main .contents .txtLink {
	margin-bottom: 0;
	padding-top: 15px;
	background: url(../images/index_bk04.gif) left top repeat-x;
	text-align: right;
}
.txtLink p {
	font-size: 120%;
	font-weight: bold;
}
.txtLink p a {
	padding-left: 18px;
	background: url(/common/images/renew2009/arrow_info.gif) left center no-repeat;
}
*/


/* ==

　03. 世界でも有数の地震大国、日本

=============================================================================== */

.japanHead {
	margin-bottom: 20px;
}

.localNav {
	margin-bottom: 12px;
	text-align: right;
}

.main .contents .columnBlock {
	width: 726px;
	margin-bottom: 30px;
	padding-left: 4px;
}

.main .contents .columnBlock .txt {
	float: left;
	width: 370px;
	padding-top: 5px;
}

.columnBlock .img {
	float: right;
	width: 335px;
	clear: none;
}

.columnBlock .txt p {
	line-height: 1.45;
	font-size: 115%;
}

.columnBlock .txt .chach {
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;
}

.main .contents .detailBlock p {
	margin-bottom: 15px;
	line-height: 1.45;
	font-size: 115%;
}

.main .contents .detailBlock .caption {
	margin-bottom: 7px;
	font-weight: bold;
}

.detailBlock table {
	width: 100%;
	background: #ccc;
}

.detailBlock th {
	line-height: 1.3;
	padding: 4px 0;
	background: #E1EECF;
	font-size: 115%;
	text-align: center;
}

.detailBlock th.c_change {
	background: #E2E4F2;
}

.detailBlock td {
	line-height: 1.2;
	padding: 4px 5px;
	background: #fff;
	font-size: 115%;
}

.detailBlock .lebel {
	width: 10%;
	background: #fafafa;
	font-weight: bold;
	text-align: center;
}

.detailBlock .num3 {
	background: #FBDED3;
}

.detailBlock .lebel3 {
	width: 10%;
	background: #EF856D;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.detailBlock .txt {
	width: 40%;
}


/* ==

　04. 耐震・制震・免震の違い

=============================================================================== */

#subwin {
	padding: 5px;
	background: #f7f7f7;
}

#subwin h1 {
	margin: 0 0 16px;
	padding: 0;
}

#subwin .wrapper {
	width: 683px;
	margin: 0 0 10px 7px;
}

#subwin .wrapper div {
	float: left;
	width: 222px;
	margin-right: 8px;
}

#subwin .wrapper h2 {
	margin-bottom: 13px;
}

#subwin .wrapper .txt {
	margin-bottom: 15px;
}

#subwin .wrapper .swf {
	height: 265px;
	overflow: hidden;
	border: 1px solid #ccc;
	background: #fff;
}

#subwin .wrapper .lastChild {
	margin-right: 0;
}

* html #subwin .wrapper { zoom: 1; } /* ie6 */
*:first-child+html #subwin .wrapper { zoom: 1; } /* ie7 */
#subwin .wrapper:after { content: ''; display: block; clear: both; height: 0; }

#subwin .data {
	text-align: center;
}

html {
	overflow: auto;
}

/* ==

　05. 地盤調査

=============================================================================== */

div.columnBlock div.jiban_01 div.txt p, div.columnBlock div.jiban_02 div.txt p{ width:476px; padding-bottom:20px;  float:left; }
div.columnBlock div.jiban_01 div.img, div.columnBlock div.jiban_02 div.img{width:232px; padding-bottom:0px; float:right; }


div.columnBlock .jiban_02 p .f12_115{ display:block; width:232px; }
div.columnBlock .jiban_02 div.txt p span.f12_115{ display:block; width:400px}

.f12_115{font-size:12px; line-height:130%}