@charset "utf-8";



/* container

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

body#sitetop div#container{

background:none;

}



/* header

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



body#sitetop #header{

height:132px;

}

/*----------20200106〃＝＝＝＝＝´〈＝＝＝＝----------*/
/* お知らせエリア右調整 */
div.layout-top div.block-02 div.layout-top-02 {
    margin-bottom: 1.67em;
}
div.layout-top div.block-02 div.layout-top-02:last-child {
    margin-bottom: 0;
}

/*----------20120713〃＝＝＝＝＝´〈＝＝＝＝----------*/

#main-visual{

position:relative;

margin:0 auto 15px;

width:960px;

}

#main-visual-inner{

	border: 1px solid #CCC;

}

#main-visual-inner{

	padding: 1px;

}

#main-visual-img{

	margin: 2px 0 0 2px;

	_margin: 2px 0 0 1px;

	width: 727px;

	position: relative;

}



#main-visual ul#main-visual-navi{

	margin: 0;

	width: 227px;

}

#main-visual ul#main-visual-navi span{

	display: none;

}

#main-visual ul#main-visual-navi li{

	float: left;

}

#main-visual ul#main-visual-navi li a{

	cursor: pointer;

	display: block;

}





ul#mainImg{ margin: 0; padding: 0; position: absolute;}

ul#mainImg li {

    height: 244px;

    left: 0;

    position: absolute;

    top: 0;

    width: 727px;

}

#thum1{ display: none;}

#thum2 a{

    background: url("../images/top/top_jp_navi01_off.jpg") no-repeat;

    height: 84px;

    width: 227px;

}

#thum3 a{

    background: url("../images/top/top_jp_navi02_off.jpg") no-repeat;

    height: 82px;

    width: 227px;

}

#thum4 a{

    background: url("../images/top/top_jp_navi03_off.jpg") no-repeat;

    height: 82px;

    width: 227px;

}

#thum2.active a  {

    background: url("../images/top/top_jp_navi01_on.jpg") no-repeat;

}

#thum3.active a {

    background: url("../images/top/top_jp_navi02_on.jpg") no-repeat;

}

#thum4.active a {

    background: url("../images/top/top_jp_navi03_on.jpg") no-repeat;

}







/*----------〃＝＝＝＝＝´〈＝＝＝・---------*/



/* contents

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

body#sitetop div#container div#contents{

width:966px;

background:none;

margin:0 auto 0;

position:relative;

}



/* layout-info

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

body#sitetop div#layout-info{

background:url(../images/top/layout-info_bg02.gif) repeat-y;

margin:0 0 6px 0;

width: 746px;

float: left;

}



body#sitetop div#layout-info-inner{

background:url(../images/top/layout-info_bg01.gif) no-repeat left top;

}

body#sitetop div#layout-info-inner2{

padding:15px 0 0 15px;

background:url(../images/top/layout-info_bg03.gif) no-repeat left bottom;

}



body#sitetop div#layout-info div.block{

width:174px;

float:left;

/display:inline;

margin-right:10px;

}



body#sitetop div#layout-info div.block{

width:174px;

float:left;

/display:inline;

margin-right:10px;

}

body#sitetop div#layout-info div.block2{

width:348px;

}



body#sitetop div#layout-info div.block h2{

margin-bottom:2px;

}



body#sitetop div#layout-info div.block ul.list-top{

overflow:hidden;

}

body#sitetop div#layout-info div.block2 ul.list-top{

width:174px;

}



body#sitetop div#layout-info div.block ul.list-top li{

background:url(../images/common/line02.gif) repeat-x left top;

margin-top:-1px;

padding:4px 4px 3px 11px;

line-height:1.67;

font-weight:bold;

font-size: 12px;

}



body#sitetop div#layout-info div.block ul.list-top li a{

padding-left:12px;

background:url(../images/common/icon_arrow01.gif) no-repeat 0 0.58em;

display:block;

}



body#sitetop div#top-side{

 float: left;

 width: 210px;

 padding: 3px 0 0;

}

body#sitetop div#top-side ul{

	margin: 0 0 5px 7px;

}

body#sitetop div#top-side ul li{

	margin-bottom: 12px;

}

body#sitetop ul.top-banner {

	margin-left: 3px;

}

body#sitetop ul.top-banner li{

	float: left;

	margin-right: 15px;

}

body#sitetop ul.top-banner li.end{

	margin-right: 0;

}



/* layout-info_en

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

body#sitetop div#layout-info_en{

background:url(../images/english/top/layout-info_bg02.gif) repeat-y;

margin:0 0 25px 0;

width: 965px;

float: left;

}



body#sitetop div#layout-info-inner_en{

background:url(../images/english/top/layout-info_bg01.gif) no-repeat left top;

}

body#sitetop div#layout-info-inner2_en{

padding:15px 0 15px 17px;

background:url(../images/english/top/layout-info_bg03.gif) no-repeat left bottom;

}



body#sitetop div#layout-info_en div.block{

width:358px;

float:left;

/display:inline;

margin-right:14px;

}

body#sitetop div#layout-info_en div.block p{

	padding: 4px 10px;

	margin: 0;

	line-height: 1.4em;

}



body#sitetop div#layout-info_en div.block2{

width:559px;

}



body#sitetop div#layout-info_en div.block h2{

margin-bottom:5px;

}



body#sitetop div#layout-info_en div.block2 ul.list-top{

width:559px;

margin-bottom: 0;

padding:4px 0 4px 9px;

background:url(../images/common/line02.gif) repeat-x left bottom;

}



body#sitetop div#layout-info_en div.block ul.list-top li{

width:183px;

font-weight:bold;

line-height:1.4em;

font-size: 12px;

float: left;

}



body#sitetop div#layout-info_en div.block ul.list-top li a{

padding-left:10px;

background:url(../images/common/icon_arrow01.gif) no-repeat 0 0.58em;

display:block;

}



/*TOPキービジュアル下セパレートガス用*/



