@charset "UTF-8";
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	color:#4D4D4D;
	margin:0px;
	padding-bottom:20px;
	line-height:1.6em;
	text-align: center;
	background-color: #8CC63F;
}
html,area,div,table,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
}

img{ border:none; }
table{
	font-size: 100%;
	line-height: 1.5em;
}

ul{ list-style: none; }

a:link{
	text-decoration:none;
	color:#298DCF;
}
a:visited{
	text-decoration:none;
	color:#298DCF;
} 
a:hover,
a:focus {
	text-decoration:underline;
	color:#298DCF;
}


/*===============================================
COOMMON
===============================================*/
#BG-WHITE{background-color: #ffffff;}
.bg-field{background: url(/images/common/bg-field.gif) repeat-x center bottom;}


/*===============================================
CONTENT for top
===============================================*/
#FLASH{height:550px;}

div.xmlinfo{
	overflow:hidden;
	width: 100%;
}

#CASE{
	background: url(../images/common/bg-field.gif) repeat-x center top;
	height: 202px;
	text-align:left;
}
	#ILLUST{
		background: url(../images/common/bg-illust.gif) no-repeat center top;
		height: 202px;
	}

/*===============================================
case
===============================================*/
a.case:link,
a.case:visited{
	background: url(../images/bg-case.png) no-repeat left top;
	width: 245px;
	height: 150px;
	float: left;
	margin-right: 20px;
	margin-top: 62px;
    text-align: left;
    text-decoration: none;
    cursor:pointer;
    color: #333333;
}
a.case:hover{
    text-decoration: none;
    color: #333333;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


	a.case .thumimg{
		width: 97px;
		height:65px;
		display: block;
		overflow: hidden;
		float: left;
		border: solid 4px #ffffff;
		margin: 16px 0px 10px 10px;
		text-indent: -9999px;
	}
	a.case span.name{
		width: 110px;
		height:75px;
		float: left;
		margin: 18px 0px 10px 10px;
		font-size: 90%;
		line-height:1.4;
		display: block;
		overflow: hidden;
	}
		.case span.name strong{
			border-left: solid 3px #38B660;
			padding-left:5px;
			margin-bottom: 7px;
			display: block;
			font-size: 110%;
		}
		.case span.name span.date{color: #38B660;}



/*===============================================
CONTENT for lowerpage
===============================================*/

/*---------------------------------
HEAD
---------------------------------*/
#HEAD{
	background: url(/images/common/bg-sky.jpg) repeat-x center top;
	height:350px;
}
#HEAD #CLOUD{
	position: absolute;
	z-index: 1;
	top:0px;
	left:0px;
}
#HEAD #HEADER{
	width:100%;
	position: absolute;
	z-index: 2;
	top:0px;
	left:0px;
}

#LOGO{
	width: 850px;
	height: 90px;
	margin: 0px auto;
	text-align: left;
}

#FRAME{
	width: 950px;
	height: 260px;
	margin: 0px auto;
	background: url(/images/common/img-frame.jpg) no-repeat center top;
}
	#FRAME-CON{
		width: 802px;
		margin: 0 auto;
		padding-top: 15px;
	}


/*---------------------------------
NAVI-GLOBAL
---------------------------------*/
ul#NAVI-GLOBAL{
	margin-bottom: 10px;
	
}
	ul#NAVI-GLOBAL li{
		float:left;
		width:160px;
		height: 43px;
	}

/*---------------------------------
NAVI-TOP
---------------------------------*/
ul#NAVI-TOP{
	margin-top: 11px;
}

	ul#NAVI-TOP li{
		float:left;
		height: 30px;
		text-align: center;
	}
	ul#NAVI-TOP li.navi-about	{width: 72px; text-align: left;}
	ul#NAVI-TOP li.navi-topics	{width: 89px;}
	ul#NAVI-TOP li.navi-catalog	{width: 89px;}
	ul#NAVI-TOP li.navi-contact	{width: 100px;}
	ul#NAVI-TOP li.navi-link	{width: 75px;}
	
	ul#NAVI-TOP li a{ cursor: pointer; }
	
/*===============================================
MAIN for lowerpage
===============================================*/
#PAN{
	width:850px;
	text-align: right;
	margin: 25px auto 0px auto;
	font-size: 90%;
	color: #808080;
}
	#PAN img{
		margin: 0px 7px;
		vertical-align: middle;
	}
		
#BG-MAIN01{
	width:950px;
	margin: 0 auto;
	background: url(/images/common/bg-main02.jpg) repeat-y left top;
}
#BG-MAIN02{background: url(/images/common/bg-main01.jpg) no-repeat left top;}
#BG-MAIN03{
	background: url(/images/common/bg-main03.jpg) no-repeat left bottom;
	padding-bottom: 75px;
}
	
	#MAIN{
		width:854px;
		margin:0 auto;
		padding-bottom: 70px;
		text-align: left;
	}
	

