@charset "Shift_JIS";

/*=====================================================
*
*	module.css
*	Since 2008.2.16
*	Editor Norihiro Kamatani
*
**	Modified:2008.03.4
**  Editor:Kaori Aikawa
*
**	Modified:2009.10.21
**  Editor:Kaori Aikawa
*
*	0= title module
*	1= header module
*	2= global navigation module
*	3= secondary module
*	4= primary module
*	5= extra navigation module
*	6= category-green directory module
*	7= sitemap directory module
*	8= shokusai-kiban directory module
*	9= subNv module
*  10= popup module
*  11= greenwall site exclusive style
*  12= estimate module
*  13= kigyou module
*  14= inquiry module
*  15= moco module
*  16= pixcel-light module
*
========================================================*/



/*	0= title module
-----------------------------------------------------*/
#home h1,
p#siteTitle {
	padding-top: 0.5em;
	padding-right: 6px;
	text-align: right;
	font-weight: bold;
	background: #f4f4f4;
}

/*	1= header module
-----------------------------------------------------*/
div#header p#siteID,
div#header p#catch,
div#header p#subnav,
div#googleSearchBox,
div#fontSizeSelect { position: absolute; }

div#header a { color: #333; text-decoration: none; }
div#header #subnav a:hover { text-decoration: underline; }


/* position -----------*/
div#header p#siteID { top: 5px; left: 43px;   }
div#header p#catch  { top: 46px; left: 6px;   }
div#header p#subnav { top: 10px; right: 14px;  }
div#googleSearchBox { top: 48px; left: 475px; _left: 500px;}
div#fontSizeSelect  { top: 48px; right: 25px; }

div#header p#subnav {
	padding: 2px 0 2px 18px;
}

div#fontSizeSelect {
	width: 119px;
	background: url(/common/images/bg_font-size-select.gif) no-repeat 0 0;
}
div#fontSizeSelect ul { margin-left: 61px; }
div#fontSizeSelect li { width: 20px; float: left; display: inline; }
div#fontSizeSelect li#middleSize { width: 18px; }

li#smallSize a,
li#middleSize a,
li#largeSize a   { width: 20px; height: 20px; text-indent: -9999px; display: block; }

li#smallSize a        { background: url(/common/images/btn_font-size-select.gif) no-repeat 0 -20px; }
li#smallSize a:hover  { background: url(/common/images/btn_font-size-select.gif) no-repeat 0 0; }
li#middleSize a       { background: url(/common/images/btn_font-size-select.gif) no-repeat -20px -20px; width: 18px; }
li#middleSize a:hover { background: url(/common/images/btn_font-size-select.gif) no-repeat -20px 0; }
li#largeSize a        { background: url(/common/images/btn_font-size-select.gif) no-repeat -38px -20px; }
li#largeSize a:hover  { background: url(/common/images/btn_font-size-select.gif) no-repeat -38px 0; }



/*	2= global navigation module
-----------------------------------------------------*/
ul#globalnav    { margin-bottom: 10px; }
ul#globalnav li { line-height: 1; }
ul#globalnav li a {
	width: 180px;
	height: 29px;
	text-indent: -9999px;
	display: block;
}
ul#globalnav li#sitemap a { height: 30px; }
/* Hides from IE-mac \*/
ul#globalnav li a {	overflow: hidden; }
/* End hide from IE-mac */


/* ▼ bodyのIDを変更してください */
li#top a       { background: url(/common/images/btn_globalnav.gif) no-repeat 0 0; }
li#top a:hover { background: url(/common/images/btn_globalnav.gif) no-repeat -180px 0 !important; }
#home li#top a,
#home li#top a:hover
			   { background: url(/common/images/btn_globalnav.gif) no-repeat -360px 0 !important;}

li#download a { background: url(/common/images/btn_globalnav.gif) no-repeat 0 -29px; }
li#download a:hover
			   { background: url(/common/images/btn_globalnav.gif) no-repeat -180px -29px !important; }
			   			   
li#request a { background: url(/common/images/btn_globalnav.gif) no-repeat 0 -58px;}
li#request a:hover
		       { background: url(/common/images/btn_globalnav.gif) no-repeat -180px -58px !important;}

