@charset "utf-8";
/* CSS Document */

div#mainArea{
	width:888px;
	padding:17px 0px 100px 12px;
}
div#kakomi{
	background:url(../../skeleton/img/bg_line.gif) repeat-y;
	width:674px;
	padding:0 1px;
}
div#insideHeader{
	background:#ffffff url(../../skeleton/img/shikiri_v10.gif) bottom repeat-x;
	padding-bottom:10px;
}
div#insideHeader img{
	margin-right:4px;
}
div#catch{
	width:674px;
	border-top:#dcdcdc solid 1px;
	border-bottom:#dcdcdc solid 1px;
}
h2{display:inline;}
div#content-skeleton .leadCopy{
	margin:14px 0 14px 125px;
	padding:0 4px 0 12px;
	border-left:3px solid #888888;
	font-size:120%;
	font-weight:bold;
	line-height:1.4;
}
div.maintxt{
	margin-left:126px;
	width:520px;
	padding:12px 14px 0 14px;
	border-top:1px solid #dcdcdc;
}
.borderTop{
	border-top:1px solid #dcdcdc;
}
.largeSpace{
	margin-left:126px;
	width:520px;
	padding:5px 14px 0 14px;
}
div.maintxt .txtBox, .largeSpace .txtBox{
	width:254px;
	line-height:1.4;
}
div.maintxt .caption, .largeSpace .caption{
	font-size:90%;
	margin-top:5px;
	line-height:1.4;
}
span.caption strong{
	font-weight:bold;
}
div.maintxt .arrow{/* 矢印用 */
	width:12px;
	vertical-align:middle;
}

/*コラム用*/
.columBox{
	margin-left:126px;
	margin-bottom:30px;
	width:520px;
	padding:0 14px 0 14px;
}
.columBox h4{
	font-weight:bold;
	margin-bottom:5px;
}
.columBox img.main{
	float:left;
	width:230px;
	margin-right:8px;
}
.columBox div.info{
	width:282px;
	float:left;
}
.columBox div.info h3.title{
	font-weight:bold;
	margin-bottom:5px;
}
.columBox div.info  h3.title span.name{
	font-size:80%;
}
.columBox div.info p.txt{
	line-height:1.3;
}

/*コラム２用*/
.columBox2{
	margin-left:161px;
	margin-bottom:30px;
	margin-top:50px;
	width:450px;
	padding:14px;
	background:#f5f5f5;
}
.columBox2 h3{
	font-weight:bold;
	font-size:110%;
}
.columBox2 p.caption{
	width:400px;
	font-size:90%;
	margin-left:25px;
}

/* ３つ並びのフロー（矢印使ったやつ） */
div.tripleFlow div.leftColumn, 
div.tripleFlow h4{
	width:160px;
} 
div.tripleFlow h4{
	font-size:85%;
	line-height:1.2;
} 


div.flowBox{/* 耐震1でのみ利用 */
	width:486px;
	padding:15px;
	background:#e4fff0;
}
div.flowBox h3.flowCatch{
	font-size:130%;
	font-weight:bold;
	margin-bottom:15px;
	color:#006633;
}
div.flowBox h3.flowArrow{
	margin-right:13px;
}
div.flowBox p.flowTxt{
	width:283px;
	line-height:1.4;
	margin-top:-3px;
}
div#insideHeader-bottom{
	background:#ffffff;
	border-bottom:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	height:105px;
}
div#insideHeader-bottom img{
	margin-right:4px;
}















/* メニュー（横並び） -----------------------------------*/

/* 共通 */
div#insideHeader ul{margin-top:81px;}
div#insideHeader-bottom ul{margin-top:8px;}
div#insideHeader ul li, div#insideHeader-bottom ul li{
	float:left; text-indent:-9999px; font-size:6px;
}
div#insideHeader ul li a, div#insideHeader-bottom ul li a{
	display:block; background:no-repeat;
}


