@charset "utf-8";

/*************************************/
/* common tag styles                 */ 
/*************************************/

#main{
    margin: 0 auto 80px;
    width: 1200px;
}

#pageTitle{
	height: 255px;
	margin: 0 auto;
	background:url(../img/common/h1Back.jpg) left 50% top -140px  no-repeat;}

#pageTitle h1{
	color: #fff;
	font-size:261%;
	padding: 100px 0 0 0;
	line-height: 120%;}

#pageTitle h1 span{
	font-size: 30%;}

#pageTitle h1 span.japanese{
	font-size:261%;
	background:url(/img/common/h1PageTitleLine.jpg) 50% bottom repeat-x;
	padding-bottom:5px;
	margin-bottom:20px}

#pageTitle h1 span.english{
	
	color:#DF5326;}

#sitePath{ 
	background-color:#EEEEEE;
	margin-bottom: 40px;}

#sitePath ul{
	display: flex;
	padding: 14px 0;}

#sitePath ul li{
	color: #376CAC;
	padding-left:20px;
	background:url(/img/common/topicIcon.jpg) left 50% no-repeat;}

#sitePath ul li:first-child{
	background:none;
	padding-left:0;}

#sitePath ul .lastChild{ color: #333;}

/****** Cleafix ******/
#sitePath ul:before,
#sitePath ul:after{content: " ";display: table;}
#sitePath ul:after{clear: both;}
#sitePath ul{*zoom: 1;}
/****** Cleafix ******/

#sitePath ul li a{color:#376CAC;}

h2{text-align:center;}

p{margin: 0 0 40px;}

ol.toipics{
	background:#FFF url(/img/common/secMainBg.jpg) bottom no-repeat;
	margin:0 0 10px;
	padding: 0 0 10px;}

ol.toipics li{
	vertical-align:middle;
	background:url(/img/common/topicNextIcon.jpg) left no-repeat;
	float:left;
	margin: 0 10px 0 0;
	padding: 7px 0 7px 16px;}

ol.toipics li.firstChild{
	padding:3px 0 0 10px;
	overflow:hidden;
	font-size:1px;
	background:none;}

/****** Cleafix ******/
ol.toipics:before,
ol.toipics:after{content: " ";display: table;}
ol.toipics:after{clear: both;}
ol.toipics{*zoom: 1;}
/****** Cleafix ******/

#mainCont{
	padding:20px 20px 10px;
	background:#FFF url(/img/common/secMainBg.jpg) bottom no-repeat;}

#mainCont dl dt,
#mainCont dl dd,
#mainCont h3{
	margin: 0 0 30px;}

table,
table th,
table td{
	border: 1px #376CAC dotted;
	vertical-align:middle;}

table th{
	background:url(/img/product/gasstove/h3BigPatern.jpg) repeat;
	font-weight:bold;
	padding:20px;}

table th.hide{background:none;background-color:#EA8867;color:#fff;}

table td{
	padding:20px;}

table{width:980px;margin-bottom:40px;}

.sectionMain{
	margin:0;
	padding:40px;
	background-color:#fff;}

.lastChild{margin-right:0 !important;}


/*************************************/
/* index                             */ 
/*************************************/

#index #CarouselVa{
	width: 100%;
	position: relative;
	height: 822px;
	margin-bottom: 40px;
	background: url(../img/index/topVa.jpg) left 50% top -140px no-repeat;
	z-index:2;}

#index #CarouselVa h1{
	color: #fff;
	font-size: 335%;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 250px 0 30px 0;
	line-height: 160%;}


/*************************************/
/* index newCont                         */ 
/*************************************/

#index #main {
    width: 100%;
}

#infoCont{
	display: flex;
    justify-content: space-between;
	width: 1190px;
	border: 5px solid #ccc;
    margin: 0 auto;
	margin-bottom: 40px;}

#infoCont h2{
	color: #fff;
	font-size: 161%;
	padding: 10px 40px;
	background-color: #376CAC;
	line-height: 200%;}

#infoCont ul {
    width: 82%;
}
#infoCont ul dl{
	display: flex;
	padding: 20px 190px 20px 0;}

#infoCont dl dt{ padding-right: 20px;}

