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

/* technology */
#local_navi{ margin-bottom:0 !important}

#sub_menu ul { height:30px; background:url(../img/submenu_end.gif) no-repeat right 0; display:inline-block}
#sub_menu img{ float:left; width:auto; margin-right:1px;}

#secondary { clear:both;  color:#efefef; padding:40px 40px 0px 40px; margin:0 0 25px 0;_height:100%;}
#secondary h1 { margin-bottom:30px}
#secondary h2 { margin:0 0 10px 0}
#secondary h3 { margin:0 0 10px 0}
#secondary p {
	line-height:1.6;
	margin:0 0 10px 0
}
#secondary a { color:#fff;}
#secondary a:hover { color:#C00}

#secondary .border-wrapper { border:solid 1px #ccc; padding:20px; margin:0 0 20px 0;}

.left-img{ margin:0 20px 0 0}
.right-img{ margin:0 0 0 20px}

#s-nav { clear:both; padding:25px 0 25px 0; margin:40px 0 0 0; list-style:none; text-align:center; border-top: dotted 1px #ccc;}
#s-nav li {	padding:0;margin:0 5px 0 0;	display:inline}
#s-nav li a { padding:0 13px 0 0; border-right: solid 1px #ccc; display:inline; line-height:1.1 !important}
#s-nav li:last-child a{ border:none;}

.arrow a { padding:0 0 0 16px; background:url(/technology/img/icon-arrowR.gif) no-repeat 0 4px}


/* H&S */
.about { background:#000; padding:18px 15px 0 15px!important}
.about h1 { text-align:center;border:solid 1px #ccc}

.about h2 { text-align:right; margin:0 3px 0 0 !important}
.about h3{ padding-bottom:20px!important; margin-bottom:0!important}

.about #point1 { background:url(/technology/img/about-bg1.jpg) no-repeat right bottom}
.about #point2 { background:url(/technology/img/about-bg2.jpg) no-repeat right bottom}
.about #point3 { border:solid 1px #ccc; padding:230px 20px 20px 20px; margin-bottom:20px;background:url(/technology/img/about-bg3.gif) no-repeat 0 0}
.about #point4 { background:url(/technology/img/about-bg4.jpg) no-repeat right bottom}

.about #point1 h3 {background:url(/technology/img/about-icon1.gif) no-repeat right 0}
.about #point2 h3 {background:url(/technology/img/about-icon2.gif) no-repeat right 0}
.about #point4 h3 {background:url(/technology/img/about-icon4.gif) no-repeat right 0}

.about #point1 p { width:450px;}
.about #point4 p { width:400px;}


/* 特徴 */
.pfm { background:#000; padding:18px 15px 0 15px!important}
.pfm h1 { text-align:center;border:solid 1px #ccc; margin-bottom:15px !important}

.pfm h2 { padding: 0 0 0 5px}
.pfm figure { margin-bottom:20px; text-align:center;}
.pfm figure span { display:inline-block; margin:10px 15px 0 15px; font-size:71%; line-height:1.5; text-align:left;}
.pfm h3 { margin:0 15px 15px 15px!important}
.pfm p { margin:0 15px 20px 15px!important}

.pfm .border-wrapper { width:295px;height:600px; padding:10px 0 0 0!important; margin:0 14px 20px 0!important; _overflow:hidden; float:left}
.pfm .border-wrapper-r { width:295px;_width:290px;height:600px; padding:10px 0 0 0!important; margin:0 0 20px 0!important; _overflow:hidden; float:right; border:solid 1px #ccc;float:right} 

.pfm #s-nav { margin-top:0}



/* H&Sの特徴 */
.feature {background:#000 url(/technology/img/ftu-bg.jpg) no-repeat 0 0; padding:18px 0 0 0!important;}

.feature header { border:solid 1px #ccc; padding:20px 20px 10px 20px; margin:0 20px 20px 20px; position:relative}
.feature header .logo { position:absolute; right:15px; bottom:20px;}
.feature header h1 { margin:-10px 0 5px -15px !important}
.feature h3 { margin:0 0 25px 0 !important}

.feature #f-h2 {text-align:center;border:solid 1px #ccc; margin:0 20px 50px 20px!important}
.feature #point1 { clear:both; margin:0 0 50px 30px; background:url(/technology/img/about-bg1.jpg) no-repeat right bottom; min-height:238px;_height:238px}
.feature #point2 { clear:both;margin:0 30px 50px 30px;}
.feature #point2 .left-img { margin-right:30px;}
.feature #point3 {clear:both;margin:0 10px 0 30px; background:url(/technology/img/ftu-thum3.jpg) no-repeat right bottom; min-height:345px; _height:345px;}

.feature #s-nav { margin-left:15px; margin-right:15px;}


/* H&Sの特徴 */
.flow { background:#000 url(/technology/img/sih_logo.gif) no-repeat right 0;}
.flow h2 { clear:both; font-size:122%;}
.flow h2 img { vertical-align:middle; margin:0 15px 3px 0;}
.flow h3 { font-size:116%;}

.flow .doc { font-size:90%; height:62px}
.flow .thum { float:left; width:180px;}

.flow figure img { border:solid 3px #fff;}

.flow .thum p{ font-size:84%;line-height:1.1; background:#fff; color:#000; text-align:center; width:151px;}
.flow .list_end { width:151px; background:none}

.flow .main-phot-left { width:355px;height:250px; float:left}
.flow .main-phot-right { width:331px;height:250px;float:right}

.flow .item { clear:both;min-height:300px;background: url(/technology/img/arrow.gif) no-repeat 159px 151px}
.flow .layout-left { width:511px;}
.flow .layout-right { width:511px;}


/* 重量木骨の家とは */
.se-method { background:#000 url(/technology/img/se-method-bg.jpg) no-repeat right 0}
.se-method figure { margin-bottom:40px;}
.se-method figure img { margin-bottom:10px;}


/* 圧倒的強さの秘密 */
.power {background:#000 url(/technology/img/power-bg.jpg) no-repeat right 0}
.power h1{ float:right; width:221px;}
.power figure { background:#fff; text-align:center}


/* デザイン */
.design {background:#000 url(/technology/img/design-bg.jpg) no-repeat right 0}
.design h1{ float:right; width:221px;}
.design figure { background:#fff; text-align:center; margin-bottom:5px}

.design #plan { padding:0; margin:0 0 50px 0; list-style:none;}
.design #plan figure { height:160px; width:160px; background:#888}
.design #plan li { width:160px; float:left; font-size:84%;padding:0; margin:0 5px 0 0; text-align:center}
.design #plan li:last-child { margin-right:0}

.design #exsample { padding:0; margin:0 0 0 0; list-style:none;}
.design #exsample figure { background:none; display:inline-block; margin-bottom:10px;}
.design #exsample li { width:260px; float:left; font-size:84%;padding:0; margin:0 40px 0 0; line-height:1.5}
.design #exsample li:last-child { margin-right:0}