@charset "Shift_JIS";

body {
margin: 0;
padding: 0;
background-color: #f9f9f9; 
color: #2a2a2a; 
font-size: 80%; 
}


a:link { color: #4682b4; }
a:visited { color: #386992; }

span.atn { 
font-size: 80%; 
text-decoration: underline; 
color: #386992;
padding-left:15px;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
margin:0;
}


address{
font-style:normal;
line-height:1.4em;
}

table {
border: 1px #aaa solid;
border-collapse: collapse;
margin-right:4px;/*8*/
}
table caption{
padding-bottom:4px;
caption-side:top;
text-align:left;
}
th{
border: 1px #aaa solid;
font-weight:normal;
text-align:center;
}
td{
border: 1px #aaa solid;
font-weight:normal;
text-align:center;
}
a img{
border:none;
}

/* --- コンテナ --- */
#container {
width: 994px;
margin: 0 auto;
background: url(../image/pageback_980.png) repeat-y center top;
}

/* --- ページ --- */
#page {
width:980px;
margin: 0 auto;
}

/* --- ヘッダ --- */
#header {
position: relative; /* 相対配置（ガイドメニュー） */
width: 100%; /* for IE 6 */
margin: 0;
padding: 15px 0 0;
}

#headerLine{
margin-bottom:15px;
border-top: 4px #2F404C solid;
}

#header h1.siteTitle,
#header p.siteTitle {
margin: 0 5px 5px;

font-size: 200%; 
}
#header p.siteTitle img,
#header h1.siteTitle img
 {
margin-bottom:10px;
margin-left:12px;
border: none;
}


#header p.catch {
margin-top:-10px;
margin-bottom:3px;
padding-top:6px;
padding-left: 24px;
padding-bottom: 12px; 
border-bottom: 1px #c0c0c0 solid;
}
#header p.catch strong {
font-weight: normal;
}

#header div.opening img
{
}

/* ガイドメニュー */
#header ul.guide {
position: absolute;
top: 40px;
right: 10px;
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 4px 0 8px;
background: url(../image/menu_line_gray.gif) no-repeat left;
}
/* 最初の項目 */
#header ul.guide li.first {
background: none; 
}
#header ul.guide li a {
text-decoration: none;
background: #fff url(../image/liststyle.gif) left center no-repeat;
padding-left:12px;
}

#header ul.guide li a:hover{
text-decoration:underline;
}

/* ヘッダメニュー */
#header ul.nl {
width:905px;
margin: 0 auto; 
padding-left:65px;
background-color: #2F404C;
border: #2F404C solid;
border-width: 4px 5px;
list-style-type: none;
text-align: center;
}

/* メニュー項目 */
#header ul.nl li {
width: 171px; /*166*/
height: 34px;
float: left;
line-height: 100%;
background: #ffffff url(../image/tab_sml.gif);
}

/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* for IE6 */
padding: 10px 2px 10px;
border-width: 1px; 
border-color: #4a5862; 
border-style: solid; 
text-decoration: none;
color: #ffffff;
}

/* ポイント時とアクティブ時の設定 */
#header ul.nl li a:hover,
#header ul.nl li.active a {
background: #ffffff url(../image/tab2_sml.jpg);
}


/* トピックパス（下層ページ）*/
#header ol.topicPath {
margin: 0;
padding: 20px 25px;
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 18px;
background: url(../image/topic_path_gray.gif) no-repeat right;
}

/* --- コンテンツ --- */
#content {
width: 100%; 
}


/* --- メインカラム --- */
#main {
float: right;
width: 690px;/*680*/
}

div.topPage #main {
margin-top:50px;
}

div.subPage #main {
margin-top:20px;
}

/* セクション（共通）*/
#main div.section {
margin-left:30px;
margin-bottom:60px;
}

/* セクション（強調） */
#main div.emphasis {
}

#main div.emphasis div.heading
{
border-bottom:7px #2F404C solid;
/*padding-left:27px;*/
padding-bottom:8px;

}

#main div.emphasis div.heading h1
{
border-left: #2F404C solid 6px;
font-weight:bold;
font-size:160%;
padding-left:20px;
}


#main div.emphasis p {
margin: 0 0 1em; 
color: #2b2b2b;
line-height: 150%;
}

/* セクション（ノーマル) */
#main div.normal {
/*background: url(../image/liststyle.gif) 24px 5px no-repeat;*/
padding-bottom:4px;
}

#main div.normal h2{
font-size:120%;
font-weight:bold;

}

