/*===================================================================
	0: 共通
===================================================================*/

.clr { clear:both; font-size:1px; line-height:1px; margin:0; padding:0; }


/*===================================================================
	1: レイアウト
===================================================================*/

body { margin:0; padding:0; background:#FFFFFF; font-size:90%; line-height:130%; color:#333; text-align:center; }
form { margin:0; padding:0; }

#container { width:850px; margin:0 auto; background:url(../img/container_bg.gif) repeat-y top; }


/* ===ヘッダー=== */
#header { width:812px; height:67px; margin:0 auto; }
#header #logo { float:left; width:130px; margin:0px; padding:0px; }
#header #language { float:left; width:50px; margin:0px; padding:5px; }
#header #navi { float:right; width:500px; height:67px; margin:0; padding:0px; }

#navi .btn { width:260px; float:right; margin:5px 0 0 0; }
#navi .btn ul { list-style:none; margin:0; padding:0; }
#navi .btn ul li { float: left; margin:0; padding:0; margin-left:5px; }

#navi .search { float:right; margin:5px 0 0 0; text-align:right; }
#navi .search form { margin:0; padding:0; }

/* ===グローバルナビ=== */
#gnavi { width:842px; margin:0 auto; }
#gnavi ul { list-style:none; margin:0; padding:0; }
#gnavi ul li { height:38px; float: left; margin:0; padding:0; }

#gnavi01 { width:170px; text-align:left; }
#gnavi02 { width:169px; text-align:left; }
#gnavi03 { width:169px; text-align:left; }
#gnavi04 { width:169px; text-align:left; }
#gnavi05 { width:165px; text-align:left; }


/* ===メイン=== */
#main { width:783px; min-height:500px; margin:0 auto 30px auto; text-align:left; }

/* ===パンくず=== */
#topicpath { width:783px; font-size:80%; line-height:110%; color:#333; text-align:left; margin-top:10px; }
#topicpath a { color:#2f7acc; text-decoration: none; }
#topicpath a:visited { text-decoration: none; }
#topicpath a:active {}
#topicpath a:hover { color:#369; text-decoration: underline; }


#banner { width:742px; margin:30px auto; }

/* ===フッター=== */

#footer { width:842px; height:44px; background: url(../img/footer_bg.gif) repeat-x top center; margin:0 auto; }
#footer-main { width:822px; margin:0 auto; }
#footer-main .left { float:left; width:347px; margin:7px 0 0 0;  background:#c3dbf8; }
#footer-main .left a { color:#0461d4; font-size:75%; line-height:110%; }

#footer-main .right { float:right; width:; text-align:right; }
#footer-main .link { height:21px; }

#footer-main .link a { color:#FFFFFF; font-size:75%; line-height:21px; }
#footer-main .link a:visited { text-decoration: none; }
#footer-main .link a:active {}
#footer-main .link a:hover { text-decoration: none; }

#footer-main .cr { height:23px; }

/* ===エネルギー使用量・CO2排出量計算シート=== */
tr.form { background:#838383; font-size:90%; line-height:130%; color:#FFF; }

.property_name { width:100px; background:#F3F3F3; font-size:90%; line-height:120%; color:#333; }

.property_value { background:#FFFFFF; font-size:90%; line-height:120%; color:#333; }
.property_value p { margin:0; padding:0; }
.property_value .note { color:#282; }
.property_value .trackNote { list-style:none; margin:0; padding:0; }

/*===================================================================
	2: スタイル
===================================================================*/

/* ===デフォルト=== */
.txt-ss { font-size:80%; line-height:110%; color:#333; }
.txt-s { font-size:90%; line-height:120%; color:#333; }
.txt-m { font-size:100%; line-height:130%; color:#333; }
.txt-l { font-size:110%; line-height:140%; color:#333; }

.txt-att { font-size:90%; line-height:115%; color:#c00; }


a { color:#0f4799; text-decoration: none; }
a:visited { text-decoration: none; }
a:active {}
a:hover { text-decoration: underline; }

/* ===フォント=== */

.top-pickup { }
.top-pickup a { font-size:12px; line-height:14px; font-weight:bold; color:#2e39a6; text-decoration: none; }
.top-pickup a:visited { text-decoration: none; }
.top-pickup a:active {}
.top-pickup a:hover { text-decoration: underline; }

.top-menu { font-size:10px; line-height:14px; }
.top-menu a { color:#333; text-decoration: none; background:url(../img/ar01.gif) no-repeat left top; padding-left:10px; }
.top-menu a:visited { text-decoration: none; }
.top-menu a:active {}
.top-menu a:hover { color:#0461d4; text-decoration: none; }

.top-news { font-size:12px; line-height:20px; color:#333; }
.top-news a { color:#3992ea; text-decoration: none; }
.top-news a:visited { text-decoration: none; }
.top-news a:active {}
.top-news a:hover { color:#3b41a7; text-decoration: underline; }

.top-pdf { color:#666666; }

.txt-blue { color:#2b3984; }

.co2 { font-size:10px; line-height:10px; color:#000; vertical-align:bottom; padding-left:1px; }

.co2-b { font-size:10px; line-height:10px; vertical-align:bottom; padding-left:1px; }
.co2-b a { color:#333; text-decoration: none; }
.co2-b a:visited { text-decoration: none; }
.co2-b a:active {}
.co2-b a:hover { color:#0461d4; text-decoration: none; }

.co2_cap { font-size:8px; line-height:10px; vertical-align:bottom; padding-left:1px; }
.co2_cap a { color:#333; text-decoration: none; }
.co2_cap a:visited { text-decoration: none; }
.co2_cap a:active {}
.co2_cap a:hover { color:#0461d4; text-decoration: none; }

/* ===ページトップへ=== */
.page-top { font-size:86%; line-height:110%; }
.page-top a { color:#0f4799; text-decoration: none; }
.page-top a:visited { text-decoration: none; }
.page-top a:active {}
.page-top a:hover { text-decoration: underline; }