@charset "shift_jis";



/* コンテンツ */



#product #contents p {

padding:5px 0px 5px 5px;

}



#product #contents #box {

/*  clear:both; */

	width: 580px;

	background-image: url(../images/waku01d.gif);

	background-repeat: no-repeat;

	margin-top: 12px;

	margin-left: 0px;

	padding-top: 12px;

}

/*  ------------------------------------------------------ */

#product #contents #box.posmulti-main {

/*  clear:both; */

	width: 580px;

	margin-bottom: 3px;

	background-image: url(../../product/building/ceiling/images/posmulti_bg01.jpg);

	background-repeat: no-repeat;

	padding-top: 0;

}



#product #contents #box.posmulti-main ul {

	list-style: none;

	margin: 0;

	padding: 243px 0 0 0;

}



#product #contents #box.posmulti-main ul li {

	display: inline;

	float: left;

	font-size: 60%;

	text-indent: -9999px;

}



#product #contents #box.posmulti-main ul li a {

	outline: none;

	cursor: default;

}



#product #contents #box.posmulti-main ul li.person01 a {

	display: block;

	width: 78px;

	height: 53px;

	margin: 139px 0 0 22px;	

	background: url(../../product/building/ceiling/images/posmulti_bg02.jpg) left bottom no-repeat;

}



#product #contents #box.posmulti-main ul li.person01 a:hover {

	width: 78px;

	height: 146px;

	margin: 46px 0 0 22px;	

	background: url(../../product/building/ceiling/images/posmulti_bg02.jpg) left bottom no-repeat;

}



#product #contents #box.posmulti-main ul li.person02 a {

	display: block;

	width: 78px;

	height: 43px;

	margin: 149px 0 0 8px;	

	background: url(../../product/building/ceiling/images/posmulti_bg03.jpg) left bottom no-repeat;

}



#product #contents #box.posmulti-main ul li.person02 a:hover {

	width: 78px;

	height: 134px;

	margin: 58px 0 0 8px;	

	background: url(../../product/building/ceiling/images/posmulti_bg03.jpg) left bottom no-repeat;

}



#product #contents #box.posmulti-main ul li.person03 a {

	display: block;

	width: 78px;

	height: 100px;

	margin: 92px 0 0 16px;	

	background: url(../../product/building/ceiling/images/posmulti_bg04.jpg) left bottom no-repeat;

}



#product #contents #box.posmulti-main ul li.person03 a:hover {

	width: 78px;

	height: 192px;

	margin: 0 0 0 16px;	

	background: url(../../product/building/ceiling/images/posmulti_bg04.jpg) left bottom no-repeat;

}



#product #contents #box.posmulti-main ul li.person04 a {

	display: block;

	width: 78px;

	height: 70px;

	margin: 122px 0 0 53px;	

	background: url(../../product/building/ceiling/images/posmulti_bg05.jpg) left bottom no-repeat;

}



#product #contents #box.posmulti-main ul li.person04 a:hover {

	width: 78px;

	height: 165px;

	margin: 27px 0 0 53px;	

	background: url(../../product/building/ceiling/images/posmulti_bg05.jpg) left bottom no-repeat;

}



#product #contents .section {

	margin-bottom: 20px;

}



#product #contents .section img.title {

	margin-bottom: 18px;

}



#product #contents .section table.posmulti-table {

	width: 580px;

	border-top: 1px solid #c3c2c2;

	border-left: 1px solid #c3c2c2;

}



#product #contents .section table.posmulti-table th,

#product #contents .section table.posmulti-table td {

	padding: 5px 15px;

	border-right: 1px solid #c3c2c2;

	border-bottom: 1px solid #c3c2c2;

	vertical-align: top;

	text-align: left;

}



#product #contents .section table.posmulti-table th {

	width: 100px;

	font-weight: normal;

	background-color: #dbdbdb;

}



#product #contents .section table.posmulti-table td.highlight {

	background-color: #eaeaea;

}



#product #contents .section table.posmulti-table td.bar {

	width: 121px;

	min-height: 101px;

	background: url(../../product/building/ceiling/images/posmulti_il01.gif) 0 0 no-repeat;

}

* html #product #contents .section table.posmulti-table td.bar {

	height: 101px;

}



#product #contents .section table.posmulti-table td.w160 {

	width: 160px;

}



#product #contents .section span.caption {

	text-indent: 0;

	font-size: 83%;

}

/*  ------------------------------------------------------ */



#product #contents #box #end{

 clear:both;

	background-image: url(../images/waku01b.gif);

	background-repeat: no-repeat;

	height: 20px;

	width: 580px;

}

#product #contents #box #naka{

	width: 543px;

	background-image: url(../images/dot_white.gif);

	background-repeat: repeat;

}

#product #contents #box  #naka #ph{

	background-image: url(../images/dot_white.gif);

	background-repeat: repeat;

	width: 160px;

	float: left;

	text-align: center;

}

