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


/* ----------------------- Browser Default Initialization */
html { overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align: left; font-weight: normal;}
q:before ,q:after { content: '';}
object, embed { vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
img, abbr, acronym, fieldset { border: 0;}
img { vertical-align: bottom;}
li { list-style-type: none;}
a { outline: none;}

/* ----------------------- Basic Style */
html, body {
width: 100%;
min-width: 1000px;
}
html {
background: url(../img/cmn/bg_foot.png) repeat-x left bottom;
}
body {
position: relative;
background: url(../img/users/bg_head.png) repeat-x left top;
color: #333333;
font-size: 13px;
font-family: 'ＭＳ ゴシック', MS-Gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
text-align: center;
letter-spacing: 0;
-webkit-text-size-adjust: 100%;
}
* html body {
font-family:"ＭＳ ゴシック","MS Gothic",Sans-Serif;
}
body#ultra {background: url(../img/users/bg_head_ultra.png) repeat-x left top;}
body#wood {background: url(../img/users/bg_head_wood.png) repeat-x left top;}
body#neo {background: url(../img/users/bg_head_neo.png) repeat-x left top;}

body a:link,
body a:visited { color: #8C2300; text-decoration: none;}
body a:hover,
body a:active { color: #8C2300; text-decoration: underline;}


/* wrapper =================================================== */
#wrapper {
position: relative;
width: 1000px;
text-align: left;
line-height: 1;
margin: 0 auto;
}


/* header =================================================== */
#header {
position: relative;
width: 1000px;
height: 500px;
}
#header.noComp {
height: 380px;
}
#header h1,
#header span {
position: absolute;
}
#header h1 {
top: 0;
left: 0;
padding-top: 35px;
}
#header h2 {
text-align: center;
padding-top: 116px;
margin-bottom: 190px;
}
#header.noComp h2 {
margin-bottom: 30px;
}
#header span.logout {
top: 49px;
right: 0;
}
#header .complete {
position: absolute;
top: 246px;
left: 0;
overflow: hidden;
}
#header .complete em.atn {
float: left;
margin-right: 20px;
}
#header .complete span {
position: relative;
}
#header span.kubun {
position: absolute;
top: 355px;
right: 0;
}
#header #usersNav {
position: relative;
padding-bottom: 15px;
overflow: hidden;
z-index: 1;
zoom: 1;
}
#header #usersNav li {
float: left;
width: 318px;
margin-left: 23px;
}
#header #usersNav li:first-child {
margin-left: 0;
}
#header #usersNav li li {
position: relative;
float: none;
width: 300px;
margin-left: 9px!important;
z-index: 10;
}
#header #usersNav li span {
position: relative;
display: block;
cursor: pointer;
margin-bottom: -15px;
z-index: 1;
}
#header #usersNav .uTree span {
background: url(../img/users/nav_ultra_r.png) no-repeat left top;
}
#header #usersNav .wTree span {
background: url(../img/users/nav_wood_r.png) no-repeat left top;
}
#header #usersNav .nTree span {
background: url(../img/users/nav_neo_r.png) no-repeat left top;
}
#header #usersNav .active span img {
visibility: hidden;
}


/* contents =================================================== */
.contents {
padding-bottom: 100px;
}
.contents h3 {
margin-bottom: 15px;
}
.contents p.toList {
padding: 10px 10px 20px;
}
.contents p.none {
font-size: 15px;
text-align: center;
padding: 30px 0 50px;
}
.contents .txt {
border: #CCCCCC 1px solid;
}
.contents .tipped {
color: #CCCCCC;
}
.select {
display: inline-block;
border: #CCCCCC 1px solid;
background-color: #FFFFFF;
vertical-align: middle;
overflow: hidden;
}
.select > select {
width: 200%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background: none transparent;
padding: 9px 28px 9px 9px;
display: block;
}
.contents table {
width: 1000px;
line-height: 1.7;
}
.contents table .mid {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.contents table .rgt {
text-align: right;
}
.w50  { width: 50px; }
.w64  { width: 64px; }
.w70  { width: 70px; }
.w80  { width: 80px; }
.w90  { width: 90px; }
.w96  { width: 96px; }
.w100 { width: 100px; }
.w105 { width: 105px; }
.w114 { width: 114px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w315 { width: 315px; }
.w436 { width: 436px; }
.contents table a:link,
.contents table a:visited { color: #B22C00;}
.contents table a:hover,
.contents table a:active { color: #B22C00;}


/* footer =================================================== */
#footer {
clear: both;
position: relative;
width: 1000px;
height: 200px;
color: #FFFFFF;
font-size: 12px;
line-height: 1.7;
}
#footer h1,
#footer address,
#footer p,
#footer span {
position: absolute;
}
#footer h1 {
top: 75px;
left: 0px;
font-size: 15px;
font-weight: normal;
}
#footer address {
top: 99px;
left: 0px;
}
#footer p.copyRight {
top: 158px;
left: 2px;
font-family: Arial, Helvetica, sans-serif;
}
#footer span.pageTop {
top: -50px;
right: 0;
}