/*===============================================
CONTENT for lowerpage
===============================================*/	
#CONTENT{
	width: 658px;
	float: right;
	text-align: center;
	background-position: 5px 0px;
	background-repeat: no-repeat;
}	

.content-ideas{background-image: url(/images/ideas/img-line01.jpg);}
.content-about{background-image: url(/images/about/img-line02.jpg);}
.content-cost,
.content-product{background-image: url(/images/cost/img-line03.jpg);}
.content-gallery{background-image: url(/images/gallery/img-line04.jpg);}
.content-event{background-image: url(/images/event/img-line05.jpg);}
.content-blog{background-image: url(/images/blog/img-line06.jpg);}	
.content-topics,.content-catalog,.content-contact{background-image: url(/images/common/img-line07.jpg);}		
	
#IDEAS,#ABOUT,#PRODUCT,#COST,#GALLERY,#GALLERY-CATE,#GALLERY-DATA,
#EVENT,#BLOG,#BLOG-TOP,#TOPICS,#CATALOG,#CONTACT,#FLASH-TEXT{
	width: 600px;
	margin: 50px auto 0px auto;
	text-align: left;
}
	.top-line{
		margin-left: 2px;
		padding-top: 2px;
	}	
	h3{margin-bottom:20px;}
	h4{
		font-size: 120%;
		padding-left: 15px;
		color: #44280F;
		font-weight: normal;
		line-height: 1em;
		margin-bottom: 20px;
	}

	table{width: 100%;}
		table th{
			width: 20%;
			background-color: #F8F8F8;
			font-weight: normal;
			color: #44280F;
			padding: 10px 15px 10px 15px;
			border-bottom: dotted 1px #44280F;
			text-align: left;
		}
			table td{
				width: 80%;
				padding: 10px 0px 10px 15px;
				border-bottom: dotted 1px #44280F;
			}
				table td ul{margin: 10px 0px;}
					table td li{
						background: url(/images/common/icon12.gif) no-repeat left top; 
						padding-left: 20px;
					}
		table.table2{margin-top: 5px;}			
			table.table2 th{
				background-color: #ffffff;
				color: #4D4D4D;
				border: none;
				padding: 0px;
				text-align: left;
			}
				table.table2 td{
					border: none;
					padding: 0px;
				}	

#PAGETOP{
    width:700px;
    height: 57px;
    background: url(/images/common/pagetop2.jpg) no-repeat 0px 0px;
    margin-top:20px;
    float: right;
}
	#PAGETOP a{
	    display: block;
	    width: 120px;
	    height: 57px;
	    z-index: 4;
	    position: relative;
	    float: left;
	}
	#PAGETOP:hover{background-position: 0px -57px;}

.gray{
	font-size: 95%;
	color:#999999;
	line-height: 1.4em;
}

.nextback{text-align: center;}
	.nextback .before a{	
		padding-left: 20px;
		margin-right: 20px;
		background: url(/images/common/icon05.gif) no-repeat left center;
		color: #999999;
	}
	.nextback .summary a{
		color: #999999;
		margin-right: 20px;
	}
	.nextback .next a{
		padding-right: 20px;
		background: url(/images/common/icon01.gif) no-repeat right center;
		color: #999999;
	}
	.nextback a:hover{color: #298DCF;}


/*===============================================
SUBCONTENT for lowerpage
===============================================*/
#SUBCONTENT{
	width:175px;
	float: left;
	text-align: left;
	margin-top: 3px;
}

	#SUB-TAB-IDEAS{
		width:170px;
		overflow: hidden;
	}
	#SUBCONTENT ul{margin:15px 0px 0px 2px;}
		#SUBCONTENT ul li{
			display: block;
			float: left;
			width:170px;
			margin-bottom: 10px;
		}
			#SUBCONTENT ul li a{
				display: block;
				border: solid 3px #F9DCE6;
				padding:4px 0px 4px 22px; 
				margin: 0px;
				background: url(/images/common/icon02.gif) no-repeat 5px center; 
				font-size: 95%;
				color: #44280F;
				text-decoration: none;	
			}
			#SUBCONTENT ul li a:hover{
				font-weight: bold;
				background-color:#F9DCE6;
			}
			
			
/*---------------------------------
SUBCONTENT for ABOUT
---------------------------------*/			
#SUBCONTENT .sub-about ul li a{
	border: solid 3px #FEEFD8;
	background: url(/images/common/icon10.gif) no-repeat 5px center; 
}	
#SUBCONTENT .sub-about ul li a:hover{background-color:#FEEFD8;}