#main div.normal div.heading
{
border-bottom:4px #50788D solid;
padding-bottom:6px;
}
#main div.normal h3{
margin-top:40px;
margin-left:15px;
}
#main div.normal p {
margin: 0 0 1em; 
color: #2b2b2b;
line-height: 150%;
margin-top:15px;
margin-bottom:30px;
margin-right:40px;
margin-left:30px
}

/* news & topics */
div.topPage #main div.update dl {
width: 630px;/*600*/

}


div.topPage #main div.update div.dlt {
border-bottom: 1px #c0c0c0 dotted;
}
div.topPage #main div.update dt {
width: 6.7em;
float: left;
padding: 7px 0 6px 10px;
line-height: 120%;
}

div.topPage #main div.update div.dlt img{
margin-top: 8px;
margin-left: 4px;
float: left;
}

/* 本文エリア */
div.topPage #main div.update dd {
margin-left:58px;
padding-top: 7px;
padding-bottom:6px;
padding-left:96px;
padding-right:6px;
line-height: 150%;
}

div.topPage #main div.update dd img{
padding-right:12px;
}

/*一覧を見る*/
div.topPage #main div.update div.box1 p{
text-align:right;
padding-right:50px;
}

div.topPage #main div.update div.box1 p a{
background: #fff url(../image/liststyle.gif) left center no-repeat;
padding-left:12px;
}



/*製品一覧*/

#main div.productList_empty{
    float:left;
    margin-left:9px;
    margin-bottom:32px;
    position:relative;
    width:300px;
    height:118px;
    border:1px solid rgb(255,255,255);
}

#main div.productList{
    float:left;
    margin-left:9px;
    margin-bottom:9px;
    position:relative;
    width:300px;
    height:118px;
    border:1px solid rgb(200,200,200);
}

#main div.productList div.box1{
    position:absolute;
    top:0px;
    left:0px;    
    width:300px;
    height:33px;
    background:url(../image/bg_productName.png) repeat-x;
    border-bottom:1px solid rgb(220,220,220);
}
#main div.productList div.box1 p{
    margin-top:8px;
    margin-left:8px;
    padding-left:20px;
    background:url(../image/plmark.png) no-repeat left;
}
#main div.productList div.box1 p a{
    text-decoration:none;
    color:#2a2a2a;
}
#main div.productList div.box2{
    position:absolute;
    top:34px;
    left:0px;    
    width:294px;
    height:78px;
    border:3px solid rgb(245,245,245);
}

#main div.productList div.box2 div.box3{
    position:absolute;
    top:0px;
    width:112px;
    height:78px;
    background:rgb(100,100,100);
}
#main div.productList div.box2 div.box4
{
    position:absolute;
    left:112px;
    width:164px;
    height:72px;
    padding-top:8px;
    padding-left:18px;
}
#main div.productList div.box2 div.box4 li {
    padding-left:15px;
    list-style-type:none;
    background-image: url(../image/liststyle.gif);
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 1.6em;
}

main div.lineup a:hover{
text-decoration:underline;
}


/*製品セクション*/
#main div.product div.heading{
/*background: url(../image/liststyle.gif) 24px 5px no-repeat;*/
padding-bottom:6px;
border-bottom: 4px #2F404C solid;
}
#main div.product h2{
font-size:120%;
font-weight:bold;
padding-left:0px;/*40*/

}
#main div.product img{
padding-top:20px;
padding-right:20px;
}
#main div.product a img{
padding:0;
}
/*テーブル*/

div.asahiKRTn th{
background:#B1DDC8;
color:#000;
padding:2px 4px;
}
div.asahiKRTn td{
padding:4px 7px;
}
div.asahiKRTn td.atn1{
background:#FFFF33;
}
div.asahiKRTn td.leaf{
text-align:right;
}
div.asahiKRT th{
background:#FAEA3E;
color:#000;
padding:2px 4px;
}
div.asahiKRT td{
padding:4px 7px;
}
div.danbou th{
background:#fd8;
color:#000;
padding:2px 3px;
}
div.danbou td{
padding:4px 8px;
}
div.drain td{
padding:4px 4px;
}
div.drain th{
background:#eaeaea;
color:#000;
padding:2px 3px;
}
div.cover td{
padding:6px 15px;
}
div.cover th{
background:#e2e2af;
color:#000;
padding:6px 15px;
}

/* 技術資料 */
div.techNote div.heading{
margin-bottom:30px;
}
div.techNote table{
float:left;
margin-top:20px;
margin-bottom:40px;
margin-left:7px;
margin-right:7px;
}