/* clear ================================================== */
.section:before,
.section:after,
.contents:before,
.contents:after,
.cf:before,
.cf:after {
content:"";
display:table;
}
.section:after,
.contents:after,
.cf:after {
clear:both;
}
.section,
.contents,
.cf {
zoom:1;
}


/* ログイン・ログアウト ================================================== */
#login {
position: relative;
line-height: 1.7;
padding-bottom: 0;
margin-top: -100px;
margin-bottom: 120px;
z-index: 100;
}
#login h3 {
margin-bottom: 15px;
}
#login .login {
width: 540px;
padding: 0 30px;
margin: 10px auto 30px;
}
#login .login dl {
background: #DDDDDD;
padding: 15px 0 20px 60px;
}
#login .login dl:first-child {
border-bottom: #FFFFFF 1px dotted;
padding: 20px 0 15px 60px;
}
#login .login dl dt {
display: inline-block;
padding-right: 25px;
}
#login .login dl dd {
display: inline-block;
}
#login .login p.submit {
padding: 20px 0;
}
#login .txt {
width: 250px;
padding: 8px;
vertical-align: middle;
}
#login .atn {
margin: 0 auto;
}
#login .logout {
text-align: center;
line-height: 5;
padding: 20px 0 160px;
}

#login.onetime {
    margin-top: 0;
    z-index: 0;
}
.error {
    color: #f00;
}

.information {
    border: #f00 3px solid;
    padding: 10px;
    margin: 0 auto 20px;
}
.information p {
    font-weight: bold;
}
.information p .period12 {
    padding: 3px 5px;
    background-color: #ddd;
}
.information p .period06 {
    padding: 3px 5px;
    background-color: #fdd;
}
.information p .period03 {
    padding: 3px 5px;
    background-color: #ffb;
}

/* 会員top ================================================== */
#userTop {
padding-bottom: 150px;
}
#userTop h3 {
margin-bottom: 8px;
}
#userTop ul.info li {
display: table;
width: 976px;
background: url(../img/cmn/line01.png) repeat-x left bottom;
font-size: 15px;
line-height: 1.7;
padding: 8px 12px 6px;
overflow: hidden;
}
#userTop ul.info li span.date {
display: table-cell;
width: 104px;
vertical-align: middle;
}
#userTop ul.info li.em {
font-weight:bold;
color:#FF2C00;
}
#userTop ul.info li p {
display: table-cell;
}
.info a:link,
.info a:visited { color: #B22C00;}
.info a:hover,
.info a:active { color: #B22C00;}


/* 検索 ================================================== */
.searchBox {
text-align: center;
padding: 27px 0 25px;
}
#ultra .searchBox {
background-color: #CCEBF7;
}
#wood .searchBox {
background-color: #CCE8DA;
}
#neo .searchBox {
background-color: #CCE0DB;
}
.searchBox .searchTitle,
.searchBox input,
.searchBox .select {
display: inline-block;
vertical-align: middle;
}
.searchBox .searchTitle {
margin-right: 20px;
}
.searchBox input,
.searchBox select {
font-size: 16px;
text-align: left;
margin: 0 3px;
}
.searchBox .txt {
width: 360px;
padding: 10px 9px;
}
.searchBox .select {
width: 130px;
background: #FFFFFF url(../img/cmn/icn_select_l.png) no-repeat center right;
}
.searchBox .select.mini {
width: 110px;
}
.searchBox .address .select {
    width: auto;
}

/* ページャー ================================================== */
.pager {
color: #444444;
font-size: 15px;
text-align: center;
padding: 20px 0 28px;
}
.pager span {
display: block;
}
.pager ul {
padding-top: 12px;
}
.pager ul li {
display: inline-block;
border-right: #444444 1px solid;
}
.pager ul li:first-child {
border-left: #444444 1px solid;
}
.pager ul li em,
.pager ul li a {
display: block;
padding: 0 15px;
}
.pager ul li em {
font-weight: bold;
}


/* 一覧 ================================================== */
table.list th,
table.list td {
border: #AAAAAA 1px solid;
}
table.list th {
text-align: center;
padding: 6px 0 5px;
}
table.list td {
padding: 8px 12px 7px;
}
#ultra table.list th {
background-color: #CCEBF7;
}
#wood table.list th {
background-color: #CCE8DA;
}
#neo table.list th {
background-color: #CCE0DB;
}
table.list tr.odd {
background-color: #EEEEEE;
}

/* 物件登録状況一覧 */
table.list.bldg th {
padding: 3px 0 2px;
}
table.list.bldg tr.period12 {
    background-color: #ddd;
}
table.list.bldg tr.period06 {
    background-color: #fdd;
}
table.list.bldg tr.period03 {
    background-color: #ffb;
}
table.list.bldg tr.period00 {
    background-color: #fff;
}


/* 詳細 ================================================== */
#main_user_add {
padding-bottom: 130px;
}
table.detail th,
table.detail td {
border: #AAAAAA 1px solid;
}
table.detail th,
table.detail td {
padding: 8px 12px 7px;
}
#ultra table.detail th {
background-color: #CCEBF7;
}
#wood table.detail th {
background-color: #CCE8DA;
}
#neo table.detail th {
background-color: #CCE0DB;
}