#product #contents #box  #naka #ph2{

	background-image: url(../images/dot_white.gif);

	background-repeat: repeat;

	width: 160px;

	float: left;

	text-align: left;

}

#product #contents #box  #naka #read{

	background-image: url(../images/dot_white.gif);

	background-repeat: repeat;

	width: 376px;

	float: left;

}

#product #contents #box  #naka #read p{

	margin-left: 10px;

}



#product #contents #box  #naka #read #lineup{

	background-color: #FFF0B2;

	width: 375px;

	margin-top: 1em;

	margin-left: 5px;

	padding-top:35px;

	background-image: url(../images/waku02a.gif);

	background-repeat: no-repeat;

}

#product #contents #box  #naka #read #lineup2{

	padding-top:10px;

	background-color: #FFF0B2;

	width: 375px;

	margin-top: 1em;

	margin-left: 5px;

}





#product #contents #box  #naka #read #lineup img.bottom,

#product #contents #box  #naka #read #lineup2 img.bottom{

	background-image: url(../images/waku02b.gif);

	background-repeat: no-repeat;

	height: 9px;

	width: 375px;

}



#product #contents #box  #naka #read #lineup ul,

#product #contents #box  #naka #read #lineup2 ul{

	margin-left: 0px;

}

#product #contents #box #read #lineup ul li,

#product #contents #box #read #lineup2 ul li{

	list-style-type: circle;

	list-style-position: inside;

	padding: 3px;

	margin-left: 10px;

}



/* ----------------　*/



#product p.arrow{

	background-image: url(../images/rnavi_arrow01.gif);

	background-repeat: no-repeat;

	background-position: left top;

	font-weight: normal;

	padding: 3px;

	vertical-align: top;

}
#product #contents .arrow02{
	background-image: url(../images/rnavi_arrow01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: normal;
	padding: 3px 3px 3px 0;
	vertical-align: top;
}

/* 各カテゴリトップ　*/

#product #index {

 width:580px;

	margin-top:1.5em;

}

#product #index #ph{

 width:180px;

	text-align:center;

	float:left;

}

#product #index #tx{

 width:380px;

	float:right;

}

#product #index #a{

 width:190px;

	float:left;

}

#product #index #b{

 margin-left:10px;

	width:190px;

	float:left;

}

#product #index li{

	background-image: url(../images/rnavi_arrow01.gif);

	background-repeat: no-repeat;

	background-position: left top;

	font-weight: normal;

	padding: 3px 3px 3px 12px;

	text-align: left;

	vertical-align: top;

	list-style-type: none;

}

/* 製品トップ　*/

#product #top{

 height:75em;

}

#product table.waku-bg {

	width:580px;

	margin-top:15px;

}

#product table.waku-bg td.bg{

	background-image: url(../images/waku01e.gif);

	background-repeat: repeat-y;

}

#product #waku{

	padding:5px 20px 0px 20px;

}

#product #waku2{

	padding:5px 20px 0px 20px;

}



#product #a{

 margin-top:-1em;

	width: 180px;

	float: left;

}

#product #b{

 margin-top:-1em;

	width: 180px;

	float: left;

}

#product #c{

 margin-top:-1em;

	width: 150px;

	float: left;

}

#product #d{

 margin-top:-1em;

	width: 270px;

	float: left;

}

#product #e{

 margin-top:-1em;

	width: 250px;

	float: left;

}

#product #waku ul li,#product #waku2 ul li{

	background-image: url(../images/arrow01.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 12px;

	list-style-type: none;

	margin-top: 0.5em;

}
#product .link-icon{

	background-image: url(../images/arrow01.gif);

	background-repeat: no-repeat;

	background-position: left center;
	
	margin-top: 5px;

	padding: 0 !important;

	list-style-type: none;

}



/* 工業　*/

#product #contents #box2 {

	width: 560px;

	margin: 12px 0px 12px 20px;

}

#product #contents #box2 #left-area{

	width: 200px;

	float:left;

}

#product #contents #box2 #right-area{

	width: 320px;

	float:left;

}

#product #contents #box3 {

	margin: 0px 10px 0px 10px;

}

#product #contents #box3 #leftbox{

	width: 250px;

	float:left;

}

#product #contents #box3 #rightbox{

	width: 250px;

	float:right;

}

#product #contents #box3 #leftbox2{

	width: 320px;

	float:left;

}

#product #contents #box3 #rightbox2{

	width: 180px;

	float:right;

}

#product #contents #box3 #leftbox3{

	width: 250px;

	float:left;

}

#product #contents #box3 #rightbox3{

	width: 250px;

	float:right;

}

#product #contents ol.suuji li{

 margin-left:25px;

	list-style-position: outside;

	list-style-type: decimal;

}

