@charset "utf-8";
/* CSS Document : "ウルトラコラム工法協会" sub style */

/*
■ウルトラコラム工法
#ultra #outline  / 概要           /ultra_outline.html
#ultra #original / 特徴           /ultra_original.html
#ultra #step     / 施工手順・機械 /ultra_step.html
#ultra #quality  / 品質・施工管理 /ultra_quality.html

■ウルトラウッドコラム工法
#wood #outline  / 概要           /wood_outline.html
#wood #original / 特徴           /wood_original.html
#wood #step     / 施工手順・機械 /wood_step.html
#wood #quality  / 品質・施工管理 /wood_quality.html

■ウルトラコラム工法NEO
#neo #outline  / 概要           /neo_outline.html
#neo #original / 特徴           /neo_original.html
#neo #step     / 施工手順・機械 /neo_step.html
#neo #quality  / 品質・施工管理 /neo_quality.html

#info    / 協会案内         /information.html
#recruit / 協会員募集       /recruit/
#search  / 協会委員情報検索 /search.html
#tech    / 技術委員名簿     /technical_members.html
#contact / お問い合せ       /contact/
#link    / リンク           /link.html
#privacy / 個人情報保護方針 /privacy.html
#sitemap / サイトマップ     /sitemap.html
*/

/* ========================================================= */
/* 概要                                                      */
/* ========================================================= */

/* 共通・ウルトラ ========================================== */
#outline {
line-height: 2;
}
#outline .section h3 {
margin-bottom: 31px;
}
#outline .section span.image {
float: left;
margin: 3px 17px 0 46px;
}
#outline01 {
padding-bottom: 100px;
}
#outline01 p {
margin: 0 60px 0 587px;
}
#outline02 {
padding-bottom: 66px;
}
#outline02 dl {
border-top: #CCCCCC 1px solid;
font-size: 11px;
margin: 12px 51px 0 273px;
}
#outline02 dl dd {
padding: 10px 12px 15px 0;
}
#outline03 p {
margin: 0 47px 23px;
}
#outline03 ul {
margin-left: 45px;
overflow: hidden;
}
#outline03 ul li {
float: left;
width: 290px;
margin: 0 20px 45px 0;
}
#outline03 ul li span {
display: block;
text-align: center;
padding-top: 5px;
}


/* ウッド ================================================== */
#wood #outline #merit {
margin-top: -9px;
}
#outline #merit dl {
float: left;
width: 448px;
height: 202px;
line-height: 1.6;
}
#outline #merit dl.mrt1 {
border: #4C9481 1px solid;
margin: 0 10px 0 43px;
}
#outline #merit dl.mrt2 {
border: #7FB2A5 1px solid;
}
#wood #outline #merit dl dt {
}
#wood #outline #merit dl dd.line {
background: url(../img/cmn/line02.png) repeat-x left bottom;
}
#wood #outline #merit dl dd {
display: table;
margin: 0 10px;
overflow: hidden;
}
#wood #outline #merit dl.mrt1 dd.line {
padding: 10px 0 11px;
}
#wood #outline #merit dl.mrt1 dd {
padding: 14px 0 0;
}
#wood #outline #merit dl.mrt2 dd.line {
padding: 20px 0 19px;
}
#wood #outline #merit dl.mrt2 dd {
padding: 23px 0 0;
}
#wood #outline #merit dl dd span {
display: table-cell;
vertical-align: middle;
padding: 0 9px 0 3px;
}
#wood #outline #merit dl dd p {
display: table-cell;
}
#outline #merit strong {
clear: both;
display: block;
text-align: center;
padding: 10px 0 69px;
}
#wood #outline04 {
padding-bottom: 30px;
}
#wood #outline04 p {
margin: 0 47px;
}
#wood #outline04 span.unit {
display: block;
text-align: right;
margin: 12px 40px 0;
}
#wood #outline04 p.atn {
line-height: 1.6;
}
#wood #outline04 p.atn em {
color: #FFCCCC;
}
#wood #outline04 dl {
font-size: 11px;
line-height: 1.6;
margin: 15px 45px 0;
overflow: hidden;
}
#wood #outline04 dl dt {
clear: both;
float: left;
}
#wood #outline04 dl dd {
margin-left: 28px;
margin-bottom: 8px;
}
#wood #outline04 table {
width: 910px;
margin: 0 0 15px 45px;
}
#wood #outline04 table th,
#wood #outline04 table td {
border: #333333 1px solid;
text-align: center;
}
#wood #outline04 table th {
background: #EEEEEE;
}
#wood #outline04 table th.term {
line-height: 1.2;
background: #CCE8DA;
}
#wood #outline04 table th.vtcl {
line-height: 1;
}
#wood #outline04 table td {
width: 59px;
}
#wood #outline04 table td.atn {
background: #FFCCCC;
}


