@charset "Shift_JIS";

/*=====================================================
*
*	module.css
*	Since 2008.2.16
*	Editor Aikawa Kaori
*
**	Modified:2008.03.4
**  Editor:Kaori Aikawa
*
**	Modified: 2008.11.1
**  Editor: Kaori Aikawa
*
**	Modified: 2009.1.25
**  Editor: Kaori Aikawa
*
*--------------------------
*
*	Renewal 2010.7.27
*	Editor Kaori Aikawa
*
*--------------------------
*
*	Renewal 2012.07.14
*	Editor Kaori Aikawa
*
*	1= home module
*	3= secondary module
*	4= primary module
*	5= extra navigation module
*	6= subNv module
*	7= sitemap directory module
*	8= smart_system directory module
*	9= solamie
*	10= r-green site exclusive style
*	11= estimate module
*	12= kigyou module
*   13= inquiry module
*   14= case module
*	15= select module
*	16= material module
*	17= download module
*
========================================================*/


/*	1= home module
-----------------------------------------------------*/
body#home div.topVisualInner { background: url(../../common/images/top_visual.jpg) no-repeat; }
body#home div.topVisualInner #visual {
	height:0;
	overflow:hidden;
	padding-top: 367px;
}

.categoryInfo { position: relative; padding-left: 35px; } 
.categoryInfo dl { float: left; width: 420px; margin-right: 35px; }
.categoryInfo dl dd { padding: 10px 5px 8px 7px; }
.categoryInfo dl dd p { margin-bottom: 4px; color: #ccc; text-align: left; letter-spacing: 1px; font-size: 108.33%; line-height: 1.4; }
.categoryInfo dl dd p a { color: #B7DA7D; }


body#home .homeBox { margin-bottom: 7px; background: url(../../common/images/bg_homeBox_top.png) no-repeat left top; }
body#home .homeBoxInner { padding: 12px 7px 15px 12px; background: url(../../common/images/bg_homeBox_bottom.png) no-repeat left bottom; }

body#home .rightBox { background: url(../../common/images/bg_homeRightBox_bottom.gif) no-repeat left bottom; }
body#home .rightBoxInner { padding: 5px 7px 30px 5px; background: url(../../common/images/bg_homeRightBox_top.gif) no-repeat left top; }

body#home .rightBox ul li { margin-bottom: 4px; }

#news { position: relative; }
#news .homeBoxInner { overflow: hidden; }
#news h2 { position: absolute; left: 12px; top: 12px; } 
#news dl { padding-left: 150px; padding-top: 3px; padding-right: 15px; }
#news dl dd { padding-left: 10em; margin-top: -1.5em; margin-bottom: 7px; }


body#home div#primary div.banarea p { margin-bottom: 7px; }


/* /hakusou/ */

body#home div.mainVisualInner { background: url(../../common/images/main_visual_01.jpg) no-repeat; }
body#home div.mainVisualInner #visual {
	height:0;
	overflow:hidden;
	padding-top: 467px;
}
body#home div.mainVisualInner div.scene01 { position: absolute; z-index: 5; left: 536px; top: 25px; }
body#home div.mainVisualInner div.scene02 { position: absolute; z-index: 5; left: 613px; top: 231px; }
body#home div.mainVisualInner div.scene03 { position: absolute; z-index: 5; left: 18px; top: 264px; }
body#home div.mainVisualInner p.detailBtn { position: absolute; right: 15px; bottom: 15px; }
body#home div.mainVisualInner div.scene03 p.detailBtn { right: 76px; }

.smartInfo { position: relative; margin-right: -20px; padding-left: 10px; } 
.smartInfo dl { float: left; width: 220px; margin-right: 17px; }
* html .smartInfo dl { float: left; width: 220px; margin-right: 9px; }
.smartInfo dl dd { padding: 14px 5px 14px 17px; }
.smartInfo dl dd p { margin-bottom: 6px; color: #ccc; text-align: left; letter-spacing: 1px; }
.smartInfo dl dd p a { color: #B7DA7D; }



/*	3= secondary module
-----------------------------------------------------*/

/* ::::: common -------------------------*/
div.contentHead { position: relative; background: #575957; }
div#secondary a       { color: #333; text-decoration: none; }
div#secondary a:hover { text-decoration: none; }

				
div#primary a { color: #004D9A; text-decoration: underline; }
div#primary a:hover { text-decoration: none; }




/*div#secondary p { padding-top: 1em; }*/
div#secondary p.blankNotice { padding: 0.5em 4px 0 !important; }
p#systemPdfDl { margin-top: 10px; margin-bottom: 10px; }

div.navBox,
div#practical,
div#service,
div#system,
div#model,
div#links { margin-bottom: 10px;	padding: 1px; } /* box setting */

div.navBox ul,
div#practical ul,
div#links ul     { margin-top: 0.3em; margin-bottom: 0.2em; }
div.navBox li    { margin-bottom: 0.1em; }
div.navBox li a,
div#practical li a,
div#links li a   { padding-right: 5px; 
				   padding-left: 23px;
				   display: block; }


/* ::::: sitelink -------------------------*/
div#sitelink    { padding-bottom: 10px; background: url(../images/bg_sitelink.gif) no-repeat left bottom; margin-bottom: 10px; }
div#sitelink h2  { margin-bottom: 4px; }
div#sitelink li { width: 172px; height: 38px; margin: 0 auto; }



/* ::::: practical -------------------------*/
div#practical      { border: 1px solid #17AC97; }
div#practical li { width: 164px; height: 21px; margin: 4px auto; background: url(../images/bg_navbtn_off.gif) no-repeat; }
div#practical li:hover {  background: url(../images/bg_navbtn_on.gif) no-repeat; }
div#practical li a { padding-left: 18px; padding-top: 3px; }
div#practical li a:hover { }
div#practical li.btn01 { height: 42px; background: none;}
div#practical li.btn01 a { height: 42px; padding-left: 0; padding-top: 0; }
div#practical li.btn02 { height: 29px; background: none;}
div#practical li.btn02 a { height: 29px; padding-left: 0; padding-top: 0; }


/* ::::: model -------------------------*/
div#model      { border: 1px solid #de8100; }
div#model dt   { padding: 0.2em 0; text-indent: 4px; }
div#model dt a { color: #c60; text-decoration: none; display: block; }
div#model dt a:hover
			   { background: #f7dcc3; }
div#model dd   { padding-bottom: 0.3em; background: url(/common/images/line_dott01.gif) repeat-x left bottom; }
div#model dd.end
			   { background: none !important; }
div#model li   { margin-bottom: 0.1em; }
div#model li a { padding-left: 23px;
				 background: url(/common/images/marker_nav-box2.gif) no-repeat 15px 0.4em;
				 display: block; }
div#model li a:hover
			   { background: #f7dcc3 url(/common/images/marker_nav-box2.gif) no-repeat 15px 0.4em; }

/* ::::: service -------------------------*/
div#service      { border: 1px solid #17AC97; }
div#service dt   { padding: 0.2em 0; text-indent: 4px; }
div#service dt a { color: #008071; text-decoration: none; display: block; }
div#service dt a:hover
				{ background: #D3ECE0; }
div#service dd   { padding-bottom: 0.3em; background: url(/common/images/line_dott01.gif) repeat-x left bottom; }
div#service dd.end
				{ background: none !important; }
div#service ul  { padding: 4px 0; }
div#service li   { margin-bottom: 0.1em; }
div#service li a { padding-left: 23px;
				  background: url(/common/images/marker_material.gif) no-repeat 15px 0.4em;
				  display: block; }
div#service li a:hover
				{ background: #d3e7ec url(/common/images/marker_material.gif) no-repeat 15px 0.4em; }
				
/* ::::: system -------------------------*/
div#system      { border: 1px solid #17AC97; }
div#system dt   { padding: 0.2em 0; text-indent: 4px; }
div#system dt a { color: #008071; text-decoration: none; display: block; }
div#system dt a:hover
				{ background: #D3ECE0; }
div#system dd   { padding-bottom: 0.3em; background: url(/common/images/line_dott01.gif) repeat-x left bottom; }
div#system dd.end
				{ background: none !important; }
div#system li   { margin-bottom: 0.1em; }
div#system li a { padding-left: 23px;
				  background: url(/common/images/marker_material.gif) no-repeat 15px 0.4em;
				  display: block; }
div#system li a:hover
				{ background: #d3e7ec url(/common/images/marker_material.gif) no-repeat 15px 0.4em; }


/* ::::: navBox -------------------------*/
div.navBox      { border: 1px solid #de8100; }
div.navBox li a { background: url(/common/images/marker_nav-box2.gif) no-repeat 15px 0.4em; }
div.navBox li a:hover
				{ background: #f7dcc3 url(/common/images/marker_nav-box2.gif) no-repeat 15px 0.4em; }


/* ::::: links -------------------------*/
div#links      { border: 1px solid #666; }
div#links li a { background: url(/common/images/marker_links.gif) no-repeat 15px 0.4em; }
div#links li a:hover
			   { background: #ccc url(/common/images/marker_links.gif) no-repeat 15px 0.4em; }	  



/*	4= primary module
-----------------------------------------------------*/
div#contents h2 { position: relative; margin-right: -4px; }
div#contents h2.h2-text {
	width: 639px;
	height: 43px;
	margin-bottom: 25px;
	padding-left: 25px;
	padding-top: 1px;
	font-size: 16px;
	font-weight: bold;
	line-height: 43px;
	background: url(../images/bg_h2.png) no-repeat;
}

/* ::::: contents-footerlink -------------------------*/
div#contents-footerlink01 { width: 616px; text-align: center; margin-top: 40px; padding: 24px 0 20px; background: url(../images/footer_link_dotline.gif) repeat-x left top;  }

div#contents-footerlink02 { width: 616px; margin-bottom: 20px; padding-bottom: 18px; background: url(../images/bg_pickUp.gif) no-repeat left bottom; }
div#contents-footerlink02 h2 { margin-bottom: 8px; }

div#contents-footerlink02 dl.recommendBox { float: left; width: 150px; }
div#contents-footerlink02 dl.recommendBox dt { line-height: 1.3; padding-left: 7px; font-size: 84%; background: url(../images/line_footer_link.gif) no-repeat left 2px; }
div#contents-footerlink02 dl.recommendBox dd { padding-top: 3px; }
div#contents-footerlink02 dl.recommendBox dd a:hover img { border-color: #68A1D2; }


div#contents-footerlink-smart {
	width: 608px;
	margin: 40px auto 20px;
	padding: 6px;
	background:url(../../common/images/bg_footer_link_smart.gif) repeat;
	 
}
div#contents-footerlink-smart div.contents-footerlink-smartInner { padding: 14px; background: #000; }
div#contents-footerlink-smart h3 { float: none !important; margin-bottom: 10px !important; }
div#contents-footerlink-smart p { color: #FFF; font-size: 108.33%; letter-spacing: 1px; }
div#contents-footerlink-smart p.LeftPos { padding-right: 15px; }

/*	5= extra navigation module
-----------------------------------------------------*/
ul#topicPath    { padding-bottom: 15px; }
body#home ul#topicPath { position: absolute; padding: 5px 0 0 10px; }
ul#topicPath li {
	margin-right: 5px;
	padding-right: 15px;
	background: url(/common/images/marker_topic-path.gif) no-repeat right center;
	float: left;
	line-height: 1;
}

#topicPath li a { color: #004D9A; text-decoration: underline; }
#topicPath li a:hover { text-decoration: underline; }
.pagetop {
	clear: both;
	margin: 30px 0 10px 0;
	text-align:right;
}

/*	6= subNv module
-----------------------------------------------------*/
.subNav ul {
	height:44px;
	padding-bottom: 29px;
	background: url(/common/images/bg_tabline.gif) no-repeat left bottom;
	font-size: 11px;
}
.subNav li {
	float: left;
	margin-left: 2px;
	padding: 1px !important;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
}
.subNav li.subtop { margin-left: 0 !important; }

.subNav li a {
	display: inline-block;/* for win ie6 ie7 */
	height: 38px;
	background: url(/common/images/bg_subNav_off.jpg) repeat-x;
	border: solid 1px #68A5D1 !important;
}
html>/**/body .subNav li a  { display: block;} /* for modern browser */

.subNav li a:hover {
	background: url(/common/images/bg_subNav_on.jpg) repeat-x;
}
.subNav li.current {
	border-color: #999999 #999999 #E1EFF7;
	background: #E1EFF7;
}
.subNav li.current a {
	border-bottom-color: #E1EFF7 !important;
	background: #E1EFF7 url(/common/images/bg_subNav_on.jpg) repeat-x;
}

/*------------ subNv2 ----------------*/

.subNav2 ul {
	width: 613px;
	padding-left: 2px;
	padding-right:1px;
	background: url(/common/images/bg_subNav2.gif) no-repeat left top;
	font-size: 11px;
}
.subNav2 li {
	float: left;
	margin-bottom: 1px;
}
.subNav2 li.subtop { margin-left: 0 !important; }

.subNav2 li a {
	display: inline-block;/* for win ie6 ie7 */
	height: 33px;
	padding: 0 !important;    
}
html>/**/body .subNav2 li a  { display: block;} /* for modern browser */

*+html li.cl-ie7 { float: none !important; }/* for win ie7 */


/*	7= sitemap directory module
-----------------------------------------------------*/
dl.sitemapmenu { margin: 20px 10px; font-size: 100%;  }
dl.sitemapmenu dt {
	margin-bottom: 20px;
	padding: 3px 1em;
	font-size: 123.1%;
	background: #E9E9E9;
}
dl.sitemapmenu  dd dt {
	margin-bottom: 0;
	font-size: 108%;
	background: none;
	font-weight: bold;
}
dl.sitemapmenu dd ul {
	margin: 10px auto 10px 15px;
	padding-left: 1em;
	font-size: 100%;
}
dl.sitemapmenu dd dd ul { margin: 0 auto 10px 18px; }
dl.sitemapmenu dd ul li {
	margin-top: 5px;
	padding-left: 1.5em;
	padding-bottom: 3px;
	border: none;
	font-size: 100%;
	line-height: 1.2 !important;
	background: url(../images/icon_arrow01_w.gif) no-repeat 0px 2px;
} 


/*	8= smart_system directory module
-----------------------------------------------------*/
div.contentHead h1 { height: 79px; }

/* --------------- about --------------- */

body#smart-system div.intro {
	height: 250px;
	margin-bottom: 12px;
	padding-top: 40px;
	padding-left: 20px;
	background: url(../../smart_system/images/img_about2.jpg) no-repeat;
}
body#smart-system div.intro p { font-size: 116.66%; }

body#smart-system div.featureArea dl {
	float: left;
	width: 220px;
	min-height: 260px;
	height: auto !important;
	height: 260px;
}
body#smart-system div.featureArea dl dt { height: 0px; padding-top: 150px; overflow: hidden; }
body#smart-system div.featureArea dl dd { padding: 0 15px 10px; font-size: 108.33%; }
body#smart-system div.featureArea dl.feature01 { background: url(../../smart_system/images/feature01.gif) no-repeat; }
body#smart-system div.featureArea dl.feature02 { background: url(../../smart_system/images/feature02.gif) no-repeat; }
body#smart-system div.featureArea dl.feature03 { background: url(../../smart_system/images/feature03.gif) no-repeat; }
body#smart-system div.featureArea dl ul { position: relative; z-index: 15; width: 190px; margin: 10px 0; }
body#smart-system div.featureArea dl ul li { margin-bottom: 1px; }

body#smart-system div.flow ul { position: relative; margin-right: -15px; }
* html body#smart-system div.flow ul { width: 675px; } /* for IE6 */ 
body#smart-system div.flow ul li { float: left; width: 210px; margin-right: 15px; margin-bottom: 25px; font-size: 108.33%; }
* html body#smart-system div.flow ul li { margin-right: 14px; } /* for IE6 */
body#smart-system div.flow ul li img { margin-bottom: 5px; }

/* --------------- plan --------------- */
ul.planNav { height: 31px; }
div.contentHead ul.planNav { position: absolute; right: 8px; top: 26px; }

ul.planNav li { float: left; margin-right: 2px; }
ul.planNav li a { display: block; height: 0; padding-top: 31px; overflow: hidden; }
ul.planNav li.link-scene1 a { width: 110px; background: url(../../smart_system/plan/images/link_scene1.gif) no-repeat left top; }
ul.planNav li.link-scene2 a { width: 125px; background: url(../../smart_system/plan/images/link_scene2.gif) no-repeat left top; }
ul.planNav li.link-scene3 a { width: 110px; background: url(../../smart_system/plan/images/link_scene3.gif) no-repeat left top; }
ul.planNav li a:hover { background-position: left -31px; }


ul.priceNav li { float: left; margin-right: 2px; }
ul.priceNav li a { display: block; height: 0; padding-top: 31px; overflow: hidden; }
ul.priceNav li.link-price a { width: 210px; background: url(../../smart_system/plan/images/link_price.gif) no-repeat left top; }
ul.priceNav li a:hover { background-position: left -31px; }

ul.plantNav li { float: left; margin-right: 2px; }
ul.plantNav li a { display: block; height: 0; padding-top: 31px; overflow: hidden; }
ul.plantNav li.link-plant a { width: 210px; background: url(../../smart_system/plan/images/link_plant.gif) no-repeat left top; }
ul.plantNav li a:hover { background-position: left -31px; }



div.navBlock {
	width: 590px;
	margin-bottom: 20px; 
	background: url(../../common/images/bg_navBlock_bottom.gif) no-repeat left bottom; 
	line-height: 39px;
	vertical-align: middle;
}
div.navBlockInner { padding: 14px 10px; background: url(../../common/images/bg_navBlock_top.gif) no-repeat left top; }
div.navBlock ul { padding-top: 4px; }
div.navBlock ul li { margin-right: 5px; }

body#smart-system div.contentHead div.visual.design-plan {
	position: relative;
	height: 290px;
	background: url(../../smart_system/plan/images/img_design-plan.jpg) no-repeat;
}


body#smart-system div.visual.design-plan ul li { position: absolute; z-index: 4; }
body#smart-system div.visual.design-plan ul li.link-scene1 { left: 336px; top: 17px; }
body#smart-system div.visual.design-plan ul li.link-scene2 { left: 363px; top: 136px; }
body#smart-system div.visual.design-plan ul li.link-scene3 { left: 17px; top: 113px; }
body#smart-system div.visual.design-plan ul li a img:hover { opacity: 0.6; }

div#contents.design-plan div.planBox { margin-bottom: 40px; }
div#contents.design-plan div.planBox h2 { position: relative; margin-left: -25px; margin-bottom: 24px; }
* html div#contents.design-plan div.planBox h2 { margin-left: 0; } /* for IE6 */

dl.planList { width: 425px; margin: 0 12px 14px; }
* html dl.planList { width: 425px; margin: 0 10px 14px; } /* for IE6 */
dl.planList.wid200 { width: 200px; }
* html div.planBox .wid200 { width: 200px !important;  margin: 0 11px 14px !important; } /* for IE6 */
dl.planList dt { margin-bottom: 8px; }

div.planArea { position: relative; margin-right: -10px; margin-bottom: 35px; padding: 0  0 0 5px; }
* html div.planArea { margin-right: 0; } /* for IE6 */
div.planArea div.plan {
	float: left;
	width: 436px;
	margin-right: 14px; 
	margin-bottom: 12px;
	border: solid 1px #000;
	background: url(../../smart_system/plan/images/bg_plan.gif) repeat-y;
}
* html div.planArea div.plan { margin-right: 9px;  } /* for IE6 */
div.planArea div.plan dl { float: left; width: 210px; background: #DDD; }
div.planArea div.plan dl dd { padding: 10px; font-size: 108.3%; }
div.planArea div.plan div.img { float: right; width: 200px; padding: 8px 12px 0; text-align: center; }
div.planArea div.plan div.img img { margin-bottom: 8px; }	
	
div.plantArea { position: relative; margin-right: -10px; margin-bottom: 20px; padding: 0 5px; }

div.plantArea dl {
	float: left;
	width: 272px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 8px;
	border: solid 1px #CCCCCC;
	background: url(../../smart_system/plan/images/list_deco.gif) no-repeat 1px 1px;
}
* html div.plantArea dl { height: 240px !important; margin-right: 8px; } /* for IE6 */
*+html div.plantArea dl { height: 240px !important; } /* for IE7 */
div.plantArea dl dt { margin-bottom: 6px; padding-left: 10px; font-size: 116.6%; font-weight: bold; }
div.plantArea dl dd img { margin-right: 15px; margin-bottom: 10px; }
div.plantArea dl dd ul { padding-top: 20px; font-size: 108.3%; }
* html div.plantArea dl dd ul li { position: relative !important; height: 15px; }
div.plantArea dl dd p { font-size: 108.3%; }

div.plantArea.category { margin: 0 1px 20px; padding: 7px 0 0 6px; border: solid 2px #111; }
* html div.plantArea.category { padding: 7px 0 7px 6px;} /* for IE6 */
*+html div.plantArea.category { padding: 7px 0 7px 6px;} /* for IE7 */
div.plantArea.category dl {  width: 270px; margin-right: 7px; }

div.plantArea.category2 { float: left; position: relative; width: 288px; margin: 0 3px 30px; padding: 1px; border: solid 2px #111; }
* html div.plantArea.category2 {} /* for IE6 */
*+html div.plantArea.category2 {} /* for IE7 */
div.plantArea.category2 h3 { position: absolute; left: -3px; top: -26px; }
div.plantArea.category2 dl {  width: 270px; margin-right: 7px; margin-bottom: 0; }


/* --------------- plant --------------- */
table.plantList { width: 100%; border-top: solid 2px #000; border-collapse: collapse; }
table.plantList th,
table.plantList td { padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px #000; text-align: left; vertical-align: top; }

table.plantList th { width: 138px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 116.6%; }
table.plantList th span { display: block; padding-top: 20px; padding-left: 6px; font-weight: normal; font-size: 85.7%; vertical-align: bottom; }
table.plantList th span img { vertical-align: bottom; }
table.plantList td.plantInfo { width: 155px; padding-left: 8px; font-size: 108.3%; }
table.plantList td.explanation { padding-left: 15px; padding-right: 15px; font-size: 108.3%;  }

table.plantList td.plantInfo dl dt { position: relative; z-index: 5; padding-left: 0.5em; line-height: 23px; }
table.plantList td.plantInfo dl dd { position: relative; padding-left: 5.6em; margin-top: -23px; line-height: 23px; }
table.plantList td.plantInfo dl dd.odd { background: #F0F0F0; }


/* --------------- price --------------- */
table.priceList {
	width: 100%;
	argin-top: 12px;
	 margin-bottom: 28px;
	border-collapse: collapse;
	border-top: solid 3px #000;
	border-bottom: solid 3px #000;
}
table.priceList th {
	padding: 7px 13px;
	border-bottom: solid 2px #000;
	background: #B7DA8D;
	text-align: center;
	font-size: 116.66%;
	line-height: 1;
	letter-spacing: 1px;
	border-right: solid 1px #000; 
}
table.priceList th.scene {
	background: #FFF;
	vertical-align: central;
	border-bottom: solid 1px #000;
	border-right: solid 3px #000;
	text-align: left;
}
table.priceList .category { width:105px; border-right: solid 3px #000 !important; }
table.priceList .plan { width: 255px; }
table.priceList .number { width: 70px; }
table.priceList .price { border-right: none; }
table.priceList .entry { width:128px; } 
table.priceList td {
	padding: 7px 14px;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 116.66%;
	line-height: 1.2;
}
table.priceList td p { line-height: 1.2; }




/* --------------- Q&A --------------- */

#main #contents div.qaArea h3 { margin-left: 10px; margin-bottom: 8px; font-size: 15px; font-weight: bold; }
div.qaArea dl { margin-bottom: 25px; padding: 5px; border: solid 1px #CCCCCC; }
div.qaArea dl dt  {
	position: relative;
	padding: 10px 17px 8px 50px;
	text-indent: -1em;
	background: #E3F1D2;
	font-weight:bold;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.4;
}
div.qaArea dl dt.question strong {
	position: absolute;
	left: 17px;
	top: 10px;
	display: block;
	width: 23px;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background: url(../../smart_system/qa/images/icon_q.gif) no-repeat;
}
div.qaArea dl dd { position: relative; padding: 15px 17px 15px 50px; font-size: 108.33%; }
div.qaArea dl dd p.answer {
	margin-bottom: 15px;
	text-indent: -1em;
	font-weight:bold;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.4;
}
* html div.qaArea dl dd p.answer { position: relative; } /*  for IE6 */
div.qaArea dl dd p.answer strong {
	position: absolute;
	left: 17px;
	top: 15px;
	display: block;
	width: 23px;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background: url(../../smart_system/qa/images/icon_a.gif) no-repeat;
}
* html div.qaArea dl dd p.answer strong { left: -19px; top: -1px; } /*  for IE6 */


/*	9= solamie
-----------------------------------------------------*/
div.solamie-scene {
	position: relative;
	width: 950px;
	margin-right: -25px;
	margin-left: -25px;
	padding-left: 40px;
	background: url(/solamie/images/bg_solamie.jpg) no-repeat left 140px; }
div.solamie-scene dl { float: left; width: 272px; margin-right: 29px;}
div.solamie-scene dl dt { margin-bottom: 7px; }
div.solamie-scene dl dd { padding: 0 5px; font-size: 116.66%; line-height: 1.3; }


div.solamie-plan {
	position: relative;
	width: 950px;
	margin-right: -25px;
	margin-left: -25px;
	margin-bottom: 35px;
	padding-top: 9px;
	background: #CCCCCC;
}

div.solamie-plan div.planBox {
	position: relative;
	height: 240px;
	margin-bottom: 9px;
	padding-right: 487px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background: #fff;
}
div.solamie-plan div.planBox h3 { margin-bottom: 32px; }
div.solamie-plan div.planBox p.text {
	width: 355px;
	padding-left: 70px;
	font-size: 133.33%;
	line-height: 1.6;
}
div.solamie-plan div.planBox p.link-photo {
	width: 7.5em;
	margin-left: 295px;
	padding: 5px 15px;
	background: #DDEDBC;
	line-height: 1.1;
	font-size: 125%;
	font-weight: bold;
}
body#solamie #main div.solamie-plan div.planBox p.link-photo a { color: #000; text-decoration: none; }
body#solamie #main div.solamie-plan div.planBox p.link-photo a:hover { text-decoration: underline; }
div.solamie-plan div.planBox p.image {
	position: absolute;
	right: 35px;
	top: 0px;
}
div.solamie-plan div.planBox p.image img:hover { opacity: 0.7; }

div.solamie-plan ul.info {
	padding: 2px 70px 10px;
}

div.solamie-plan ul.info li {
	line-height: 1.6;
}

body#solamie div.itemArea { padding-left: 10px; }
body#solamie div.itemArea .block { float: left; width: 203px; margin-right: 21px; margin-bottom: 8px; } 

body#solamie div.itemArea h3 { margin: 10px 0 5px; color: #7AAA17; font-weight: bold; font-size: 125%; }
body#solamie div.itemArea h3 span { font-weight: normal; color: #000; font-size:  80%; }

body#solamie div.flow {
	height: 0;
	margin-bottom: 35px;
	padding-top: 352px;
	overflow: hidden;
	background: url(/solamie/images/flow.png) no-repeat;
}

.voiceList { padding-bottom: 35px; }
.voiceBox {
	position: relative;
	width: 876px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	margin: 0 auto 15px;
	border: solid 1px #ccc;
}
.voiceBox h3 {
	position: relative;
	width: 458px;
	margin-top: 10px;
	margin-left: -5px;
	padding: 6px 10px 4px 32px;
	background: #000;
	color: #fff;
	font-size: 133.33%;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.1;
}
body#solamie  #main .voiceBox h3 a { color: #fff; text-decoration: none; }
body#solamie  #main .voiceBox h3 a:hover { text-decoration: underline; }
.voiceBox h4 {
	width: 468px;
	padding: 18px 28px 15px;
	color: #000;
	font-size: 133.33%;
	font-weight: bold;
	line-height: 1.5;
}
.voiceBox p { width: 468px; padding: 0 28px; font-size: 116.66%; }
.voiceBox p.image { position: absolute; right: 0px; top: 0px; width: 360px; padding: 0; }
.voiceBox p.link-detail {
	width: 130px;
	margin-left: 330px;
	padding: 5px 15px;
	background: #DDEDBC;
	line-height: 1.1;
}
body#solamie  #main .voiceBox p.link-detail a { color: #000; text-decoration: none; }
body#solamie  #main .voiceBox p.link-detail a:hover { text-decoration: underline; }

body#solamie div.example ul { position: relative; margin-right: -15px; }
body#solamie div.example ul li { float: left; width: 276px; margin: 0 12px 12px;font-size: 108.33%; }
body#solamie div.example ul li span {
	position: relative;
	display: block;
	margin-top: -5px;
	text-align: right;
}

body#solamie .voice-info { font-size: 116.66%;  padding: 15px 25px; background: #EEE; }

.voice-kanda {
	width: 564px;
	height: 195px;
	padding: 33px 48px;
	background: url(../../solamie/voice03/images/bg_foot.jpg) no-repeat;
}
.voice-kanda h4 {
	margin-bottom: 12px;
	letter-spacing: 1px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 1.1;
}
.voice-kanda p { margin-bottom: 1em; font-size: 14px; color: #fff; }

/* Customer's Voice */
body#solamie div.voice p.text {
	margin-bottom: 20px;
	padding: 0 5px 5px;
	font-size: 116.66%;
}
body#solamie div.voice p.text strong { color: #6EB61A !important; } 
body#solamie div.voice h3 { margin-bottom: 24px; }
body#solamie #contents span.caption01 { display: block; text-align: center; background-color: transparent !important; }


/*	10= r-green site exclusive style
-----------------------------------------------------*/
/* info sekkei-guide.html */
p.textChoice { color: #093; }
p.sekkeiGuideNotice,
table.sekkeiGuide span { color: #03c; }
table.sekkeiGuide {
	border-collapse: collapse;
	border: 1px solid #9c6 !important;
	border-spacing: 0;
}
table.sekkeiGuide th,
table.sekkeiGuide td {
	padding: 0.2em; 5px;
	text-align: center;
	border: 1px solid #9c6;
}
table.sekkeiGuide th { font-weight: normal; background: #f3f3f3; }
table.sekkeiGuide a { text-decoration: underline !important; }




/* system r-pallet */
.mb75 { margin-bottom: 75px !important; }
strong.color01 { color: #f63; }
ul.attention { margin-left: 1.3em; }
ul.attention li { list-style: disc; line-height: 1.3; }
#system .r-pallet .r-palletpoint h3 {
	margin-top: 1.5em !important;
	font-size: 116%;
	font-weight: bold;
	color: #008E39;
	line-height: 1 !important;
}
.r-pallet .r-palletpoint h3 span  {
	display: inline-block !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.r-pallet .wrap03 h5 { font-size: 116%; margin-bottom: 20px; }
.r-pallet .wrap03 h5 strong { font-size: 116%; color: #E66101; font-weight: bold; }

.r-pallet .wrap04 p { font-size: 116%; } 

.maintenance { background: url(/system/r-pallet/maintenance_bg.gif) no-repeat; height:190px; padding-bottom: 20px; }
.maintenance p { padding: 0 60px 0 40px; }
.infoarea {
	width: 592px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 0;
	background:  url(/system/r-pallet/info_top.gif) no-repeat left top;
}
.infoareaInner {
	margin-top: 10px;
	padding: 0 20px 20px 20px;
	background:  url(/system/r-pallet/info_bg.gif) no-repeat left bottom;
}

.infoWrapper02 {
	float: left;
	width: 232px;
	height: 82px;
	margin-right: 2px;
	padding: 240px 25px 0 50px;
	background: url(/system/images/maintenance/maintenance_contac01.jpg) no-repeat;
}

.infoWrapper03 {
	float: left;
	width: 232px;
	height: 82px;
	padding: 240px 25px 0 50px;
	background: url(/system/images/maintenance/maintenance_contac02.jpg) no-repeat;
}
.infoWrapper02 p,
.infoWrapper03 p { line-height: 1.3 !important; }


/* system s-pallet */

#system #introduction .movie { position: absolute; left: 10px; top: 45px; width: 260px; height: 220px; padding: 2px; background:  #FFF; }


ul.s-pallet-point li { position: relative; }
ul.s-pallet-point li span { position: absolute; display: block; right: 18px; top: 61px; }

dl.s-pallet-point dt { padding-bottom: 5px; }
dl.s-pallet-point dd { position: relative; padding: 0 20px 20px; }
dl.s-pallet-point dd span { position: absolute; display: block; right: 18px; top: 21px; }

.mitsumori01 { position: relative; }
.mitsumori01 p.btn { position: absolute; top: 75px; left: 14px; width:264px; height: 53px; }
.mitsumori01 p.btn a { display: block; width:264px; height: 53px; text-indent: -9000px;  background: url(../../system/s-pallet/btn_mitsumori.gif) no-repeat; }
.mitsumori01 p.btn a:hover { background: none; }

.mitsumori02 { position: relative; }
.mitsumori02 p.btn { position: absolute; top: 83px; left: 28px; width:264px; height: 53px; }
.mitsumori02 p.btn a { display: block; width:264px; height: 53px; text-indent: -9000px;  background: url(../../system/s-pallet/btn_mitsumori.gif) no-repeat; }
.mitsumori02 p.btn a:hover { background: none; }

div.s-pallet-explanation     {  padding: 5px 10px; background: #E8E8E8; }
div.s-pallet-explanation p.btn { width: 164px; height: 21px; margin: 4px auto; background: url(../images/bg_navbtn_off.gif) no-repeat; }
div.s-pallet-explanation p.btn:hover {  background: url(../images/bg_navbtn_on.gif) no-repeat; }
div.s-pallet-explanation p.btn a { display: block; padding-left: 18px; padding-top: 2px; color: #333 !important; }
div.s-pallet-explanation p.btn a:hover { text-decoration: none !important; }

table.s-pallet-table { border-collapse: collapse; }
table.s-pallet-table th,
table.s-pallet-table td { padding: 8px 10px; border: solid 1px #CCCCCC; }
table.s-pallet-table th { background: #F3E6D2 !important; font-weight: normal;   }

/* system egmas.html */
p.descEgmas { font-size: 85%; color: #363; }
img.siba {
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #9c6;
	background: #f3f3f3;
	text-align: center;
}
#system  .egmspoint h3 {
	margin-top: 1.5em !important;
	font-size: 116%;
	font-weight: bold;
	color: #008E39;
	line-height: 1 !important;
}
.egmspoint h3 span  {
	display: inline-block !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.guarantee { width: 571px; padding-bottom: 15px; background:url(../../system/egms/guarantee_bg.gif) no-repeat right bottom; }

/* system syms.html */
table.data01 {
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #9c6;
}
table.data01 th,
table.data01 td {
	border: 1px solid #9c6;
	padding: 0.2em 5px;
	vertical-align: middle;
	text-align: left;
}
table.data01 th.head01 { background: #f3f3f3; }

/* system viva.html */
table.data02 {
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #9c6;
	font-size: 85%;
}
table.data02 th,
table.data02 td {
	border: 1px solid #9c6;
	padding: 0.2em 5px;
	vertical-align: middle;
}
table.data02 td { text-align: left; }
table.data02 th { text-align: center; }
table.data02 th.head01 { background: #f3f3f3; }

/* system prime.html */
.prime .section01 h2.mb0 { margin-bottom: 0 !important; }
.prime .section01 p.pl2-3 {  line-height: 1; padding-left:2.3em; }

.prime .tbCaption01 {
	margin-top: 10px !important;
	margin-left: 2em;
	margin-right: 1em;
	padding-left: 2em;
	line-height: 1.1;
}
.prime ol.tbCaption01,.prime ol.tbCaption01 li {
	list-style: decimal !important;	
	line-height: 1.3;
}
.prime ol.tbCaption01 li {
	margin-top: 5px;
}
.prime .section01 {
	position: relative;
}
.prime .section01 .banarea {
	position:absolute;
	right:10px;
	margin-top: -62px;
}
.prime table.data01 th,
.prime table.data01 td {
	border: 1px solid #9c6;
	padding: 0.2em 5px;
	vertical-align: middle;
	text-align: center;
}
.prime table.data02 { font-size: 100% !important;  }
.prime table.data02 td { text-align: center; vertical-align: middle; line-height: 1.2; padding:0.2em 3px; }
.prime table.data02 th { text-align: center; vertical-align: top; padding:0.2em 3px; }
#system .prime table.data02 th h3 {
	margin-top: 10px !important;
	margin-bottom: 2px !important;
	font-size: 118% !important;
	font-weight: bold;
	text-align:left;
	text-indent: 1.5em;
}
#system .prime table.data02 th.head01 {  font-size: 118% !important;  line-height: 1.2 !important; }
#system .prime table.data02 th.head01 span {  font-size: 100% !important; font-weight: normal; }
.prime table.data02 th.head01 { background: #f3f3f3; line-height:1.2; vertical-align: middle; }
.prime .section01 .primewrapper1 { height: 233px; padding-top: 3px; background: url(/system/prime/prime02.jpg) no-repeat; }
.prime .section01 .primewrapper2 { height: 233px; padding-top: 3px; background: url(/system/prime/prime03.jpg) no-repeat;  }
.prime .section01 .primewrapper3 { height: 233px; padding-top: 3px; background: url(/system/prime/prime04.jpg) no-repeat;  }

#system .prime .section01 .primewrapper1 h3,
#system .prime .section01 .primewrapper2 h3,
#system .prime .section01 .primewrapper3 h3 { margin-top: 3px !important; margin-left: 10px !important; }
#system .prime .section01 .primewrapper1 p { padding-left: 300px; }
#system .prime .section01 .primewrapper2 p { padding-left: 15px; }
#system .prime .section01 .primewrapper3 p { padding-left: 300px; }
.prime p.caption01 { line-height: 1.1 !important; } 

/* kansui */
dl.kansuiNotice dt { margin-bottom: 0.3em; font-weight: bold; }
dl.kansuiNotice dd { margin-bottom: 0.8em; line-height: 1.3; }

p.kansuiNoticeAns { text-indent: -2.5em; padding-left: 2.5em; margin-bottom: 0.3em; }
* html body p.kansuiNoticeAns { text-indent: -2.2em; padding-left: 2.2em; } /* for win ie6 */
*:first-child+html p.kansuiNoticeAns { text-indent: -2.2em; padding-left: 2.2em; } /* for win ie7 */
span.kansuiNoticeAns { padding-right: 0.5em; }


table.data03 {
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #999;
}
table.data03 th,
table.data03 td {
	border: 1px solid #999;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
table.data03 thead th { background-color: #DEDEDE; }
table.data03 tbody th { background-color: #CCFFFF; }
table.data03 td.right { text-align: right; }	
table caption {
	color :#00A7FF;
	font-weight: bold;
}

ul.kansuiList { vertical-align: top; }
ul.kansuiList li {
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	display: -moz-inline-box; /* firefox2 and older */
	display: inline-block;
	/display: inline; /* IE7 and older */
	/zoom: 1; /* IE7 and older */
	 vertical-align: top;
}

#seigyoben h4 { margin-bottom: 7px; }

dl#kansuiSystem { background: url(../../system/kansui/kansui_flow.gif) no-repeat left top; height: 105px; padding-top: 101px; position: relative; }
dl#kansuiSystem dt { text-indent: -9000px; }
dl#kansuiSystem dd#kansuiSystemLink1 { position: absolute; left:11px; top: 106px; padding: 10px 8px 4px; background: #F8DACF; }
dl#kansuiSystem dd#kansuiSystemLink2 { position: absolute; left:193px; top: 106px; padding: 10px 8px 4px; background: #C4E8F4; }
dl#kansuiSystem dd#kansuiSystemLink3 { position: absolute; left:390px; top: 106px; padding: 10px 8px 4px; background: #CAF5CA; }

dl#kansuiSystem p { margin: 0; padding-bottom: 6px; line-height: 1;  }

div.kansuibox { position: absolute; left: 0px; top: 0px; text-indent: -9000px; }

div.kansuibox p.btn { position: absolute; z-index:20; text-indent: 0 ; line-height: 1; margin-bottom: 0; }

#kansuiSystemLink4 { float: left; width: 301px; height: 96px; padding-top: 12px; padding-left: 14px; background: url(../../system/kansui/linkbg.gif) no-repeat;}
#kansuiSystemLink4 ul li { margin-bottom: 5px; }


/* system/primehose.html */
#primehoseHead {
	width: 617px;
	margin-bottom: 30px;
	text-align: left;
	background: url(/system/primehose/illust_primehose.jpg) no-repeat left top;
}
#primehoseHead h2 { text-align: right; }
.leftBorderBox { margin-left: 10px; margin-bottom: 30px; border-left: solid 3px #333333; }
.leftBorderBox h4 { padding-bottom: 20px; }

.leftBorderBox table {  border: solid 1px #666666; border-collapse: collapse; font-size: 91%; }
.leftBorderBox table th { padding: 3px 0; border: solid 1px #666666; text-align: center; font-weight: normal; background-color: #DEDEDE; }
.leftBorderBox table td { padding: 3px 5px; border: solid 1px #666666; text-align: right; }

/* system/watersaver.html */
#watersaverHead { background: url(/system/watersaver/img_watersaver.jpg) no-repeat; padding-bottom: 20px; }
#watersaverHead p { padding-left: 185px; padding-top: 30px; }

/* system/eco_kansui.html */

#eco_kansuiHead {
	position: relative;
	height: 125px;
	padding-left: 204px;
	padding-top: 105px;
	background: url(../../system/eco_kansui/img_eco-kansui.jpg) no-repeat left top;
}
#eco_kansuiHead p { position: absolute; z-index: 10; left: 248px; top: 23px; }

.eco-kansui-merit { margin: 8px 10px 20px 28px; padding: 12px 10px; background: #FEF7EE;  }

.about-eco-kansui { position: relative; height: 430px; background: url(../../system/eco_kansui/img_about.jpg) no-repeat left top; }
.about-eco-kansui .text { position: absolute; left: 240px; top: 14px; z-index: 15; width: 342px; }

.costBox { width: 192px; height: 96px; margin-left: 28px; background: url(../../system/eco_kansui/cost_bottom.gif) no-repeat left bottom; } 
#system .section01 .costBox h3 { margin-top: 0 !important; margin-bottom: 0 !important; }
#system .section01 .costBox p { padding: 0 8px 10px; }
#system .section01 p.arrow { margin-left: 28px; margin-bottom: 0; }

/* system/kansui_cost.html */
#kansuiCost { background: url(/system/kansui_cost/img_kansuiCost_01.jpg) no-repeat; height: 242px; margin-bottom: 42px; overflow: visible; }
#kansuiCost p { padding-left: 285px; padding-top: 30px; }

/* system/cool.html */
#system #introduction div.coolpoint { position: absolute; width: 367px; height: 92px; top: 205px; left: 250px;  }
.graph-exp { width: 300px; height: 154px; padding: 10px; background: url(/system/cool/bg_graph-exp.jpg) no-repeat; } 

/* kansai/index.html */
#kansai table.model { border: solid 1px #999999; }
#kansai table.model td { padding: 10px; }
#kansai table.model th {
	width: 200px;
	background: #339900;
	border-bottom: 1px solid #999999;
	text-align:center;
}
#kansai table.model th.bd { border-left: solid 1px #FFF !important; }
#kansai table.model td.bd { border-left: solid 1px #999 !important; }
#kansai table.model p.image { text-align: center; }
#kansai table.model p.detailBtn { text-align:center; }



/* w/eco.html */
#primary #contents .section01 h2.mb0 { margin-bottom: 0 !important; }
.wrap02 dl dt { width: 85px; float: left; clear: both; }
.wrap02 dl  dd { width: 455px; float: right; }


/* /service/ */
.table01 { border-collapse: collapse; text-align: left; }
.table01 th,
.table01 td { padding: 3px 7px; border: solid 1px #999999; font-weight: normal; }


/*	11= estimate module
-----------------------------------------------------*/

#estimate div.section-estimate h1 { padding-bottom: 22px !important; } 
#estimate div.section-estimate h2 { position: relative; padding-top: 6px; padding-bottom: 4px !important; }
#estimate form.mailform_kit h3 {
	width: 614px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: solid 1px #999;
	border-bottom: none;
	color: #444444;	
	text-align: center;
	font-size: 108%; }
#estimate form.mailform_kit h3.basiclist { background-color: #E5F2E9; }
#estimate form.mailform_kit h3.projectlist { background-color: #BFE2CF; }

#estimate div.section-estimate div.read { padding-left: 20px; padding-right: 20px; }
#estimate div.section-estimate div.read p { margin-bottom: 1.2em; }
#estimate div.section-estimate div.read p strong { color: #EB0000; font-size: 116%; }
#estimate div.section-estimate div.read a { text-decoration: underline; }
#estimate div.section-estimate div.read div.individualinformation { padding: 8px; border: solid 1px #AAAAAA; }
#estimate div.section-estimate div.read div.individualinformation p { margin-left: 1em; text-indent: -1em; }


#estimate div.section-estimate #attentionArea { width: 570px; margin: 20px auto; padding: 8px; border: solid 1px #AAAAAA;   }
#estimate div.section-estimate #attentionArea h2 { padding: 0 0 1.2em 10px !important; }
#estimate div.section-estimate #attentionArea ul { list-style: disc; padding: 0 10px; }
#estimate div.section-estimate #attentionArea li { list-style: disc; margin-left: 13px; }
#estimate div.section-estimate #attentionArea span.right { display: block; }
/*-----	form module -----*/

#estimate form.mailform_kit { width: 616px; }
#estimate form.mailform_kit dl {
	position: relative;
	margin-bottom: 10px;
	border: solid 1px #999;
	border-bottom: none;
}

#estimate form.mailform_kit dl.basiclist { background: #EAEAEA url(/estimate/images/bg_form.gif) repeat-y 1px top; }
#estimate form.mailform_kit dl.projectlist { background: #EAEAEA url(/estimate/images/bg_form2.gif) repeat-y 1px top; }

/* clearfix */
#estimate form.mailform_kit dl.basiclist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#estimate form.mailform_kit dl.basiclist { display: inline-block; }
/* Hides from IE-mac \*/
* html #estimate form.mailform_kit dl.basiclist { height: 1%; }
#estimate form.mailform_kit dl.basiclist { display: block; }
/* End hide from IE-mac */

#estimate form.mailform_kit dl dt {
	position: relative;
	clear: left;
	float: left;
	width: 183px;
	margin-top: 1px;
	padding: 9px 5px 5px 15px;
	font-size: 108%;
}
* html #estimate form.mailform_kit dl dt,
*+html #estimate form.mailform_kit dl dt { width: 175px; font-size: 108%; }

#estimate form.mailform_kit dl dd {	
	padding: 5px 0 6px 225px;
	font-size: 100%;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #999;
}
#estimate form.mailform_kit dl dd.wline { border-bottom: solid 1px #FFF; }

#estimate form.mailform_kit .agreement { padding: 15px; margin-bottom: 10px; background: #FFE5E5; text-align: center; }


/* for IE6 */
* html #estimate form.mailform_kit dl dd { padding: 6px 0 7px 225px; }

/* for IE7 */
*+html #estimate form.mailform_kit dl dd { padding: 6px 0 7px 225px; }

#estimate form.mailform_kit dl .regulation { font-size: 10px !important; }
#estimate form.mailform_kit dl dt span.required { color: #FF3333; font-size: 12px; }

#estimate form.mailform_kit dl ul { margin-bottom: 5px; }
* html #estimate form.mailform_kit dl ul { margin-bottom: 10px; }

#estimate form.mailform_kit dl ul li { line-height: 1.8; }

#estimate form.mailform_kit dl ul.checklist { width: 95%; margin-bottom: 0; }
#estimate form.mailform_kit dl ul.checklist li { float: left; white-space: nowrap; } 
#estimate form.mailform_kit dl ul.checklist p { clear: left; padding-top: 3px; padding-bottom: 5px; padding-left: 10px; }
#estimate form.mailform_kit dl ul.checklist input { margin-right: 3px; }
#estimate form.mailform_kit dl ul.checklist label { margin-right: 10px; }
#estimate form.mailform_kit dl input.uploadfile { margin-bottom: 5px; }


#estimate form.mailform_kit .submitArea {
	position: relative;
	padding: 15px 12px 15px;
	border: solid 1px #999;
	background: #CCCCCC;
	text-align: center;
	line-height: 1;
}
* html #estimate form.mailform_kit .submitArea img { margin-bottom: 3px; }/* for IE6 */
*+html #estimate form.mailform_kit .submitArea img { margin-bottom: 3px; }/* for IE7 */

#estimate form.mailform_kit .cName { width: 360px; }
#estimate form.mailform_kit .cAdress { width: 360px; }
#estimate form.mailform_kit .cTel  { width: 150px; }
#estimate form.mailform_kit .cMail { width: 360px; }
#estimate form.mailform_kit .cText  { width: 360px; }
#estimate form.mailform_kit .cDate { width: 130px; }
#estimate form.mailform_kit .clistDetail { width: 280px; margin-left: 3px; }

#estimate form.mailform_kit input { line-height: 1.4; }
#estimate form.mailform_kit div.submitArea input { line-height: 1; }
#estimate form.mailform_kit dl dd label { font-size: 100% !important; }
#estimate form.mailform_kit dl dd input,
#estimate form.mailform_kit dl dd select,
#estimate form.mailform_kit dl dd textarea { font-size: 100% !important; }
#estimate form.mailform_kit dl dd select { width: 100px; }
#estimate form.mailform_kit dl dd select .date { width: 6.5em; }

dt#q4_label span.regulation { color: #FF3333; font-size: 12px; }

/* error */
#estimate div.areaError {
	width: 584px;
	margin-bottom: 6px;
	padding: 15px;
	border: solid 1px #B50505;
	background: #FAD1D1 url(../../estimate/images/attention.gif) no-repeat 40px 10px;
}
#estimate div.areaError p.col01 {color: #E10000 !important; }

#estimate div.areaError p { font-size: 116%; padding-left: 100px; }
#estimate div.areaError ul { padding: 10px 30px 10px 100px; color: #E10000; }
#estimate div.areaError ul li { padding-left: 20px; line-height: 1.8; font-size: 108%; background: url(../../estimate/images/arrow.gif) no-repeat left 6px; }
#estimate div.areaError ul li a { color: #E10000; text-decoration: none; }
#estimate div.areaError ul li a:hover { color: #E10000; text-decoration: underline; }
.error { color: #FF3300 !important; }

/* check */
#estimate form.mailform_kit dl.check dt { clear: left; }
#estimate form.mailform_kit dl.check dd { overflow: visible; font-size: 108% !important; padding: 10px 10px 10px 225px; }
* html #estimate form.mailform_kit dl.check dd ul { clear: both; margin-top: -1.8em; padding-left: 0.5em; }

/* thanks */
#estimate div.thanks { position: relative; width: 574px; margin-bottom: 30px; padding: 20px 20px 15px; background: #FAF9F5; border: solid 1px #999; }
#estimate div.thanks div.line01 { height: 22px; background: url(/common/images/line_dott01.gif) repeat-x 0px 10px; }
#estimate div.thanks p { margin-bottom: 0.8em; }
#estimate div.thanks p span.right { display: block; }


/*	12= kigyou module
-----------------------------------------------------*/
#kigyou #primary h2 { font-weight: bold; }
#kigyou #primary h3 { font-size: 108%; float: left; font-weight: bold; }
#kigyou #primary h3 a { color: #333333 !important; }

/*	13= inquiry module
-----------------------------------------------------*/
#otoiawase div.catalogArea { width: 602px; height: 181px; margin: 10px auto 16px; background: url(../../inquiry/images/bg_catalog.png) no-repeat; }

/*	14= case module
-----------------------------------------------------*/
.oh { overflow: hidden !important; }
.tc { text-align: center !important; }

.bold { font-weight: bold !important; }

.borderTxt1 { border-bottom: 1px dotted #333; }

/* case */
ul.caseMenu { margin-left:  58px; margin-bottom: 25px; border-left: solid 2px #CCCCCC; }

#caselist { padding-left: 5px; }
#caselist .caselistInner { margin: 0 10px 0 20px; padding-bottom: 20px; }
#case #caselist h2 { margin-bottom: 8px; }
#case #caselist h3 {
	margin: 0 20px 18px;
	padding: 15px 0 3px 12px;
	border-bottom: solid 2px #CCCCCC;
	font-weight: bold;
	letter-spacing: 2px;
}
div.textNav { padding: 0 10px; margin: 0 20px 10px 23px; }
div.textNav ul li { display: inline; line-height: 1; }
div.textNav ul li a { display: inline-block; padding: 5px 10px 5px 16px; background: url(../../case/images/icon_arrow_green.gif) no-repeat left center;  }

.caseBox { float: left; width: 300px; height: 86px;  margin-right: 9px; margin-bottom: 8px; background: #F4F4F4; }
.caseBox img { float: left; margin-right: 8px; padding: 2px; border: solid 1px #BBB; background: #FFF; }
.caseBox h4 { font-weight: bold; margin-bottom: 10px; padding-top: 3px; line-height: 1.25; }
.caseBox p.about { margin-bottom: 6px; line-height: 1.25; }
.caseBox p.date { color: #999; font-size: 91%; }
.caseBox p.annotation { color: #FF6600; font-size: 84%; padding-top: 3px; text-align: right; padding-right: 6px; }


/* case greencommu */
#caselist .caselistInner2  { margin: 0 28px 0 10px; padding-bottom: 20px; }
#case #caselist .caselistInner2 h3 { clear: both; margin: 10px 0; }

#caselist div.box dd p { padding-left: 136px; }

#case #caselist div.boxInner h3 {
	clear: none;
	margin-bottom: 10px;
	padding-top: 5px;
	border-bottom: none;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 1.25;
}
#case #caselist div.boxInner h3 a { color: #333; }
#case #caselist div.boxInner h4 { font-weight: bold; margin-bottom: 0 !important; line-height: 1.25; }

#caselist div.box {  clear: both; padding-bottom: 8px; }
#caselist .boxInner {
	float: left;
	width: 292px;
	padding: 0 7px 0 0;
}

#caselist div.box dt  { float: left; }

div.box dt img {
	margin-right: 5px;
	padding: 2px;
	border: 1px solid #ccc;
	background: #FFF;
} 

div.box dd h3 {
	padding: 13px 0 0.5em 0;
	font-weight: bold;
	color: #003300;
}

div.box dd h4 {
	margin: 0 0 0.5em 0;
	color: #336699;
}



/* section */
div.sectionCase {
	width: 600px;
	margin-left: 10px;
	margin-bottom: 1.5em;
}
div.sectionCase2 { width: 632px; margin-bottom: 1.5em; }
div.sectionCase3 {
	width: 632px;
	margin-bottom: 1.5em;
	padding-bottom: 10px;
	background: url(/case/oume/images/aoume13.gif) repeat-x left bottom;
}

.sectionCase p,
.sectionCase2 p,
div.sectionCase3 p { margin-bottom: 1em; line-height: 1.5; }



/* bottomNav */
ul.bottomNav {
	margin-left: 10px;
	margin-bottom: 1.5em;
}
ul.bottomNav li { margin-bottom: 0.5em; }
ul.bottomNav li a {
	padding-left: 15px;
	background: url(/case/terminal/images/susumu.gif) no-repeat left center;
}
ul.bottomNav li.return a { background: url(/case/terminal/images/modoru.gif) no-repeat left center; }
ul.bottomNav li span { padding-left: 15px; }



/* introduction */
#case #introduction { margin-left: 10px; }

/* basic info */
h2.olHead {
	margin-bottom: 10px !important;
	margin-left: 70px;
	color: #009;
	font-weight: bold;
}
dl.basicInfo { margin-left: 70px; line-height: 1.4; }
dl.basicInfo dd { margin: -1.4em 0 0.5em 6em; }



/* interview */
dl.itv1,
dl.itv2 { margin-bottom: 0.8em; padding: 0.5em 8px 0; }
dl.itv1 dt,
dl.itv2 dt {
	margin-bottom: 1em;
	width: 6.5em;
	float: left;
	clear: left;
	line-height: 1.4;
}
dl.itv1 dd { margin-left: 7em; line-height: 1.4; }
dl.itv2 dd {
	padding-bottom: 10px;
	padding-left: 7em;
	line-height: 1.4;
	/*background: url(/case/oume/images/aoume13.gif) repeat-x left bottom;*/
}
dl.itv2 dd.even { background-color: #fffccc; }

* html dl.itv1 dd,
* html dl.itv2 { height: 1%; } /* for win IE6 */

dl.itv1 dd p,
dl.itv2 dd p { margin-bottom: 1em; line-height: 1.4; }

dl.itv1:after,
dl.itv2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
dl.itv1,
dl.itv2 { display: inline-block; }
/* Hides from IE-mac \*/
* html dl.itv1,
* html dl.itv2 { height: 1%; }
dl.itv1,
dl.itv2 { display: block; }
/* End hide from IE-mac */

dt.pp1 { color: #060; }
dt.pp2 { color: #009; }

p.itvPhoto1 {
	float: left;
	margin-right: 10px;
	color: #060
}
p.itvPhoto2 {
	float: right;
	margin-left: 10px;
	color: #060
}


/* ここからページ別 */

/* parks */
#parksNav {
	margin-bottom: 1px;
	/zoom: 1; /* lte ie7 */
}
#parksNav:after{
	content: '';
	display: block;
	clear: both;
}
	
#parksNav li { float: left; }

div.parksBox1 {
	float: left;
	width: 320px;
	padding-bottom: 10px;
	background: url(/case/parks/images/bg_box1_bottom.png) no-repeat left bottom;
}
div.parksBox1inner {
	width: 320px;
	padding-top: 10px;
	background: url(/case/parks/images/bg_box1_top.png) no-repeat left top;
}
#introduction div.parksBox1inner p { margin: 0 10px; }

div.parksBox2 {
	width: 280px;
	margin-left: 160px;
	padding-bottom: 10px;
	background: url(/case/parks/images/bg_box2_bottom.png) no-repeat left bottom;
}
div.parksBox2inner {
	width: 280px;
	padding-top: 10px;
	background: url(/case/parks/images/bg_box2_top.png) no-repeat left top;
}
#introduction div.parksBox2inner p { margin: 0 10px; }

div.parksBox4 div.parksBox2 { margin-left: 170px; }

div.parksBox3,
div.parksBox4 {
	float: left;
	width: 450px;
}
div.parksBox3 {
	width: 450px;
	background: url(/case/parks/images/f.gif) no-repeat 125px 10px;
}
div.parksBox4 {
	width: 460px;
	background: url(/case/parks/images/ff.gif) no-repeat 123px 10px;
}
div.parksBox3 img,
div.parksBox4 img { float: left; }

p.introPic { float: right; }


/* marubiru */
div.sectionMarubiru {
	width: 598px;
	margin-left: 10px;
	margin-bottom: 1.5em;
	border: 1px solid #c00;
}
dl.basicInfo2 { margin: 0.5em 10px 1.5em; line-height: 1.5; }
dl.basicInfo2 dd { margin: -1.5em 0 0.5em 12em; }

table.sekouTable {
	margin-left: 43px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #c00;
	empty-cells: show;
}
table.sekouTable td {
	padding: 0.3em 10px;
	border: 1px solid #c00;
}


/* tomiyoshi */
ul.tomiyoshiNav {
	margin-left: 15px;
	_margin-bottom: 10px; /* ie6 */
	/zoom: 1; /* lte ie7 */
}
ul.tomiyoshiNav:after{
	content: '';
	display: block;
	clear: both;
}
ul.tomiyoshiNav li {
	_display: inline; /* ie6 */
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
}

table.tomiyoshiItem { margin-left: 50px; margin-bottom: 1.5em; }
table.tomiyoshiItem td,
table.tomiyoshiItem th { padding: 0.3em 10px; }
table.tomiyoshiItem th { background-color: #cfeeca; font-weight: normal }
table.tomiyoshiItem td { background-color: #f0ffee; }

ul.photoList239 {
	margin-left: 30px;
	/zoom: 1; /* lte ie7 */
}
ul.photoList239:after{
	content: '';
	display: block;
	clear: both;
}
ul.photoList239 li {
	_display: inline; /* ie6 */	
	float: left;
	line-height: 1.4;
	width: 239px;
	margin-left: 20px;
	margin-bottom: 1em;
	text-align: center;
}


/* terminal */
ul.annList li { text-indent: -1em; padding-left: 1em; }



/* oume */
div.oumeNav {
	margin: 0 20px 1.5em 0;
	padding-top: 15px;
	background: url(/case/oume/images/aoume6.gif) repeat-x left top;
}
.oumeNav ul {
	padding: 0.5em 0 15px 100px;
	background: url(/case/oume/images/aoume6.gif) repeat-x left bottom;
}
.oumeNav li { margin-bottom: 0.5em; }

table.oumeItem {
	border-collapse: collapse;
	margin-left: 130px;
	margin-bottom: 1.5em;
}
table.oumeItem td,
table.oumeItem th { padding: 0.3em 10px; border: 1px solid #999; }
table.oumeItem th { font-weight: normal; }



/* hokusetsu */
a.linkCol01 { color: #CC0000 !important; }
div#introHokusetsu {
	float: left;
	width: 312px;
	padding-bottom: 10px;
	background: url(/case/hokusetsu/images/bg_intro_bt.png) no-repeat left bottom;
}
div#introHokusetsuInner {
	padding: 20px 20px 0;
	background: url(/case/hokusetsu/images/bg_intro_tp.png) no-repeat left top;
}

.hokusetsuNav ul {
	margin-left: 20px;
	margin-bottom: 1.5em;
	/zoom: 1; /* lte ie7 */
}
.hokusetsuNav ul:after{
	content: '';
	display: block;
	clear: both;
}

.hokusetsuNav ul li {
	_display: inline; /* ie6 */
	float: left;
	margin-left: 20px;
}

table.hokusetsuItem {
	clear: right;
	width: 380px;
	margin-left: 120px;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border: 1px solid #999;
}
table.hokusetsuItem th,
table.hokusetsuItem td {
	padding: 0.3em 10px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #999;
	background-color: #f1ffe3;
}


/* danke */
ol.dankeList {
	width: 400px;
	margin-left: 100px;
	margin-bottom: 1.5em;
	padding: 0.3em 10px;
	border: 1px solid #090;
	background-color: #cfc;
}
ol.dankeList li { margin-left: 1.5em; list-style: decimal; }


/* next21 */
div.nextBox { clear: both; }
div.nextBox h2 {
	float: left;
	width: 120px;
	margin: 0;
	font-weight: bold;
}
div.nextBoxIn { margin-left: 140px; }

/*	15= select module
-----------------------------------------------------*/

div.kirikuchi { position: relative; height: 200px; margin-left: 14px; background: url(../../select/images/bg_kirikuchi.jpg) no-repeat; } 

div.kirikuchi dl.kirikuchi01 { position: absolute; left: 0px; top: 25px; width: 590px; }
div.kirikuchi dl.kirikuchi02 { position: absolute; left: 0px; top: 81px; width: 590px; }
div.kirikuchi dl.kirikuchi03 { position: absolute; left: 0px; top: 137px; width: 590px; }

div.kirikuchi dl dt { float: left; width: 130px; margin-right: 10px; }
div.kirikuchi dl dd { padding-left: 142px; padding-top: 7px; }

table.classificationTable { margin-left: 15px; margin-right: 20px; border-collapse: collapse; }

table.classificationTable th,
table.classificationTable td { padding: 10px; border: solid 1px #CCCCCC; border-collapse: collapse; text-align: left; }

table.classificationTable th { background: #E4F1FF; vertical-align: middle; }
table.classificationTable th strong { color: #0066CC; font-weight: bold; font-size: 116%; }

table.classificationTable td { vertical-align: top; }

table.classificationTable td h3 { margin-bottom: 10px; color: #FF6600; font-size: 108%; font-weight: bold; } 

table.classificationTable td dl { margin-bottom: 15px; }
table.classificationTable td dl dt { clear: left; float: left; }
table.classificationTable td dl dt img {  padding: 1px; border: solid 1px #CCC; background: #fff;  }
table.classificationTable td dl dd { padding-left: 110px; padding-top: 3px; }
table.classificationTable td dl dd strong { font-weight: normal; color: #009900; }
table.classificationTable td dl dd h4 a {
	display: block;
	position: relative;
	margin: 3px -5px 5px -5px;
	padding: 5px 5px 5px 20px;
	background: #E9E9E9 url(../../select/images/icon_arrow_green_g.gif) no-repeat 5px center;
	font-size: 125%;
	font-weight: bold;
	color: #000 !important;
}
table.classificationTable td dl dd h4 a span { font-size: 75%; font-weight: normal; color: #006699 !important; }
table.classificationTable td dl dd h4 a:hover {
	text-decoration: none !important;
	background: #E4F1FF url(../../select/images/icon_arrow_green_g.gif) no-repeat 5px center;
}

/*	16= material module
-----------------------------------------------------*/

#material table.materialTable { margin-bottom: 20px; border-collapse: collapse; }
#material table.materialTable th,
#material table.materialTable td { border: solid 1px #90A9C7; }

#material table.materialTable th { padding: 10px 5px; border-bottom: solid 2px #90A9C7; background: #E8F1F9;  text-align: center; }
#material table.materialTable th.label-name { width: 110px; }
#material table.materialTable th.label-image { width: 82px; }
#material table.materialTable th.label-use { width: 139px; }
#material table.materialTable th.label-download { width: 88px; }
#material table.materialTable th.label-detail { width: 185px;  }

#material table.materialTable tr.bgcol td { background: #F8FBFD; }
#material table.materialTable td { padding: 10px 5px; vertical-align: top; }
#material table.materialTable td.image { padding: 0; }
#material table.materialTable td.download { padding: 12px 4px; font-size: 84%; }
#material table.materialTable td.download a { display: block; }
#material table.materialTable td.download a.inline { display: inline; }
#material table.materialTable td.download span.block { display: block; }

#material table.materialTable td h3 { margin-bottom: 3px; font-weight: bold; color: #339900; font-size: 108%;  }
#material table.materialTable td h3 a { color: #339900; text-decoration: underline; }
#material table.materialTable td h3 a:hover { text-decoration: none; }
#material table.materialTable td h3 span.new {
	display: inline-block;
	padding: 2px 3px !important;
	margin-left: 6px;
	background: #C00; 
	color: #fff;
	font-size: 84.7%;
	line-height: 1 !important;
}
#material table.materialTable td img { margin-bottom: 8px; }

#material table.materialTable td dl dt { clear: left; display: inline-block; padding: 2px 4px; background: #C4DFEF; }
#material table.materialTable td dl dd { padding: 2px 0 6px; line-height: 1.3; }

#material table.materialTable td dl dt.nisugata { float: left; }
#material table.materialTable td dl dd.nisugata { padding-left: 3.5em; }
#material table.materialTable td dl dt.sekisai { width: 4em; }
#material table.materialTable td dl dt.hodomari { float: left; }
#material table.materialTable td dl dd.hodomari { padding-left: 5.5em; }
#material table.materialTable td dl dt.separate { width: 6em; }
#material table.materialTable td dl dd.separate { padding-left: 3.5em; }


#material h4#notice { font-weight: bold; margin-bottom: 0.3em; margin-top: 30px; padding-left: 10px; }
#material div.notice ul { margin-left: 10px; margin-right: 10px; padding: 10px 10px 5px 5px; border: solid 2px #ccc; }
#material div.notice ul li { margin-left: 3em; text-indent: -3em; margin-bottom: 0.5em; }

p.material-contact { position: absolute; right: 0px; top:0px; }

/*	17= download module
-----------------------------------------------------*/
#download .introduction { padding: 15px 0; background: #EEE; }
#download #contents h2 { width: 640px; margin-top: 30px; margin-bottom: 10px; padding-left: 10px; }
#download #contents h4 { margin-top: 40px; }

#download #contents dl.downloadBox { position: relative; margin-bottom: 20px; padding: 0 10px; }
#download #contents dl.downloadBox dt { margin-bottom: 20px; }
#download #contents dl.downloadBox dd .box { }
#download #contents dl.downloadBox dd .box1 { float: left; width: 270px; padding: 10px 10px 10px 20px; }
#download #contents dl.downloadBox dd ul.box2 { float: left; width: 80px; padding: 8px; }
#download #contents dl.downloadBox dd ul.box2 li { margin-bottom: 8px; text-align: right; }
#download #contents dl.downloadBox dd .box3 { float: left; width: 220px; margin-left: 10px; margin-bottom: 10px; padding: 4px; border: solid 1px #ddd; text-align: center; }
#download #contents dl.downloadBox dd p.link { width: 350px; margin-left: 20px; padding: 10px 20px 8px; background: #E2EDF7; line-height: 1.3; }
#download #contents dl.downloadBox dd p.update { position: absolute; right: 30px; bottom: 6px; }

#download #contents table { width: 620px; margin-bottom: 20px; margin-left: 30px; border-collapse: collapse; }
#download #contents table th,
#download #contents table td { padding: 5px 10px; border: solid 1px #90A9C7; text-align: center; }
#download #contents table.t-p5 th,
#download #contents table.t-p5 td { padding: 5px  5px;}
#download #contents table th { background: #EEE; }

#download #contents h4#notice { font-weight: bold; font-size: 14px; margin-bottom: 0.3em; margin-top: 30px; padding-left: 10px; }
#download #contents div.notice ul { margin-left: 10px; margin-right: 10px; padding: 10px 10px 5px 5px; border: solid 2px #ccc; }
#download #contents div.notice ul li { margin-left: 3em; text-indent: -3em; margin-bottom: 0.5em; }

.madoguchi { width: 578px; margin: 10px auto 0; padding: 15px 25px 10px; border: solid 5px #D1F3D2; background: #EFFFEF;  }
.madoguchi h5 { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #43A775; }
.madoguchi dl { margin-bottom: 10px; font-size: 14px; }
.madoguchi dl dt { font-weight: bold; }
.madoguchi dl dd { position: relative; padding-left: 14em; margin-top: -1.5em; }