/* 物件詳細 */
.contents p.toList.bldg {
padding: 10px 100px 20px;
}
table.detail.bldg {
width: 807px;
margin-left: auto;
margin-right: auto;
}


/* フォーム ================================================== */
.contents p.atn {
line-height: 1.7;
padding: 3px 7px 35px;
}
.contents em.must {
color: #FF0000;
}
.contents em.kakunin {
display: block;
width: 796px;
border: #FF0000 2px solid;
color: #FF0000;
font-size: 18px;
text-align: center;
padding: 12px 0;
margin: 20px auto -15px;
}
.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 0;
}
.form table td span.item {
display: inline-block;
width: 70px;
}
.form table td span.exp {
font-size: 11px;
}
.form table td em.atn {
display: block;
color: #0000FF;
margin: 6px 0 5px;
}
.form table p.err {
color: #FF0000;
font-size: 10px;
margin: 2px;
}
.form table .txt {
padding: 8px 7px;
margin: 4px 0;
}
.form table .txt.sizeS {
width: 106px;
}
.form table .txt.sizeM {
width: 416px;
}
.form table .txt.sizeL {
width: 486px;
}
.form table .txt.zip1 {
width: 40px;
}
.form table .txt.zip2 {
width: 60px;
}
.form table .select {
background: #FFFFFF url(../img/cmn/icn_select_l.png) no-repeat center right;
margin: 4px 0;
}
.form table .select.sizeL {
width: 200px;
}
.form table .select.sizeM {
width: 150px;
}
.form table .select.sizeS {
width: 75px;
}
.form table .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] {
display: none;
}
.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 0;
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 table .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;
padding: 8px 7px;
margin: 9px 0;
}
.form table p.submit input {
margin: 25px 20px 20px;
}
.form.conf td p {
margin: 10px 0;
}
.contents p.cmp {
text-align: center;
line-height: 3;
padding: 50px 0 150px;
}


/* 購入品注文 ================================================== */
table.odr {
width: 800px;
margin: 0 auto 40px;
}
table.odr th,
table.odr td {
border: #DDDDDD 1px solid;
}
table.odr th {
text-align: center;
padding: 6px 0 5px;
}
table.odr td {
padding: 6px 12px 5px;
}
table.odr th.name {
background-color: #EEEEEE;
font-weight: bold;
text-align: left;
padding: 6px 15px 5px;
}
table.odr td .num {
width: 86px;
border: #CCCCCC 1px solid;
text-align: center;
padding: 6px 5px 5px;
}
.contents p.total {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0 0 60px;
}
.contents p.submit {
text-align: center;
}
.contents p.submit input {
margin: 0 20px;
}
table.odr tr.conf {
background-color: #EEEEEE;
}


/* 各種用紙ダウンロード ================================================== */
#share {
font-size: 15px;
line-height: 1.7;
padding-bottom: 130px;
}
#share h3 {
margin-bottom: 18px;
}
#share p.getpdf {
margin: 0 12px 30px;
}
#share p.getpdf img {
vertical-align: middle;
margin-right: 16px;
}
#share ul {
margin-bottom: 55px;
overflow: hidden;
}
#share ul li {
float: left;
width: 485px;
padding: 5px 5px 15px 10px;
}
#share ul.onerow li {
float: none;
width: auto;
}
#share dl#certificate {
padding: 5px 12px;
overflow: hidden;
}
#share dl#certificate dt {
float: left;
margin-right: 23px;
}
#share dl#certificate dd strong {
display: block;
}
#share a:link,
#share a:visited,
#share a:hover,
#share a:active {
color: #B22C00;
}


/* 施工完了報告申請フォーム ================================================== */
#complete .comp {
text-align: center;
padding-bottom: 100px;
margin-top: -100px;
}
#complete .comp ul {
margin: 47px 0 44px;
overflow: hidden;
}
#complete .comp ul li {
float: left;
margin-left: 23px;
}
#complete .comp ul li:first-child {
margin-left: 0;
}
#complete em.must strong {
color: #0000FF;
}

/* 重複物件警告表示 */
#duplicate-warning {
    display:none;
}
#duplicate-warning p {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: #cc0000;
    padding-top: 10px;
}
#duplicate-warning table.list {
    width: 100%;
    border: solid 10px #CC0000;
}
#duplicate-warning  table.list th {
    background: #FFFFBF;
}
#duplicate-warning td {
    padding: 10px 5px;
    background: #FFFFFF;
}

#duplicate-warning table.list td,
#duplicate-warning table.list th {
    padding: 6px;
}

#duplicate-warning table.list td {
    background: #fff;
}

#duplicate-warning table.list tr:nth-child(odd) td:nth-child(-n+2) {
    text-align: center;
}

.searchBox .searchTitle {
    margin-top: -45px;
}

.searchBox .searchCond {
    display: inline-block;
    width: 600px;
}