﻿/* margin */
.hp-marginL10{ margin-left: 10px !important; }
.hp-marginL15{ margin-left: 15px !important; }
.hp-marginL20{ margin-left: 20px !important; }
.hp-marginL30{ margin-left: 30px !important; }
.hp-marginL40{ margin-left: 40px !important; }
.hp-marginL50{ margin-left: 50px !important; }
.hp-marginL60{ margin-left: 60px !important; }
.hp-marginL70{ margin-left: 70px !important; }
.hp-marginL80{ margin-left: 80px !important; }
.hp-marginL90{ margin-left: 90px !important; }
.hp-marginL100{ margin-left: 100px !important; }

.hp-marginR5{ margin-right: 5px !important; }
.hp-marginR10{ margin-right: 10px !important; }
.hp-marginR15{ margin-right: 15px !important; }
.hp-marginR20{ margin-right: 20px !important; }
.hp-marginR30{ margin-right: 30px !important; }
.hp-marginR40{ margin-right: 40px !important; }
.hp-marginR50{ margin-right: 50px !important; }
.hp-marginR60{ margin-right: 60px !important; }
.hp-marginR70{ margin-right: 70px !important; }
.hp-marginR80{ margin-right: 80px !important; }
.hp-marginR90{ margin-right: 90px !important; }
.hp-marginR100{ margin-right: 100px !important; }
.hp-marginR110{ margin-right: 110px !important; }

.hp-marginT0{ margin-top: 0px !important; }
.hp-marginT5{ margin-top: 5px !important; }
.hp-marginT10{ margin-top: 10px !important; }
.hp-marginT20{ margin-top: 20px !important; }
.hp-marginT30{ margin-top: 30px !important; }
.hp-marginT40{ margin-top: 40px !important; }
.hp-marginT50{ margin-top: 50px !important; }
.hp-marginT60{ margin-top: 60px !important; }
.hp-marginT70{ margin-top: 70px !important; }
.hp-marginT80{ margin-top: 80px !important; }
.hp-marginT90{ margin-top: 90px !important; }
.hp-marginT100{ margin-top: 100px !important; }

.hp-marginB5{ margin-bottom: 5px !important; }
.hp-marginB10{ margin-bottom: 10px !important; }
.hp-marginB15{ margin-bottom: 15px !important; }
.hp-marginB20{ margin-bottom: 20px !important; }
.hp-marginB30{ margin-bottom: 30px !important; }
.hp-marginB40{ margin-bottom: 40px !important; }
.hp-marginB50{ margin-bottom: 50px !important; }
.hp-marginB60{ margin-bottom: 60px !important; }
.hp-marginB70{ margin-bottom: 70px !important; }
.hp-marginB80{ margin-bottom: 80px !important; }
.hp-marginB90{ margin-bottom: 90px !important; }
.hp-marginB100{ margin-bottom: 100px !important; }

/* padding */
.hp-paddingL5{ padding-left: 5px !important; }
.hp-paddingL10{ padding-left: 10px !important; }
.hp-paddingL20{ padding-left: 20px !important; }
.hp-paddingL30{ padding-left: 30px !important; }
.hp-paddingL40{ padding-left: 40px !important; }
.hp-paddingL50{ padding-left: 50px !important; }
.hp-paddingL60{ padding-left: 60px !important; }
.hp-paddingL70{ padding-left: 70px !important; }
.hp-paddingL80{ padding-left: 80px !important; }
.hp-paddingL90{ padding-left: 90px !important; }
.hp-paddingL100{ padding-left: 100px !important; }

.hp-paddingT0{ padding-top: 0px !important; }
.hp-paddingT5{ padding-top: 5px !important; }
.hp-paddingT10{ padding-top: 10px !important; }
.hp-paddingT20{ padding-top: 20px !important; }
.hp-paddingT30{ padding-top: 30px !important; }
.hp-paddingT40{ padding-top: 40px !important; }
.hp-paddingT50{ padding-top: 50px !important; }
.hp-paddingT60{ padding-top: 60px !important; }
.hp-paddingT70{ padding-top: 70px !important; }
.hp-paddingT80{ padding-top: 80px !important; }
.hp-paddingT90{ padding-top: 90px !important; }
.hp-paddingT100{ padding-top: 100px !important; }

.hp-paddingB5{ padding-bottom: 5px !important; }
.hp-paddingB10{ padding-bottom: 10px !important; }
.hp-paddingB20{ padding-bottom: 20px !important; }
.hp-paddingB30{ padding-bottom: 30px !important; }
.hp-paddingB40{ padding-bottom: 40px !important; }
.hp-paddingB50{ padding-bottom: 50px !important; }
.hp-paddingB60{ padding-bottom: 60px !important; }
.hp-paddingB70{ padding-bottom: 70px !important; }
.hp-paddingB80{ padding-bottom: 80px !important; }
.hp-paddingB90{ padding-bottom: 90px !important; }
.hp-paddingB100{ padding-bottom: 100px !important; }

