@charset "utf-8";

/* ---------------------------------------------------
   File: service.css
   Version: 1.0.0
   Update: 2014-09-16
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




/* ===================================================
    Global Navigation
=================================================== */

#gnavi li#g_service a												{ background-position: -570px   -68px;}




/* ===================================================
    Local Navigation
=================================================== */

#lnavi_area h1 {
	height: 202px;
	background: url(../service/images/tit_service.jpg) 0 0 no-repeat;
}




/* ===================================================
    Contents
=================================================== */

/* -----------------------------------
		Lead Box
----------------------------------- */
#leadBox article {
	width: 317px;
}
#leadBox article h2 {
	width: 273px;
	height: 61px;
	background: url(../service/images/txt_catchcopy.jpg) 0 0 no-repeat;
}
#leadBox #mainImage {
	width: 366px;
}



/* ===================================================
    Common Style
=================================================== */
.contents {
	padding-bottom: 50px;
} 

.contents h3 {
	font-size: 1.5em;
	line-height: 1.4em;
	background: url(../img_common/line_h3.jpg) left bottom no-repeat;
	padding: 10px 0;
	margin-bottom: 32px;
	display: block;
}


/* -----------------------------------
		Item
----------------------------------- */
#window section,
#exterior section,
#wall section,
#roof section {
	width: 516px;
	padding-bottom: 30px;
	float: right;
}
#window section h4,
#exterior section h4,
#wall section h4,
#roof section h4 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#window p,
#exterior p,
#wall p {
	padding-bottom: 16px;
}
#pairGlass h4 { background: url(../service/images/tit_window_01_pair-glass.jpg) 0 0 no-repeat;
}
#low-e h4 { background: url(../service/images/tit_window_02_low-e.jpg) 0 0 no-repeat;
}
#carPort h4 { background: url(../service/images/tit_exterior_01_carport.jpg) 0 0 no-repeat;
}
#fence h4 { background: url(../service/images/tit_exterior_02_fence.jpg) 0 0 no-repeat;
}
#jolypate h4 { background: url(../service/images/tit_wall_01_jolypate.jpg) 0 0 no-repeat;
}
#siding h4 { background: url(../service/images/tit_wall_02_siding.jpg) 0 0 no-repeat;
}
#ceramic h4 { background: url(../service/images/tit_roof_01_ceramic.jpg) 0 0 no-repeat;
}
#colorBest h4 { background: url(../service/images/tit_roof_02_colorBest.jpg) 0 0 no-repeat;
}
#steel h4 { background: url(../service/images/tit_roof_03_steel.jpg) 0 0 no-repeat;
}
#pabco h4 { background: url(../service/images/tit_roof_04_pabco.jpg) 0 0 no-repeat;
}

#steel h4 {
	padding-bottom: 21px;
}



/* -----------------------------------
		Equipment
----------------------------------- */

#equipment div.inBox {
	width: 340px;
	float: left;
}

#equipment div.inBox p {
	display: block;
	padding: 8px 0 24px;
}

/* Brown Box */
.brownBox {
	width: 292px;
	padding: 16px 24px;
}
.brownBox li {
	width: 40%;
	line-height: 1.4em;
	background: url(../img_common/icon_circle_brown-box.jpg) 0 0.6em no-repeat;
	float: left;
	display: block;
	padding-left: 15px;
	margin-bottom: 8px;
}

/* works Area */
#worksArea {
	font-size: 0.9em;
	line-height: 1.6em;
	background: url(../img_common/bg_paper.jpg) 0 0 no-repeat;
	margin-top: 40px;
	padding: 24px 32px 0;
}
#worksArea h5 {
	width: 173px;
	height: 31px;
	background: url(../service/images/tit_original_furniture.jpg) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding-bottom: 0;
}
#worksArea div.inBox {
	width: 666px;
	margin-top: 24px;
	float: none;
}
#worksArea div.inBox p {
	padding: 0;
}

/* Furniture Box */
#worksArea .inBox section {
	width: 200px;
	padding-right: 32px;
	float: left;
}
#worksArea .inBox section#kitchen_03,
#worksArea .inBox section#toilet_hand-wash_02  {
	padding-right: 0;
	float: right;
}

/* Title H6 */
#worksArea .inBox section h6 {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin: 16px 0 6px;
}
#kitchen_01 h6,
#kitchen_02 h6,
#kitchen_03 h6 							{ background: url(../service/images/tit_kitchen.jpg) 0 0 no-repeat;}
#hand-wash h6							{ background: url(../service/images/tit_hand-wash.jpg) 0 0 no-repeat;}
#toilet_hand-wash_01 h6,
#toilet_hand-wash_02 h6 			{ background: url(../service/images/tit_toilet_hand-wash.jpg) 0 0 no-repeat;}


#worksArea .inBox section p {
	display: block;
}
#worksArea div.inBox p.btn_works {
	width: 92px;
	padding: 8px 0 0 0;
	float: right;
}

/* -----------------------------------
		Solar Power System
----------------------------------- */
#solar_power div.inBox {
	width: 386px;
	padding-top: 8px;
	float: right;
}
	
#solar_power p {
	padding-bottom: 20px;
}