/*---------------------------------
SUBCONTENT for COST
---------------------------------*/			
#SUBCONTENT .sub-cost ul li a{
	border: solid 3px #F8F9D7;
	background: url(/images/common/icon19.gif) no-repeat 5px center; 
}	
#SUBCONTENT .sub-cost ul li a:hover{background-color:#F8F9D7;}

			
/*---------------------------------
SUBCONTENT for GALLERY
---------------------------------*/			
#SUBCONTENT .sub-gallery ul li a{
	border: solid 3px #D7F0DF;
	background: url(/images/common/icon14.gif) no-repeat 5px center; 
}	
#SUBCONTENT .sub-gallery ul li a:hover{background-color:#D7F0DF;}


/*---------------------------------
SUBCONTENT for EVENT
---------------------------------*/			
#SUBCONTENT .event-year ul li a{
	border: solid 3px #D5EBF8;
	background: url(/images/common/icon08.gif) no-repeat 5px center; 
}	
#SUBCONTENT .event-year ul li a:hover{background-color:#D5EBF8;}
		
		
/*---------------------------------
SUBCONTENT for TOPICS,CATALOG,CONTACT
---------------------------------*/			
#SUBCONTENT .topics-year ul li a,
#SUBCONTENT .sub-catalog ul li a,
#SUBCONTENT .sub-contact ul li a{
	border: solid 3px #E8F4D9;
	background: url(/images/common/icon09.gif) no-repeat 5px center; 
}	
#SUBCONTENT .topics-year ul li a:hover,
#SUBCONTENT .sub-catalog ul li a:hover,
#SUBCONTENT .sub-contact ul li a:hover{background-color:#E8F4D9;}
		
				
/*---------------------------------
SUBCONTENT for BLOG
---------------------------------*/			
#SUBCONTENT .blog-recent,
#SUBCONTENT .blog-cate,
#SUBCONTENT .blog-archive{
	margin-bottom: 20px;
}
	#SUBCONTENT .blog-recent p,
	#SUBCONTENT .blog-cate p,
	#SUBCONTENT .blog-archive p{
		border: solid 3px #F0EBF7;
		padding:4px 0px 4px 22px; 
		margin: 15px 0px 0px 2px;
		background: url(/images/common/icon06.gif) no-repeat 5px center; 
	}
			#SUBCONTENT ul li{ margin-bottom: 5px; }
			#SUBCONTENT .blog-recent ul li a,
			#SUBCONTENT .blog-cate ul li a,
			#SUBCONTENT .blog-archive ul li a{ 
				display: block;
				border:none;
				padding:0px;
				margin: 0px 0px 5px 0px;
				padding-left: 18px;
				background: url(/images/common/icon07.gif) no-repeat left top; 
				font-size: 95%;
				color: #4D4D4D;
				line-height: 1.2;
			}
			#SUBCONTENT .blog-recent ul li a:hover,
			#SUBCONTENT .blog-cate ul li a:hover,
			#SUBCONTENT .blog-archive ul li a:hover{
				color: #298DCF;
				font-weight: normal;
				background-color:#ffffff;
			}
	

/*===============================================
IDEAS
===============================================*/
/*TAB-IDEAS---------------------------------*/
#IDEAS #TAB-IDEAS ul li{
	float: left;
	margin-left: 10px;
}
	#IDEAS #TAB-IDEAS ul li a{
		height: 36px;
		display: block;
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#IDEAS #TAB-IDEAS ul li#TAB-HOUSE a{
		background-image: url(/images/ideas/tab-house.gif);
		width: 96px;
	}
	#IDEAS #TAB-IDEAS ul li#TAB-IMPORTANT a{
		background-image: url(/images/ideas/tab-important.gif);
		width: 165px;
	}
	#IDEAS #TAB-IDEAS ul li#TAB-JUST a{
		background-image: url(/images/ideas/tab-just.gif);
		width: 136px;
	}
	
	#IDEAS #TAB-IDEAS ul li a:hover,
	#IDEAS #TAB-IDEAS ul li a.selected{ background-position: 0px -36px; }


/*TAB-CONTENT---------------------------------*/
#IDEAS #TAB-CONTENT{
	background-color: #F8F5F2;
	text-align: center;
}
	#IDEAS #HOUSE,#IDEAS #IMPORTANT,#IDEAS #JUST{
		width: 540px;
		margin: 0 auto;
		text-align: left;
	}
	#IDEAS h4{padding: 0px;}
	#IDEAS p{margin-bottom: 15px;}

#IDEAS #HOUSE,
#IDEAS #JUST{padding: 36px 0px 30px 0px;}
	#IDEAS #HOUSE #BOT-HOS .flR p{width: 300px;}
		#IDEAS #HOUSE #MIDDLE-HOS{margin: 20px 0px;}