li#inquiry a { background: url(/common/images/btn_globalnav.gif) no-repeat 0 -87px;}
li#inquiry a:hover
		       { background: url(/common/images/btn_globalnav.gif) no-repeat -180px -87px !important;}
#otoiawase li#inquiry a,
#otoiawase li#inquiry a:hover
			   { background: url(/common/images/btn_globalnav.gif) no-repeat -360px -87px !important;}
			   

li#corporate a   { background: url(/common/images/btn_globalnav.gif) no-repeat 0 -116px; }
li#corporate a:hover
			   { background: url(/common/images/btn_globalnav.gif) no-repeat -180px -116px !important; }
#kigyou li#corporate a, #kigyou li#corporate a:hover
			   { background: url(/common/images/btn_globalnav.gif) no-repeat -360px -116px !important;}
			   
li#sitemap a   { background: url(/common/images/btn_globalnav.gif) no-repeat 0 -145px; }
li#sitemap a:hover
			   { background: url(/common/images/btn_globalnav.gif) no-repeat -180px -145px !important; }
#map li#sitemap a, #map li#sitemap a:hover
			   { background: url(/common/images/btn_globalnav.gif) no-repeat -360px -145px !important;}

/* ▲ bodyのIDを変更してください */

ul#globalnav2    { margin-bottom: 2px;  }
ul#globalnav2 li { margin-bottom: 8px;  }



/*	3= secondary module
-----------------------------------------------------*/
/*================================= 
*  color chart
*	div#material #008071
*   link-hover #D3ECE0
*
*	div.navBox #2790AB
*	link-hover #D3E7EC
* 
*	div#links  #666
*	link-hover #ccc
===================================*/

/* ::::: common -------------------------*/
div#secondary a       { color: #333; text-decoration: none; }
div#secondary 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#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; }
.pagetop {
	clear: both;
	margin: 30px 0 30px 0;
	text-align:right;
}



/* ::::: 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; 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; }

/* ::::: 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
-----------------------------------------------------*/
/* ::::: common -------------------------*/

body#home #visual { padding-right: 20px; } 

body#home #mainMovie { width: 320px; height: 278px; float: right; }
body#home #visual p.leftBan { float: left; width:288px; height: 278px; }

div#news,
div#specialFeature,
div#solution { margin-top: 19px; }

div#news h2,
div#specialFeature h2,
div#solution h2,
div#technicalField h2,
div#blogField h2 { margin-bottom: 17px; }
div#blogField { margin-top: 10px; }


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

/* ::::: banner -------------------------*/

.banArea { margin-bottom: 10px;}
.banArea dt { clear: both; float: left; width:400px; padding-left:6px; margin-bottom: 10px; }
.banArea dd.explanation { padding-top:20px; margin-left: 418px; line-height: 2; }

html>/**/body p.ban-margin13 { padding-bottom:13px; }
html>/**/body p.ban-margin28 { padding-bottom:28px; }

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

div#news dl { margin-left: 13px; margin-right: 29px; }
div#news dt {
	padding-left: 15px;
	width: 11em;
	float: left;
	background: url(/common/images/marker_news.gif) no-repeat left center;
}
div#news dd {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 11em;
	text-indent: -15px;
	background: url(/common/images/line_dott01.gif) repeat-x left bottom;
}
* html div#news dd { text-indent: -18px; } /* for win ie6 */


/* ::::: specialFeature -------------------------*/
div#specialFeature { position: relative; }
div.featureBox {
	display: inline; /* for win ie6 */
	margin-left: 6px;
	width: 302px;
	float: left;
	background: #fff url(/common/images/bg_sp-bottom.gif) no-repeat left bottom;
}
div.featureBoxInner { margin-bottom: 7px; background: url(/common/images/bg_sp-body.gif) repeat-y left top; }
div.featureBoxTop   { position:relative; height: 7px; background: url(/common/images/bg_sp-top.gif) no-repeat 0 0; }

div.featureBox h3 {
	margin: 0 8px 0.4em 7px;
	padding: 0.3em 0 0.3em 42px;
	background: #F2E1D4 url(/common/images/marker_special.gif) no-repeat 12px 0.3em;
	font-weight: bold;
}