/* 災害に強い */
ul#disaster-menuH li.menu1 a, ul#disaster-menuH li.menu1_on a,
ul#disaster-menuH li.menu2 a, ul#disaster-menuH li.menu2_on a,
ul#disaster-menuH li.menu3 a, ul#disaster-menuH li.menu3_on a,
ul#disaster-menuH li.menu4 a, ul#disaster-menuH li.menu4_on a,
ul#disaster-menuH li.menu5 a, ul#disaster-menuH li.menu5_on a{
	width:77px;
	height:16px;
}
ul#disaster-menuH li.menu6 a, ul#disaster-menuH li.menu6_on a{
	width:68px;
	height:16px;
}
ul#disaster-menuH li.menu7 a, ul#disaster-menuH li.menu7_on a{
	width:79px;
	height:16px;
}
ul#disaster-menuH li.menu1 a{
	background:url(../../skeleton/disaster/img/b_menu1.gif) no-repeat;
}
ul#disaster-menuH li.menu2 a{
	background:url(../../skeleton/disaster/img/b_menu2.gif) no-repeat;
}
ul#disaster-menuH li.menu3 a{
	background:url(../../skeleton/disaster/img/b_menu3.gif) no-repeat;
}
ul#disaster-menuH li.menu4 a{
	background:url(../../skeleton/disaster/img/b_menu4.gif) no-repeat;
}
ul#disaster-menuH li.menu5 a{
	background:url(../../skeleton/disaster/img/b_menu5.gif) no-repeat;
}
ul#disaster-menuH li.menu6 a{
	background:url(../../skeleton/disaster/img/b_menu6.gif) no-repeat;
}
ul#disaster-menuH li.menu7 a{
	background:url(../../skeleton/disaster/img/b_menu7.gif) no-repeat;
}
/* ロールオーバー */
ul#disaster-menuH li.menu1 a:hover, ul#disaster-menuH li.menu1_on{
	background:url(../../skeleton/disaster/img/b_menu1.gif) 0 -16px;
}
ul#disaster-menuH li.menu2 a:hover, ul#disaster-menuH li.menu2_on{
	background:url(../../skeleton/disaster/img/b_menu2.gif) 0 -16px;
}
ul#disaster-menuH li.menu3 a:hover, ul#disaster-menuH li.menu3_on{
	background:url(../../skeleton/disaster/img/b_menu3.gif) 0 -16px;
}
ul#disaster-menuH li.menu4 a:hover, ul#disaster-menuH li.menu4_on{
	background:url(../../skeleton/disaster/img/b_menu4.gif) 0 -16px;
}
ul#disaster-menuH li.menu5 a:hover, ul#disaster-menuH li.menu5_on{
	background:url(../../skeleton/disaster/img/b_menu5.gif) 0 -16px;
}
ul#disaster-menuH li.menu6 a:hover, ul#disaster-menuH li.menu6_on{
	background:url(../../skeleton/disaster/img/b_menu6.gif) 0 -16px;
}
ul#disaster-menuH li.menu7 a:hover, ul#disaster-menuH li.menu7_on{
	background:url(../../skeleton/disaster/img/b_menu7.gif) 0 -16px;
}


/* 歳月に強い */
ul#time-menuH li.menu1 a, ul#time-menuH li.menu1_on a,
ul#time-menuH li.menu2 a, ul#time-menuH li.menu2_on a{
	width:77px;
	height:16px;
}
ul#time-menuH li.menu3 a, ul#time-menuH li.menu3_on a{
	width:68px;
	height:16px;
}
ul#time-menuH li.menu1 a{
	background:url(../../skeleton/time/img/b_menu1.gif) no-repeat;
}
ul#time-menuH li.menu2 a{
	background:url(../../skeleton/time/img/b_menu2.gif) no-repeat;
}
ul#time-menuH li.menu3 a{
	background:url(../../skeleton/time/img/b_menu3.gif) no-repeat;
}
/* ロールオーバー */
ul#time-menuH li.menu1 a:hover, ul#time-menuH li.menu1_on{
	background:url(../../skeleton/time/img/b_menu1.gif) 0 -16px;
}
ul#time-menuH li.menu2 a:hover, ul#time-menuH li.menu2_on{
	background:url(../../skeleton/time/img/b_menu2.gif) 0 -16px;
}
ul#time-menuH li.menu3 a:hover, ul#time-menuH li.menu3_on{
	background:url(../../skeleton/time/img/b_menu3.gif) 0 -16px;
}