/* NEO ===================================================== */
#neo #outline #merit {
margin-top: -33px;
}
#neo #outline #merit h3 {
text-align: center;
margin-bottom: 5px;
}
#neo #outline #merit dl {
height: auto;
text-align: center;
}
#neo #outline #merit strong {
padding-top: 23px;
}


/* ========================================================= */
/* 特徴                                                      */
/* ========================================================= */

/* 共通・ウルトラ ========================================== */
#original {
padding-bottom: 130px;
}
#original01 {
min-height: 1021px;
background: url(../img/sub/ultra/original_01_bg.jpg) no-repeat 721px 58px;
}
#original01 h3 {
margin-bottom: 21px;
}
#original01 dl {
line-height: 1.6;
margin: 0 315px 0 45px;
}
#original01 dl dd {
padding: 6px 0 40px;
}
#original02 h3 {
margin-bottom: 29px;
}
#original02 table {
width: 910px;
margin: 0 auto -1px;
}
#original02 table th,
#original02 table td {
border: #666666 1px solid;
line-height: 1.4;
text-align: center;
padding: 8px 0 6px;
}
#original02 table thead th {
background: #D6EFF8;
padding: 4px 0 3px;
}
#original02 table tbody th {
background: #EEEEEE;
}
#original02 table span.atn {
font-size: 10px;
margin-left: 6px;
}


/* ウッド ================================================== */
#wood #original01 {
min-height: 731px;
background: url(../img/sub/wood/original_01_bg.jpg) no-repeat 731px 65px;
}
#wood #original01 strong {
display: block;
padding: 9px 45px 12px;
}
#wood #original01 p {
line-height: 2;
padding: 0 320px 42px 47px;
}
#wood #original02 {
padding-bottom: 80px;
}
#wood #original03 p {
float: left;
width: 590px;
line-height: 2;
margin: 17px 0 0 47px;
}
#wood #original03 dl {
float: right;
width: 274px;
background: #CCE8DA;
line-height: 2;
padding: 10px 13px 6px;
margin: 23px 48px 0 0;
}
#wood #original03 dl dt {
color: #008C46;
font-weight: bold;
}


/* NEO ===================================================== */
#neo #original02 table thead th {
background: #D9E8E4;
}
#neo #original02 ol.atn {
font-size: 11px;
line-height: 1.4;
padding: 15px 48px 0;
}
#neo #original02 ol.atn li {
text-indent: -29px;
margin-left: 29px;
margin-bottom: 5px;
}


/* ========================================================= */
/* 施工手順・機械                                            */
/* ========================================================= */

/* 共通・ウルトラ ========================================== */
#step .section {
padding-bottom: 35px;
}
#step01 h3 {
margin-bottom: 29px;
}
#step01 span.image {
display: block;
text-align: center;
margin-bottom: 29px;
}
#step01 dl {
float: left;
line-height: 1.6;
}
#step01 dl.lft {
width: 390px;
margin-left: 45px;
}
#step01 dl.rgt {
width: 400px;
margin-left: 68px;
}
#step01 dl dd {
padding: 5px 0 25px 2px;
}
#ultra #step02 ul,
#wood #step03 ul,
#neo #step02 ul {
padding: 38px 0 0 45px;
overflow: hidden;
}
#ultra #step02 ul li,
#wood #step03 ul li,
#neo #step02 ul li {
float: left;
margin-right: 10px;
}


/* ウッド ================================================== */
#wood #step02 span.image {
float: left;
margin: 21px 29px 36px 48px;
}
#wood #step02 dl {
float: left;
width: 270px;
line-height: 1.6;
margin: 61px 15px 25px 0;
}
#wood #step02 dl dt {
text-align: center;
background: #D6EBE0;
padding: 3px 0 1px;
}
#wood #step02 dl dd {
padding: 7px 5px 0;
overflow: hidden;
}
#wood #step02 dl dd em {
float: left;
}
#wood #step02 dl dd span {
display: block;
margin-left: 75px;
}
#wood #step02 table {
width: 556px;
}
#wood #step02 table th,
#wood #step02 table td {
border: #666666 1px solid;
line-height: 1.2;
text-align: center;
}
#wood #step02 table th {
background: #D6EBE0;
padding: 8px 0;
}
#wood #step02 table td {
padding: 7px 0 6px;
}
#wood #step02 table td.hl {
background: #FFFFCC;
}