div.techNote td{
padding:6px 15px;
}
div.techNote th{
background:#e2e2af;
color:#000;
padding:6px 15px;
}

div.techNote div.normal ul{
line-height: 130%;
margin-top:15px;
margin-bottom:30px;
margin-right:40px;
margin-left:30px
}
div.techNote div.normal ul li{
margin:10px 0;
}

div.techNote div.tokusei{
width:100%;/*for IE6*/
}
div.techNote div.tokusei table{
float:left;
margin-bottom:30px;
}
div.techNote div.tokusei table.inji{
margin-bottom:10px;
}
div.techNote div.tokusei table.inji img{
float:left;
margin: 10px 25px;
}
div.techNote div.tokusei table.inji_old img{
float:left;
margin: 10px 125px;
}


div.techNote div.tokusei table.nikuatu caption,
div.techNote div.tokusei table.taiou caption
{
text-align: center;
}


/*結露特性*/
div.techNote #main div.keturo p h3
{
margin-bottom:0;
font-size:120%;
}
div.techNote div.keturo img{
margin:0;
margin-top:10px;
}
/*発泡プラスチック*/
div.techNote #section3 li
{

}
/*施工上の注意*/
div.techNote #main div.sekou{
}
div.techNote #main div.sekou div.box{
margin-bottom:45px;
}
div.techNote #main div.sekou p
{
margin:0;
margin-left:40px;
margin-right:30px;
margin-bottom:10px;
}

div.techNote #main div.sekou div.box ul{
margin:0;
margin-left:40px;
margin-right:30px;
margin-bottom:18px;
padding-left:40px;/*Mozilla style*/
}
div.techNote #main div.sekou div.box li{
margin-right:0;
}
div.techNote #main div.sekou div.box ul.listStyleDeci{
list-style:decimal;
}
div.techNote #main div.sekou div.box ul.listStyleNo
{
list-style-type:none;
margin-left:20px;
}
div.techNote #main div.sekou div.box ul.listStyleDisc
{
list-style-type:disc;

}
div.techNote #main div.sekou div.box{

}
div.techNote #main div.sekou div.box caption{
text-align:center;
}
div.techNote #main div.sekou div.box table
{
float:none;
margin-left:auto;
margin-right:auto;

}

div.techNote #main div.sekou th{
background-color:#ffc;
padding:6px 10px;
}
div.techNote #main div.sekou td{
padding:6px 10px;
}
div.techNote #main div.sekou div.box1{
margin-left:60px;
margin-bottom:30px;
padding:25px;
border:#aaa 1px solid;
width:440px;
}
div.techNote #main div.sekou div.box1 ul{
margin:0;
margin-right:-10px;
width:200px;
float:left;

}
div.techNote #main div.sekou div.box1 li{
margin:0;
margin-bottom:10px;

}
div.techNote #main div.sekou div.box1 img{
float:left;
margin:0;

}
div.techNote #main div.sekou div.box2{
width:260px;
float:left;
margin-right:20px;
}
div.techNote #main div.sekou div.box2 p{
margin:0;
width:auto;
margin-bottom:10px;

}

/* ダウンロード */
div.downLoad div.section.normal caption a{
text-decoration: none;
color:#000;
}
div.downLoad div.section.normal td a{
text-decoration: none;
color:#000;
}
div.downLoad div.getReader{
margin:30px 40px;
}
div.downLoad div.getReader img{
margin:8px 0;
}

div.downLoad table{
margin-top:30px;
margin-bottom:48px;
}
div.downLoad table caption{
font-size:120%;
}
div.downLoad th{
background:#cfc;
color:#000;
padding:5px 6px;
}
div.downLoad td{
padding:8px 10px;
text-align:left;
}
div.downLoad td.pdfIcon{
text-align:center;
}

div.downLoad table.t1 th{
background-color:#2F404C;
color:#eee;
}
div.downLoad table.t2 th{
background-color:#cfc;
}
div.downLoad table.t3 th{
background-color:#ffc;
}
div.downLoad table.t4 th{
background-color:#cff;
}
div.downLoad table.t5 th{
background-color:#D6E8Ed;
}
div.downLoad table.t6 th{
background-color:#fd8;
}
div.downLoad table.t7 th{
background-color:#eaeaea;
}
div.downLoad table.t8 th{
background-color:#e2e2af;
}
div.downLoad table.t9 th{
background-color:#B1DDC8;
}

