@charset "euc-jp";

/* ============================================

1:header

============================================ */

#yjContentsHeader{background: url(../img/bg_sunflower.png) no-repeat 0 6px;}

/* title */
#ttl{position: relative;height: 117px;background: url(../img/header_bg.png) no-repeat 0 0;/zoom:1;}
#ttl:after{content:'';display:block;clear:both;}
#ttl h1{position: absolute;top: 12px;left: 50%;width: 584px;height: 59px;margin-left:-299px;text-indent: -9999px;}
#ttl h1 a{display: block;width: 584px;height: 59px;overflow:hidden;}
#ttl .tagline {position: absolute;top:  78px;left: 50%;width: 634px;height: 35px;margin-left:-317px;text-indent: -9999px;}
#ttl .term{position: absolute;width: 227px;height: 18px;top: 12px;left: 10px;text-indent: -9999px;}
#ttl .logo{position: absolute;width: 129px;height: 35px;top: 12px;right: 17px;}
#ttl .logo a{display: block;width: 129px;height: 35px;text-indent: -9999px;overflow:hidden;}

/* global navigation */
#globalNav {width: 950px;height: 44px;margin: 0 auto 20px auto;}
/*#globalNav {width: 950px;height: 44px;margin: 0 auto 20px auto;padding-top: 15px;background: url(../img/leaf.png) no-repeat right top;}*/
#globalNav ul{width: 950px;height: 44px;/zoom:1;}
#globalNav ul:after{content:'';display:block;clear:both;}
#globalNav li{float:left;height: 44px;}
#globalNav li a,
#globalNav li span{display: block;height: 44px;background-image: url(../img/header_globalnav.png);background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}

#globalNav #why{width: 316px;}
#globalNav #why a{width: 316px;background-position: 0 0;}
#globalNav #why span,#globalNav #why a.on{width: 316px;background-position: 0 -44px;}

#globalNav #katei{width: 375px;}
#globalNav #katei a{width: 375px;background-position: -316px 0;}
#globalNav #katei span,#globalNav #katei a.on{width: 375px;background-position: -316px -44px;}

#globalNav #biz{width: 259px;}
#globalNav #biz a{width: 259px;background-position: -691px 0;}
#globalNav #biz span,#globalNav #biz a.on{width: 259px;background-position: -691px -44px;}

/* ============================================

 2:main column

============================================ */

/* ---------- 2-1:subtitle  ---------- */

#subTtlWhy {background: url(../img/why_ttlSprite.png) no-repeat scroll 0 0 ;height: 30px;text-indent: -9999px;width: 518px;}
#subTtlKatei {background: url(../img/katei_ttl.png) no-repeat scroll 0 0 ;height: 43px;margin-bottom: 3px;text-indent: -9999px;width: 629px;}
#subTtlKatei a{display:block;height: 43px;width: 629px;overflow:hidden;}
#subTtlBiz {background: url(../img/biz_ttlSprite.png) no-repeat scroll 0 0 ;height: 30px;text-indent: -9999px;width: 538px;}

/* ---------- 2-2:why  ---------- */

/* whyHd */
.whyHd h3{height:40px;background: url(../img/why_ttlSprite.png);background-repeat:no-repeat;text-indent:-9999px;}
.whyHd .ttl01{background-position:0 0; width:518px;height:30px;}
.whyHd .ttl02{background-position:0 -30px;}
.whyHd .ttl03{background-position:0 -70px;}
.whyHd .ttl04{background-position:0 -110px;}
.whyHd h3{height:40px;background: url(../img/why_ttlSprite.png);background-repeat:no-repeat;text-indent:-9999px;}
.whyHd .ttl01{background-position:0 0; width:518px;height:30px;}
.whyHd .ttl02{background-position:0 -30px;}
.whyHd .ttl03{background-position:0 -70px;}
.whyHd .ttl04{background-position:0 -110px;}