#IDEAS #IMPORTANT #CAP-L{
	width: 335px;
	float: left;
	margin-top: 36px;
}
#IDEAS #IMPORTANT #CAP-R{
	width: 205px;
	float: right;
}
#IDEAS #IMPORTANT #BOTTOM-IMP{padding: 10px 0px 30px 0px;}
	#IDEAS #IMPORTANT #BOTTOM-IMP .flR{
		width: 240px;
		padding-top: 20px;
	}
	
	#IDEAS #JUST table{
		margin-top: 20px;
		border-top: dotted 1px #44280F;
	}
		#IDEAS #JUST table th{
			background-color: #FFFFFF;
			padding: 0px;
			text-align: center;
			border-right: solid 1px #D4145A;
			font-size: 120%;
			line-height: 2em;
		}
		#IDEAS #JUST table td strong{
			display:block;
			margin: 10px 0px 10px 0px;
		}
	

/*===============================================
ABOUT
===============================================*/
#ABOUT h4{border-left: solid 3px #FBB03B;}
	
	#ABOUT .clearfix{margin-bottom: 50px;}
		#ABOUT .clearfix .flL{width: 345px;}
			#ABOUT .clearfix .flL p{margin-bottom: 15px;}
		#ABOUT .clearfix p.flR{width: 236px;}
		
	#ABOUT table td strong{
		font-weight: normal;
		background: url(/images/common/icon11.gif) no-repeat left center;
		padding-left:20px;
		margin-bottom: 5px;
		display: block;
	}
	
	#ABOUT table td.td-map{padding: 20px 0px 20px 15px;}
	#ABOUT table td.td-map a img{margin-left: 10px;}

#SHOWROOM{ padding: 10px 0px; }
	#SHOWROOM ul{}
		#SHOWROOM ul li{
			display: block;
			float: left;
			width:153px;
		}
		#SHOWROOM ul li.last{ width:140px; float: right; }

#LINK{}
	#LINK ul{}	
		#LINK ul li{
			display: block;
			float: left;
			width:295px;
			margin-bottom: 15px;
		}
			#LINK ul li a{
				background: url(../images/common/icon01.gif) no-repeat 0px 0px;
				padding: 3px 0px 3px 18px;
			}




/*===============================================
COST
===============================================*/
#COST h4,
#PRODUCT h4{border-left: solid 3px #D9E021;}
#COST h5{
	background: url(/images/cost/icon03.gif) no-repeat left top;
	color: #44280F;
	font-size: 110%;
	padding: 2px 0px 10px 22px;
}

#COST ul{margin-bottom: 20px;}
	#COST ul li{
		background: url(/images/common/icon18.gif) no-repeat left top;
		padding-left: 20px;
	}

#COST table{
	border: solid 1px #CCCCCC;
	margin-bottom: 15px;
}
	#COST table th{
		border-right: dotted 1px #CCCCCC;
		text-align: center;
		padding: 10px 0px;
	}
	#COST table td{line-height: 2em;}

	#COST table.patern th{width: 240px;}
	#COST table.patern td{
		width: 360px;
		padding:10px 30px; 
	}
	#COST #ICON-SET{margin: 50px 0px 5px 0px;}
	#COST #ICON-SET p{
		float: left;
		margin-right: 30px;
	}
		#COST #ICON-SET img{margin-right:5px;}
	#COST #ICON-SET a{float: right;}
	
	#COST #SPEC-FLASH-BG{
		background-color: #F8F5F2;
		padding: 30px 0px;
		margin-bottom: 30px;
		text-align: center;
	}
		#SPEC-FLASH{
			position: relative;
			z-index: 1;
		}
		#COST #SPEC-CONTENT{
			width: 540px;
			margin: 0px auto;
			text-align: left;
		}

			#COST #SPEC-ATTENTION{
				padding: 20px 15px;
				margin-top: 20px;
				border-top: dotted 1px #44280F;
				border-bottom: dotted 1px #44280F;
				background-color: #ffffff;
			}
				#COST #SPEC-ATTENTION ul{width: 250px;}
					#COST #SPEC-ATTENTION ul li{width: 230px;}

#COST #SAMPLE-INFO{
	background: url(/images/cost/img-line.gif) no-repeat left bottom;
	padding-bottom: 40px;
	margin-bottom: 15px;
}
	#COST #SAMPLE-INFO .flL{width: 274px;}
		#COST #SAMPLE-INFO .flL h5{
			background: url(/images/cost/icon04.gif) no-repeat left top;
			margin: 12px 0px 3px 0px;
		}
		#COST #SAMPLE-INFO .flL p{margin-top: 15px;}
		
	#COST #SAMPLE-INFO .flR{width: 320px;}