ul.list-top li a {

    background: url("../images/common/icon_arrow01.gif") no-repeat scroll 0 0.58em transparent;

    display: block;

    padding-left: 12px;

}

.words_link{

	display: inline!important;

	padding-left: 12px;

	padding-right: 5px;

	

}



.words_linkend{

	display: inline!important;

	

	

}











/* product-search

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

body#sitetop div#layout-info div.block div#product-search h2{

margin:0;

}



body#sitetop div#layout-info div.block div#product-search ul li.keywords-search{

position:relative;

}



body#sitetop div#layout-info div.block div#product-search div.search{

position:absolute;

top:38px;

left:6px;

border:1px solid #e5e5e8;

width:164px;

background-color:#fff;

}



body#sitetop div#layout-info div.block div#product-search div.search input.search-keywords{

border:none;

border:0;

padding:0 2px 0;

height:21px;

width:104px;

}





body#sitetop div#layout-info div.block div#product-search div.search input.search-submit{

position:absolute;

top:2px;

right:1px;

}



body#sitetop div#layout-info-inner:after ,body#sitetop div#layout-info-inner2:after{

display:block;

clear:both;

height:0;

visibility:hidden;

content:".";

}



/* layout-top

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

div.layout-top{

clear:both;

/*padding:0 7px 0 10px;*/
padding:0 0 0 10px;

}



div.layout-top div.block-01{

width:725px;

float:left;

/display:inline;

}



div.layout-top div.block-01 div.layout-top-02{

position:relative;

padding:10px 0 0 0;

}



div.layout-top div.block-01 div.layout-top-02 h2{



}

div.layout-top p{

	margin: 3px;

	font-size: 13px;

}



div.layout-top div.block-01 div.layout-top-02 ul.link-01{

overflow: hidden;

/zoom: 1;

}



div.layout-top div.block-01 div.layout-top-02 ul.link-01 li{

padding:0 0 10px 0;

margin:10px 0 -1px;

background:url(../images/common/line02.gif) repeat-x left bottom;



}



div.layout-top div.block-01 div.layout-top-02 ul.link-01 li span{

display: block;

margin: 0 0 0 10em;

font-weight: bold;

}

div.layout-top div.block-01 div.layout-top-02 ul.link-01 li span.date{

float: left;

margin: 0;

padding: 0 0 0 0.1em;

width: 9.8em;

}





div.layout-top div.block-02{

width:210px;

float:right;

/display:inline;

padding-top: 10px;

}

div.layout-top div.block-02 ul.link-01{

margin-left: 5px;

}



div.layout-top div.block-02 ul.list-banner-top li{

margin-bottom:2px;

}



div.layout-top:after{

display:block;

clear:both;

height:0;

visibility:hidden;

content:".";

}







/* layout-info2

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

body#sitetop div#layout-info2{

margin:15px 0 20px 0;

}

/* 在宅勤務実施のお知らせ */
.notice-box {
	margin: 20px 0;
	padding: 10px 15px;
	border: 3px solid #ccc;
}
.notice-box h2 {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}



/*キービジュアル下の製品リンク調整用*/

.words_tuning{

	padding-top:3px;

	padding-bottom:3px;

}

.backnum{
position:absolute;
top:3px;
right:30px;
}