@charset "utf-8";
/* CSS Document : "ウルトラコラム工法協会" common 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: 1080px;
}
body {
position: relative;
background: url(../img/cmn/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/sub/ultra/bg_head.png) repeat-x left top;}
body#wood {background: url(../img/sub/wood/bg_head.png) repeat-x left top;}
body#neo {background: url(../img/sub/neo/bg_head.png) repeat-x left top;}

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


/* wrapper =================================================== */
#wrapper {
width: 100%;
background: url(../img/cmn/bg_foot.png) repeat-x left bottom;
line-height: 1;
}


/* header =================================================== */
#header {
position: relative;
width: 1000px;
height: 161px;
text-align: left;
margin: 0 auto;
}
#ultra #header,
#wood #header,
#neo #header {
height: 211px;
}
#header h1,
#header span,
#header ul {
position: absolute;
}
#header h1 {
top: 0;
left: 0;
padding-top: 35px;
}
#header span.login {
top: 0;
right: 0;
}
#header ul {
overflow: hidden;
}
#header ul li {
float: left;
}
#header .global {
top: 54px;
right: 0;
}
#header .global li {
margin-left: 10px;
}
#header #nav {
top: 111px;
left: 0;
}
#header #subnav {
bottom: 0;
left: 0;
height: 50px;
background-image: url(../img/cmn/bg_subnav.png);
background-repeat: no-repeat;
padding-left: 205px;
}
#header #subnav li {
margin: 10px 10px 0 0;
}
#ultra #subnav {background-position: 260px -3px;}
#wood #subnav {background-position: 484px -3px;}
#neo #subnav {background-position: 730px -3px;}


/* main =================================================== */
#main {
width: 1080px;
text-align: left;
padding-top: 19px;
margin: 0 auto;
}
#ultra #main,
#wood #main,
#neo #main {
height: 229px;
}
#main p {
line-height: 2;
margin: -81px 40px 0 180px;
}


/* contents =================================================== */
.contents {
width: 1000px;
text-align: left;
padding-bottom: 110px;
margin: 0 auto;
}
.contents .title {
width: 1000px;
height: 25px;
background: url(../img/cmn/bg_title.png) no-repeat left top;
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
line-height: 1!important;
text-align: center;
padding-top: 10px;
}
.contents table .w55  { width: 55px;}
.contents table .w60  { width: 60px;}
.contents table .w73  { width: 73px;}
.contents table .w80  { width: 80px;}
.contents table .w100 { width: 100px;}
.contents table .w110 { width: 110px;}
.contents table .w120 { width: 120px;}
.contents table .w160 { width: 160px;}
.contents table .w246 { width: 246px;}
.contents table .w350 { width: 350px;}
.contents table .w375 { width: 375px;}
.contents table .w750 { width: 750px;}


/* footer =================================================== */
#footer {
clear: both;
position: relative;
width: 1000px;
height: 200px;
color: #FFFFFF;
font-size: 12px;
line-height: 1.7;
text-align: left;
margin: 0 auto;
}
#footer h1,
#footer ul,
#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 .copyRight {
top: 158px;
left: 2px;
font-family: Arial, Helvetica, sans-serif;
}
#footer .global {
top: 0;
right: 0;
overflow: hidden;
}
#footer .global li {
float: left;
margin-left: 20px;
}
#footer .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;
}