/* font */
.mod-font13{font-size:13px!important;}
.mod-font13b{font-weight: bold; font-size:13px!important;}
.mod-font15{font-size:15px!important;}
.mod-font15b{font-weight: bold; font-size:15px!important;}

.mod-lh14{line-height: 1.4em !important;}
/* border */
.mod-nobdR{ border-right: 0 !important;}

/* width (px) */
.mod-wd90{ width: 90px !important; }
.mod-wd150{ width: 150px !important; }
.mod-wd160{ width: 160px !important; }
.mod-wd190{ width: 190px !important; }
.mod-wd200{ width: 200px !important; }
.mod-wd210{ width: 210px !important; }
.mod-wd220{ width: 220px !important; }
.mod-wd230{ width: 230px !important; }
.mod-wd240{ width: 240px !important; }
.mod-wd250{ width: 250px !important; }
.mod-wd260{ width: 260px !important; }
.mod-wd270{ width: 270px !important; }
.mod-wd610{ width: 610px !important; }

/* width (%) */
.mod-wd10p{ width: 10% !important; }
.mod-wd15p{ width: 15% !important; }
.mod-wd20p{ width: 20% !important; }
.mod-wd30p{ width: 30% !important; }
.mod-wd40p{ width: 40% !important; }
.mod-wd50p{ width: 50% !important; }
.mod-wd60p{ width: 60% !important; }
.mod-wd70p{ width: 70% !important; }
.mod-wd80p{ width: 80% !important; }
.mod-wd90p{ width: 90% !important; }
.mod-wd100p{ width: 100% !important; }

.display-inline{ display: inline; }
.va-top{ vertical-align: top !important;}

/* dl */
.mod-dl1{
  font-size: 13px;
  overflow: hidden;
}
.mod-dl1 dt{
  float: left;
  clear: left;
}
.mod-dl1 dd{
}

sub{
  vertical-align: bottom;
  padding-right: 0;
}
sub.large{
  vertical-align: baseline;
}

/*li#icon01 , #icon02 , #icon03 , #icon04 , #icon05 , #icon06 , #icon07{position:absolute; top:-87px;}
li#icon01{left:0;}
li#icon02{left:93px;}
li#icon03{left:116px;}
li#icon04{left:341px;}
li#icon05{left:453px;}
li#icon06{left:532px;}
li#icon07{left:642px;}*/

.modal-wrap{
  display: none;
}
.modal-inner{
  width: 660px;
  padding: 30px 15px 30px 42px;
  position: relative;
  background-color: #F1F8FB;
  border-radius: 5px;
  behavior: url(css/PIE.htc);
  box-sizing: border-box;
}
.modal-inner .modal-title{
  background-color: #2ca6e0;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 118px;
  height: 109px;
  font-size: 16px;
  text-align: center;
  background: url(../images/20150106/modal-title.png) no-repeat;
  box-sizing: border-box;
  z-index: 5;
}
.modal-inner .line1{
  line-height: 100px;
}
.modal-inner .line2{
  padding-top: 30px;
  line-height: 1.6;
}
.modal-inner .line3{
  padding-top: 20px;
  line-height: 1.3;
}
.modal-inner .modal-table{
  display: table;
  width: 100%;
}
.modal-inner .img-block{
  background-color: #fff;
  display: table-cell;
  vertical-align: middle;
  width: 290px;
  padding: 30px 0 20px 0;
  border-radius: 5px;
  position: relative;
  behavior: url(css/PIE.htc);
  box-sizing: border-box;
}
.modal-inner .img-block p{
  font-size: 12px;
  line-height: 1.6;
  margin: 15px auto 0;
}
.modal-inner .txt-block{
  padding: 20px 0 10px 25px;
  display: table-cell;
  vertical-align: middle;
}
.modal-inner .txt-block dt{
  font-size: 19px;
  font-weight: bold;
  color: #0879af;
  margin-bottom: 15px;
  line-height: 1.6;
}
.modal-inner .txt-block dd{
  font-size: 12px;
  line-height: 1.8;
}

#fancy-bg-n,
#fancy-bg-ne,
#fancy-bg-e,
#fancy-bg-se,
#fancy-bg-s,
#fancy-bg-sw,
#fancy-bg-w,
#fancy-bg-nw{
  background: none !important;
}
#fancybox-outer{
  background: none;
}

/* -- 20151016í«ãL -- */

.material_flow #flowFigure {
	width:735px;
	margin:0 auto;
}

li#icon01, li#icon02, li#icon03, li#icon04, li#icon05, li#icon06, li#icon07{ position:absolute; left:455px; top:0; }
li#icon01{top:188px;}
li#icon02{top:208px;}
li#icon03{top:328px;}
li#icon04{top:566px;}
li#icon05{top:662px;}
li#icon06{top:682px;}
li#icon07{top:770px;}

/* Description by Category */

.m2table table td.co2num {
  text-align: right;
  /* padding-right: 3em; */
}