/* 環境に強い */
ul#environment-menuH li.menu1 a, ul#environment-menuH li.menu1_on a,
ul#environment-menuH li.menu2 a, ul#environment-menuH li.menu2_on a,
ul#environment-menuH li.menu4 a, ul#environment-menuH li.menu4_on a{
	width:68px;
	height:16px;
}
ul#environment-menuH li.menu3 a, ul#environment-menuH li.menu3_on a{
	width:54px;
	height:16px;
}
ul#environment-menuH li.menu1 a{
	background:url(../../skeleton/environment/img/b_menu1.gif) no-repeat;
}
ul#environment-menuH li.menu2 a{
	background:url(../../skeleton/environment/img/b_menu2.gif) no-repeat;
}
ul#environment-menuH li.menu3 a{
	background:url(../../skeleton/environment/img/b_menu3.gif) no-repeat;
}
ul#environment-menuH li.menu4 a{
	background:url(../../skeleton/environment/img/b_menu4.gif) no-repeat;
}
/* ロールオーバー */
ul#environment-menuH li.menu1 a:hover, ul#environment-menuH li.menu1_on{
	background:url(../../skeleton/environment/img/b_menu1.gif) 0 -16px;
}
ul#environment-menuH li.menu2 a:hover, ul#environment-menuH li.menu2_on{
	background:url(../../skeleton/environment/img/b_menu2.gif) 0 -16px;
}
ul#environment-menuH li.menu3 a:hover, ul#environment-menuH li.menu3_on{
	background:url(../../skeleton/environment/img/b_menu3.gif) 0 -16px;
}
ul#environment-menuH li.menu4 a:hover, ul#environment-menuH li.menu4_on{
	background:url(../../skeleton/environment/img/b_menu4.gif) 0 -16px;
}


/* 素材・構造 */
ul#material-menuH li.menu1 a, ul#material-menuH li.menu1_on a,
ul#material-menuH li.menu5 a, ul#material-menuH li.menu5_on a,
ul#material-menuH li.menu6 a, ul#material-menuH li.menu6_on a{
	width:68px;
	height:16px;
}
ul#material-menuH li.menu2 a, ul#material-menuH li.menu2_on a,
ul#material-menuH li.menu3 a, ul#material-menuH li.menu3_on a,
ul#material-menuH li.menu4 a, ul#material-menuH li.menu4_on a{
	width:40px;
	height:16px;
}
ul#material-menuH li.menu1 a{
	background:url(../../skeleton/material/img/b_menu1.gif) no-repeat;
}
ul#material-menuH li.menu2 a{
	background:url(../../skeleton/material/img/b_menu2.gif) no-repeat;
}
ul#material-menuH li.menu3 a{
	background:url(../../skeleton/material/img/b_menu3.gif) no-repeat;
}
ul#material-menuH li.menu4 a{
	background:url(../../skeleton/material/img/b_menu4.gif) no-repeat;
}
ul#material-menuH li.menu5 a{
	background:url(../../skeleton/material/img/b_menu5.gif) no-repeat;
}
ul#material-menuH li.menu6 a{
	background:url(../../skeleton/material/img/b_menu6.gif) no-repeat;
}
/* ロールオーバー */
ul#material-menuH li.menu1 a:hover, ul#material-menuH li.menu1_on{
	background:url(../../skeleton/material/img/b_menu1.gif) 0 -16px;
}
ul#material-menuH li.menu2 a:hover, ul#material-menuH li.menu2_on{
	background:url(../../skeleton/material/img/b_menu2.gif) 0 -16px;
}
ul#material-menuH li.menu3 a:hover, ul#material-menuH li.menu3_on{
	background:url(../../skeleton/material/img/b_menu3.gif) 0 -16px;
}
ul#material-menuH li.menu4 a:hover, ul#material-menuH li.menu4_on{
	background:url(../../skeleton/material/img/b_menu4.gif) 0 -16px;
}
ul#material-menuH li.menu5 a:hover, ul#material-menuH li.menu5_on{
	background:url(../../skeleton/material/img/b_menu5.gif) 0 -16px;
}
ul#material-menuH li.menu6 a:hover, ul#material-menuH li.menu6_on{
	background:url(../../skeleton/material/img/b_menu6.gif) 0 -16px;
}


/* メニュー（右の縦並び） -----------------------------------*/
.openCategory{
	padding-bottom:13px
}
.bottomLine{
	border-bottom:1px solid #dcdcdc;
}
ul#vSubmenu{
	background:url(../img/vSubmenu_bg.gif) repeat-y;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:0 1px 13px 1px;
	margin-bottom:14px;
}
ul#vSubmenu li.skeleton, ul#vSubmenu ul li {
	text-indent:-9999px;
}
ul#vSubmenu a{
	display:block;
	background:no-repeat;
}
ul#vSubmenu li.skeleton a{
	width:178px;
	height:27px;
	background:url(../../skeleton/img/b_skeleton.gif) no-repeat;
}
ul#vSubmenu li.skeleton a:hover, ul#vSubmenu li.skeleton_on{
	width:179px;
	height:27px;
	background:url(../../skeleton/img/b_skeleton.gif) no-repeat 0 -27px;
}
ul#vSubmenu li.eachCategory{
	margin-left:18px;
}