/* 会社情報 */
div.company div.heading{
margin-bottom:32px;
}

div.company div.box1{
margin-top:0px;
}
div.company #main div.box1 p{
margin-top:30px;
margin-bottom:25px;
margin-left:10px;
margin-right:40px;
line-height:150%;
letter-spacing:1px;
}
div.company div.box2{
margin-top:30px;
}
div.company div.box2 img{
margin-left:65px;
margin-bottom:10px;
}
div.company table{
margin-top:30px;
margin-left:50px;
}

div.company th{
background-color:#2F404C;
color:#eee;
padding:15px;
text-align:left;
}
div.company td{
text-align:left;
padding:15px 20px;
}
div.company #main td p{
margin:0;
padding:2px;
}
div.company td#lfthdr{
background-color:#2F404C;
color: #ffffff;
text-align:left;
}

div.company #main div.accessmap div.box1{
margin-right:32px;
}
div.company #main div.accessmap div.box1 img{
float:right;
}

div.company #main div.accessmap div.box2{
margin-top:30px;
}
div.company #main div.accessmap div.box2 p{
margin:0px;
margin-left:20px;
padding-bottom:8px;
}

div.company #main div.accessmap div.box3{
position: relative;
margin-bottom:30px;

}
div.company #main div.accessmap div.box3 img{
float:right;
margin-top:20px;
margin-right:32px;
}
div.company #main div.accessmap div.box3 p{
margin:0;
position:absolute;
top:264px;
}

/*お知らせ*/
div.newsAndTopics p{
margin-top:80px;
margin-left:10px;
margin-right:40px;
}
div.newsAndTopics pre{
margin-top:40px;
margin-left:10px;
margin-right:40px;
_width:90%;
line-height: 130%;
}
div.newsAndTopics p.update{
margin-top:10px;
margin-bottom:40px;
margin-left:20px;
margin-right:40px;
border-top:1px #000 dotted;
padding-top:8px;

}
/* サイトマップ */
ul.sitemap {
margin: 20px;
}

ul.sitemap a{
text-decoration: none;
}
ul.sitemap a:hover{
text-decoration:underline;
}
.sitemap li{
margin-top:10px;
border-bottom: 1px #aaaaaa dotted;
padding: 2px;
padding-bottom:4px;
}

.sitemap ul{
margin:6px 25px;
padding: 2px;
border:0;
list-style-type: none;

}

.sitemap ul li{
margin:2px;
padding:2px;
border:0;
}
.sitemap ul li a{
background:url(../image/liststyle.gif) 0 center no-repeat;
padding-left:12px;
}
/*サイトポリシー*/
div.sitePolicy div.heading{
margin-bottom:30px;
}
div.sitePolicy div.section p{
margin:20px;
margin-right:25px;
}


/* ページトップへ */
div.toPagetop a
{
float:right;
background: url(../image/tri.gif) 0 center no-repeat;
padding-left:12px;
margin-right:50px;
}

/* --- サイドバー --- */
#nav {
float: right;
width: 258px;
}

div.topPage #nav
{
margin-top: 30px;
}

div.subPage #nav {
margin-top:10px;
}
/* ナビセクション（共通） --- */
#nav div.section {

margin-bottom: 40px;
width:230px;
border-bottom:4px #2F404C solid;
border-left:1px #2F404C solid;
border-right:1px #2F404C solid;
}
/* 見出し */
#nav div.section h2 {
padding: 10px 18px;
font-size: 100%;
color: #ffffff;
font-weight:normal;
text-align:left;
background: #2F404C;
border:1px #2F404C solid;
}
/* 段落 */
#nav div.section p {
margin: 0 10px 0.7em;
line-height: 130%;
}
/* 画像 */
#nav div.section img {
border:none;
margin-top:3px;
margin-left: 5px;
margin-right: 5px;
}
#nav div.section img.last {

margin-bottom:5px;
}



/* 下層ページのサブメニュー */
#nav div.subMenu h2 a{
color:#fff;
text-decoration: none;
}
#nav div.subMenu ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #ffffff;
}
#nav div.subMenu ul.nl li {
padding: 6px 1px;
border-bottom: 1px #c0c0c0 dotted; 
}
/* メニュー項目 最上段と最下段 */
#nav div.subMenu ul.nl li.first {
}
#nav div.subMenu ul.nl li.sefirst {
border-top:4px #2F404C solid;
}