/* ========================================================= */
/* 品質・施工管理                                            */
/* ========================================================= */

/* 共通・ウルトラ ========================================== */
#quality h3 {
margin-bottom: 25px;
}
#quality .term {
margin: 0 45px;
}
#quality .term.wide {
clear: both;
}
#quality .term.nrw {
width: 445px;
margin-bottom: 20px;
}
#quality .term.nrw.lft {
float: left;
margin-right: 0;
}
#quality .term.nrw.rgt {
float: right;
margin-left: 0;
}
#quality .term h4 {
background: #CCEBF6;
color: #000000;
font-size: 16px;
padding: 10px 12px 9px;
margin-bottom: 12px;
}
#quality .term.qlt01 h4 {
margin-bottom: 17px;
}
#quality .term.nrw h4 {
margin-bottom: 8px;
}
#quality .term p {
line-height: 1.7;
margin: 0 5px 0 10px;
}
#quality .term span.image {
float: left;
margin-top: 5px;
}
#quality .qlt01 p {
float: right;
position: relative;
width: 390px;
height: 380px;
line-height: 2;
margin: 0;
}
#quality .qlt01 p span {
position: absolute;
left: 0;
bottom: 0;
}
#quality .qlt01 dl.tester {
clear: both;
padding-top: 32px;
margin-left: -16px;
}
#quality .qlt01 dl.tester dt {
background: url(../img/sub/ultra/quality_icn.png) no-repeat 0 0;
font-weight: bold;
padding: 0 24px 13px;
margin-left: 16px;
}
#quality .qlt01 dl.tester dd {
float: left;
margin-left: 16px;
margin-bottom: 30px;
}
#quality .qlt01 dl.tester dd span {
display: block;
text-align: center;
padding-top: 10px;
}
#quality ul.images {
padding: 20px 0 0 45px;
overflow: hidden;
}
#quality ul.images li {
float: left;
height: 252px;
margin-right: 23px;
}
#quality ul.images li span {
display: block;
line-height: 1.4;
text-align: center;
padding-top: 11px;
}


/* ウッド ================================================== */
#wood #quality .term h4 {
background: #CCE8DA;
}
#wood #quality .qlt01 dl.tester dt {
background: url(../img/sub/wood/quality_icn.png) no-repeat 0 0;
}
#wood #quality .term.nrw {
margin-bottom: 70px;
}
#wood #quality .term.nrw dl {
float: left;
padding-top: 3px;
}
#wood #quality .term.nrw dl dd {
line-height: 1.4;
text-align: center;
padding-top: 10px;
}
#wood #quality .term.nrw p {
margin-left: 223px;
}
#wood #quality .qlt02 p {
line-height: 2;
margin-left: 392px;
}
#wood #quality ul.images {
clear: both;
padding: 37px 0 0;
margin-right: -23px;
}
#wood #quality ul.images li {
height: auto;
}


/* NEO ===================================================== */
#neo #quality .qlt01 span.image span,
#neo #quality .qlt01 ul li span {
display: block;
line-height: 1.4;
text-align: center;
padding-top: 12px;
}
#neo #quality .qlt01 ul {
clear: both;
padding: 28px 0;
overflow: hidden;
}
#neo #quality .qlt01 ul li {
float: left;
margin-right: 23px;
}


/* ========================================================= */
/* 協会案内                                                  */
/* ========================================================= */

#info {
padding-top: 21px;
}
#info table {
width: 910px;
border-collapse: separate;
border-spacing: 3px;
margin-left: 50px;
}
#info table th,
#info table td {
background: #EEEEEE;
line-height: 2;
vertical-align: top;
padding: 5px 6px 5px 14px;
}
#info table th {
width: 130px;
}
#info table .map td {
padding: 17px 0 23px 14px;
}
#info table td p {
float: left;
}
#info table .board p {
width: 178px;
}
#info table .org p {
width: 536px;
margin-right: 20px;
}
#info table td img {
display: block;
margin-top: 6px;
}


/* ========================================================= */
/* 協会員募集                                                */
/* ========================================================= */