div.featureBox dl {
	width:282px;
	margin: 0.2em 7px 0 2px;
	padding: 0.8em 5px 0.5em;
	background: url(/common/images/line_dott01.gif) repeat-x left top;
}
div.featureBox dt img {
position:relative;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #ccc;
	float: left;
} 
div.featureBox dd p      { margin-bottom: 0.5em; margin-left: 152px; line-height: 1.4; }
div.featureBox dd p.more { position:relative; margin-bottom: 0 !important; }


/* ::::: solution -------------------------*/
div#solution li     { display: inline; }
div#solution li img {
	margin-right: 3px;
	margin-bottom: 8px;
	margin-left: 6px;
	float: left;
}

/* ::::: technicalField -------------------------*/
div#technicalField { margin-top: 19px; } /* for win ie6 ie7 */
html>/**/body div#technicalField { margin-top: 11px; } /* for modern browser */
div#technicalField li     { display: inline; }
div#technicalField li img { margin-bottom: 5px; margin-left: 5px; float: left; }



/*	5= extra navigation module
-----------------------------------------------------*/
ul#topicPath    { padding-bottom: 10px; }
ul#topicPath li {
	margin-right: 5px;
	padding-right: 15px;
	background: url(/common/images/marker_topic-path.gif) no-repeat right center;
	float: left;
	text-transform: uppercase;
}



/*	6= category-green directory module
-----------------------------------------------------*/
div#introduction    { margin-bottom: 20px; }
div#introduction h1 { margin-bottom: 20px; }
div#introduction p  { margin: 0 30px 0 4px; line-height: 1.5; }

div.categoryGreenBox {
	margin: 0 6px 9px 4px;
	width: 300px;
	height: 100%;
	background: url(/category-green/images/bg_category-green-body.gif) repeat-y 0 0;
	float: left;
	display: inline;
}