#infoCont dl .date span{ color: #CC0F19;}



/*************************************/
/* index product                     */ 
/*************************************/

#productArea{
	text-align: center;
	width: 1200px;
	padding-bottom: 80px;
	margin: 0 auto;}

#productArea ul{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;}

#productArea ul li{
    margin-bottom: 40px;
}
#productArea ul li.refo{
	width: 370px;
    height: 386px;
	margin-right: 40px;
	background: url(../img/index/reformBg.jpg) no-repeat;}

#productArea ul li.houCl{
	width: 370px;
	margin-right: 40px;
	background: url(../img/index/hocl.jpg) no-repeat;}

#productArea ul li.airCl{
	width: 370px;
	background: url(../img/index/airconcl.jpg) no-repeat;}

#productArea ul li a{
	display: block;
	font-size: 161%;
	width: 100%;
	padding: 172px 0 40px 0;}
#productArea ul li:first-child a{
    padding: 0;
}

#productArea ul li span{
	color: #376CAC;
	font-size: 50%;}




/*************************************/
/* index performArea                 */ 
/*************************************/

#performArea{ 
	border-top: 1px dotted #376CAC;
	border-bottom: 1px dotted #376CAC;
	background-color: #F7F7F7;}

#performArea h2{
	font-size: 261%;
    padding: 113px 0 40px 0;
    line-height: 100%;}

#performArea h2 span{
	color: #376CAC;
	font-size: 34%;}

#main .inner .itemArea{
	display: flex;
	justify-content: space-between;}

.item{
	width: 260px;
	margin-right: 20px;
	margin-left: 20px;
	background: url(../img/common/triangleIcon02.jpg) bottom 2px right 2px no-repeat #fff;
	box-shadow: 1px 1px 1px 1px #ccc;
    position: relative;
    transition: 0.3s;}

.item:hover{
    opacity: 0.7;}

.item figure img{
    width: 260px;
    height: 165px;
    object-fit: cover;}

.item dl{ margin-right: 0;}

.item dl dt{
	padding: 20px 0 20px 40px;
	background: url(../img/index/perforIcon.jpg) 5% no-repeat;}

.item dl dd{
	padding: 0 0 33px 20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;}

.item p{
	color: #fff;
	text-align: center;
	width: 82px;
	margin-left: 20px;
	background: url(../img/index/perforBg01.jpg) no-repeat;
	line-height: 150%;}

.item a{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;}

#main .inner .btn{
	text-align: center;
	width: 366px;
	margin: 0 auto 80px;
	background: url(../img/common/triangleIcon.jpg) bottom 2px right 2px no-repeat;
	background-color: #376CAC;}

#main .inner .btn a{
	display: block;
	padding: 20px 0;
	width: 100%;
	color: #fff;}



/*************************************/
/* index aboutArea                   */ 
/*************************************/

#aboutArea{
	position: relative;
	text-align: center;
    padding: 160px 0;
	border-bottom: 1px dotted #376CAC;
	background: url(../img/index/aboutBg.jpg)  50% bottom no-repeat;}

#aboutArea h2{
    margin-bottom: 40px;
    font-size: 260%;}

#aboutArea p{
	line-height: 220%;
    margin: 0;}

#index .h201 ul.tab{
	padding-bottom:5px;
	width:980px;
	margin: 0 auto;
	background: url(../img/index/aboutBg.jpg) bottom no-repeat;
	margin-bottom:20px;}
	

#index .h201 ul.tab li{
	float:left;
	width:460px;
	height:45px;
	margin-left:20px;
	text-indent:-9999px;}
	
/****** Cleafix ******/
#index .h201 ul:before,
#index .h201 ul:after{content: " ";display: table;}
#index .h201 ul:after{clear: both;}
#index .h201 ul{*zoom: 1;}
/****** Cleafix ******/

#index .h201 ul.tab li.tab01{background:url(/img/index/tab01.jpg) top left no-repeat;}
#index .h201 ul.tab li.tab02{background:url(/img/index/tab02.jpg) bottom left no-repeat;}

#index .h201 ul.tab li{cursor:pointer;}

#index .h201 #tab01,
#index .h201 #tab02{
	width:980px;
	margin: 0 auto;}

