@charset "utf-8";
/* CSS Document */

h1 {
}

h2 {
	clear:both;
	color:#333333;
	font-size:28px;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	padding:0.5em 0;
	margin:0 0 0.5em 0;
}

h2 span {
	color:#CC3333;
	font-size:18px;
	font-weight:bold;
	padding:0 1em;
	margin:0;
}
h3 {
	clear:both;
	color:#666666;
	font-size:larger;
	font-weight:bold;
	border-bottom:3px solid #CCCCCC;
	padding:0.75em 0.5em;
	margin:1em 0 0.5em 0;
}

h4 {
	clear:both;
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	padding:0.75em 0.5em;
	margin:0 0 0.5em 0;
}


.nav li a img {
	vertical-align:top;
}

.mgb40{
	margin-bottom:40px;
}

/* Tab Menu 1 */

.reform .ecoreformTop .cLeft{
	float:left;
}
.reform .ecoreformTop .cLeft p{
	margin-left: 17px;
	line-height: 1.6em;
}

.reform .ecoreformTop .cRight{
	float:right;
	width: 296px;
}

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html .pkg {
	display: inline-block;
}

/* no ie mac \*/
* html .pkg {
	height:1%;
}

.pkg {
	display:block;
	position:relative;
}

/* */

.reform .rfBgTop{
 background:url(../images/rf_topbg_t.gif) left top no-repeat;
	width:590px;
}

.reform .rfBgBottom{
 background:url(../images/rf_topbg_b.gif) left bottom no-repeat;
	width:590px;
	margin-bottom:30px;
}

.reform .ecoreformTop{
	/*background:top left no-repeat url(../images/eco_bg.gif);*/
	width:590px;
	margin-top:13px;
	padding:0;
	float:left;
}

.reform .ecoreformTop p{
	line-height:1.3;
}

.reform .ecoreformTop p.mtx{
	margin:20px 0 0;
}

.ecoLead{
	width:590px;
	margin:0 0 0 0px;
	padding:0;
}

.ecoLead .cLeft{
	width:280px;
}
.ecoLead .cRight{
	width:333px;
}

/*.tabNav a.active{  
}  
*/
.reform ul.tabnavi{
	width:573px;
	margin:0 0 0 17px;
}

.reform ul.tabnavi li{
	float:left;
	width:180px;
	margin:0 9px 0 0;
	cursor:pointer;
}



.reform ul.tabnavi li#tabBtn4{
	display:none;
}

#tabArea{
	width:590px;
}

.tabContents{
 background:url(../images/tab_cont_bg.gif) left bottom no-repeat;
	width:590px;
	display:none;
}

.tabContents .tabWrap{
	background:url(../images/tab_cont_bg_top.gif) left top no-repeat;
	width:590px;
	padding-top:22px;	
}

#tabChanger .selected span{
	display:block;
}

#tabChanger .selected span img{
	visibility:hidden;
}

#tabChanger .selected span.t1{
	background:url(../images/btn_eref01_on.gif) left top no-repeat;
}

#tabChanger .selected span.t2{
	background:url(../images/btn_eref02_on.gif) left top no-repeat;
}

#tabChanger .selected span.t3{
	background:url(../images/btn_eref03_on.gif) left top no-repeat;
}

.tabPannel{
	width:590px;
}
.tabPannel:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;	
}

* html .tabPannel{display: inline-block;}
/* no ie mac \*/
* html .tabPannel{ height:1%; }
.tabPannel{
	display:block;
	position:relative;
}
/* */

.mainBtn{
 	display:block;
}

.subBtn{
 	display:none;
}

.reform .ecoLead h2{
	margin:0 0 10px;
}
.reform .tabContents #tab1{
	background:url(../images/tab1_img1.gif) right 6px no-repeat;
 width:570px;
	margin-left:17px;
}

.reform .tabContents #tab1 h3{
	margin:0 0 28px 0;
	padding:0;
	border:none;
}
.reform .tabContents h4{
	margin:0 0 10px 0;
	padding:0;
	border:none;
}


.tab1column{
	width:570px;
}
.tab1column .cLeft{
 width:242px;
}

.tab1column .cLeft div img{
	margin:20px 0;
}
.tab1column .cRight{
width:262px;
margin-right:25px;
display:inline;
}

.tab1column .cRight h4{
	margin-top:154px;
}

.tab1column .cRight div img{
	margin:36px 0 22px 20px;
}


.reform .tabContents #tab2{
 width:570px;
	margin-left:18px;
}

.reform .tabContents #tab2 h3{
	margin:0 0 17px 0;
	padding:0;
	border:none;
}

.reform .tabContents #tab2 h4{
width:235px;
	margin:0 0 20px;
	padding:0;
	border:none;
}

.tab2column1{
	background:url(../images/tab2_cont_bg.gif) left top no-repeat;
	padding:10px 0 26px 10px;
	width:560px;
}