div.categoryGreenBox dl { margin: 4px 4px 0; padding-bottom: 4px; border-bottom: 1px solid #A4D0DC; }
div.categoryGreenBox dt { margin-bottom: 8px; }
div.categoryGreenBox dd { margin: 0 10px; line-height: 1.3; }

div.categoryGreenBoxNav { background: url(/category-green/images/bg_category-green-box-nav.gif) no-repeat left bottom; }

div.categoryGreenBox ul { padding: 0.5em 5px 0.8em 22px; }
div.categoryGreenBox li {
	margin-bottom: 0.3em;
	padding-left: 25px;
	background: url(/category-green/images/marker_category-green.gif) no-repeat 15px 0.4em;
}

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

#contents h2 { margin-bottom: 20px; }
#contents h3 { margin-bottom: 16px; }

strong.point  {
	display: block;
	width: 380px;
	padding: 12px 20px 10px 45px !important;
	margin: 3px 0 ;
	background: #FFE6EC url(/system-green/images/icon_point.jpg) no-repeat 0% 50%;
	font-size: 109%;
}
strong.arrow  {
	display:inline-block;
	padding: 12px 20px 10px 45px !important;
	margin: 3px 0 ;
	background: url(/category-green/images/icon_arrow.jpg) no-repeat 0% 50%;
	font-size: 109%;
}


/*	7= sitemap directory module
-----------------------------------------------------*/
dl.sitemapmenu { margin: 30px; font-size: 100%;  }
dl.sitemapmenu dt {
	padding-left: 1em; padding-top: 3px;
	border-top: solid 1px #CCCCCC;
	font-size: 123.1%;
	background:url(/common/images/marker_common-header.gif) no-repeat 0% 50%;
}
dl.sitemapmenu dd ul {
	margin: 10px auto 20px 30px;
	padding-left: 1em;
	border-top: solid 1px #CCCCCC;
	font-size: 100%;
}  
dl.sitemapmenu dd ul li {
	margin-top: 5px;
	padding-left: 1em;
	padding-bottom: 3px;
	border: none;
	border-bottom: solid 1px #CCCCCC;
	font-size: 100%;
	line-height: 1.2 !important;
	background:url(/common/images/marker_common-header.gif) no-repeat 0px 5px;
}  
dl.sitemapmenu dd ul li ul li {
	margin-right: 80px;
	padding-left: 1em;
	padding-right: 3em;
	padding-bottom: 3px;
	font-size: 100%;
	background:url(/common/images/marker_common-header.gif) no-repeat 0% 50%;
} 

/*	8= shokusai-kiban directory module
-----------------------------------------------------*/
.flow  { padding-left: 20px !important; }
.flow h3 {
	background: #5AB02E;
	padding: 5px auto 3px 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 109%;
}

.flow dd { padding: 10px 10px 10px 95px; }

.flow .arrow01 {
	background: url(/system-green/images/flow_arrow01.gif) no-repeat 50px 1px;
	height: 30px;
}
.flow .arrow02 {
	background: url(/system-green/images/flow_arrow02.gif) no-repeat 50px 1px;
	height: 40px;
}
.flow .arrow03 {
	background: url(/system-green/images/flow_arrow03.gif) no-repeat 50px 1px;
	height: 60px;
}
.flow .arrow04 {
	background: url(/system-green/images/flow_arrow04.gif) no-repeat 50px 1px;
	height: 140px;
}
.flow .arrow05 {
	background: url(/system-green/images/flow_arrow05.gif) no-repeat 50px 1px;
	height: 190px;
}
.flow .LeftPos {
	width: 40px;
	text-indent: -9999px;	
}
.flow .RightPos {
	width: 543px;
}
.bg01 {
	background: #DEF7F7 url(/system-green/images/flow12.gif) no-repeat 4px 150px;
	border: solid 1px #3399FF;
}
.bg02 { background:
	#FFCC99 url(/system-green/images/flow13.gif) no-repeat 4px 100px;
	border: solid 1px #FF6666;
}	 
.bg03 { background: url(/system-green/images/img_shokusai-kiban03-4-5.jpg) no-repeat 279px 90px; }

.flow strong  {
	display:inline-block;
	padding: 12px 20px 10px 45px;
	margin: 3px 0 ;
	background: #FFE6EC url(/system-green/images/icon_point.jpg) no-repeat 0% 50%;
	font-size: 109%;
}

/*	9= 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; }

.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;
}

/*  10= popup module */
body#popup {background-color: #FFFFFF; }
body#popup #container {
	width: 660px;
	text-align:left;
}
body#popup #container p { margin-top: 1em; margin-bottom: 1em; }
body#popup #container p.close { margin: 3em 10px 2em 10px; padding-top: 1em; border-top: solid 1px #555555; text-align: right;  }
.helpbtn { position: absolute; top: 48px; right: 5px; }


/*	11= greenwall site exclusive style
-----------------------------------------------------*/

/* appeals */
ul.extract { margin-bottom: 0.8em; margin-left: 15px; }
#appeals h4 { margin-top: 2em; margin-bottom: 0.5em; } 
#appeals .bd02 h4 {
	margin-top: 0;
	margin-bottom: 0.2em;
	padding-left:1em;
	padding-bottom: 0.1em;
	font-weight: bold;
	font-size: 120%;
} 
#appeals .bd01 ul, #appeals .bd01 ul li { list-style: disc; line-height: 1.6; }
#appeals .bd01 ul { margin-bottom: 1em; margin-left: 1em; }
#appeals .bd01 ul li { margin-left: 20px; }
#appeals .bd02 dt {
	float: left;
	clear: left;
	width: 8.5em;
	padding-left: 0.5em;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.3;
	background: #A2D0AC;
}

#appeals .bd02 dd {
	margin-bottom: 1px;
	margin-left: 9em;
	padding-left: 0.5em;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.3;
	background: #DEE4D9;
}
html>/**/body#appeals .bd02 dd {
	margin-left: 9.1em;
}/* for modern browser below ie7 */

html>/**/body#appeals .bd02 dd.ml01 {
	margin-left: 21.6em !important;
}/* for modern browser below ie7 */

* html #appeals .bd02 dd { height: 1%; }

/* unit.html,module.html,htightclimb.html */
dl.merPurp { margin-left: 250px; }
dl.merPurp dt {
	margin-bottom: 0.3em;
	color: #393;
	font-weight: bold;
}
dl.merPurp dd { margin-bottom: 0.8em; } 
dl.merPurp dd ul { margin-left: 20px; }
dl.merPurp dd li { list-style: disc; }

