@import url("alumi-world.css");

/*=============================================================

	Products CSS

=============================================================*/
/* ローカルナビ --------------------*/
#products #localMenu ul.lm-list li#lm-sheeting ul li.cate{
	font-weight: bold;
	padding: 10px 10px 10px 3.2em;
}

/* 見出し --------------------------*/
#products #pageTitle{
	padding-top: 0;
}
#products #pageTitle:before {
	top: 6px;
}

/* はみでるテーブル --------------------------*/
#contents .tableOverflow{
	width:100%;
	overflow-y: auto;
	overflow-x: scroll !important;
	-webkit-overflow-scrolling: auto;
	scrollbar-color: #999 #efefef;
	scrollbar-width: auto;
}

#contents .tableOverflow::-webkit-scrollbar {
   height: 10px;
}
#contents .tableOverflow::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
#contents .tableOverflow::-webkit-scrollbar-track-piece {
    background: #efefef;
}
#contents .tableOverflow table{
	margin-bottom: 3px;
}


/* sheeting/index.htm
-----------------------------------------------------------*/
#products.act-lm-sheeting article#contents #pageTitle{
	padding:8px 0 5px 37px !important;
}
#products.act-lm-sheeting article#contents #pageTitle:before{
	top:0;
}
#products.act-lm-sheeting article#contents h2{
	font-size: 150%;
	border-top: 1px dashed #80b1d0;
	padding: 12px 0 0 0;
	margin: 35px 0 0 0;
}
#products.act-lm-sheeting article#contents div.box-clm2 p.box-linkTtl{
	margin: 14px 0 14px 0;
}

/* sheeting/aas-panel.htm
-----------------------------------------------------------*/
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxLeft{
	float: left;
	width: 65%;
}
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxRight{
	float: right;
	width: 33%;
}
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxLeft img,
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxRight img{
	width: 100% !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){
/* ローカルナビ --------------------*/
#products #localMenu ul.lm-list li#lm-sheeting ul li.cate{
	width: 100%;
	padding: 10px 10px 10px 1.4em;
}

}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/* ローカルナビ --------------------*/
#products #localMenu ul.lm-list li#lm-sheeting ul li.cate{
	font-size: 90%;
	padding: 5px 0 5px 1.5em;
}

/* はみでるテーブル --------------------------*/
#contents .tableOverflow::-webkit-scrollbar{
	height: 6px;
}

/* sheeting/index.htm
-----------------------------------------------------------*/
#products.act-lm-sheeting article#contents h2{
	font-size: 100%;
}

/* sheeting/aas-panel.htm
-----------------------------------------------------------*/
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxLeft{
	float: none;
	width: 100%;
	margin: 5px auto;
}
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxRight{
	float: none;
	width: 60%;
	margin: 5px auto;
}



}