#index .h201 .tab ul li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;}

#index .h201 #tab02{display:none;}

/* sectionH2 h202 */

#index .h202{margin-bottom:40px;}

#index .h202 #sliderInner{height:280px;}

#index .flex1 ul li .list{
	width:230px;
	margin:0 10px;
	float:left;
	position: relative;}
	
#index .flex1 ul li .list dl{
	width:230px;
	margin:20px 0 0;}

#index .flex1 ul li  .list img{width:230px;}

#index .flex1 ul li  .list dl dt{width:230px;}

#index .flex1 ul li .list a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;}

#index .flex1{width:1200px;}
	
/* sectionH3 h203 */

#index .h203{
	width: 100%;
	padding: 80px 0 40px 0;
	background-color:#fff;
}

#index .h203 .mainCont{
	display: flex;
    justify-content: space-between;
	width:1200px;
	margin: 0 auto;}

#index .h203 #feed{
	margin-right: 40px;}

#index .h203 #feed .section{
	padding:20px 0;
	border-bottom:dotted 1px #ccc;
	}

#index .h203 dl dt,
#index .h203 li .date{color:#F2420D;}

#index .h203 li .date{float:left;margin:0 10px;}

/****** Cleafix ******/
#index .h203 li:before,
#index .h203 li:after{content: " ";display: table;}
#index .h203 li:after{clear: both;}
#index .h203 li{*zoom: 1;}
/****** Cleafix ******/

/* sectionH2 h204 */

#index .h204{
	margin:0 auto 40px;
	padding:80px 0;
	}

#index .h204 p{
	line-height:200%;}

#index .h204 p.reedP{
	font-size:261%;
	color:#E15527;
	margin-bottom:20px;}

#index .h204 a{
	font-size:120%;
	display:block;
	margin: 0 auto;
	width:250px;
	padding:20px 80px;
	color:#E15527;
	border:1px solid #E15527;}

#index .h204 a:hover{
	background:#E15527;
	color:#fff;
	text-decoration:none;}

/* RSS */

#feed{
	width:700px;}

/****** Cleafix ******/
#index .h203 .mainCont:before,
#index .h203 .mainCont:after{content: " ";display: table;}
#index .h203 .mainCont:after{clear: both;}
#index .h203 .mainCont{*zoom: 1;}
/****** Cleafix ******/

#feed a.photo{
	float:left;
	margin-right:20px;
}

#feed a.photo img{width:65px}
 
#feed dl{float:left;}

/****** Cleafix ******/
#feed .section:before,
#feed .section:after{content: " ";display: table;}
#feed .section:after{clear: both;}
#feed .section{*zoom: 1;}
/****** Cleafix ******/

#feed dl dt,
#feed dl dd{
	width:380px;
	text-align:left;
}

#feed dl dd.date{color:#F2410C;}

#feed dl dt{font-weight:bold;}

#index #socialArea{
	width:580px;
	border:5px solid #E1E9F3;
	padding:20px;
	float:right;}


/* h305 */

#index #main .h305 h3{
	margin: 0 0 20px;
}

#index #main .banner ul li{
	float:left;
	margin: 0 20px 20px 0;
}

#index #main .banner ul li.lastChild{
	margin:0;
}

/****** Cleafix ******/
#index .banner ul:before,
#index .banner ul:after{content: " ";display: table;}
#index .banner ul:after{clear: both;}
#index .banner ul{*zoom: 1;}
/****** Cleafix ******/


/* sectionH2 h204 */

#index #main .h302 #CarouselS{
	background:url(/img/index/contens_bg.jpg) bottom no-repeat #FFF;
	margin: 0 0 30px;
	border: #D5DECC solid 5px;
}

#index #main .h302 #CarouselS #DetailSlect{
	position:relative;
	height:240px;
}

#index #main .h302 #DetailSlect .nextBtn{
cursor:pointer;
	position:absolute;
	top: 75px;
	right:0;
}

#index #main .h302 #DetailSlect .prevBtn{
cursor:pointer;
	position:absolute;
	top: 75px;
	left:0;
}

#index #main .h302 #DetailSlect ul{width:2000px}