/* 災害に強い,歳月に強い,環境に強い,素材・構造　共通 */
ul#vSubmenu ul{
	width:160px;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
}
ul#vSubmenu li.root, ul#vSubmenu li.root a{
	width:159px;
	height:27px;
}
ul#vSubmenu li.sub{
	width:147px;
	height:27px;
	margin-left:12px;
	border-top:1px solid #dcdcdc;
}
ul#vSubmenu li.sub a{
	width:147px;
	height:27px;
}

/* 災害に強い　リンク */
ul#vSubmenu ul#disaster li.sub7, ul#vSubmenu ul#disaster li.sub7_on{
	border-bottom:1px solid #dcdcdc;
}
ul#vSubmenu ul#disaster li.root, 
ul#vSubmenu ul#disaster li.root a{background:url(../../skeleton/img/b_disaster.gif);}
ul#vSubmenu ul#disaster li.sub1 a{background:url(../../skeleton/img/b_quake1.gif);}
ul#vSubmenu ul#disaster li.sub1 a:hover, 
ul#vSubmenu ul#disaster li.sub1_on{background:url(../../skeleton/img/b_quake1.gif) 0 -27px;}
ul#vSubmenu ul#disaster li.sub2 a{background:url(../../skeleton/img/b_quake2.gif);}
ul#vSubmenu ul#disaster li.sub2 a:hover, 
ul#vSubmenu ul#disaster li.sub2_on{background:url(../../skeleton/img/b_quake2.gif) 0 -27px;}
ul#vSubmenu ul#disaster li.sub3 a{background:url(../../skeleton/img/b_quake3.gif);}
ul#vSubmenu ul#disaster li.sub3 a:hover, 
ul#vSubmenu ul#disaster li.sub3_on{background:url(../../skeleton/img/b_quake3.gif) 0 -27px;}
ul#vSubmenu ul#disaster li.sub4 a{background:url(../../skeleton/img/b_fire1.gif);}
ul#vSubmenu ul#disaster li.sub4 a:hover, 
ul#vSubmenu ul#disaster li.sub4_on{background:url(../../skeleton/img/b_fire1.gif) 0 -27px;}
ul#vSubmenu ul#disaster li.sub5 a{background:url(../../skeleton/img/b_fire2.gif);}
ul#vSubmenu ul#disaster li.sub5 a:hover, 
ul#vSubmenu ul#disaster li.sub5_on{background:url(../../skeleton/img/b_fire2.gif) 0 -27px;}
ul#vSubmenu ul#disaster li.sub6 a{background:url(../../skeleton/img/b_wind.gif);}
ul#vSubmenu ul#disaster li.sub6 a:hover, 
ul#vSubmenu ul#disaster li.sub6_on{background:url(../../skeleton/img/b_wind.gif) 0 -27px;}
ul#vSubmenu ul#disaster li.sub7 a{background:url(../../skeleton/img/b_snow.gif);}
ul#vSubmenu ul#disaster li.sub7 a:hover, 
ul#vSubmenu ul#disaster li.sub7_on{background:url(../../skeleton/img/b_snow.gif) 0 -27px;}


/* 歳月に強い　リンク */
ul#vSubmenu ul#time li.sub3, ul#vSubmenu ul#time li.sub3_on{
	border-bottom:1px solid #dcdcdc;
}
ul#vSubmenu ul#time li.root, 
ul#vSubmenu ul#time li.root a{background:url(../../skeleton/img/b_time.gif);}
ul#vSubmenu ul#time li.sub1 a{background:url(../../skeleton/img/b_endurance1.gif);}
ul#vSubmenu ul#time li.sub1 a:hover, 
ul#vSubmenu ul#time li.sub1_on{background:url(../../skeleton/img/b_endurance1.gif) 0 -27px;}
ul#vSubmenu ul#time li.sub2 a{background:url(../../skeleton/img/b_endurance2.gif);}
ul#vSubmenu ul#time li.sub2 a:hover, 
ul#vSubmenu ul#time li.sub2_on{background:url(../../skeleton/img/b_endurance2.gif) 0 -27px;}
ul#vSubmenu ul#time li.sub3 a{background:url(../../skeleton/img/b_life.gif);}
ul#vSubmenu ul#time li.sub3 a:hover, 
ul#vSubmenu ul#time li.sub3_on{background:url(../../skeleton/img/b_life.gif) 0 -27px;}