#recruit {
padding-top: 30px;
}
#recruit ol {
background: url(../img/sub/recruit_bg.png) no-repeat 45px 0;
padding: 0 45px 23px;
}
#recruit ol li {
height: 48px;
background: #DFEAED;
border: #006992 1px solid;
line-height: 1.4;
margin-bottom: 23px;
overflow: hidden;
}
#recruit ol li strong {
float: left;
margin-right: 25px;
}
#recruit ol li p {
margin-top: 16px;
}
#recruit ol li:first-child {
position: relative;
height: 298px;
z-index: 1;
}
#recruit ol li:first-child strong {
float: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#recruit ol li:first-child dl {
position: relative;
border-top: #006992 1px solid;
padding: 20px 0 0 10px;
margin: 48px 1px 0 49px;
z-index: 10;
}
#recruit ol li:first-child dl dt {
float: left;
margin: 0 15px 2px 0;
}
#recruit ol li:first-child dl dd p {
margin: 0;
padding: 8px 0 0 3px;
}
#recruit ol li:first-child dl dd span {
display: inline-block;
margin: 14px 20px 33px 0;
}
#recruit ol li:first-child dl dd em {
display: block;
color: #FF0000;
margin-top: 11px;
}
#recruit p.atn {
width: 800px;
line-height: 1.7;
margin: 30px auto 24px;
}
#recruit em.must {
color: #FF0000;
}
#recruit p.confTxt {
width: 800px;
padding-left: 5px;
margin: 30px auto 25px;
}


/* ========================================================= */
/* 協会委員情報検索                                          */
/* ========================================================= */

/* 検索マップ ============================================== */
ul.searchBtn {
padding-top: 14px;
text-align: right;
}
ul.searchBtn li {
display: inline-block;
}
#search .section {
padding: 15px 0 0 48px;
}
#search span.map {
float: left;
width: 720px;
height: 670px;
}
#search ul.exp {
margin: 25px 0 0 763px;
}
#search ul.exp li {
color: #000000;
padding-left: 17px;
margin-bottom: 14px;
}
#search ul.exp li.none {
background: url(../img/sub/search_icn01.png) no-repeat 0 0;
}
#search ul.exp li.be {
background: url(../img/sub/search_icn02.png) no-repeat 0 0;
}
#search ul.exp li.tec {
background: url(../img/sub/search_icn03.png) no-repeat 0 0;
}


/* 検索結果 ================================================ */
#searchResult {
padding-bottom: 200px;
}
#searchResult h3.title {
height: 28px;
background: url(../img/sub/search_bg.png) no-repeat left top;
font-size: 20px;
padding-top: 7px;
margin: 7px 0 25px;
}
#searchResult table {
width: 1000px;
}
#searchResult table th,
#searchResult table td {
border: #CCCCCC 1px solid;
line-height: 1.4;
text-align: center;
padding: 5px 0;
}
#searchResult table th {
background: #F0F0F0;
line-height: 1;
}
#searchResult table .lft  {
text-align: left;
padding-left: 10px;
padding-right: 5px;
}


/* ========================================================= */
/* 技術委員名簿                                              */
/* ========================================================= */

#tech table {
width: 1000px;
margin-top: 7px;
}
#tech table th,
#tech table td {
border: #CCCCCC 1px solid;
line-height: 1.4;
padding: 9px 5px 7px 14px;
}
#tech table th {
background: #F0F0F0;
text-align: center;
padding: 9px 0 7px;
}
#tech table .mid  {
text-align: center;
padding-left: 0;
padding-right: 0;
}
#tech table .w120 { width: 120px;}
#tech table .w168 { width: 149px;}
#tech table .w246 { width: 227px;}
#tech table .w350 { width: 331px;}


/* ========================================================= */
/* お問い合せ                                                */
/* ========================================================= */

#contact {
padding-top: 30px;
}
#contact p.atn {
width: 800px;
line-height: 1.7;
margin: 0 auto 24px;
}
#contact p.atn span {
display: inline-block;
margin: 10px 10px 15px;
}
#contact em.must {
color: #FF0000;
}
#contact p.confTxt {
width: 800px;
padding-left: 5px;
margin: 10px auto 25px;
}


/* ========================================================= */
/* リンク                                                    */
/* ========================================================= */

#link {
line-height: 2;
padding-top: 25px;
}
#link h3 {
margin: 20px 0 28px;
}
#link ul {
font-size: 15px;
overflow: hidden;
}
#link ul li {
float: left;
width: 410px;
background: url(../img/cmn/icn_circle.png) no-repeat 0 9px;
padding-left: 21px;
margin: 0 0 30px 45px;
}
#link ul.support li {
background-position: 0 17px;
}
#link ul li.bnr {
background-position: 0 24px;
}
#link ul li img {
display: block;
margin-bottom: 6px;
}
#link a:link,
#link a:visited { color: #333333;}
#link a:hover,
#link a:active { color: #333333;}