#index #main .h302 #DetailSlect .tabNav{
position:absolute;
top:20px;
left:55px;
overflow:hidden;
width:850px}

#index #main .h302 #DetailSlect ul li{
	float:left;
	margin: 0 20px 0 0;
	padding:0;
	width:150px;
	text-align:center;
}

#index #main .h302 #DetailSlect ul li a{
height:200px;
display:block;
overflow:hidden}

#index #main .h302 #DetailSlect ul li dl dt{
	margin: 0 0 10px;
}

#index #main .h302 #DetailSlect ul li dl dd{
	color:#E15527;
}


/****** Cleafix ******/
#index #main .h302 #DetailSlect ul:before,
#index #main .h302 #DetailSlect ul:after{content: " ";display: table;}
#index #main .h302 #DetailSlect ul:after{clear: both;}
#index #main .h302 #DetailSlect ul{*zoom: 1;}
/****** Cleafix ******/



/* sectionH3 h205 */

#index #main .h206{
	float:right;
	width:470px;
}

#index #main .h206 #likeBoxArea{
	background:#FFF;
	border: 5px #D5DECC solid;
	padding:25px;
}

/****** Cleafix ******/
#index #main #socialArea:before,
#index #main #socialArea:after{content: " ";display: table;}
#index #main #socialArea:after{clear: both;}
#index #main #socialArea{*zoom: 1;}
/****** Cleafix ******/


/*************************************/
/* faqArea                           */ 
/*************************************/


#faq #main #tab01{ display:block}

#faq #main{ margin-bottom: 40px;}

#faq #main .serv{ 
	padding: 40px 0 40px 0;
	margin-bottom: 0;}

#main .contPath{
	width: 1200px;
	margin: 0 auto;
}

#main .contPath ul{
	display: flex;
    justify-content: space-between;
	margin-bottom: 40px;}

#main .contPath ul li{
	text-align: center;
	width: 373px;
	background-color: #E1E9F3;
	transition: 0.3s;}

#main .contPath ul li a{
	display: block;
	font-size: 140%;
	width: 100%;
	padding: 30px 0;
	transition: 0.3s;}

#main .contPath ul li.c a{
	color:#fff;
}

#main .contPath ul .c,
#main .contPath ul li a:hover{
	color: #fff;
	background-color: #376CAC;}

#faq #main dl{
	border: #ccc dotted 1px;
	padding: 10px 80px 10px 20px;
	background:url(../img/faq/iconClose.jpg) top 50% right 20px no-repeat  #E1E9F3;
	margin-bottom:20px;}

#faq #main dl:last-child{ margin-bottom: 80px;}

#faq #main dl.open{ background: url(../img/faq/iconOpen.jpg) top 50% right 20px no-repeat #E1E9F3;}

#faq #main dl dt{
	padding: 10px 0 10px 55px;
	background:url(/img/faq/iconQ.jpg) left 50% no-repeat;
	font-size:134%;
	color:#333;}


#faq #main dl.open dt{
	border-bottom: 1px dotted #ccc;}

#faq #main dl dd{
	padding: 0 0 0 55px;
	margin: 20px 0 20px;
	background:url(../img/faq/iconA.jpg) left 50% no-repeat;}

#faq #main dl.close dd{}


/*************************************/
/* company: 						;*/ 
/*************************************/

#company #sitePath{
    margin-bottom: 0;
}

#company #main{
    width: 100%;
    margin: 0 auto 40px;}

#company #newAbout{	
    background: url("../img/commpany/aboutBg.jpg") 50% top no-repeat;
    margin:  0 0 80px;}

#company #newAbout .inner{
    padding: 160px 0 80px;}

#company #newAbout .inner h2{
	font-size:261%;
	color:#333;
	background: url("../img/common/logoImg.png") 50% top no-repeat;
	padding: 65px 0 40px 0;}

#company #newAbout p{ 
	margin-bottom: 0;
    text-align: center;
    line-height: 259%;}

#company .detail{
    width: 1200px;
    margin: 0 auto 80px;
}

#company .mapArea{ 
	width: 1200px;
	margin: 0 auto 80px;}

#company #serviceItem dd.cont:last-child{ border-right: none;}


