*html div{ height:0;}/* fix ie6 height */
html,body {
	margin: 0px;
	padding:0px;
	font-size:0.85em;
	height:100%; /*ie table 100% height*/
	position:absolute; top:0px; bottom:0px; left:0px; 

right:0px;width:100%; height:100%; /*ff table hight 100%*/
}
img { border:0;}
.Lcolumn{ float:left;}
.Rcolumn{ float:right;}
.br{ clear:both;}
	
	
.space4px{ padding:4px 0 0 0;}
	
a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}


h1{
	font-size:12px;
	margin:0px;
	padding-top: 5px;
	padding-left: 3px;
}
h2{
	font-size:12px;
	margin:0px;
}
h3{
	font-size:12px;
	margin:0px;
}


.style1 {color: #FF0000}
.style2 {color: #FF0000; font-weight: bold; }
.style3 {color: #999999}
.style5 {color: #DB0000}
.style6 {	color: #41AD49;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 16px;
}
.style222 {color: #008dd2; font-weight: bold; }
.ueno-j {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.bodyTextWrap{ height:100%;}
.innerbodyWrap{ margin-bottom:20px;}

.big13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.s10 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bluetext12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0068B4;
}
.bigorange14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F7931E;
}
.underline12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
.bigper16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #621A88;
}
.big14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-repeat: no-repeat;
}
.big16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.bigpink14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F16283;
}
.bg {
	background-repeat: no-repeat;
}

.blackLink {color: #000000}

.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../image/submit.gif);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	margin: 0px;
	padding-top: 1px;
	background-color: #FFFFFF;
}
.big18 {
	font-size:1.3em;
}
.w14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.b12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.w12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.bigredore14 {
	font-family: Verdana;
	color: #F05023;
	font-size: 14px;
}
#orLink {
	font-family: Verdana;
	font-size: 12px;
	color: #F05023;
	text-decoration: underline;
	font-weight:bold;
}