#COST #SAMPLE-DATA .flL{
	width: 260px;
	background-color: #F8F5F2;
	padding: 30px 0px;
	text-align:center;
}
	#COST #SAMPLE-DATA .flL #SAMPLE-IMG{
		width: 225px;
		margin: 0 auto;
		text-align: left;
	}
	#COST #SAMPLE-DATA .flL #SAMPLE-IMG a{
		border: dotted 1px #44280F;
		display: block;
	}
	#COST #SAMPLE-DATA .flL #SAMPLE-IMG a:hover{border: solid 1px #44280F;}
		#COST #SAMPLE-DATA .flL #SAMPLE-IMG p{margin-bottom: 5px;}
			#COST #SAMPLE-DATA .flL #SAMPLE-IMG p img{
				vertical-align: text-bottom;
				padding-right: 5px;
			}

#COST #SAMPLE-DATA .flR{width: 310px;}
	#COST #SAMPLE-DATA .flR h5{background: url(/images/cost/icon05.gif) no-repeat left top;}
	#COST #SAMPLE-DATA .flR h5#MODEL-PRICE{background: url(/images/cost/icon06.gif) no-repeat left top;}
	#COST #SAMPLE-DATA .flR ul{width: 310px;}
		#COST #SAMPLE-DATA .flR ul li{width: 290px;}
	
	#COST #SAMPLE-DATA .flR table{width: 310px;}
	#COST #SAMPLE-DATA .flR table th{width: 175px;}
		#COST #SAMPLE-DATA .flR table td{
			width: 135px;
			text-align: center;
		}
	#COST #SAMPLE-DATA .flR .spec-list{
		text-align: right;
		margin-top: 20px;
	}

/*===============================================
PRODUCT
===============================================*/
#PRODUCT-TOP div{ margin-bottom: 20px; }

/*===============================================
LUMINOUS
===============================================*/
#LUMINOUS01{ padding: 20px 0px 30px 0px; }
	#LUMINOUS01 .flL{ width:245px; }
	#LUMINOUS01 .flR{width:350px; }
		#LUMINOUS01 .flR strong{
			display: block;
			padding: 10px 0px 10px 0px;
		}
		#LUMINOUS01 .flR p{ line-height: 1.3; }

#LUMINOUS02{ padding-bottom: 15px; }
	#LUMINOUS02 .flL{ width:110px; }
	#LUMINOUS02 .flR{ width:485px; }
		#LUMINOUS02 .flR p{ line-height: 1.3; }
			#LUMINOUS02 .flR p span{ color: #666666; font-size: 95%; }

#LUMINOUS03{ padding: 30px 0px 0px 0px; }
	#LUMINOUS03 div.spac{
		background-color: #F2F2F2;
		padding: 10px;
		margin-bottom: 20px;
	}
		#LUMINOUS03 div.spac p{
			background-color: #FFFFFF;
			padding: 10px;
		}

/*===============================================
ECODELIGHT
===============================================*/
#ECODELIGHT{}
	#ECODELIGHT p{ line-height: 1.4; }
	#ECODELIGHT table{
		margin-top: 20px;
	}
		#ECODELIGHT table th{
			padding: 0px;
			margin: 0px;
			border: none;
			background-color: #D9E021;
		}
		#ECODELIGHT table td{
			padding: 0px 0px 0px 10px;
			margin: 0px 0px 0px 0px;
			border: none;
		}
			#ECODELIGHT table td p span{
				padding-top: 10px;
				display: block;
				font-size: 11px;
				text-align: right;
			}
		
/*===============================================
GALLERY
===============================================*/
#GALLERY-CATE{margin-bottom: 20px;}
#GALLERY a,
#GALLERY-CATE a,
#GALLERY-CATE span{display: block;}

#GALLERY a:hover,
#GALLERY-CATE a:hover{text-decoration: none;}
	
	#GALLERY .menu-gallery div{ width: 212px; float: left; margin-bottom: 25px; }
		#GALLERY .menu-gallery div.last{ width: 176px; float: left }
		#GALLERY .menu-gallery a{  }


#GALLERY-CATE a{
	border-bottom: dotted 1px #808080;
	color: #999999;
	padding: 20px 15px 15px 15px;
	cursor: pointer;
}
#GALLERY-CATE a:hover{background-color: #F8F5F2;}

	#GALLERY-CATE em{
	   float: left;   
    	width: 128px;
    	background-color: #ffffff;
    	padding: 0px;
    	border: solid 1px #E6E6E6;
    	height:90px;
    	overflow: hidden;
    	text-indent: -9999px;
	}
	
	#GALLERY-CATE .flR{width: 410px;}
		
		#GALLERY-CATE .flR strong{
			color: #4D4D4D;
			font-weight: normal;
		}
		#GALLERY-CATE .flR span{
			font-size: 95%;
			line-height: 1.4em;
		}
			#GALLERY-CATE .flR span a{display: inline;}
		
		#GALLERY-CATE .flR .titleset span{
			color: #38B660;
			float: right;
			width: 140px;
			text-align: right;
			font-size: 110%;
		}
		#GALLERY-CATE .flR .titleset strong{
			float: left;
			width: 240px;
			border-left: solid 3px #38B660; 
			margin-bottom: 12px;
			padding-left: 10px;
			font-size: 120%;
			line-height: 1em;
		}			
	
