@charset "shift_jis";

/*-----------------------
[style_new.css]

メインエリア用スタイル
1.リセット
2.テキスト
2.共通クラス

------------------------*/

/*----------
1.リセット
----------*/

/*----------共通----------*/
#mainarea {
color: #000;
font-size: 93.75%;
}
#mainarea img {
vertical-align: baseline;
}
#mainarea hr {
display: block;
}

/*----------CSR----------*/
/* 幅広 */
body#csr #mainarea {
font-size: 100%;
}
/* 幅狭 */
body#csr2 #mainarea {
line-height: 1.1;
}
body#csr2 #mainarea .pagetop {
line-height: 1.5;
}

/*----------プレスリリース----------*/
body#press #mainarea p {
margin: 1em 0;
}
body#press #mainarea .pagetop p {
margin: 0;
}
body#press #mainarea ol {
list-style-type: decimal;
}
body#press #mainarea ul {
list-style-type: disc;
}

/*----------
2.テキスト
----------*/

/* PAGETEXT */
.main { color: #000000; line-height: 1.5; }
.mainnoh { color: #000000; line-height: 1.2; }
.mainb { color: #000000; font-weight: bold; line-height: 1.5; }
.mainbnoh { color: #000000; font-weight: bold; line-height: 1.2; }

.main1 { color: #ff0000; line-height: 1.5; }
.main1b { color: #ff0000; font-weight: bold; line-height: 1.5; }

.main2{ color: #ff0000; line-height: 1.5; }
.main2noh{ color: #ff0000; line-height: 1.2; }
.main2b{ color: #666666; font-weight: bold; line-height: 1.5; }
.main2bnoh{ color: #666666; font-weight: bold; line-height: 1.2;  }

.main3{ color: #ffffff; line-height: 1.5; }
.main3noh{ color: #ffffff; line-height: 1.2; }
.main3b{ color: #ffffff; font-weight: bold; line-height: 1.5; }
.main3bnoh{ color: #ffffff; font-weight: bold; line-height: 1.2; }

.main4{ color: #339933; line-height: 1.5; }
.main4noh{ color: #339933; line-height: 1.2; }
.main4b{ color: #666666; font-weight: bold; line-height: 1.5; }
.main4bnoh{ color: #666666; font-weight: bold; line-height: 1.2; }

.main5{ color: #ff9999; line-height: 1.5; }
.main5b{ color: #ff9999; font-weight: bold; line-height: 1.5; }
.main5bnoh{ color: #ff9999; font-weight: bold; line-height: 1.2; }

.main6{ color: #ff0000; line-height: 1.5; }
.main6noh{ color: #ff0000; line-height: 1.2; }
.main6b{ color: #ff0000; font-weight: bold; line-height: 1.5; }

.main7{ color: #6699cc; line-height: 1.5; }

.main8 { color: #666666; line-height: 1.5; }
.main8noh { color: #666666; line-height: 1.2; }
.main8b { color: #666666; font-weight: bold; line-height: 1.5; }
.main8bnoh { color: #666666; font-weight: bold; line-height: 1.2; }

.main9 { color: #008837; line-height: 1.5; }
.main9noh { color: #008837; line-height: 1.2; }
.main9b { color: #008837; font-weight: bold; line-height: 1.5; }
.main9bnoh { color: #008837; font-weight: bold; line-height: 1.2; }

.main10 { color: #0768ac; line-height: 1.5; }
.main10noh { color: #0768ac; line-height: 1.2; }
.main10b { color: #0768ac; font-weight: bold; line-height: 1.5; }
.main10bnoh { color: #0768ac; font-weight: bold; line-height: 1.2; }

.main11 { color: #ff7f00; line-height: 1.5; }
.main11noh { color: #ff7f00; line-height: 1.2; }
.main11b { color: #ff7f00; font-weight: bold; line-height: 1.5; }
.main11bnoh { color: #ff7f00; font-weight: bold; line-height: 1.2; }

.main12 { color: #ff7f00; line-height: 1.5; }
.main12noh { color: #ff7f00; line-height: 1.2; }
.main12b { color: #ff7f00; font-weight: bold; line-height: 1.5; }
.main12bnoh { color: #ff7f00; font-weight: bold; line-height: 1.2; }

.main13b{ color: #339933; font-weight: bold; line-height: 1.5; }

/* SUBTITLE */
/* .ttl1 { font-size: 125%; color: #ff0000; font-weight: bold; line-height: 1.5; } */
.ttl1 { font-size: 125%; color: #ff0000; font-weight: bold; line-height: 1.2; }
.ttl2 { font-size: 125%; color: #000000; font-weight: bold; line-height: 1.5; }
.sttl { font-size: 115%; color: #000000; font-weight: bold; line-height: 1.5; }
.sttl1 { font-size: 115%; color: #666666; line-height: 1.5; }

/* SMALL TEXT */
.ssub{ font-size: 90%; color: #000000; line-height: 1.5;}
.ssubnoh { font-size: 90%; color: #000000; line-height: 1.2; }
.ssubbnoh { font-size: 90%; color: #000000; font-weight: bold; line-height: 1.2;}
.ssub1bnoh { font-size: 90%; color: #ff0000; font-weight: bold; line-height: 1.2;}
.ssub2 { font-size: 90%; color: #666666;  line-height: 1.2;}
.ssub2noh { font-size: 90%; color: #666666; line-height: 1.2; }
.ssub3noh { font-size: 90%; color: #ffffff; line-height: 1.2; }
.ssub6{ font-size: 90%; color: #ff0000; line-height: 1.2; }
.ssub6noh{ font-size: 90%; color: #ff0000; line-height: 1.2; }
.ssub0noh { font-size: 90%; line-height: 1.2; }
.ssub0{ font-size: 90%; line-height: 1.2; }
.ssub4 { font-size: 90%; color: #666666; line-height: 1.5; }
.ssub4noh { font-size: 90%; color: #666666; line-height: 1.2; }
.ssub5noh { font-size: 90%; color: #cccccc; line-height: 1.2; }

/* TD SMALL TEXT */
td.ssub{ font-size: 90%; color: #000000; line-height: 1.2;}
td.ssubnoh { font-size: 90%; color: #000000; line-height: 1.2; }
td.ssubbnoh { font-size: 90%; color: #000000; font-weight: bold; line-height: 1.2; }
td.ssub1bnoh { font-size: 90%; color: #ff0000; font-weight: bold; line-height: 1.2; }
td.ssub2 { font-size: 90%; color: #666666;  line-height: 1.2;}
td.ssub2noh { font-size: 90%; color: #666666; line-height: 1.2; }
td.ssub3noh { font-size: 90%; color: #ffffff; line-height: 1.2; }
td.ssub6{ font-size: 90%; color: #ff0000; line-height: 1.2; }
td.ssub6noh{ font-size: 90%;	color: #ff0000; line-height: 1.2; }
td.ssub0noh { font-size: 90%; line-height: 1.2; }
td.ssub0{ font-size: 90%; line-height: 1.2; }
td.ssub4 { font-size: 90%; color: #666666; line-height: 1.2; }
td.ssub4noh { font-size: 90%; color: #666666; line-height: 1.2; }
td.ssub5noh { font-size: 90%; color: #cccccc; line-height: 1.2; } 

/* LARGE TEXT */
.lrgtxteco { font-size: 140%; line-height: 0px; }
.txtlb{
font-size:140%;
font-weight:bold;
}

/* Tag Base ---------------------------------------*/

/* Left Menu */
a.mLNK:link,
a.mLNK:active,
a.mLNK:visited,
a.mLNK:hover { text-decoration: none; color: #333333; }
a.mNOW:link,
a.mNOW:active,
a.mNOW:visited,
a.mNOW:hover { text-decoration: none; color: #ffffff; }

.mTXT { color: #333333; }
.leftmenu { background-color: #f5f5f5; }
.mgNOW { background-color: #ff0000; }

/* Table Color  */
.bgc1 { background-color: #b2b2b2; }
.bgc2 { background-color: #e9e9e9; }
.bgc3 { background-color: #333333; }
.bgc4 { background-color: #fae2e2; }
.bgc5 { background-color: #fef7f7; }
.bgc6 { background-color: #ffffe0; }
.bgc7 { background-color: #e0ffff; }

/* Colum Color */
.colum1 { background-color: #f0f0f0; } 
.colum2 { background-color: #fae2e2; }
.colum3 { background-color: #f2ffef; }

/*----------
3.共通クラス
----------*/

/*-----見出し-----*/
.headline01 {
margin-bottom: 20px;
padding-bottom: 1px;
background: url(/company/image/eco/image/common/h1_bg.gif) no-repeat left bottom;
}

.headline01:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*for safari2*/
html[xmlns*=""] body:last-child .headline01:after {
line-height: 0;
font-size: 1px;
}

.headline01 {
display: inline-table;
zoom: 1;
}

/* Hides from IE-mac \*/
* html .headline01 { height: 1%; }
.headline01 { display: block; }
/* End hide from IE-mac */

.headline01 h1.fl {
width: 350px;
}

.headline02 {
margin: 40px 0 20px 0;
padding-bottom: 7px;
background: url(/company/image/eco/image/common/h2_bg.gif) repeat-x left bottom;
}

.headline02 h2 {
min-height: 19px;
padding: 3px 0 3px 35px;
background: url(/company/image/eco/image/common/h2_bg02.gif) no-repeat left top;
font-size: 130%;
line-height: 1.2;
font-weight: bold;
color: #000;
}

* html .headline02 h2 {
height: 19px;
}

.h3_01 {
margin: 30px 0 20px 0;
padding-left: 29px;
background: url(/company/image/eco/image/common/h3_bg.gif) no-repeat left 0.4em;
font-size: 110%;
font-weight: bold;
color: #2da100;
}

.h4_01 {
margin: 30px 0 12px 0;
font-weight: bold;
color: #000;
}

/*画像図系見出し*/
.img_headline {
display:inline;
padding: 5px 10px 5px 10px;
border: 1px solid #ccc;
}

/*カテゴリトップ*/
.cattop_headline {
margin-bottom: 27px;
padding: 0 10px 0 20px;
}

/*-----ページ内アンカーリスト-----*/
/*anchorlist*/
.anchorlist {
padding: 14px 13px;
background: #f0f0f0;
}

.anchorlist ul li {
float: left;
margin-right: 30px;
white-space: nowrap;
}

.anchorlist ul li a {
padding-left: 16px;
background: transparent url(/company/image/eco/image/common/list.gif) no-repeat 5px 0.3em;
}

/*-----ボックス-----*/
.box01 {
padding: 19px 28px 19px 15px;
border: 1px solid #2ea201;
background: #e4fbe1;
}

.box02 {
padding: 19px 28px 19px 15px;
border: 1px solid #ccc;
background: #fff;
}

.box_ttl {
padding-left: 29px;
background: url(/company/image/eco/image/common/h3_bg.gif) no-repeat left 0.2em;
font-weight: bold;
color: #2da100;
}

.box03 {
padding: 14px 13px;
background: #f0f0f0;
}

.box04 {
width:100%;
border: 2px solid #c0c0c0;
margin-top:20px;
text-align:center;
}

.box04 .txt_box{
width:60%;
margin:0 auto 20px;
text-align:left;
line-height:2;
}

/*-----リード画像・リード文-----*/
.leadimg {
width: 650px;
margin-bottom: 32px;
}

.leadtxt {
margin-bottom: 40px;
}

/*-----印刷リンク-----*/
.goprint {
padding-top: 8px;
text-align: right;
}

.goprint a {
padding-left: 20px;
background: url(/company/image/eco/image/common/ico_print.gif) no-repeat left top;
}

/*-----サイト内検索-----*/
input.btnsearch {
vertical-align: bottom;
}

/*上付き文字 m2、m3など*/
sup {
vertical-align: text-top;
}

/*下付き文字 CO2など*/
sub {
vertical-align: baseline;
}

/*common class*/
.co2 {
font-size: 80%;
}