@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#company02 #mainarea,
body#csr #mainarea {
font-size: 100%;
}
body#museum02 #mainarea,
body#technology02 #mainarea{
font-size: 110%;
}

/* 幅狭 */
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: 11px;
padding-bottom: 1px;
/* background: url(/company/image/eco/image/common/h1_bg_r.gif) repeat-x left top; */
border-bottom:1px solid #cecece;
border-top:2px solid #ff0000;
}

.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 {
font-size:180%;
font-weight:bold;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
width: 650px;
padding:0.48em 0 0.48em 0.4em;
}

.headline02 {
clear: both;
margin: 20px 0 20px 0;
padding-bottom: 7px;
background: url(/company/image/eco/image/common/h2_bg_r.gif) no-repeat left top;
border-bottom:1px solid #e3e3e3;
width:650px;
}

@media print{
.headline02 {
background-image:none!important;
background-color:#f4f4f4!important;
width:auto!important;
}
}

.headline02 h2 {
/* min-height: 19px; */
padding: 0.8em 0 0.4em 0.7em;
background: url(/company/image/eco/image/common/h2_bg02_r.gif) no-repeat left 0.74em;
font-size: 130%;
line-height: 1.0;
font-weight: bold;
color: #000;
}

* html .headline02 h2 {
height: 19px;
}

.h3_01 {
margin: 30px 0 20px 0;
padding-left:0px;
padding-bottom:0.4em;
font-size: 110%;
font-weight: bold;
border-bottom:1px solid #cecece;
}

.h3_02 {
margin: 30px 0 20px 0;
padding-left: 0;
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;
}

/*-----リンク見出し-----*/

h2.link02 {
width:305px;
margin:0;padding:0;
}

h2.link02 a{
font-size: 110%;
font-weight:bold;
display:block;
width:305px;
background:url(/company/image/eco/image/common/btn_h2_back.gif) no-repeat left bottom;
margin:0;padding:0;
color:#000;
}

h2.link02 a span{
display:block;
width:305px;
background:url(/company/image/eco/image/common/btn_h2_back2.gif) no-repeat left top;
padding:12px 0 12px 0px;
cursor:pointer;
}

h2.link02 a span b{
display:block;
padding-left :23px;
}

h2.link02 a:visited{
color:#000;
}

h2.link02 a:hover{
background:url(/company/image/eco/image/common/btn_h2_back.gif) no-repeat right bottom;
color:#f00;
}

h2.link02 a:hover span{
background:url(/company/image/eco/image/common/btn_h2_back2.gif) no-repeat right top;
padding:12px 0 12px 0px;
cursor:pointer;
}


/*-----ページ内アンカーリスト-----*/
/*anchorlist*/
.anchorlist {
	width: 650px;
	height: auto;
	clear: both;
	text-align: left;
	padding: 0;
	margin-bottom:10px;
}

.anchorlist ul {
	width: 650px;
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
	display:inline;
}

.anchorlist ul li {
	display:inline;
	margin-top:3px;
	margin-right: 13px;
	/* float: left; */
	/* white-space: nowrap; */
}

.anchorlist ul li a span{
	border-left:1px solid #e3e3e3;
	padding-left: 26px;
	margin-right: -0.3em;
	background: url(/company/image/eco/image/common/list_04.gif) no-repeat 15px center;
}

.anchorlist ul li a span.last_child {
	border-left:none;
	padding-left: 0;
	padding-right:13px;
	background-image:none;
	border-right:1px solid #e3e3e3;
}

/*-----ボックス-----*/
.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_r.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;
}

.box05 {
width:auto;
border: 1px solid #000000;
margin-bottom:20px;
padding:5px 15px 10px;
}

/*-----リード画像・リード文-----*/
.leadimg {
width: 650px;
margin-bottom: 32px;
}

.leadtxt {
margin-bottom: 40px;
}

/*-----印刷リンク-----*/
.goprint {
padding-top: 0px;
text-align: right;
padding-bottom: 15px;
}

.goprint a {
display: inline-block; 
min-height:13px;
padding-left: 20px;
background: url(/company/image/eco/image/common/ico_print.gif) no-repeat left 50%;
}

/*-----サイト内検索-----*/
input.btnsearch {
vertical-align: bottom;
}

/*上付き文字 m2、m3など*/
sup {
vertical-align: text-top;
}

/*下付き文字 CO2など*/
sub {
vertical-align: baseline;
}

/*common class*/
.co2 {
font-size: 80%;
}