/*.tab2column1 .cLeft{
 width:235px;
}
*/
.tab2column1 .cRight{
 width:325px;
	overflow:hidden;
}
.tab2column1 .detail{
 position:absolute;
 bottom: 0;
	border:0;
}
.tab2column1 .cRight .tab2column2A{
	width:145px;
	margin-right:5px;
}

.tab2column1 .cRight .tab2column2B{
	width:120px;
	margin-right:5px;
}

.tab2column1 .cRight .tab2column2C{
	width:122px;
	margin-bottom:8px;
}

.tab2column2C .imgA{
width:60px;
margin:0 14px 0 0;
}

.tab2column2C .imgB{
width:60px;
margin:10px 0 0;
}

.tab2column2C .imgC{
width:60px;
margin:0 10px 0 0;
}

.tab2column2C .imgD{
width:60px;
margin:16px 0 0;
}

.tab2column1 .imgE{
width:60px;
margin:6px 0 12px;
}

.tab2column1 .leadtxt{
margin:0 5px 10px 0;
}

.tabContents .tab2cont{
	background:left top no-repeat url(../images/tab2_cont_bg.gif);
	width:590px;
	height:587px;
	padding:23px 20px 30px;	
}

.reform .tabContents #tab3{
	background:url(../images/tab3_img1.gif) 305px 100px no-repeat;
	width:570px;
	margin-left:18px;
	}
	
.reform .tabContents #tab3 h3{
	margin:0 0 12px 0;
	padding:0;
	border:none;
}

.reform .tabContents #tab3 h4{
	margin:30px 0 5px;
	padding:0;
	border:none;
}

#tab3 .tab3txt{
 width:300px;
	margin:0 0 10px;
}

#tab3 .pdb40{
 padding-bottom:40px;
}

.tab_menu {
	clear:both;
	position:relative;
}

.tab_menu ul {
	display:block;
	height:45px;
	background:#EBE8C9 url(../products/images/tab_bg.jpg) repeat-x left top;
	padding:0 0 0 9px;
	margin:0;
}

.tab_menu ul.add {
	height:34px;
	overflow:hidden;
}

.tab_menu ul li {
	display:block;
	height:35px;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}

.tab_menu ul li.no1 {
	margin-right:8px;
}

.tab_menu ul li.no2 {
	margin-right:8px;
}

.tab_menu ul li.no3 {
	margin-right:16px;
}

.tab_menu ul li.no4 {
	margin-right:4px;
}

.tab_menu ul li.no5 {
	margin-right:0;
}

.tab_menu ul li img {
	vertical-align:top;
	border:none;
}

.tab_menu ol.list {
	position:relative;
	display:block;
	width:590px;
	background-color:#EBF4DD;
	padding:0;
	margin:0;
}

.tab_menu ol.list li {
	display:block;
	line-height:0;
	list-style:none;
	padding:0;
	margin:0;
}

.tab_menu ol.list li a {
	display:block;
	line-height:normal;
	background:transparent url(../images/arrow_bg_green.gif) no-repeat 1em center;
	padding:0.3em 0 0.4em 2.5em;
	margin:0 0 0 0;
}

.tab_menu ol.list li a:hover,
.tab_menu ol.list li a.current {
	background-color:#D9DEAE;
}

/* grid */

.tab_menu ol.grid {
	display:block;
	background:none;
	background-color:#EBF4DD;
	padding:3px 0 3px 6px;
	margin:0 0;
}

.tab_menu ol.grid li {
	display:block;
	float:left;
	list-style:none;
	padding:0;
	margin:4px 3px 4px 0;
}

.tab_menu ol.grid li a {
	display:block;
	width:4.5em;
	line-height:normal;
	background:transparent url(../images/arrow_bg_green.gif) no-repeat 5px center;
	padding:3px 0 4px 20px;
	margin:0;
}

.tab_menu ol.grid li a:hover {
	background-color:#EBE8C9;
}

/* Split 2 -------------------*/

.split2 {
}

.split2 .cell_l {
	width:285px;
}

.split2 .cell_r {
	width:285px;
}

.line .cell_l,
.line .cell_r {
	width:270px;
}

.split2 table {
	margin-bottom:2em;
}

.split2 table th {
	text-align:left;
	font-weight:normal;
	background-color:#FFECB3;
}

.split2 table td {
	padding-left:2em;
}

/*------rfprod---------*/
.line {
	background:transparent url(../images/split_line.gif) repeat-y 294px 0px;
}
.rfprodTit{
	margin:15px 0 10px;
}

.rfprod1 {
	width:590px;
}

.rfprod1.spc {
	margin:0 0 10px;
}

/*.rfprod1 .contact{
 margin:12px 29px 29px;
}*/

.rfprod1 .grayFlame{
 border:#E0E0E0 solid 5px;
	height:250px;
}

.rfprod1 .grayBase{
 background: #eaeaea;
}