/*************************************/
/* service                           */ 
/*************************************/

#service #main{
	width: 100%;
	margin: 0 auto 40px;}

#service #newAbout{
    background: none;
    text-align: center;}

#service #newAbout h2{
	padding-top: 80px;
    font-size: 259%;
    margin-bottom: 40px;
    color:#376CAC}

#service .pafo{
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;}

#service .pafo .senten{
    width: 50%;
	height: 370px;
	background-color: #376CAC;}

#service .pafo h2{
	color: #fff;
	font-size: 231%;
	text-align: left;
	width: 520px;
	padding: 40px 0 40px 0;
    border-bottom: 2px solid #fff;
	margin: 0 0 0 40px;
    line-height: 100%;}

#service .pafo h2 span{ font-size: 50%;}

#service .pafo p{
	color: #fff;
	text-align: left;
	padding: 40px 40px 50px 40px;}

#service #main section{
	border-bottom: none;
	margin-bottom: 80px;}




/*************************************/
/* case                       */ 
/*************************************/

#case .itemArea{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;}

#case .item{
    margin: 0 0 40px;}

/*************************************/
/* detail                            */ 
/*************************************/

#detail h1{
    padding: 80px 0 0 0;	
}

#detail h1 strong{
	display: inline-block;
	font-weight: normal;
	padding-bottom: 20px;
	border-bottom: 2px #fff solid;
	margin-bottom: 10px;
}
#detail h1 span{
	font-size: 60%;}

#detail #main{
	width: 1200px;
	margin: 0 auto;
}

#detail #detailArea{
	display: flex;
	justify-content: space-between;
}

#detail #detailArea .leftArea{
	width: 415px;}

#detail #detailArea .leftArea h2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px dotted #376CAC;
	margin-bottom: 20px;
	font-weight: normal;
}

#detail #detailArea .leftArea h2 span{
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	background-color: #376CAC;
	margin-bottom: 20px;
}
#detail #detailArea .leftArea h2 strong{
	font-size: 161%;
	font-weight: normal;}


#detail #detailArea .rightArea{
	display: flex;
	justify-content: space-between;
	width: 740px;}

#detail #detailArea .rightArea .beforeArea,
#detail #detailArea .rightArea .afterArea{
	position: relative;}

#detail #detailArea .rightArea .beforeArea{
	padding-right: 40px;
	background: url(../img/detail/icon.jpg) right 10px top 110px no-repeat;
}

#detail #detailArea .rightArea .beforeArea p,
#detail #detailArea .rightArea .afterArea p{
	position: absolute;
	top: -20px;
	left: -20px;}


#detail #pageTitle .refoCase{
	position: absolute;
	top: 64%;
	left: 50%;
	color: #fff;}

#detail section .bAA{
	display: flex;
    justify-content: space-between;
	position: relative;
	width: 1200px;
	padding: 80px 0 40px 0;
	margin: 0 auto;}

#detail section .bAA .left{ width: 415px;}

#detail section .bAA .left dl dt{
	font-size: 150%;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px dotted #376CAC;}

#detail section .bAA .left dl dd{ padding-top: 20px;}

#detail section .bAA .left dl .refo{
	position: absolute;
	top: 44px;
	left: 0;
	color: #fff;
    background-color: #376CAC;
    text-align: center;
    width: 82px;
    padding: 0;}

#detail section .bAA .right{
	display: flex;
    justify-content: space-between;}

#detail section .bAA .right .sample{
	height: 241px;
	padding-right: 20px;
	margin-right: 20px;
	background: url(../img/detail/befoIcon.jpg) top 0 left 0 no-repeat;}

#detail section .bAA .right .sample p{ 
	margin-bottom: 0;
	text-indent: -9999px;}

#detail section .bAA .right .sample:last-child{ 
	padding-right: 0;
	margin-right: 0;}


/********************* Photo Gallery *********************/

#detail .photoArea{
	width: 1200px;
	margin: 0 auto 40px;
	background-color: #E1E9F3; }

#detail .photoArea h2{
	font-size: 161%;
    padding: 30px 0;}

#detail .photoArea .gallery{
    padding: 0 40px 40px;
}