/* 環境に強い　リンク */
ul#vSubmenu ul#environment li.sub4, ul#vSubmenu ul#environment li.sub4_on{
	border-bottom:1px solid #dcdcdc;
}
ul#vSubmenu ul#environment li.root, 
ul#vSubmenu ul#environment li.root a{background:url(../../skeleton/img/b_environment.gif);}
ul#vSubmenu ul#environment li.sub1 a{background:url(../../skeleton/img/b_heat.gif);}
ul#vSubmenu ul#environment li.sub1 a:hover, 
ul#vSubmenu ul#environment li.sub1_on{background:url(../../skeleton/img/b_heat.gif) 0 -27px;}
ul#vSubmenu ul#environment li.sub2 a{background:url(../../skeleton/img/b_air.gif);}
ul#vSubmenu ul#environment li.sub2 a:hover, 
ul#vSubmenu ul#environment li.sub2_on{background:url(../../skeleton/img/b_air.gif) 0 -27px;}
ul#vSubmenu ul#environment li.sub3 a{background:url(../../skeleton/img/b_noise.gif);}
ul#vSubmenu ul#environment li.sub3 a:hover, 
ul#vSubmenu ul#environment li.sub3_on{background:url(../../skeleton/img/b_noise.gif) 0 -27px;}
ul#vSubmenu ul#environment li.sub4 a{background:url(../../skeleton/img/b_nature.gif);}
ul#vSubmenu ul#environment li.sub4 a:hover, 
ul#vSubmenu ul#environment li.sub4_on{background:url(../../skeleton/img/b_nature.gif) 0 -27px;}


/* 素材・構造　リンク */
ul#vSubmenu ul#material li.sub6, ul#vSubmenu ul#material li.sub6_on{
	border-bottom:1px solid #dcdcdc;
}
ul#vSubmenu ul#material li.root, 
ul#vSubmenu ul#material li.root a{background:url(../../skeleton/img/b_material.gif);}
ul#vSubmenu ul#material li.sub1 a{background:url(../../skeleton/img/b_wall.gif);}
ul#vSubmenu ul#material li.sub1 a:hover, 
ul#vSubmenu ul#material li.sub1_on{background:url(../../skeleton/img/b_wall.gif) 0 -27px;}
ul#vSubmenu ul#material li.sub2 a{background:url(../../skeleton/img/b_joint.gif);}
ul#vSubmenu ul#material li.sub2 a:hover, 
ul#vSubmenu ul#material li.sub2_on{background:url(../../skeleton/img/b_joint.gif) 0 -27px;}
ul#vSubmenu ul#material li.sub3 a{background:url(../../skeleton/img/b_base.gif);}
ul#vSubmenu ul#material li.sub3 a:hover, 
ul#vSubmenu ul#material li.sub3_on{background:url(../../skeleton/img/b_base.gif) 0 -27px;}
ul#vSubmenu ul#material li.sub4 a{background:url(../../skeleton/img/b_material_in.gif);}
ul#vSubmenu ul#material li.sub4 a:hover, 
ul#vSubmenu ul#material li.sub4_on{background:url(../../skeleton/img/b_material_in.gif) 0 -27px;}
ul#vSubmenu ul#material li.sub5 a{background:url(../../skeleton/img/b_production.gif);}
ul#vSubmenu ul#material li.sub5 a:hover, 
ul#vSubmenu ul#material li.sub5_on{background:url(../../skeleton/img/b_production.gif) 0 -27px;}
ul#vSubmenu ul#material li.sub6 a{background:url(../../skeleton/img/b_contract.gif);}
ul#vSubmenu ul#material li.sub6 a:hover, 
ul#vSubmenu ul#material li.sub6_on{background:url(../../skeleton/img/b_contract.gif) 0 -27px;}





ul#vSubmenu ul#disaster li.root a:hover{background:url(../../skeleton/img/b_disaster.gif) 0 -27px;}
ul#vSubmenu ul#time li.root a:hover{background:url(../../skeleton/img/b_time.gif) 0 -27px;}
ul#vSubmenu ul#environment li.root a:hover{background:url(../../skeleton/img/b_environment.gif) 0 -27px;}
ul#vSubmenu ul#material li.root a:hover{background:url(../../skeleton/img/b_material.gif) 0 -27px;}
div#content-skeleton .tuyoiBox {
	background: url(../../skeleton/img/bg_tuyoibox.gif) repeat-y left top;
	margin-left: 14px;
}
div#content-skeleton .tuyoiBox li {
	margin-top: 10px;
}

div#content-skeleton .bgWhite {
	background: #FFFFFF url(none);
}

div#content-skeleton .toyoiBox2 {
	width: 210px;
	float: left;
	margin-right: 8px;
	text-align: center;
}
div#content-skeleton .kouzouBox {
	background: #ECECEC;
	margin: 0px 15px;
	padding: 10px 8px;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px none #DFDFDF;
	border-left: 1px solid #DFDFDF;
}
div#content-skeleton .kouzouBox ul {
	margin-left: 35px;
}

div#content-skeleton .kouzouBox li {
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}