/* ========================================================= */
/* 個人情報保護方針                                          */
/* ========================================================= */

#privacy {
line-height: 2;
padding-top: 26px;
}
#privacy h3 {
margin-bottom: 10px;
}
#privacy p {
padding: 0 47px 32px;
}
#privacy ol {
padding-left: 96px;
margin: -18px 0 20px;
}
#privacy ol li {
list-style: outside decimal;
}


/* ========================================================= */
/* サイトマップ                                              */
/* ========================================================= */

#sitemap {
line-height: 2;
padding-top: 28px;
}
#sitemap ul {
float: left;
width: 410px;
font-size: 15px;
margin-left: 45px;
}
#sitemap ul li {
background: url(../img/cmn/icn_circle.png) no-repeat 0 9px;
padding-left: 21px;
}
#sitemap ul ul {
float: none;
width: auto;
margin: 0;
}
#sitemap li li {
background: none;
padding-left: 16px;
margin-bottom: 0!important;
}
#sitemap ul.method li {
margin-bottom: 30px;
}
#sitemap ul.other {
margin-bottom: 30px;
}
#sitemap a:link,
#sitemap a:visited { color: #333333;}
#sitemap a:hover,
#sitemap a:active { color: #333333;}


/* ========================================================= */
/* フォーム                                                  */
/* ========================================================= */
.form {
width: 800px;
background-color: #DDDDDD;
padding: 25px 0 12px;
margin: 0 auto 18px;
}
.form table {
width: 800px;
}
.form table tr {
border-bottom: #FFFFFF 1px dotted;
}
.form table tr.last {
border: none;
}
.form table th {
padding-left: 62px;
}
.form table td {
padding: 1px 10px 0 0;
}
.form table td span.exp {
font-size: 11px;
margin-left: 10px;
}
.form table .area td {
line-height: 1.4;
}
.form .txt {
border: #CCCCCC 1px solid;
padding: 8px 7px;
margin: 4px 0;
}
.form .txt.sizeS {
width: 106px;
}
.form .txt.sizeM {
width: 286px;
}
.form .txt.sizeL {
width: 486px;
}
.form .txt.zip1 {
width: 40px;
}
.form .txt.zip2 {
width: 60px;
}
.form .select {
display: inline-block;
background: #FFFFFF url(../img/cmn/icn_select_l.png) no-repeat center right;
border: #CCCCCC 1px solid;
vertical-align: middle;
overflow: hidden;
margin: 4px 0;
}
.form .select > select {
width: 150%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background: none transparent;
padding: 9px 28px 9px 9px;
display: block;
}
.form .select.sizeL {
width: 200px;
}
.form .select.sizeM {
width: 150px;
}
.form .select.sizeS {
width: 75px;
}
.form .select select {
padding: 8px 28px 7px 9px;
}
.form .radio {
display: inline-block;
margin: 12px 20px 12px 5px;
}
@media (min-width: 1px) { /* CSS3非対応ブラウザ除外 */
.form input[type=radio] {
visibility: hidden;
}
.form input[type=radio]:checked + .radio:before {
opacity: 1;
}
.form .radio {
position: relative;
box-sizing: border-box;
vertical-align: middle;
padding: 0 0 0 30px;
margin: 12px 20px 12px -5px;
cursor: pointer;
z-index:1;
}
.form .radio:hover:after {
border-color: #BBBBBB;
}
.form .radio:after {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 50%;
margin-top: -9px;
content: '';
z-index:10;
}
.form .radio:before {
display: block;
position: absolute;
top: 50%;
left: 5px;
width: 8px;
height: 8px;
background-color: #444444;
border-radius: 50%;
margin-top: -4px;
content: '';
opacity: 0;
z-index:100;
}
}
.form .txtArea {
width: 486px;
height: 136px;
border: #CCCCCC 1px solid;
font-size: 13px;
font-family: 'ＭＳ ゴシック', MS-Gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
line-height: 1.4;
padding: 8px 7px;
margin: 9px 0;
}
.form p.submit {
text-align: center;
}
.form p.submit input {
margin: 25px 20px 20px;
}
.form.conf td p {
margin: 10px 0;
}
.contents #comp {
line-height: 2.5;
padding: 30px 0 150px 200px;
}
.contents #comp p.tnx {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}