.bluedottedbg{ background:url(../image/16.gif); border:7px solid #fff; padding:18px 18px 0 18px;}

.overalltable{ width:100%; height:100%;}
.firsttdbg{ background:url(../image/bg.gif);}
#upperheader{ background:url(../image/02.gif); width:805px;}								

#greentext{ color:#006E3A; text-align:center;}
#greenbg{ width:100%; background-color:#DEF0E3; padding:5px 0;}
#borderBD{ border-bottom:1px dotted #000000;}
.leftPad{ padding:3px 0 3px 10px;}
#graybox1{ background-color:#D9D7CA; padding:2px 0;}
#paddinGtop{ padding:8px 0; font-size:11px;}
#Btext{ color:#0071BC; text-align:center;}
#text456{ color:#666666; padding:0 0 8px 0;}
#guidebg1{ background-image: url(../image/guidebg01.gif); height:78px; background-repeat:no-repeat; width:435px;}
#buttonOrange{ text-align:center; padding:35px 0 0 0; text-align:center; width:145px;}
#buttonGreen{ text-align:center; padding:38px 0 0 0;  text-align:center; width:145px;}
#guidebg2{ background-image: url(../image/guidebg02.gif); height:78px; background-repeat:no-repeat; width:435px;}

#fromTopH01{ background-image: url(../image/gq01.gif); height:56px; background-repeat:no-repeat;}
#bluelink1 { color:#0071BC; text-align:right; padding:25px 0 0 0;}
#bluelink1 a{ color:#0071BC; text-decoration:none;}
#bluelink1 a:hover{ color:#0071BC; text-decoration: underline;}
#yellowboxForm{ background-color:#FFFAC2; width:440px; padding:12px;}
#greenBarLR{ border-left:6px solid #89C765; padding:4px 0 4px 16px; font-size:12px;}
#formYR { text-align:right; padding: 0 8px 0 0;}
#formYL{ padding:2px 0;}
.WhitHText{ color:#FFFFFF; font-weight:bold; font-size:14px;}
.whiteHtextR{ background-image:url(../image/x00.gif); background-repeat:no-repeat; padding:0 0 0 20px; color:#FFFFFF; }

#toptextNcontrol{ padding:0 0 0 12px;}
#toptextNormal{ font-size:10px; text-align:left; color: #009900; float:left;}
.greenFrame{ border:1px solid #009900; float:left; padding:0 4px 0 4px;}

#floatL{ float:left;}
#floatR{ float:right;}
#br{ clear:both;}

.arrowYR{ background:url(../image/arrow_yellow2.gif) no-repeat; padding:0 0 3px 18px;}
.yRText{ padding:0 0 0 18px;}

#note a{ color:#000000; text-decoration:none;}
#note a:hover{ color:#006600; text-decoration:underline;}

.otherspace{ float:left; padding-right:10px; margin-bottom:8px;}
.otherspaceBig{ float:left; padding-right:5px; margin-bottom:8px;}


/*index*/
.flashTop{ background:#E5E01C;}

#indexh1{ text-align:center;}
.topmidmenu{ padding:8px 0 0 0;}
.index3colGroupWrap{ padding:8px 0 3px 0; color:#FFFFFF;}
  .index3colGroupWrap h2 { padding:2px 0 0 7px;}
  .index3colGroupWrap a{ color:#FFFFFF; text-decoration:underline;}
  .index3colGroupWrap a:hover{ color: #000000; text-decoration:none;}
.index3colGroupWrap ul, #topOtherMenu ul{ margin:0; padding:0; padding-left:6px;}
.index3colGroupWrap ul li, #topOtherMenu ul li{ list-style:none; 
  background:url(../image/yellowarrow.png) 0 4px no-repeat; 
  padding:2px 0 2px 15px;}
.threeCalBlue, .threeCalGreen, .threeCalPer{ float:left; width:155px;height:234px; font-size:0.9em;}
.threeCalBlue{ background:url(../image/indexbluebg.png);}
.threeCalGreen{ background:url(../image/indexgreenbg.png) repeat-y; margin:0 12px;}
.threeCalPer{ background:url(../image/indexperbg.png) repeat-y;}
.indexDotted{ background:url(../image/whitedotted.gif) 6px 0; height:14px; 
margin:8px 5px 2px 5px; padding:0;}
#indexpertable{ height:233px; font-size:12px; }
#indexpertable td{vertical-align:top;}
  #indexpertable .verfoot{ vertical-align:bottom;}
    .index3colGroupWrap .verfoot a{ color:#666666; text-decoration:underline;}
	.index3colGroupWrap .verfoot a:hover{ color:#000000; text-decoration:none;}
#topOtherMenu{ background:#FFFFFF; border:1px solid #CCCCCC; padding:5px 0; margin-bottom:8px;}


.indexNewsBody{ background:#F3FAFE; border:1px solid #8F929F; padding:12px 8px;}
  .indexNewsBody .Lcolumn{ width:80px; margin:4px 0;}
  .indexNewsBody .Rcolumn{ width:390px; margin:4px 0;}
  .indexNewsBody a{ text-decoration:underline; color:#0066FF;}
  .indexNewsBody a:hover{ color:#000000;}

.frontLeftButton1 a{ background: url(../image/07.gif) no-repeat;width:323px; height:33px; display:block;}
.frontLeftButton1 a:hover{ background:url(../image/07_2.gif) no-repeat;}
.frontLeftButton1 span{ visibility:hidden;}

.frontLeftButton2 a{ background: url(../image/08.gif) no-repeat;width:323px; height:33px; display:block;}
.frontLeftButton2 a:hover{ background:url(../image/08_2.gif) no-repeat;}
.frontLeftButton2 span{ visibility:hidden;}

.frontLeftButton3 a{ background: url(../image/09.gif) no-repeat;width:323px; height:33px; display:block;}
.frontLeftButton3 a:hover{ background:url(../image/09_2.gif) no-repeat;}
.frontLeftButton3 span{ visibility:hidden;}

.frontLeftButton4 a{ background:url(../image/pop001.gif) no-repeat;width:323px; height:33px; display:block;}
.frontLeftButton4 a:hover{ background:url(../image/pop002.gif) no-repeat;}
.frontLeftButton4 span{ visibility:hidden;}

.frontLeftButton5 a{ background: url(../image/10.gif) no-repeat;width:323px; height:33px; display:block;}
.frontLeftButton5 a:hover{ background:url(../image/10_2.gif) no-repeat;}
.frontLeftButton5 span{ visibility:hidden;}


/*inner*/
.gototopNew{ text-align:right; margin:0px 0 12px 0; font-size:0.9em;}

.innerLeftButton4 a{ background:url(../image/pop003.gif) no-repeat;width:192px; height:52px; display:block; text-decoration:none;}
.innerLeftButton4 a:hover{ background:url(../image/pop004.gif) no-repeat;}
.innerLeftButton4 span{ visibility:hidden;}

.bodypadd{ padding:18px 18px 5px 18px;}
  #indexBody .bodypadd{ padding:6px;}
  #indexBody{ width:100%;}
.pageh1{ margin:0 0 12px 0; padding:0;}
#showcaseH1{}

.showcaseIndexBox{ margin:0 0 18px 33px;}
.showcaseIndexBox .Lcolumn img{ float:left; margin:0;}
*html body .showcaseIndexBox .Lcolumn img{ margin-left:-3px;}
.midmenu{ width:150px;float:right;}
  .midmenu ul, .topmenuhaftRight ul
    { list-style: none; line-height:20px;margin:0; padding:0;}
  .midmenu ul li, .topMenuFloat li
    { padding:0 0 0 18px; background:url(../image/yellowarrow.jpg) 0 1px no-repeat;}
  .midmenu ul li a, .topMenuFloat a{ text-decoration:underline;}
.rightimg{ float:right;}
.showcaseTopbarInner{ height:8px; margin:16px 0 8px 0; padding:0;}

#otherheaderControler{ float:none; margin-left:-18px;}

#showcaseBarBlue{ background:url(../image/dottedblue.png);}
#showcaseBarBrown{ background:url(../image/dottedbrown.png);}
#showcaseBarGreen{ background:url(../image/dottedgreen.png);}
#showcaseBarPink{ background:url(../image/dottedper.png);}

.showcasetopdetail{ margin:0 0 20px 0;}
#showcasebluetopGroup{background:url(../image/dottedblue.png) repeat-x bottom;
 padding:0 0 38px 0;}
#showcasePinktopGroup{background:url(../image/dottedper.png) repeat-x bottom;
 padding:0 0 38px 0;}
#showcaseGreentopGroup{background:url(../image/dottedgreen.png) repeat-x bottom;
 padding:0 0 38px 0;}
#showcaseBrowntopGroup{background:url(../image/dottedbrown.png) repeat-x bottom;
 padding:0 0 38px 0;}

.showcaseborderblue{ height:2px; background:url(../image/dottedblue.png) repeat-x; font-size:0; margin:0 0 12px 0;}
.showcaseborderGreen{ height:2px; background:url(../image/dottedgreen.png) repeat-x; font-size:0; margin:0 0 12px 0;}
.showcaseborderPink{ height:2px; background:url(../image/dottedper.png) repeat-x; font-size:0; margin:0 0 12px 0;}
.showcaseborderBrown{ height:2px; background:url(../image/dottedbrown.png) repeat-x; font-size:0; margin:0 0 12px 0;}

.showcaseIndexBox .Lcolumn{ width:264px; }
#showcaseBlue .Lcolumn{ background:url(../image/showcaseheaderbluebg.png) repeat-y left;}
#showcaseGreen .Lcolumn{ background:url(../image/showcaseheadergreenbg.png) repeat-y left;}
#showcasePink .Lcolumn{ background:url(../image/showcaseheaderpinkbg.png) repeat-y left;}
.showcasewhitebox{ float:left; border:1px solid #333333; 
  background:url(../image/yellowarrow.jpg) no-repeat 7px 9px; 
  padding:10px 4px 10px 25px;width:73px;}

  *html body .showcasewhitebox{ width:105px;}

.showcaseHeaderBlueAll{ background:url(../image/bluebar.png) no-repeat; 
  padding:12px 12px 8px 0;}
#showcaseTopMenu1, #showcaseTopMenu2, #showcaseTopMenu3, #showcaseTopMenu4{ float:right;}
#showcaseTopMenu1 span, #showcaseTopMenu2 span, #showcaseTopMenu3 span, #showcaseTopMenu4 span
  { visibility:hidden;}
#showcaseTopMenu1 a{ width:118px; height:28px; text-decoration:none;
  display:block; background:url(../image/showcasetopbutton1.png) 0 0 no-repeat;}
#showcaseTopMenu1 a:hover{background:url(../image/showcasetopbutton1.png) 0 -42px no-repeat;}
#showcaseTopMenu2 a{ width:118px; height:28px;
  display:block; background:url(../image/showcasetopbutton2.png) 0 0 no-repeat;}
#showcaseTopMenu2 a:hover{ text-decoration:none;
  background:url(../image/showcasetopbutton2.png) 0 -42px no-repeat;}
#showcaseTopMenu3 a{ width:118px; height:28px; text-decoration:none;
  display:block; background:url(../image/showcasetopbutton3.png) 0 0 no-repeat;}
#showcaseTopMenu3 a:hover{background:url(../image/showcasetopbutton3.png) 0 -42px no-repeat;}
.topmenuhaftRight{ float:right; width:328px;}
.closetopshowcase{ height:8px; margin:5px 0 20px 0;}
.showcaseImageLeft{ float:left; width:118px;}
#showcaseTopMenu4 a{ width:49px; height:28px; text-decoration:none;
  display:block; background:url(../image/showcasetopbutton4.png) 0 0 no-repeat;}
#showcaseTopMenu4 a:hover{background:url(../image/showcasetopbutton4.png) 0 -43px no-repeat;}

#tomenuFg1, #tomenuFg2, #tomenuFg3{ float:left; margin-left:14px;}

.showcaseleftdetail{ float:left;width:294px;}
  .showcaseBlueContentHeader { color:#99CCFF; font-size:1.2em; float:left;}
    #showGreenHead{ color:#75A315;}
	#showPerHead{ color:#8F5294;}
.showcaserightdetail{ float:right;}
.showcaseLcolumn{ float:left; margin:3px 0 0 5px;}

.showcaseMidthumbH2{ margin:0 0 8px 0;}
.headdownarrow{ text-align:center; margin:4px 0 0 0;}
#blueMidthimbH2{ background:url(../image/bluemaru.png) no-repeat; padding:4px 0 4px 29px;}
  #brownMidthimbH2{ background: url(../image/brownmaru.png) no-repeat; padding:4px 0 4px 29px;}
  #greenMidthimbH2{ background:url(../image/greenmaru.png) no-repeat; padding:4px 0 4px 29px;}
  #perMidthimbH2{ background:url(../image/permaru.png) no-repeat; padding:4px 0 4px 29px;}

#beforebluebg{ background: url(../image/blueheader.png) no-repeat; color:#fff;}
  #beforebrownbg{ background: url(../image/brownheader.png) no-repeat; color:#fff;}
  #beforeGreenbg{ background: url(../image/greenhead.png) no-repeat; color:#fff;}
  #beforePerbg{ background: url(../image/perhead.png) no-repeat; color:#fff;}

.showcaseThumbnailHere{ text-align:center; width:455px; margin:8px 0 0 0; }
.showcaseThumbnailHere img{ margin:0 3px 4px 4px;}

.afterGroupWrap, .inprogressGroupWrap{ margin:5px 0 15px 0;}
.afterContent, .inprogressContent, .beforeContent{ padding:8px;}
.afterContent p, .inprogressContent p, .beforeContent p{ padding:0; margin:0;}

#beforeContentWrap{ /* before bg img + color here*/
  background: url(../image/white.png) repeat-x bottom #336699; color:#FFFFFF;}
  #beforeBrownContentWrap{ /* before bg img + color here*/
  background: url(../image/white.png) repeat-x bottom #B99F76; color:#FFFFFF;}
  #beforeGreenContentWrap{ /* before bg img + color here*/
  background: url(../image/white.png) repeat-x bottom #B8CE8C; color:#FFFFFF;}
  #beforePerContentWrap{ /* before bg img + color here*/
  background: url(../image/white.png) repeat-x bottom #A08A9E; color:#FFFFFF;}
  
#inprogressContentWrap{ /* inprogress bg img + color here*/
  background:url(../image/inproblueheader.gif) no-repeat #336699; color:#FFFFFF;}
  .wtextincolor{ padding:6px 0 8px 110px; color:#FFFFFF;}
  #inprogressBrownContentWrap{ /* inprogress bg img + color here*/
  background: url(../image/headinprogressbrown.png) no-repeat #B99F76; color:#FFFFFF;}
    #inpressTextTop{ padding-left:145px;}
  #inprogressGreenContentWrap{ /* inprogress bg img + color here*/
  background: url(../image/greenheadmid.png) no-repeat #B8CE8C; color:#FFFFFF;}
  #inprogressPerContentWrap{ /* inprogress bg img + color here*/
  background: url(../image/inproheadper.png) no-repeat #A08A9E; color:#FFFFFF;}
    #permidtext{ padding-left:145px;}
  

  
#afterContentWrap{ /*after top bg img + color here*/
  background:url(../image/afterhead.png) no-repeat #54A9DF; color:#FFFFFF;}
  #afterBrownContentWrap{ /*after top bg img + color here*/
  background:url(../image/brownafter.png) no-repeat #E7A964; color:#FFFFFF;}
  #afterGreenContentWrap{ /*after top bg img + color here*/
  background:url(../image/greenafterhead.png) no-repeat #77C5AA; color:#FFFFFF;}
  #afterPerContentWrap{ /*after top bg img + color here*/
  background:url(../image/afterperhead.png) no-repeat #B47DB4; color:#FFFFFF;}

.blueborderStuff{ border:1px solid #bae5f0;}
.stuffPhotoColWidth{ width:110px; vertical-align:top; padding:3px;}
.stuffContentColWidth{ padding:4px 0 0 3px; vertical-align:top;}

.seemorepage{ text-align:right;
	padding:10px 0;}
.seemorepage a{ border:1px solid #09F; 
	padding:0 3px;
	color: #0068B4;
	text-decoration:none;
	}
.seemorepage a:hover, .seemorepage a.activepage{
	color:#FFF;
	background:#0068B4;
	}
.seemorepage a.activepage{
	cursor:text;}

<!--50% off-->
.buttonWhiteUniversal a{ 
  text-decoration:none; /*kill underline*/
  }	
.buttonWhiteUniversal a span{ 
  background: url(../image/colse.png) no-repeat 0 0;/*bg + its xy*/
  display:block;/*important*/
  height:22px;
  width:122px;
  text-align:center;
  margin:0 auto;
  font-size:0;
  }
 .off50Wrap{
	 background:url(../image/2010-eco-jiyosu.png) no-repeat center 0;
	 width:600px;
	 height:166px;
	 padding-top:644px;
	 margin:0 auto;
	 }