#detail #main .flexslider{
    width: 692px;
}

#detail #main .flex-control-thumbs{
    margin: 0;
    width: 416px;
    position: absolute;
    top: 0;
    right: -426px;
    overflow: hidden;
}

#detail #main .flex-control-thumbs li{
    width: 131px;
    margin-right: 10px;
    margin-bottom: 10px;}
#detail #main .flex-control-thumbs li:nth-child(3n){
    margin-right: 0;}

#detail #main .flex-control-thumbs li img{
    width: 131px;
    height: 81px;
    object-fit: contain;
    opacity: 0.5;}

#detail #main .flex-control-thumbs li img.flex-active{
    opacity: 1;}

/********************* 事例概要 *********************/

#detail #summary h2{
	font-size: 161%;
	padding: 20px 0;
	border: 1px solid #E1E9F3;
	margin-bottom: 40px;}

#detail #summary table{
	width: 1200px;}

#detail #summary table th{
	width: 230px;
	text-align: center;
	background-color: #E1E9F3;
	font-weight: normal;}

/*************************************/
/* CONTACT tag styles                */ 
/*************************************/

#contact #main .sectionH2{ padding-top: 40px;}

#contact #main .sectionH2 h2{
	font-size:161%;
	text-align:left;
	font-weight:normal;
	border-left: 5px solid #376CAC;
	padding:10px 20px;
	background-color: #E1E9F3;}

#contact #main .h201 p{ 
	padding: 40px 0;
	margin-bottom: 0;
	text-align: left;}

#contact #main .h201 p.telNum{
	text-align: center;
	padding:80px 0 40px;
	border:1px dotted #376CAC;
	margin-bottom: 40px;}

#contact #main .h201 p.telNum strong{
	color:#376CAC;
	font-size:361%;}

#contact #main .h201 p.telNum a:hover{text-decoration:none;}

#contact .h202 h2{
    margin-bottom: 40px;
}

#contact .h202 dl{
    border-top: 1px dotted #376CAC;
    padding: 40px 0;
    display: flex;
}
#contact .h202 dl.last{
    border-bottom: 1px dotted #376CAC;
}

#contact .h202 dl dt{
    width: 30%;
    font-weight: bold;
    border-right: 1px dotted #376CAC;}

#contact .h202 dl dd{
    padding-left: 40px;}

#contact .h202 dl dd input[type="text"],
#contact .h202 dl dd input[type="email"]{
    padding: 10px 20px;}

#contact .h202 dl dd input::placeholder{
    color:#ccc;
}
#contact .h202 dl dd .shubetsu{
    display: flex;
    flex-wrap: wrap;
}
#contact .h202 dl dd label{
    padding: 20px;
    border: 1px solid #ccc;
    margin-right: 20px;
}

#contact .h202 dl dd label input[type="radio"]{
    width: 30px;
    margin-right: 10px;
}
#contact .h202 dl dd label input[type="radio"]:checked + label{
    background: url("../img/contact/radioIcon_on.jpg") left 20px top 50% no-repeat;
}

#contact #main .btn{
	background-color: #CC0F19;
    color: #fff;
	text-align: center;
    transition: 0.3s;
	width:315px;
	margin: 40px auto 0;
    border:none; }

#contact #main .btn:hover{ opacity: 0.7;}

#contact #main .btn a{
	color: #fff;
	display: block;
	width: 100%;
	padding: 20px 0;
}

#contact #main .btn input{
	width: 315px;
    background-color: #CC0F19;
    padding: 20px;
    color: #fff;
    transition: 0.3s;
    margin-right: 30px;
    border: none; }

#contact #main .btn input:hover{background:url(../img/contact/preBtn.jpg) 50% bottom no-repeat;}

#contact #topLink{margin-top:80px}

#contact #topLink a{
	margin: 0 auto;
	display:block;
	text-indent:-9999px;
	width:300px;
	height:60px;
	background:url(../img/contact/topBtn.jpg) left top no-repeat;}

#contact #topLink a:hover{
	background:url(../img/contact/topBtn.jpg) left bottom no-repeat;}

/*************************************/
/* sitemap tag styles                */ 
/*************************************/

#sitemap #main{width:980px;}