div#flashContent,
div#flashContent2,
div#flashContent3 { width: 280px; float: right; !important; margin-bottom: 20px; }

div.leftBox { padding-top: 2em; width: 330px; float: left; }
div.leftBox ul           { margin-bottom: 1.5em; }
div.leftBox ul.green li  { color: #063; }
div.leftBox dl       { margin-bottom: 1.5em; }
div.leftBox dd ul    { margin-left: 20px; }
div.leftBox dd ul li { list-style: disc; }



/* QandA */
body#info .p-rl { position: relative; }
dl#qa dt {  }
dl#qa dd { padding-left: 30px; line-height: 1.5; }
table.qaTable {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #999;
	empty-cells: show;
}
table.qaTable th,
table.qaTable td {
	border: 1px solid #999;
	padding: 0.2em 5px;
}
table.qaTable th {
	font-weight: normal;
	background: #fff2ae;
	text-align: left;
}

/* booklet */
body#booklet .primary ul li { padding-top: 1px; padding-bottom: 1px; }
body#booklet .primary ul ul { margin-left: 30px; }
body#booklet .primary ul ul,
body#booklet .primary ul ul li { list-style: disc; }

/* model-case greenWrapper and blueWrapper*/
div.greenWrapperTop {
	height: 10px;
	background: url(/common/images/green-wrapp_top.gif) no-repeat left top;
}
div.greenWrapper {
	margin-bottom: 1.5em;
	width: 622px;
	background: url(/common/images/green-wrapp_body.gif) repeat-y 0 0;
}
div.greenWrapperBottom {
	height: 10px;
	background: url(/common/images/green-wrapp_bottom.gif) no-repeat left bottom;
}
div.greenWrapper p { margin: 0 20px; line-height: 1.5; }

div.blueWrapperTop {
	height: 10px;
	background: url(/common/images/blue-wrapp_top.gif) no-repeat left top;
}
div.blueWrapper {
	margin-bottom: 1em;
	width: 622px;
	background: url(/common/images/blue-wrapp_body.gif) repeat-y 0 0;
}
div.blueWrapperBottom {
	height: 10px;
	background: url(/common/images/blue-wrapp_bottom.gif) no-repeat left bottom;
}
div.blueWrapper p { margin: 0 20px; line-height: 1.5; }


/* model-case sumiregaoka */
div.consideration {
	margin-bottom: 1.5em;
	width: 624px;
	background: url(/model-case/sumiregaoka/sumiregaoka/green-wrapp2_body.gif) repeat-y 0 0;
}
div.considerationTop {
	height: 18px;
	background: url(/model-case/sumiregaoka/sumiregaoka/green-wrapp2_top.gif) no-repeat 0 0;
}
div.considerationBottom {
	height: 18px;
	background: url(/model-case/sumiregaoka/sumiregaoka/green-wrapp2_bottom.gif) no-repeat 0 0;
}
p.pos1 {
	float: left;
	margin-left: 20px;
	display: inline; /* for win ie */
}
div.pos2 { margin-left: 200px; }


/* model-case nibantyou 02.html mare 02.html */
dl.interview {}
dl.interview dt   { width: 5em; font-weight: bold; }
dl.interview dt.q { color: #f93; }
dl.interview dt.q2 { color: #093; }
dl.interview dd   {
	margin-left: 5em;
	margin-top: -1.5em;
	margin-bottom: 1.5em;
	line-height: 1.5;
}
dl.interview dd.q2   { color: #093; }
div.interviewPhoto01 {
	margin-bottom: 1em;
	width: 321px;
	float: right;
	line-height: 1.3;
	text-align: right;
	font-size: 85%;
}
div.interviewPhoto02 {
	margin-bottom: 1em;
	width: 257px;
	float: right;
	line-height: 1.3;
	text-align: right;
	font-size: 85%;
}




/* model-case UFJ */
div.outline {
	margin-right: 220px;
	padding: 10px;
	background: #fff2ae;
}
div.outline h4 { font-weight: bold; }
div.outline dt   { width: 7em; font-weight: normal; }
div.outline dd   {
	margin-left: 7em;
	margin-top: -1.5em;
	margin-bottom: 0.8em;
	line-height: 1.5;
}


/* model-case mare */
div.photoWrapper01 {
	margin-bottom: 0.8em;
	width: 221px;
	float: right;
	line-height: 1.3;
	font-size: 80%;
	text-align: right;
}


/* model-case sumiregaoka */
ul.lionsData { margin-bottom: 1em; }
ul.lionsData li { line-height: 1.5; }
ul.lionsData p { margin-bottom: 0.5em !important; }
ul.lionsData p.exp {
	padding: 0.2em 10px;
	background: #d9f3d9;
}

table.lionsData {
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0;
	border: 1px solid #999;
}
table.lionsData th,
table.lionsData td {
	padding: 0.2em; 5px;
	border: 1px solid #999;
	text-align: left;
	font-weight: normal;
}
table.lionsData th { background: #d9f3d9; }


/* model-case event */
p#introDescription {
	margin-left: 20px !important;
	margin-bottom: 1em !important;
	padding: 0.2em 5px;
	background: #fff2ae;
	border: 2px solid #f00;
}

/* system event */
body#system div.section10 dl.l-hi15,
body#system div.section10 dl.l-hi15 dt,
body#system div.section10 dl.l-hi15 dd { line-height:15px !important; }

/* info module (sekkei-guide) */
ul.facadeMenu { position: absolute; }
#info li#btn-pixel { position: absolute; z-index:5; top: 0px; left: 206px; }
#info li#btn-module { position: absolute; z-index:5; top: 226px; left: 3px; }
#info li#btn-unit { position: absolute; z-index:5; top: 226px; left: 432px; }
#info li#btn-heightclimb { position: absolute; z-index:5; top: 649px; left: 3px; }
#info li#btn-design { position: absolute; z-index:5; top: 902px; left: 81px; }
#info li#btn-linecross { position: absolute; z-index:5; top: 649px; left: 432px; }

#info div.wrapper01 { width: 350px; padding: 6px; background: url(/info/images/guide/bg_bluecheck.gif); }
#info div.wrapper01 ul { padding-left: 30px; background: #F1F8FD; }

#info #point { margin-bottom: 30px; ;padding-bottom: 20px; background: url(/info/images/guide/bg_guide04_point.gif) no-repeat left bottom; }

#costgraph { margin-bottom: 20px; }

#costgraph ul { position: absolute; }
#info #costgraph li { line-height: 16px; }

#info #costgraph li#btn-pixel { position: absolute; z-index:5; top: 245px; left: 452px; padding: 14px 20px; }
#info #costgraph li#btn-module { position: absolute; z-index:5; top: 137px; left: 421px; padding: 14px 20px; }
#info #costgraph li#btn-unit { position: absolute; z-index:5; top: 216px; left: 333px; padding: 14px 20px; }
#info #costgraph li#btn-heightclimb { position: absolute; z-index:5; top: 440px; left: 218px; padding: 14px 10px; }
#info #costgraph li#btn-linecross { position: absolute; z-index:5; top: 364px; left: 96px; padding: 27px 20px; }

/* maintenance*/
#maintenancePoint h3 {
	margin-top: 1.5em !important;
	font-size: 116%;
	font-weight: bold;
	color: #008E39;
	line-height: 1 !important;
}
#maintenancePoint h3 span  {
	display: inline-block !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.maintenanceTable { margin-bottom: 10px; margin-left: 1px; border: solid 2px #99CC66; border-collapse: collapse; }
.maintenanceTable th,
.maintenanceTable td { padding: 4px 10px; line-height: 1.3; border: solid 1px #99CC66; }
.maintenanceTable th { background-color: #E0F0D1; border-left-width: 2px; font-weight: normal; }

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

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

/* repla */

div.replaLeftBox { width: 250px; float: left; }
div.replaRightBox { width: 360px; float: right; }

div.replaRightBox div.box { margin-bottom: 5px; padding-bottom: 5px; background: #E8E0D8; }
div.replaRightBox div.box h2 { margin-bottom: 2px !important; }
div.replaRightBox ul { padding: 5px 35px 0;  }
div.replaRightBox ul li { margin-bottom: 0.4em; line-height: 1.2 !important; }

div.replaRightBox p { padding: 5px 35px; }

.repla-red { color: #9F141F; }
div.replaRightBox strong.repla-red { font-weight: normal; }

div.section01 h3.mb5  { margin-bottom: 5px !important; }

.infoWrapper04 {
	float: left;
	width: 232px;
	height: 82px;
	margin-right: 2px;
	padding: 150px 25px 0 50px;
	background: url(/indoor/repla/repla_contact01.jpg) no-repeat;
}

.infoWrapper05 {
	float: left;
	width: 232px;
	height: 82px;
	padding: 150px 25px 0 50px;
	background: url(/indoor/repla/repla_contact02.jpg) no-repeat;
}
.infoWrapper04 p,
.infoWrapper05 p { line-height: 1.3 !important; text-align: left; }

/*	12= 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 p.individualinformation { padding: 8px; border: solid 1px #AAAAAA; }


#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; }



/*	13= 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; }

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

/*  15= moco module
-----------------------------------------------------*/
.bg-moco { width: 620px; background: url(../../system/moco/bg_moco.jpg) no-repeat; }
.bg-mocoInner { padding: 5px 20px 20px; }
ul.mocoList li { margin-bottom: 7px; }
.bg-mocoInner ul.LeftPos li { font-size: 116%; margin-bottom: 15px; margin-top: 10px; }
.bg-mocoInner ul.RightPos li { font-size: 100%; }

div.moco div.products { position: relative; width: 620px; height: 757px; margin-bottom: 20px; background: url(../../system/moco/moco.jpg) no-repeat; }

div.moco div.products h4 { margin-bottom: 10px; }
div.moco div.products p { margin-bottom: 12px; }

div.moco div.products .box { position: absolute; }

div.moco div.products .box01 { left: 0px; top: 0px; width: 204px; }
div.moco div.products .box02 { left: 0px; top: 116px; width: 204px; }
div.moco div.products .box03 { left: 0px; top: 250px; width: 256px; }
div.moco div.products .box04 { left: 0px; top: 393px; width: 256px; }
div.moco div.products .box05 { right: 0px; top: 0px; width: 208px; }
div.moco div.products .box06 { right: 0px; top: 175px; width: 166px; }
div.moco div.products .box07 { right: 10px; top: 350px; width: 246px; }
div.moco div.products .box08 { left: 0px; top: 595px; width: 620px; background: #EBE4D2; }

div.moco div.products .box dl { margin-left: 16px; }
div.moco div.products .box dl dt { margin-bottom: 10px; font-weight: bold; }

div.moco div.plantsList { width: 620px; margin-bottom: 20px; } 



/*  16= pixcel-light module
-----------------------------------------------------*/
div.pixcel-light { width: 620px; }

div.pixcel-light ul.point { width: 620px; height: 160px; margin-bottom: 18px; background: url(../../system/pixel-light/point_pixcel-light.jpg) no-repeat; }
div.pixcel-light ul.point li { padding-bottom: 10px; text-indent: -9000px; overflow: hidden; }

div.pixcel-light ul.feature { width: 330px; }
div.pixcel-light ul.feature li { padding-left: 97px; padding-bottom: 15px; line-height: 1.5; }
div.pixcel-light ul.feature li.feature1 { background:url(../../system/pixel-light/feature1.gif) no-repeat; } 
div.pixcel-light ul.feature li.feature2 { background:url(../../system/pixel-light/feature2.gif) no-repeat; padding: 20px 0 35px  97px; }
div.pixcel-light ul.feature li.feature3 { background:url(../../system/pixel-light/feature3.gif) no-repeat; padding: 10px 0 35px  97px;  }

div.pixcel-light .designBox { margin-bottom: 40px; }
div.pixcel-light .designBox dl.box { float: left; width: 192px; }
div.pixcel-light .designBox dl.box dt { margin-bottom: 8px; }

.box-bdGreen { border: solid 1px #8FC31F; padding: 5px; }
.RightPos .box-bdGreen p { margin-bottom: 8px !important; }