.rfprod1 .cell_l {
 float:left;
	width:275px;
}

.rfprod1 .cell_l.height{

}

.rfCont{
	padding:7px 10px;
	border-bottom: 1px dashed #999;
}

.rfCont.last{
	border:none;
}

.rfCont p.tit{
	margin:0 0 4px;
}


.rfContBoxTop{
		width:255px;
}

.rfContBoxTop dl,
.rfContBoxTop dd{
	margin:0;
	padding:0;
}

.rfContBoxTop dt{
	margin:0 0 3px;
}

.rfContBoxTop dd{
	background:#EAEAEA;
	height:58px;
}

.rfContBoxTop dd p{
	margin:0;
	padding:0;
	line-height:1.0;
}

.rfContBoxTop .boxL{
	width:135px;
	float:left;
}

.rfContBoxTop .boxL p{
	padding:0 0 0 4px;
}

.rfContBoxTop .boxR{
	width:110px;
	float:right;
}

.rfContBoxTop .boxR p{
	padding:0 0 0 8px;
}

.rfContBox {
	padding:0 0 0 4px;
	background:#EAEAEA;
}



.rfContBox p{
	margin:0;
}

.rfContBox p img{
	vertical-align:middle;
}

.rfContBox p img.bnspc{
	margin:0 7px 0 0;
}



.rfprod1 .cell_l h3{
	margin:0 0 7px;
}

.rfprod1 .cell_l .rfBox1 .cLeft{
width:97px;
margin:27px 0 0;
}

.rfprod1 .cell_l .rfBox2 .cLeft{
width:97px;
margin:37px 0 0;
}

.rfprod1 .cell_l .rfBox3 .cLeft{
width:97px;
margin:22px 0 0;
}

.rfprod1 .cell_l .cLeft .logo{
 text-align:center;
	margin-bottom:8px;
}

.rfprod1 .cell_l ul li{
 margin:0 0 5px;
}

.rfprod1 .cell_l ul li.last{
 margin:0 0 8px;
}

.rfprod1 .cell_l .cRight{
	width:175px;
}

.rfprod1 .cell_l .cRight p{
margin:0 0 1px;
}

.rfprod1 .cell_r {
 float:right;
	width:295px;
}

.rfprod1 .cell_r p,
.rfprod1 .cell_l .rfBox1c .cRight p{
 line-height:1.2;
	margin-bottom:2px;
}

.rfprod1 .cell_r .rfBox1b{
 margin-bottom:11px;
}

.rfprod1 .cell_r .rfBox1b .cLeft{
	width:85px;
}
.rfprod1 .cell_r .rfBox1b .cRight{
	width:195px;
}

.rfprod1 .cell_r .rfBox1b .cRight p img,
.rfprod1 .cell_r .rfBox1c .cRight p img{
 margin:0 0 1px;
}

.rfprod1 .cell_r .rfBox1c .cLeft{
	width:85px;
}

/*.line .cell_l,
.line .cell_r {
	width:270px;
}*/

/* Right Menu */

#menu .block_reform .menuBox1{
width:200px;
margin:0;
padding:0;
}

#menu .block_reform .menuBox1 .cLeft{
float:left;
width:99px;
display:inline;
}

#menu .block_reform .menuBox1 .cRight{
float:right;
width:100px;
display:inline;
}

#menu .block_reform{
	margin-bottom:7px;
}

#menu .block_reform li,
#menu .block_reform div li {
	/*border-bottom:1px dotted #CCCCCC;*/
	/*padding:0 0 9px 0;*/
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	padding:0;
	margin:0;
}

/*#menu .block_reform li a {
	display:block;
}*/

#menu .block_reform li a img {
	vertical-align:top;
	border:none;
}

#menu .block_reform li li {
	border:none;
	padding:0;
	margin:0;
}

/* Text + Image Layout */

/* LEFT */
.txt-img-left {
	clear:both;
	line-height:1.6em;
	padding:0;
	margin:0;
}

.txt-img-left div {
	float:left;
	padding:0.25em 2em 0.5em 0;
}

.txt-img-left div p {
	padding:0.25em 0;
	margin:0;
}

/* RIGHT */
.txt-img-right {
	clear:both;
	line-height:1.6em;
	padding:0;
	margin:0;
}

.txt-img-right div {
	float:right;
	padding:0.25em 0 0.5em 2em;
}

.txt-img-right div p {
	padding:0.25em 0;
	margin:0;
}

/* Top Page */
.reform h2{
	border:none;
	margin:0;
	padding:0;
}

.reform h3{
	margin:0;
	padding:0;
	border:none;
}

.reform ul{
	margin:0;
	padding:0;
}

.reform ul li{
	margin:0;
	padding:0;
	list-style:none;
}

.reform ul li img{
	vertical-align:top;
}

/* Pagetop */


.pagetop {
	text-align:right;
	padding:1em 0 2em 0;
}