#sitemap #main p{text-align:center;}

#sitemap #main table,
#sitemap #main table tr,
#sitemap #main table tr td{
	width:100%;
	border-left:none; 
	border-right:none; 
}

#sitemap #main table tr td.hie01{
	padding-left:60px;
}

/*************************************/
/* campaign tag styles                */ 
/*************************************/

#campaign #main{
    width: 100%;
}
#campaign #title{
    width: 100%;
    height: 665px;
    background: url("../img/campaign/section01Img.jpg") 50% 50% no-repeat;
    text-indent: -9999px;
    margin-bottom: 40px;
}

#campaign .cleanAlpha{
    text-align: center;
    background: url("../img/campaign/section04Bg.png") 50% bottom no-repeat;
    padding-bottom: 80px;
}


#campaign .cleanAlpha h2{
    width: 560px;
    height: 123px;
    background: url("../img/campaign/section02H2.jpg") 50% 50% no-repeat;
    text-indent: -9999px;
    margin: 0 auto 80px;
}

#campaign .cleanAlpha .inner{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

#campaign .cleanAlpha .inner dl{
    box-sizing: border-box;
    width: 373px;
    height: 373px;
    border: 5px solid #9ADAF6;
    background-color:#fff;
    padding: 110px 40px 40px;
    border-radius: 50%;
    background: url("../img/campaign/num02.jpg") left 50% top 45px #fff no-repeat;
}

#campaign .cleanAlpha .inner dl:first-child{
    background: url("../img/campaign/num01.jpg") left 50% top 45px #fff no-repeat;
}

#campaign .cleanAlpha .inner dl:last-child{
    background: url("../img/campaign/num03.jpg") left 50% top 45px #fff no-repeat;
}

#campaign .cleanAlpha .inner dl dt{
    font-size: 161%;
    line-height: 140%;
    color:#00ACEE;
    margin-bottom: 20px;
    border-bottom: 1px dotted #00ACEE;
    padding-bottom: 20px;}

#campaign .price{
    background: url("../img/campaign/section03contBg.png") 50% top no-repeat;
    padding: 80px 405px 30px 40px;
    width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 5px solid #00A0E9;
}

#campaign .price dl{
    width: 230px;
}

#campaign .price dl dt{
    background-color: #00A0E9;
    padding: 10px 0;
    color:#fff;
    font-size: 161%;
    font-weight: bold;
    margin-bottom: 20px;
}
#campaign .price dl dd {
    font-size: 161%;
}
#campaign .price dl dd strong{
    font-size: 161%;
    color:#003F99;}

#campaign .price dl dd span{
    font-size: 50%;
}

#campaign .note{
    background-color:#F0F9FE;
}

#campaign .note .inner{
    box-sizing: border-box;
    padding: 80px 0 80px 190px;
    background: url("../img/campaign/section04Img.jpg") left 50% no-repeat;
}
#campaign .note .inner p{
    margin-bottom: 10px}

#campaign #sitePath,
#campaign #main{
    margin-bottom: 0;
}
/*************************************/
/* flooling                          */ 
/*************************************/

#flooring #main{
    width: 100%;
}
#flooring #sitePath{
    margin-bottom: 0;
}
#flooring #main #section01{
    display: block;
    background: url("../img/flooring/section01.jpg") 50% top no-repeat;
    width: 100%;
    height: 803px;
}
#flooring #main #section02{
    display: block;
    background: url("../img/flooring/section02.jpg") 50% top no-repeat;
    width: 100%;
    height: 510px;
}
#flooring #main #section03{
    display: block;
    background: url("../img/flooring/section03.jpg") 50% top no-repeat;
    width: 100%;
    height: 789px;
}
#flooring #main #section04{
    display: block;
    background: url("../img/flooring/section04.jpg") 50% top no-repeat;
    width: 100%;
    height: 585px;
}
#flooring #main #section05{
    display: block;
    background: url("../img/flooring/section05.jpg") 50% top no-repeat;
    width: 100%;
    height: 1051px;
}
#flooring #main #section06{
    display: block;
    background: url("../img/flooring/section06.jpg") 50% top no-repeat;
    width: 100%;
    height: 306px;
}