#nav div.subMenu ul.nl li.last {
border-bottom:none;
}
#nav div.subMenu ul.nl li.selast {
border-bottom:none;
}
#nav div.subMenu ul.nl li ul li{
font-size:100%;
}

/* リンクエリア */
#nav div.subMenu ul.nl li a {
display: block;
position: relative; /* for IE6 */
margin-left: 8px;
padding: 7px 14px;
border-left: 5px #c0c0c0 solid;
text-decoration: none;
}
/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
background-color: #eaeaea;
border-left-color: #2F404C;
}
#nav div.subMenu ul.nl li.active {
background-color: #eaeaea;
}
#nav div.subMenu ul.nl li a.active{
border-left-color: #2F404C;
}


/* 第2階層 */
/* メニューエリア */
#nav div.subMenu ul.nl ul {
margin-left: 25px;
padding:0;
list-style-type: none;
}
/* メニュー項目 */
#nav div.subMenu ul.nl ul li {
border-bottom: 1px #c0c0c0 dotted;
border-right:0px;
border-left:0px ;
background-color: #ffffff;

font-size:90%;

}


/* リンクエリア */
#nav div.subMenu ul.nl ul li a {
display: block;
position: relative; /* IE6用 */
padding-top:2px;
padding-bottom:2px;
padding-left: 25px;
border-left:0px;
text-decoration: none;
/*background-image: url(../image/liststyle.gif);*/
background-position: left center;
background-repeat: no-repeat;
}


/* アクティブ時,ポイント時の設定 */
#nav div.subMenu ul.nl li ul li.active a{
background-color: #fff;
}
#nav div.subMenu ul.nl ul li a:hover {
background-color: #eaeaea;
border-left-color: #2F404C;
}

/* 「ご案内」 */
#nav div.guide ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #ffffff;
}
#nav div.guide ul li {
padding: 6px 1px;
border-bottom: 1px #c0c0c0 dotted; 
}
/* メニュー項目 最上段と最下段*/
#nav div.guide ul li.first {
border-top: 1px #c0c0c0 dotted;
}
#nav div.guide ul li.last {
border-bottom:none;
}

/* リンクエリア */
#nav div.guide ul li a {
display: block;
position: relative; /* for IE6 */
margin-left: 8px;
padding: 7px 14px;
border-left: 5px #c0c0c0 solid;
text-decoration: none;
}
/* ポイント時の設定 */
#nav div.guide ul li a:hover {
background-color: #eaeaea;
border-left-color: #2F404C;
}
#nav div.guide ul li.active {
background-color: #eaeaea;
}
#nav div.guide ul li a.active{
border-left-color: #2F404C;
}

/* 「関連企業リンク」 */
#nav div.link{
margin-bottom: 32px;
width:230px;
border-bottom:4px #4a6d81 solid;
border-left:1px #4a6d81 solid;
border-right:1px #4a6d81 solid;
}
#nav div.link h2{
margin-bottom:10px;
padding: 10px 18px;
font-size: 100%;
font-weight:normal;
color:#fff;
text-align:left;
background-color: #4a6d81;
}
#nav div.link ul {
margin: 0;
margin-left:18px;
padding-left: 10px;
background-color: #ffffff;
}
#nav div.link ul li{
padding:4px;
}
#nav div.link ul li.last{
margin-bottom:8px;
}
#nav div.link ul li a{
text-decoration: none;
}
#nav div.link ul li a:hover{
text-decoration: underline;
}

div.pickupbox img{
border:1px #888888 solid;
}


/* --- フッタ --- */
#footer {
margin-top:20px;
height:60px;
background:#2F404C;
}

#footer div.contents{
}
#footer div.contents div.box1{
float:right;
}
#footer div.contents div.box1 img{
margin-top:19px;
margin-right:25px;

}
#footer div.contents div.box2{

}

/* フッタのトピックパス*/
#footer ol.topicPath {
margin: 0;
padding: 24px 48px;
list-style-type: none;
}
/* リスト項目 */
#footer ol.topicPath li {
display: inline;
padding-right:18px;
}
/* リンクエリア */
#footer ol.topicPath li a {
color:#d9d9d9;
text-decoration: none;
padding-left: 12px;
background: url(../image/liststyle_gray.gif) no-repeat left;
}
/* ポイント時の設定 */

#footer ol.topicPath li a:hover {
text-decoration:underline;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- 罫線 --- */
#header hr.none {
display: none;
}
/* --- 罫線 --- */
#content hr.clear {
clear: right;
width: 100%;
margin: 0;
visibility: hidden;}