#GALLERY-DATA #G-PHOTO{
	width: 321px;
	float: left;
}
	#GALLERY-DATA #G-PHOTOS{
		background-color: #DAD4CF;
		padding: 13px;
		margin-top: 15px;
	}
	#GALLERY-DATA #G-PHOTOS table{
		
		background-color: #DAD4CF;
	}
		#GALLERY-DATA #G-PHOTOS table td{
			padding: 0px;
			border:  none;
			width:33%;
			text-align:center;
		}
			#GALLERY-DATA #G-PHOTOS table td a{
				width: 75px;
				display: block;
				background-color: #ffffff;
				border: solid 3px #E6E6E6;
				margin: 5px auto 5px auto;
			}

			#GALLERY-DATA #G-PHOTOS table td a:hover{border: solid 3px #44280F;}
			
#GALLERY-DATA #G-TEXT{
	width: 250px;
	float: right;
}
	#GALLERY-DATA #G-TEXT #G-INFO{
		padding: 13px 15px 8px 15px;
		line-height: 1.3em;
		margin: 3px 0px 20px 0px;
		border: dotted 1px #44280F;
	}
		#GALLERY-DATA #G-TEXT #G-INFO h4{
			margin-bottom: 14px;
			padding-left: 10px;
			width: 210px;
			border-left: solid 3px #38B660; 
		}
		#GALLERY-DATA #G-TEXT #G-INFO span{color: #4D4D4D;}
		#GALLERY-DATA #G-TEXT #G-INFO p{
			color: #999999;
			font-size: 95%;
		}
	#GALLERY-DATA #G-TEXT #G-NAVI{
		text-align: center;
		margin-top: 30px;
	}
		#GALLERY-DATA #G-TEXT #G-NAVI a{display: inline;}	


/*===============================================
EVENT
===============================================*/
#EVENT .event-title{
	background: url(/images/event/bg-eventtitle.jpg) no-repeat left top;
	background-color: #D5EBF8;
}


/*===============================================
TOPICS
===============================================*/		
#TOPICS .topics-title{
	background: url(/images/topics/bg-topicstitle.jpg) no-repeat left top;
	background-color: #E2F1CF;
}
		

/*===============================================
BLOG
===============================================*/
#BLOG-SET{margin-bottom: 60px;}
#BLOG .blog-title,
#BLOG-TOP .blog-title{
	background: url(/images/blog/bg-blogtitle.jpg) no-repeat left top;
	background-color: #F7F5FA;
}

	#BLOG ul.blog-date li,
	#BLOG-TOP ul.blog-date li{
		background: url(/images/common/bg-dot.gif) repeat-y right top;
		padding-right: 14px;
		margin-right: 14px;
		float: left;
		line-height: 1em;
	}
		#BLOG .nextback img{vertical-align: text-top;}

	#BLOG .blog-text{
		margin-bottom: 30px;
		padding: 0px 10px;
	}
			
#BLOG p.back{text-align: center;}
	#BLOG p.back a{
		padding-left: 20px;
		background: url(/images/common/icon05.gif) no-repeat left center;
		color: #999999;
	}

#BLOG-TOP ul{
	margin-bottom:5px;
	color: #999999;
	font-size: 95%;
}
#BLOG-TOP h3 a{
	color: #4D4D4D;
	font-weight: normal;
	font-size: 100%;
	background: url(/images/common/icon21.gif) no-repeat left center;
	padding-left: 20px;
}
	

/*EVENT,TOPICS,BLOG COMMON---------------------------------*/
#EVENT .event-info,
#TOPICS .topics-info,
#BLOG ul.blog-date{
	color: #999999;
	font-size: 95%;
}
		#EVENT .event-info ul li a,
		#TOPICS .topics-info ul li a{
			background: url(/images/common/icon13.gif) no-repeat left center;
			padding-left: 20px;
			margin-bottom: 20px; 
			color: #4D4D4D;
			font-size: 120%;
			display: block;
		}
		#EVENT .event-info ul li a{background: url(/images/common/icon04.gif) no-repeat left center;}
		#EVENT .event-info ul li a:hover,
		#TOPICS .topics-info ul li a:hover,
		#BLOG p.back a:hover{color: #298DCF;}
		
	#EVENT ul.event-date,
	#TOPICS ul.topics-date{
		color: #999999;
		font-size: 95%;
	}
	
	#EVENT .event-title h3,
	#TOPICS .topics-title h3,
	#BLOG .blog-title h3{
		width: 450px;
		padding: 18px 0px 8px 15px;
	}
		#EVENT .event-text,
		#TOPICS .topics-text{
			padding: 0px 5px;
			margin-bottom: 60px;
		}
			#BLOG .blog-text img,
			#TOPICS .topics-text img,
			#EVENT .event-text img{padding: 0px 5px;}

	