#product #contents ol.suuji2 li{

 margin-left:70px;

	list-style-position: outside;

	list-style-type: decimal;

}

#product #contents ul.suuji3 li{

 margin-left:10px;

	list-style-position: outside;

	list-style-type: decimal;

}

#product #contents ul.kuromaru{

 	padding:0px;

	margin-top:0px;

}

#product #contents ul.kuromaru li{

 	padding:0px;

	margin-top:0px;

	margin-left:10px;

	list-style-position: outside;

	list-style-type: disc;

}

#product #contents dl.youto dt{

 margin-left:20px;

}

#product #contents dl.youto dd{

 margin-left:200px;

	padding:5px 5px 5px 1em;

	text-indent:-1em;

}

/* 工業枠付き　*/

#product #contents #box3 #waku{

	width: 500px;

	background-image: url(../images/waku03a.gif);

	background-repeat: no-repeat;

	margin-top: 12px;

	margin-left: 20px;

	padding-top: 12px;

}

#product #contents #box3 #waku #wakunaka{

	width: 460px;

	margin-left:0px;

}

#product #contents #box3 #waku #wakunaka ul.dot li{

	list-style-type: disc;

	background-image: none;

}



#product #contents #box3 #wakuend{

 clear:both;

	background-image: url(../images/waku03b.gif);

	background-repeat: no-repeat;

	height: 20px;

	width: 500px;

	margin-left: 20px;

}

/* 工業枠ナシテーブル　*/

#product #contents table td.wakunasi{

	border:none;

	background: #FFFFFF;

	text-align: center;

}

/* 工業50%テーブル　*/

#product #contents table.harf{

	width:50%;

	float:left;

}



/* 建設　*/

#box #read #hyouji{

}

#box #read #hyouji #lefttx{

 float:left;

}

#box #read #hyouji #rightmark{

 float:right;

	margin-top:5px;

}

.rightmark2{

 float:right;

	margin-top:5px;

}

#box #read p.setumei{

 text-indent:-1em;

	font-size:105%;

	margin-bottom:-3px;

	font-weight:bold;

}

#box #read p.ind{

	text-indent: -1em;

	padding:0px 0px 0px 0.5em;

	margin:0.3em 0px 0px 0px;

}

#box #read p.siyou{

	text-indent: 0em;

	padding:0px 0px 0px 1em;

	margin:0px;

}

#box #read ul{

	margin:0px 0px 0px 20px;

}

#box3 p.cap{

	text-indent: -1em;

	padding:0px;

	margin:0.3em 0px -10px 10px;

}

#box3 #listwaku{

 padding:10px;

	background-color:#eeeeee;

	margin:10px 0 0 0;

	width:180px;

}



/* 家庭用値段部分　*/

#lineup table,

#lineup2 table  {

 width:360px;

	margin-left:10px;

}

#lineup table td,

#lineup2 table td{

 padding:3px;

	vertical-align: top;

}

#lineup table th,

#lineup2 table th{

	padding:1px;

	background-image: url(../images/li_ic01.gif);

	background-repeat: no-repeat;

	background-position: 0px 7px;

	vertical-align: top;

	width:7px;

}

/* 瞬間接着剤リニューアル*/

#contents h2.cpn-quick {

 clear:both;

	width: 550px;

	_width: 570px;

	height:26px;

	font-size: 130%;

	margin: 1em 0px 5px 0;

	background-image: url(../images/h2_bg_line01.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 30px;

	_padding-top: 1px;

}

/* 「ご注意」の体裁 */
#contents .notes {
	margin-top: 10px;
}
#contents .notes dt {
	color: #cc0000;
	font-weight: bold;
}
#contents .notes dd {
	padding: 3px 5px;
	border: solid 2px #cc0000;
}


/* 使用上の注意 */
#contents #productInfo {
	clear: both;
	border: #999999 solid 1px;
	width: 560px;
	padding: 10px;
	margin: 10px 0 0 0;
}
#contents #productInfo dl dt {
	margin-bottom: 15px;
}
#contents #productInfo dl dd {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}


/* カタログダウンロードボタン */
#contents .catalogBtn {
	margin: 10px 0 0 !important;
	text-indent: 0;
}


/* インデントなし */
#contents .noIndent {
	text-indent: 0 !important;
}


/* 文中画像 */
#contents .innerImg {
	margin: 0 8px;
	vertical-align: middle;
}


/* top バナーエリア */
#contents .bannerBox {
	position: relative;
	width: 540px;
	height: 310px;
	background: url(../../product/images/index_bg04.gif) no-repeat 0 0;
}
#contents .banner {
	position: absolute;
	top: 10px;
	left: 10px;
}
#contents .banner1 {
	position: absolute;
	top: 115px;
	left: 10px;
}
#contents .btn01 {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#contents .btn02 {
	position: absolute;
	bottom: 10px;
	right: 10px;
}