@charset "UTF-8";
/* エコプレミアム */


/* Reset CSS */
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0.5em 0 0 0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal;}
li{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym { border:0;font-variant:normal;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{ *font-size:100%;}
legend{ color:#000000;}

/* ReStyled */
html{ background:#FFFFFF;}
body{ 
	margin:0; padding:0 0 0 0; color:#333333; background:#FFFFFF;
	font-size:13px;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif;
	line-height:1.8;

	text-align:left;
	min-width:920px;
}
select,input,button,textarea{font:93% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

h1{ font-size:123.1%}
h2{ font-size:116%;}
h3{ font-size:108%;}
h4,h5,h6{ font-size:100%;}
table{}
th,td{ vertical-align:top;}
img{ border:none;}
caption{ font-size:85%;}
strong{ font-weight:bold;}
a{ color:#006699; text-decoration:none;}
a:hover{ color:#0066FF; text-decoration:underline;}


/* Layout */
#CC{ margin:0; padding:0;}
	#HC{ margin:0; padding:0; height:149px; background:#00693E url(img/com-hc.jpg) no-repeat center 0; border-bottom:solid 4px #F8CB01;}
		.hc-inner{ margin:0 auto; padding:0; width:900px; height:149px; position:relative;}
	#GM{ margin:0; padding:0; background:#00693E; height:58px; overflow:hidden;}
	#WR{ margin:0; padding:0; text-align:center;}
		#MB{ margin:0 auto; padding:10px 0 20px 0; width:900px; background:#FFFFFF; text-align:left;}
    #MB img{ max-width:100%; height:auto;}
			#MC{ margin:0; padding:0; width:650px; float:left;}
			#SC{ margin:0; padding:0 0 20px 0; width:180px; float:right; /*background:url(img/com-sc-gf.png) no-repeat right bottom;*/}
	#FC{ margin:0; padding:0; background:#9F9D89;}
		.fc-inner{ margin:0 auto; padding:20px 0; width:900px;}
		.fc-inner p{ margin:0; padding:0; font-weight:bold;}
	
/* HC */
.hc-inner h1{ margin:0; padding:0; width:490px; height:67px; position:absolute; top:67px; left:0;}
.hc-inner h1 a{ display:block; margin:0; padding:0; width:490px; height:67px;}
.hc-inner h1 span{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden;}

/* GM */
ul.gm{ margin:0 auto; padding:0; width:900px; list-style:none;}
.gm li{ display:block; margin:0; padding:0; float:left;}
.gm li a{ display:block; margin:0; padding:0; width:225px; height:30px; background:url(img/com-gm.png) no-repeat 0 0;}
.gm li a:hover,.gm li a.active{ background-image:url(img/com-gm-active.png);}
.gm li a span{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.gm li.gm01 a{ background-position:0 0;}
.gm li.gm02 a{ background-position:-225px 0;}
.gm li.gm03 a{ background-position:-450px 0;}
.gm li.gm04 a{ background-position:-675px 0;}
.gm li.gm05 a{ background-position:0 -30px; height:28px;}
.gm li.gm06 a{ background-position:-225px -30px; height:28px;}
.gm li.gm07 a{ background-position:-450px -30px; height:28px;}
.gm li.gm08 a{ background-position:-675px -30px; height:28px;}

/* FC */
.fc-inner{ text-align:right; font-size:93%; color:#FFFFFF;}

	
/* SC */

.sc-menu{ padding:0; border:solid 1px #00693E;}
.sc-menu .sc-title{ display:block; margin:0; padding:0; height:46px; background:url(img/com-sc-title.png) no-repeat 0 0;}
.sc-menu .sc-title span{ display:block; margin:0; padding:0; widows:1px; height:1px; overflow:hidden; visibility:hidden;}
.sc-menu ul{ margin:0; padding:0;}
.sc-menu li{ margin:0; padding:0;}
.sc-menu li a{ display:block; margin:0; padding:8px 0 8px 25px; background:#EFEFF0 url(img/com-sc-list-ic.png) no-repeat 10px 12px; font-size:93%; border-top:dotted 1px #9F9FA0; color:#333333; font-weight:bold;}
.sc-menu li a:hover,.sc-menu li a.active{ background-color:#B6D591;}
.sc-menu li:first-chile a{ border-top:none;}
.sc-menu li a span{}


.sc-search{ background:#C5DDA7; padding:10px 10px;}
.sc-search h3,.sc-search div{ margin:0; padding:0;}
.sc-search img{ display:block; margin:0; padding:0;}


/* basic class */
.tLeft{ text-align:left;}
.tCenter{ text-align:center;}
.tRight{ text-align:right;}
.fit{ margin:0; padding:0; line-height:100%;}
.iLeft{ margin:0 10px 10px 0; float:left;}
.iRight{ margin:0 0 10px 10px; float:right;}
.fLeft{ float:left;}
.fRight{ float:right;}
.caption{ font-size:85%;}
.attention{ color:#FF0000;}
.none{ display:none;}
.draft{ direction:rtl; unicode-bidi: bidi-override; background:url(img/com-drafttext-bg.png) repeat 0 0;}
.clear{ clear:both;}
.imgBorder{ border:solid 1px #CCCCCC;}
.imgBorder img{ display:block; margin:0; padding:0;}
.bc{ display:block; content:"."; margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden; clear:both; }	
.cite{ text-align:right; font-size:93%;}
.safe{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.hr{ margin:10px 0; padding:0; border-bottom:dotted 1px #737373;}
.hr span{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.bq{ margin-left:20px;}



ol.ol,.ol ol{ margin-left:2.5em;}
.ol li{ list-style:decimal;}

ul.ul,.ul ul{ margin-left:2.5em;}
.ul li{ list-style:square;}

#MC table{ margin-top:10px;}


/* table */
table.nTable{ border-top:solid 1px #CCCCCC; width:99%;}
table.nTable th,table.nTable td{ padding:2px 5px; text-align:left; border:1px #CCCCCC; border-style:none none solid solid;}
table.nTable thead th,table.nTable thead td{ background:#666666; color:#FFFFFF;}
table.nTable thead th{ text-align:center;}
table.nTable tbody th{ background:#666666; color:#FFFFFF; white-space:nowrap;}
table.nTable tbody th:first-child,table.nTable thead th:first-child{ border-left-style:none;}
table.nTable tbody td{ }
table.nTable p{ margin:0 0 10px 0 !important;}

table.lTable{}
table.lTable th,table.lTable td{ margin:0; padding:5px 10px; text-align:left; vertical-align:middle;}
table.lTable th{ white-space:nowrap;}
table.lTable p{ margin:0 0 10px 0 !important;}

/* navi */
.navi-jump{ text-align:right; font-size:93%;}
.navi-jump a{ color:#FFFFFF; padding:3px 0 3px 10px; text-decoration:none; }

.navi-return{ text-align:right; font-size:93%;}
.navi-return a{ background:url(img/com-ic-return.png) no-repeat left center; padding-left:10px;}

.navi-down{ font-size:93%;}
.navi-down a{ background:url(img/com-ic-down.png) no-repeat left center; padding-left:10px;}

.ciclebg{ background:#333333; color:#FFFFFF; text-align:center; padding:2px 10px;}


/* jQuery Control class */
.corner{}
.circle{}


/* effect */
.eTable{ font-size:93%;}
.eTable th,.eTable td{ padding-top:3px; padding-bottom:3px; vertical-align:middle;}
.eTable td{ padding-left:25px; padding-right:40px; background:url(/ecopremium/ecoproducts/com/efic.png) no-repeat 10px center;}


/* 2013 add */

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}


/* title */
.span-title{}
.span-title span{ display:inline-block; background: #009944; color: #FFFFFF; padding: 7px 20px; border-radius: 3px; font-weight: bold; font-size:118%;}

/* 2017 add */
.text-copy{ font-size:114%;}
.text-center{ text-align:center;}
.text-caption{ font-size;85%;}



/* column div */
.col{ margin-top:0; }
.col>*{ margin-top:0; }
.col02{ margin-left:-4%; padding:0;}
.col02>*{ margin-left:4%; float:left; width:46%;}
.col03{ margin-left:-2%; padding:0;}
.col03>*{ margin-left:2%; float:left; width:31.33%;}
.col04{ margin-left:-2%; padding:0;}
.col04>*{ margin-left:2%; float:left; width:23%;}
.col05{ margin-left:-2%; padding:0;}
.col05>*{ margin-left:2%; float:left; width:18%;}
.col06{ margin-left:-2%; padding:0;}
.col06>*{ margin-left:2%; float:left; width:14.66%;}
.colGold{ margin-left:-2%; padding:0;}
.colGold>*:nth-child(2n+1){ margin-left:2%; float:left; width:36.9%;}
.colGold>*:nth-child(2n){ margin-left:2%; float:left; width:59.1%;}
.colGoldInverse{ margin-left:-2%; padding: 0;}
.colGoldInverse>*:nth-child(2n){ margin-left:2%; float:left; width:36.9%;}
.colGoldInverse>*:nth-child(2n+1){ margin-left:2%; float:left; width:59.1%;}
.col41>*:nth-child(2n+1){ margin-left:2%; float:left; width:72%;}
.col41>*:nth-child(2n){ margin-left:2%; float:left; width:24%;}

.colMarginTop{ margin-top:20px;}

.col02>*:nth-child(2n+1){ clear:left;}
.col03>*:nth-child(3n+1){ clear:left;}
.col04>*:nth-child(4n+1){ clear:left;}
.col05>*:nth-child(5n+1){ clear:left;}
.col06>*:nth-child(6n+1){ clear:left;}

.col { *zoom: 1;}
.col:before,
.col:after { display: table; line-height: 0; content: "";}
.col:after { clear: both;}





.col img{ margin:0; padding:0; max-width:100%; height:auto;}

.iRight{ margin-top:20px;}
h2,h3,p{ margin-top:20px;}

.box{ margin-left:20px; margin-right:20px; padding:0 20px 20px 20px; border:solid 1px #CCCCCC;}



@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
 
}