/*---------------------------------
COMMENTS for BLOG
---------------------------------*/		
#COMMENTS{
	padding-top:40px;
	width: 600px;
	margin: 0 auto;
	text-align: left;
}
#COMMENTS h2{
	font-size: 100%;
	color: #44280F;
	margin-bottom: 15px;
	padding-left: 25px;
	background: url(/images/blog/img-comment.gif) no-repeat left center;
	}
table td input,
table td textarea{padding: 3px 3px 3px 3px;}

.bg-comment01{background: url(/images/blog/bg-comment02.gif) repeat-y left top;}
.bg-comment02{background: url(/images/blog/bg-comment01.gif) no-repeat left top;}
.bg-comment03{
	background: url(/images/blog/bg-comment03.gif) no-repeat left bottom;
	padding: 20px 20px 40px 20px;
	font-size: 95%;
}
#AUTHOR{
	text-align: right;
	font-size: 90%;
	margin-bottom:25px;
	padding-top: 5px;
	background-color:#ffffff ;
}
	
#COMMENTS table{margin-bottom: 20px;}
	#COMMENTS table th{
		width: 100px;	
		background-color:#ffffff;
		color: #4D4D4D;
		border:none;
		padding: 0px;
		margin-bottom:10px;	
	}
		#COMMENTS table td{
			width: 500px;
			border:none;
			padding: 0px;
		}
	
	#COMMENTS #TEXT{margin-bottom: 30px;}

#comments-open{
	border-top: dotted 1px #44280F;
	padding-top: 40px;
}	
	#comments-open table th,
	#comments-open table td{padding-bottom: 5px;}
	#comments-open table td input,
	#comments-open table td textarea{
		background-color: #F8F5F2;
		border: none;
	}

#BTN-COMMENT{
	margin-top: 5px;
	text-align: center;
}
#BTN-COMMENT input{margin-right: 5px;}

.comment{text-align: left;}

p#FINISH,p#THANKS,p#NOT{
	color: #44280F;
	font-size: 120%;
	text-align: center;
	margin: 50px 0px 5px 0px;
	font-weight: bold;
	padding-bottom: 55px;
	
}
	span#ERROR{
		font-size: 100%;
		color: #662D91;
		font-weight: normal;
		display: block;
	}
p#FINISH{background: url(/images/blog/img-finish.gif) no-repeat center bottom;}
p#THANKS{background: url(/images/blog/img-thanks.gif) no-repeat center bottom;}
p#NOT{background: url(/images/blog/img-error.gif) no-repeat center bottom;}

	

/*===============================================
CATALOG,CONTACT
===============================================*/
#CATALOG h4,
#CONTACT h4{border-left: solid 3px #8CC63F;}
	
	#CATALOG .companyinfo,
	#CONTACT .companyinfo{
		margin-bottom: 20px;
	}
		#CATALOG .companyinfo p a img,
		#CONTACT .companyinfo p a img{margin-left: 10px;}
		#CATALOG .companyinfo p strong,
		#CONTACT .companyinfo p strong{
			display: block;
			margin: 5px 0px 10px 0px;
			padding-bottom: 5px;
			border-bottom: dotted 1px #44280F;
		}
		#CATALOG .companyinfo p strong span,
		#CONTACT .companyinfo p strong span{
			color: #8CC63F;
			margin-right: 15px;
		}
		#CATALOG p a,#CATALOG p span,
		#CONTACT p a,#CONTACT p span{color: #D7476D;}
		
		#CATALOG p.attention,
		#CONTACT p.attention,
		#CATALOG p.msg,
		#CONTACT p.msg{
			background-color: #F1F8E8;
			padding: 12px 18px;
			margin: 0px 0px 30px 0px;
			line-height: 1.4em;
		}
			#CATALOG p.attention span,
			#CONTACT p.attention span{color:#44280F;}
		
		#CATALOG p.error,
		#CONTACT p.error{
			border:#CCCCCC 1px solid;
			background-color: #F9F9F9;
			padding: 10px;
			color: #CC0000;
			margin-bottom: 30px;
		}
		
		#CATALOG table th span,
		#CONTACT table th span{color: #D7476D;}
		
		#CATALOG #BTN-FORM,
		#CONTACT #BTN-FORM{
			margin: 30px 0px 50px 0px;
			text-align: center;
		}
			#CATALOG #BTN-FORM input,
			#CONTACT #BTN-FORM input{
				margin: 0px 10px;
			}
		