/* whyBd */
.whyBd p{border:1px solid #59c10d;background:#ffffe9;padding:10px;line-height:1.3;}
.whyBd p em{color:#59c10d;padding-right:4px;}

/* ---------- 2-3:katei  ---------- */

/* sub navigation */
#subNavKatei {width: 635px;height: 69px;margin-bottom: 20px;overflow:hidden;}
#subNavKatei ul{width: 636px;height: 34px;margin-bottom:1px;/zoom:1;}
#subNavKatei li{float: left;width: 158px;height: 34px;margin: 0 1px 0 0 !important;text-indent: -9999px;overflow: hidden;}
#subNavKatei li a,
#subNavKatei li span{display: block;width: 158px;height: 34px;background-image: url(../img/katei_subnav.png);background-repeat: none;}
#subNavKatei #subNav01 a{background-position: 0 0;}
#subNavKatei #subNav02 a{background-position: -159px 0;}
#subNavKatei #subNav03 a{background-position: -318px 0;}
#subNavKatei #subNav04 a{background-position: -477px 0;}
#subNavKatei #subNav05 a{background-position: 0 -35px;}
#subNavKatei #subNav06 a{background-position: -159px -35px;}
#subNavKatei #subNav07 a{background-position: -318px -35px;}
#subNavKatei #subNav08 a{background-position: -477px -35px;}
#subNavKatei #subNav01 span{background-position: 0 -69px;}
#subNavKatei #subNav02 span{background-position: -159px -69px;}
#subNavKatei #subNav03 span{background-position: -318px -69px;}
#subNavKatei #subNav04 span{background-position: -477px -69px;}
#subNavKatei #subNav05 span{background-position: 0 -105px;}
#subNavKatei #subNav06 span{background-position: -159px -105px;}
#subNavKatei #subNav07 span{background-position: -318px -105px;}
#subNavKatei #subNav08 span{background-position: -477px -105px;}

/* kateiHd */
.kateiHd{height:62px;margin-bottom:10px;background: url(../img/leaf.png) no-repeat right 18px;}
.kateiHd h3,
.kateiHd p{background: url(../img/katei_sprite.png);background-repeat:no-repeat;text-indent:-9999px;}
.kateiHd h3{height:33px;border-bottom:1px solid #59C00D;}
.kateiHd p{height:29px;}
.kateiHd .ttl01{ background-position:0 0;}
.kateiHd .ttl02{ background-position:0 -40px;}
.kateiHd .ttl03{ background-position:0 -80px;}
.kateiHd .ttl04{ background-position:0 -120px;}
.kateiHd .ttl05{ background-position:0 -160px;}
.kateiHd .ttl06{ background-position:0 -200px;}
.kateiHd .ttl07{ background-position:0 -240px;}
.kateiHd .ttl08{ background-position:0 -280px;}
.kateiHd .ttl09{ background-position:0 -320px;}
.kateiHd .ttl10{ background-position:0 -360px;}
.kateiHd .ttl11{ background-position:0 -400px;}
.kateiHd .ttl12{ background-position:0 -440px;}
.kateiHd .lead01{ background-position:0 -520px;}
.kateiHd .lead02{ background-position:0 -560px;}
.kateiHd .lead03{ background-position:0 -600px;}
.kateiHd .lead04{ background-position:0 -640px;}
.kateiHd .lead05{ background-position:0 -680px;}
.kateiHd .lead06{ background-position:0 -720px;}
.kateiHd .lead07{ background-position:0 -760px;}
.kateiHd .lead08{ background-position:0 -800px;}
.kateiHd .lead09{ background-position:0 -840px;}
.kateiHd .lead10{ background-position:0 -880px;}
.kateiHd .lead11{ background-position:0 -920px;}
.kateiHdWhen h3 {width:357px;height:30px;margin:0 auto 15px auto;background-image: url(../img/katei_sprite.png);background-repeat:no-repeat;background-position:0 -1000px;text-indent:-9999px;}

/* kateiBd */
.kateiBd .widthHalf{width:305px;}
.kateiBd .waitTtl01{width:350px;height:18px;background: url(../img/katei_waitSprite.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
.kateiBd .waitTtl02{width:350px;height:18px;background: url(../img/katei_waitSprite.png) no-repeat 0 -20px;text-indent:-9999px;overflow:hidden;}
.kateiBd .waitTtl03{width:350px;height:18px;background: url(../img/katei_waitSprite.png) no-repeat 0 -40px;text-indent:-9999px;overflow:hidden;}
.kateiBd .lightTtl01{width:442px;height:18px;background: url(../img/katei_illustttl_light_03.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
.kateiBd .bg01{background:url(../img/katei_bg01.jpg) 0 0; padding-top:3px;}
.kateiBd .bg01Btm{background:url(../img/katei_bg01.jpg) bottom left;padding:10px;}
.kateiBd .textTtl{margin-bottom: 10px;padding:2px 0 2px 28px;border: 2px solid #6bab32;border-left: 0;border-right: 0;background: #59c10d url(../img/leaf_green.png) no-repeat 6px 5px;font-size:21px;color:#fff;overflow:hidden;line-height:1.1;/zoom:1;}
.kateiBd .textTtl p{font-weight:bold;}
.kateiBd .textSubTtl {color:#59c10d;font-weight:bold;}
.kateiBd .textWrap{overflow:hidden;/zoom:1;}
.kateiBd .textBd{margin-bottom: 10px;}
.kateiBd .textBd ul{margin-bottom: 5px;overflow:hidden;line-height: 1.3;}
.kateiBd .saveEnergy strong{font-weight: bold;}
.kateiBd .saveYen span{background:#ffffcc;}
.kateiBd .saveYen strong{font-weight: bold;}
.kateiBd .saveYenSum span{background:#ffe4cc;}
.kateiBd .saveYenSum strong{font-weight: bold;}
.kateiBd .saveFuel{background: url(../img/katei_ico_dram.png) no-repeat 0 5px;padding-left: 20px;}
.kateiBd .saveFuel strong{color: #e49000;font-weight: bold;}
.kateiBd .saveCO2{background: url(../img/katei_ico_CO2.png) no-repeat 0 5px;padding-left: 20px;}
.kateiBd .saveCO2 strong{color: #e49000;font-weight: bold;}
.kateiBd .btnShopping{width: 317px;height: 50px;margin: 0 auto 10px auto;padding:0;/zoom:1;}
.kateiBd .btnShopping a{display: block;width: 317px;height: 48px;margin:0;padding:0;padding-top: 2px;background: url(../img/katei_btn_shopping.png) no-repeat 0 0;font-weight: bold;text-align: center;line-height: 1.4;/zoom:1;overflow: hidden;}

/* kateiNav */
.kateiNav{/zoom:1;}
.kateiNav:after{content:'';display:block;clear:both;}
.kateiNav li{padding: 5px 0;}

/* kateiColumn */
.kateiColumn h4{width: 100%;height: 41px;background: url(../img/katei_pc_screensaver.png) no-repeat 0 0;text-indent:-9999px;}
.kateiColumn p{padding: 15px;border: 1px solid #5bc30e;background: #fffdec;}

/* kateiWhen*/
#kateiMorning .kateiWhenTable table {background: url(../img/katei_when_bg_morning.png) repeat-x 0 0;}
#kateiDaytime .kateiWhenTable table {background: url(../img/katei_when_bg_daytime.png) repeat-x 0 0;}
#kateiNight .kateiWhenTable table {background: url(../img/katei_when_bg_night.png) repeat-x 0 0;}
#kateiMorning .kateiWhenTable table td span {background: #fffdeb;}
#kateiDaytime .kateiWhenTable table td span {background: #fff6ee;}
#kateiNight .kateiWhenTable table td span {background: #f7faff;}
.kateiWhenTable table{margin:0;padding:0;border:0;border-collapse:separate;border-spacing:3px;}
.kateiWhenTable th {vertical-align:top;}
.kateiWhenTable th img{margin-right:2px;}
.kateiWhenTable table td{vertical-align:top;}
.kateiWhenTable table td span {display:block;padding:4px 6px 4px 4px;border:1px solid #c8c2c0;vertical-align:bottom;text-align:right;}
.kateiWhenTable table td span img{border:0;margin:0;vertical-align:bottom;}

/* ---------- 2-4:biz  ---------- */

/* sub navigation */
#subNavBiz {width: 635px;height: 34px;margin-bottom: 20px;overflow:hidden;}
#subNavBiz ul{width: 636px;height: 34px;}
#subNavBiz li{float: left;width: 317px;height: 34px;margin: 0 1px 0 0;text-indent: -9999px;overflow: hidden;}
#subNavBiz li a,
#subNavBiz li span{display: block;width: 317px;height: 34px;background-image: url(../img/biz_subnav.png);background-repeat: none;}
#subNavBiz #subNav01 a{background-position: 0 0;}
#subNavBiz #subNav02 a{background-position: -318px 0;}
#subNavBiz #subNav01 span{background-position: 0 -34px;}
#subNavBiz #subNav02 span{background-position: -318px -34px;}

/* bizHd */
.bizHd h3{height:40px;background: url(../img/biz_ttlSprite.png);background-repeat:no-repeat;text-indent:-9999px;}
.bizHd .ttl01{background-position:0 0; width:538px;height:30px;}
.bizHd .ttl02{background-position:0 -30px;}
.bizHd .ttl03{background-position:0 -70px;}
.bizHd .ttl04{background-position:0 -110px;}
.bizHd .ttl05{background-position:0 -150px;}
.bizHd .ttl06{background-position:0 -190px;}
.bizHd .ttl07{background-position:0 -230px;}

/* bizTbl */
.bizTbl {border-collapse: separate;border-spacing:2px;line-height:1;}
.bizTbl thead th {padding: 5px 10px;border: 2px solid #6bab32;background: #59c10d;color: #fff;font-size: 18px;font-weight: bold;}
.bizTbl thead th.no {font-size: 26px;text-align: center;}
.bizTbl tbody {margin-top:-2px;}
.bizTbl tbody th {padding: 5px 10px;border: 2px solid #6bab32;background:#f6ff9c;font-size: 26px;font-weight: bold;text-align: center;}
.bizTbl tbody td {padding: 5px 10px;border: 2px solid #6bab32;line-height:1.5;}

/* ---------- 2-5:common modules  ---------- */

/* inrLnk */
.inrLnk{margin-top: -10px;margin-bottom: 10px;text-align:right;line-height:5;overflow: hidden;}
.inrLnk ul{margin-right: -2px;}
.inrLnk li{display: inline;padding: 0 6px;border-right: 1px solid #333333;line-height:1.1;}

/* referenceMod */
.referenceMod {margin-bottom: 20px;border: 1px solid #bababa;background:#fff;}
.referenceMod p{padding: 8px;border: 1px solid #fff;background:#f4f4f4;line-height:1.5;text-align: center;}
.referenceMod p span {padding: 2px 20px 2px 0;background: url(http://i.yimg.jp/images/common/pdf_s.gif) no-repeat right top;color:#666666;}

/* gpMod */
.gpMod{margin-bottom:20px;}

/* ============================================ 

 3:side column

============================================ */

/* sub */
#yjSub .sub a{background:url(../img/right_columnbanner.png);background-repeat:no-repeat;}
#yjSub .sub a{display:block;text-indent:-9999px;overflow:hidden;}
#yjSub .banner01 a{background-position:0 0; height:53px;}
#yjSub .banner02 a{background-position:0 -53px; height:85px;}
#yjSub .banner03 a{background-position:0 -138px; height:72px;}
#yjSub .banner04 a{background-position:0 -210px; height:67px;}
#yjSub .banner05 a{background-position:0 -277px; height:86px;}
#yjSub .banner06 a{background-position:0 -363px; height:64px;}
#yjSub .banner07 a{background-position:0 -427px; height:70px;}

.twitterMod {position:relative;border: 1px solid #67bbcc;line-height: 1.1;}
.twitterMod .twitterHd{background: #67bbcc;margin: 1px;padding: 5px;}
.twitterMod .twitterHd h2{width: 225px;height: 28px;margin: 0 auto;background: url(../img/twitter_ttl.png) no-repeat 0 0;text-indent: -9999px;}
.twitterMod .twitterLead{padding:5px;}
.twitterMod strong {font-weight:bold;}
.twitterMod h3{margin-bottom: 5px;color: #67bbcc;font-weight: bold;text-align:center;}
.twitterExternalLink{display: block;position:absolute;bottom: 6px;right: 5px;color: #fff;}

/* RssFeedModule */
.RssFeedModuleTweet {margin: 5px;padding: 5px;background: #f9f9f9;/zoom:1;}
.RssFeedModuleTweet:after{content:'';display:block;clear:both;}
.RssFeedModuleTweetImg {float: left;margin-right: 5px;}
.RssFeedModuleTweetTitle {overflow : hidden;/zoom:1;word-break: break-all;word-wrap: break-word;}
.RssFeedModuleTweetLink{background: #67bbcc;margin: 1px;padding: 5px;}
.RssFeedModuleTweetLink a{color: #fff;}

/* ------------------------------
4:footer
------------------------------ */

/* bottom navigation */
#bottomNavi{text-align: center;}
#bottomNavi li{margin-bottom: 10px;}