/*===============================================
CASE-DRAWER
===============================================*/
#CASE-LIST{
    width:100%;
    overflow: hidden;
}

#CASE-DRAWER{
    position:absolute;
    left:0px;
    width:100%;
    height:200px;
	overflow:hidden;
	z-index: 2;
}
    #CASE-DRAWER #CASE-LIST{ margin-top:120px; }
    #CASE-DRAWER #CASE-FIELD{
        background-image:url(/images/common/img-galleryfield2.gif);
        background-position: 0px 0px;
        background-repeat: repeat-x;
    }
    #CASE-DRAWER #CASE-WRAPPER{
        background-color:#B3DE35;
        padding-left: 15px;
    }

#CASE-LOADER{
    text-align: center;
    padding-top: 5px;
}


/*===============================================
FOOT
===============================================*/
#FOOT{
	background-image: url(/images/common/foot-bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	height: 30px;
	position: absolute;
	left:0px;
	text-align: center;
	width:100%;
	z-index:3;
}
/*
#BG-FOOT{
	background: url(/images/common/bg-foot.jpg) repeat-x left top;
	height: 55px;
	margin:25px 0px 30px 0px;
	display: none;
}
	#FOOT{
		width: 850px;
		margin:0 auto;
		text-align:left;
		
	}
	
		#FOOT img{
			width: 280px;
			float: left;
			margin-top:12px;
		}
		#FOOT p{
			float: right;
			font-size:10px;
			color: #ffffff;
			margin-top:30px;
		}

*/
/*===============================================
class
===============================================*/
.alC	{ text-align: center; }
.alL	{ text-align: left; }
.alR	{ text-align: right; }
.flL	{ float: left; }
.flR	{ float: right; }
.pdL2	{ padding-left: 2px; }
.pdT10	{ padding-top: 10px; }
.pdT20	{ padding-top: 20px; }
.pdT30	{ padding-top: 30px; }
.pdT40	{ padding-top: 40px; }
.pdT50	{ padding-top: 50px; }
.pdB10	{ padding-bottom: 10px; }
.pdB20	{ padding-bottom: 20px; }
.pdB30	{ padding-bottom: 30px; }
.pdB40	{ padding-bottom: 40px; }
.pdB50	{ padding-bottom: 50px; }
.pd5	{ padding: 5px; }
.pd10	{ padding: 10px; }
.pd5T8 { padding: 8px 5px 5px; }
.mgT10	{ margin-top: 10px; }
.mgT20	{ margin-top: 20px; }
.mgT30	{ margin-top: 30px; }
.mgT40	{ margin-top: 40px; }
.mgT50	{ margin-top: 50px; }
.mgT5	{ margin-top: 5px; }
.mgT25	{ margin-top: 25px; }
.mgB4	{ margin-bottom: 4px; }
.mgB6	{ margin-bottom: 6px; }
.mgB10	{ margin-bottom: 10px; }
.mgB12	{ margin-bottom: 12px; }
.mgB15	{ margin-bottom: 15px; }
.mgB20	{ margin-bottom: 20px; }
.mgB25	{ margin-bottom: 25px; }
.mgB30	{ margin-bottom: 30px; }
.mgB35	{ margin-bottom: 35px; }
.mgB40	{ margin-bottom: 40px; }
.mgB50	{ margin-bottom: 50px; }
.mgB80	{ margin-bottom: 80px; }
.mgL10	{ margin-left: 10px; }
.mgL120	{ margin-left: 120px; }
.mgR0	{ margin-right: 0px; }
.mgR3	{ margin-right: 3px; }
.mgR15	{ margin-right: 15px; }
.mg10	{ margin: 10px; }
.mgTB10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mgTB25{
	margin-top:25px;
	margin-bottom:25px;
}
.bold{font-weight:bold;}
.clear-both{clear:both;}
.green{color:#38B660;}


/*===============================================
hide
===============================================*/
/*--------------------for MacIE--------------------*/
#PAGETOP a span,
#IDEAS #TAB-IDEAS ul li a span{
	text-indent:-9999px;
}
/*--------------------Hides from IE-mac--------------------\*/
#PAGETOP a span,
#IDEAS #TAB-IDEAS ul li a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}

/*===============================================
clearfix
===============================================*/
#SUBCONTENT ul:after,
.xmlinfo:after,
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
#SUBCONTENT ul,
.xmlinfo,
.clearfix{
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
*html #SUBCONTENT ul,
*html .xmlinfo,
*html .clearfix{
	height:1%;
}
#SUBCONTENT ul,
.xmlinfo,
.clearfix{
	display:block;
}
/* end */