@charset "utf-8";

/*===========================================*/
/*　エコノス                                 */
/*　ポータル系（ダイナミック）スタイルシート */
/*　/stylesheets/potal/p_index.css           */
/*===========================================*/


/*メインカラム main
++++++++++++++++++++++++++++++*/

div#main h1{						
padding: 0px;
margin: 0px;
}

div#main h3{
font-size: 12px;
}

div#main h4{
font-size: 12px;
margin: 0;
}

div#main img{
border: none;
}


/*ポータル系テキスト広告部 portal_text_ad
++++++++++++++++++++++++++++++*/
div#main div#portal_text_ad{
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
} 

div#main div#portal_text_ad iframe{
width: 550px;
height: 70px;
}


/*静的ページメイン部 stbosy
++++++++++++++++++++++++++++++*/
div#main div#stbody{
padding: 10px 10px 0px 10px;
margin-top: 5px;
color: #333333;
background-color: #ffffff;
}

div#main div#stbody p{
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 5px;
line-height: 150%;
}

div#main div#stbody h2 {
border-bottom: 1px dotted #000000;
font-size: 12px;
margin-bottom: 5px;
margin-top: 0px;
padding-bottom: 3px;
}

div#main div#stbody h3{
margin-top: 20px;
margin-bottom: 10px;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #006633;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddddd;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #cccccc;
padding: 3px 3px 3px 10px;
}

div#main div#stbody a:link {
color: #333333;
text-decoration: underline;
}

div#main div#stbody a:visited {
color: #333333;
text-decoration: underline;
}

div#main div#stbody a:active {
color: #CC6633;
text-decoration: underline;
}

div#main div#stbody a:hover {
color: #CC6633;
text-decoration: underline;
}


/*セントリックリスト
++++++++++++++++++++++++++++++*/
div#main dl.centric_list{
clear: both;
margin: 10px 0px 15px 0px;
}

div#main dl.centric_list dt{
clear: both;
float: left;
}

div#main dl.centric_list dd{
margin-left: 108px;
margin-bottom: 0px;
_display: inline-block; 
}

*html body div#main dl.centric_list dd {
margin-left: 104px;
}/* IE6 対策 */

* +html body div#main dl.centric_list dd {
margin-left: 108px;
}/* IE7 対策 */

div#main dl.centric_list dd.text{
color: #333333;
margin-left: 108px;
margin-bottom: 8px;
_display: inline-block; 
}

div#main dl.centric_list a.article{
margin-right: 0.5em;
}

div#main dl.centric_list a.index{
margin-left: 0.5em;
}


/*総合トップ新着 new_entry_index
++++++++++++++++++++++++++++++*/

div#new_entry_index{
width: 255px;
padding: 0px 0px 0px 0px;
margin-right: 3px;
background-color: #ffffff;
float: right;
}

div#new_entry_index h2{
margin: 0px 0px 5px 0px;
}

/*
div#new_entry_index h3{
float: left;
margin-bottom: 0px;
font-weight: normal;
}
*/

div#new_entry_index img.rssfeed{
margin-left: 0.5em;
border: 0;
}

div#new_entry_index dl{
clear: both;
margin: 5px 0px 15px 0px;
}

div#new_entry_index dt{
clear: both;
float: left;
padding: 0px 5px 0px 13px;
background-image: url(/images/portal/list_mark.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

div#new_entry_index dd{
margin-left: 50px;
}

div#new_entry_index dd.index{
margin-bottom: 3px;
margin-left: 13px;
}

div#new_entry_index img{
border: none;
}


/* jp新着
++++++++++++++++++++++++++++++*/

div#main_left dl{
clear: both;
margin: 5px 0px 15px 0px;
}

div#main_left dt{
clear: both;
float: left;
padding: 0px 5px 0px 13px;
background-image: url(/images/portal/list_mark.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

div#main_left dd{
margin-left: 50px;
}

div#main_left dd.index{
margin-bottom: 3px;
margin-left: 13px;
}

div#main_left img{
border: none;
}


/*新着 new_entry
++++++++++++++++++++++++++++++*/

div#new_entry{
padding: 0px 0px 0px 0px;
margin-right: 0px;
background-color: #ffffff;
clear: both;
}

div#new_entry h2{
margin: 0px 0px 5px 0px;
}

div#new_entry h3{
float: left;
margin-bottom: 0px;
font-weight: normal;
}

div#new_entry img.rssfeed{
margin-left: 0.5em;
border: 0;
}

div#new_entry dl{
clear: both;
margin: 5px 0px 15px 0px;
}

div#new_entry dt{
clear: both;
float: left;
padding: 0px 0px 0px 13px;
background-image: url(/images/portal/list_mark.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

div#new_entry dd{
margin-left: 50px;
}

div#new_entry a.article{
margin-right: 0.5em;
}

div#new_entry a.index{
margin-left: 0.5em;
}

div#new_entry img{
border: none;
}


/*イメージリスト
++++++++++++++++++++++++++++++*/
div#new_entry img.imagelist{
margin: 3px;
}


/*メインレフト main_left
++++++++++++++++++++++++++++++*/

div#main_left{
float: left;
width: 255px;
padding: 0px 0px 0px 3px;
margin-right: 0px;
background-color: #ffffff;
}

div#main_left h2{
margin: 0px 0px 5px 0px;
}


/*総合トップエコマスター master
++++++++++++++++++++++++++++++*/

div#main_left div.master{
margin: 2px 0px 6px 0px;
width: 255px;
float: left;
}

div#main_left div.master h3{
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 96px;
color: #333333;
line-height: 1.2;
}

div#main_left div.master img.master{
clear: both;
float: left;
border: none;
padding-right: 4px;
padding-bottom: 0px;
}

div#main_left div.master p{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 96px;
color: #333333;
line-height: 1.3;
}

div#main_left div.master div#index{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 96px;
}

div#main_left div#list{
clear: both;
padding: 5px 0px 10px 0px;
}

/*エコナコトスタッフブログ staffblog
++++++++++++++++++++++++++++++*/
div#staffblog h2{
margin:10px 0 0 0;
padding:0;
}

div#staffblog p{
margin:0 0 10px 0;
padding:0;
float:left;
width:127px;
margin-right:5px;
color:#333333;
font-size:10px;
}

div#staffblog p img{
margin:5px 0;
}


/*エコマスターブログ ecomaster
++++++++++++++++++++++++++++++*/

div#ecomaster h2{
margin: 0px 0px 5px 0px;
}

div#ecomaster div.master{
margin: 3px 5px 3px 0px;
width: 260px;
min_height: 97px;
float: left;
}

*html body div#ecomaster div.master {
width: 257px;
}/* IE6 対策 */

* +html body div#ecomaster div.master {
width: 260px;
}/* IE7 対策 */

div#ecomaster div.master h3{
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 96px;
color: #333333;
line-height: 1.2;
}

div#ecomaster div.master img.master{
clear: both;
float: left;
border: none;
padding-right: 4px;
padding-bottom: 5px;
}

div#ecomaster div.master p{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 96px;
color: #333333;
line-height: 1.3;
}

div#ecomaster div.master p.index{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 96px;
}

div#ecomaster div#list{
clear: both;
padding: 0px 0px 10px 0px;
text-align: right;
}


/*エコカンパニーブログ ecocompany
++++++++++++++++++++++++++++++*/

div#ecocompany h2{
margin: 0px 0px 5px 0px;
}

div#ecocompany div.company{
margin: 3px 5px 3px 0px;
width: 260px;
height: 100px;
float: left;
}

*html body div#ecocompany div.company {
width: 257px;
}/* IE6 対策 */

* +html body div#ecocompany div.company {
width: 260px;
}/* IE7 対策 */

div#ecocompany div.company h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 94px;
color: #333333;
line-height: 1.2;
}

div#ecocompany div.company img.company_img{
clear: both;
float: left;
border: none;
padding-right: 4px;
}

div#ecocompany div.company p{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 94px;
color: #333333;
line-height: 1.3;
}

div#ecocompany div.company p.index{
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 94px;
}

div#ecocompany div#list{
clear: both;
padding: 0px 0px 10px 0px;
text-align: right;
}


/*スペシャルブログ special
++++++++++++++++++++++++++++++*/
div#special{
width: 200px;
float: left;
margin: 0 0 10px 20px;
_margin: 0 0 10px 10px;
padding:0 0 5px 0;
background:url(/images/portal/special_bg.gif) repeat-y;
border-bottom:1px solid #999999;
}

div#special h2{
margin:0;
padding:0;
}

div#special img{
margin: 0px 0px 5px 0px;
border:none;
}

div#special p{
margin: 0 6px;
background:#FFFFFF;
color: #333333;
line-height: 1.3;
}

div#special p span{
display:block;
padding:5px;
}

/*サイドバナー side_banner
++++++++++++++++++++++++++++++*/
#side_banner{
width: 180px;
float: left;
margin: 0 0 10px 30px;
_margin: 0 0 10px 15px;
}

.side_banner{
width: 180px;
float: left;
margin: 0 0 10px 30px;
_margin: 0 0 10px 15px;
}


/*天気予報 weather
++++++++++++++++++++++++++++++*/
div#weather{
width: 180px;
float: left;
margin: 0 0 10px 30px;
_margin: 0 0 10px 15px;
}
div#weather img {
border: none;
}

/*スペシャルブログ special
++++++++++++++++++++++++++++++*/
div#stbody div#manual p.special {
width: 250px;
float: left;
}

div#stbody div#manual img.special_img {
padding: 60px 0px 0px 10px;
}


/*アクセスランキング ranking
++++++++++++++++++++++++++++++*/
div#ranking{
margin: 5px 5px 5px 5px;
padding:0 5px 5px 5px;
background:#FFFFFF;
color: #333333;
}

div#ranking h2{
margin: 0;
padding:0;
border-bottom:1px dashed #999999;
}

div#ranking p{
margin: 10px 0px 0px 10px;
font-weight:bold;
}

div#ranking ol{
margin: 3px 5px 0px 40px;
padding: 0;
}


div#ranking a:link {color: #333333;}

div#ranking a:visited {color: #333333;}

div#ranking a:active {color: #CC6633;}

div#ranking a:hover {
color: #CC6633;
text-decoration: underline;
}


/*スポンサー企業一覧 sponsor
++++++++++++++++++++++++++++++*/
div#main div#sponser{
clear: both;
margin-top: 5px;
margin-bottom: 5px;
/*height: 190px;*/
}

div#main div#sponser h2{
margin-top: 0;
margin-bottom: 8px;
}

div#main div#sponser ul.sponser_ad {
margin: 0px;
padding: 0px 0px 0px 1px;
list-style-type: none;
clear:both;
}

div#main div#sponser li.sponsers{
margin: 0px 6px 1px 0px;
float: left;
}

*html body div#main div#sponser li.sponsers{
margin: 0px 5px 1px 0px;
}/* IE6 対策 */

* +html body div#main div#sponser li.sponsers{
margin: 0px 6px 1px 0px;
}/* IE7 対策 */

/*エコニュース一覧　econews
++++++++++++++++++++++++++++++*/
#econews {
margin-top:15px;
}

#econews h2{
margin:0;
padding:0;
}

#econews ul{
margin:5px;
padding:0;
list-style:none;
}

#econews li{
padding: 0px 5px 0px 18px;
background: url(/images/portal/list_mark.gif) no-repeat left center;
}

#econews p{
color:#333333;
}

/*おすすめブログ recommend
++++++++++++++++++++++++++++++*/
div#recommend{
padding: 0px;
margin: 0px 0px 0px 0px;
}

div#recommend ul{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#recommend li{
width: 257px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 15px 0px;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #8f8f8f;
float: left;
}

div#recommend h2{
padding: 0px;
margin: 0px 0px 5px 0px;
}

div#recommend h3{
padding: 0px;
margin: 0px;
font-weight: normal;
}


/*404,500エラー errorbox
++++++++++++++++++++++++++++++*/
div#errorbox{
margin: -60px 30px 20px 30px;
color: #333333;
}

div#errorbox h1{
margin: 0px 0px 0px 0px;
font-size: 16px;
}

div#errorbox a{
text-decoration: underline;
}


/*セントリックページの記事ジャンル genre
++++++++++++++++++++++++++++++*/
div#genre_centric{
padding: 10px;
margin: -20px -20px 10px -20px;
background-color: #FAE092;
background-image: url('/images/portal/bg_cell_001.gif');
background-repeat: repeat-x;
}


/*セントリックページ毎のRSSfeed
++++++++++++++++++++++++++++++*/
div#main div#stbody img.rssfeed{
margin-left: 0.5em;
border: 0;
}


/*静的ページ エコナコトとは？ aboutbox
++++++++++++++++++++++++++++++*/
div#main div#stbody div#aboutbox p{
margin-top: 0px;
line-height: 130%;
}
div#main div#stbody div#aboutbox p.bltxt{
color: #1D65A7;
}

div#main div#stbody div#aboutbox h3{
clear: both;
margin-top: 30px;
width: 520px;
}
div#main div#stbody div#aboutbox img.sm{
margin: 0px 10px 0px 0px;
border: none;
}

/*静的ページ よくある質問と答え faqbox
++++++++++++++++++++++++++++++*/
div#main div#stbody div#faqbox h3{
margin-top: 10px;
}

div#main div#stbody div#faqbox dl{
margin: 0;
padding: 0 0 0 5px;
}

div#main div#stbody div#faqbox dt{
background:#dddddd;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 2px;
color: #006633;
font-weight: bold;
}

div#main div#stbody div#faqbox dd{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 5px;
line-height: 130%;
}

div#main div#stbody div#faqbox dd.point01{
background: #f5f5f5;
border: 1px dashed #cccccc;
margin: 10px 30px 10px 30px;
padding: 5px;
}

div#main div#stbody div#faqbox p.qtoplink{
text-align: right;
font-size: 10px;
}


/*静的ページ 運営会社 managebox
++++++++++++++++++++++++++++++*/
div#main div#stbody div#managebox h3{
margin-top: 10px;
}

div#main div#stbody div#managebox p.point01{
background: #f5f5f5;
border: 1px dashed #cccccc;
padding: 5px;
}

div#main div#stbody div#managebox dl{
margin: 0px;
padding: 5px;
}

div#main div#stbody div#managebox dt{
padding: 3px;
background: #006633;
color: #ffffff;
font-weight: bold;
margin: 0px 0px 10px 0px;
}

div#main div#stbody div#managebox dd{
line-height: 180%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #cccccc;
}


/*静的ページ 広告掲載について adbox
++++++++++++++++++++++++++++++*/
div#main div#stbody div#adbox h3{
margin-top: 20px;
width: 520px;
}
div#main div#stbody div#adbox h4{
padding: 2px;
margin-top: 20px;
width: 520px;
border-bottom:1px dashed #cccccc;
color: #1D65A7;
}

div#main div#stbody div#adbox dl{
margin: 0;
padding: 0;
}
div#main div#stbody div#adbox dd{
margin: 0px 0px 5px 0px;
line-height: 130%;
}
div#main div#stbody div#adbox dt{
background:#dddddd;
margin: 0px 0px 5px 0px;
color: #1D65A7;
font-weight: bold;
padding: 1px 1px 1px 5px;
}


/*静的ページ エコナコトとは？ aboutbox
++++++++++++++++++++++++++++++*/
div#link_bn{
padding: 0px 0px 0px 10px;
}

div#link_bn .link_bn{
padding: 3px;
border: 1px solid #999999;
}


/*マニュアル
++++++++++++++++++++++++++++++*/

div#stbody div#manual{
}

div#stbody div#manual ul.menu{
text-align: center;
list-style: none;
font-size: 10px;
margin: 0px 10px 0px 10px;
padding: 5px 0px 5px 0px;
border:solid 1px #666666;
}

div#stbody div#manual ul.menu li{
display: inline;
margin: 0px;
padding: 0px;
}

#manual h2{
font-size: 12px;
margin: 15px 0px 10px 0px;
border-bottom: dashed 1px #666666;
border-left: solid 5px #006633;
padding: 3px 0px 0px 5px;
}

div#stbody div#manual h3{
margin: 20px 0px 10px 0px;
font-size: 12px;
}

div#stbody div#manual p{
padding:0px 0px 15px 8px;
line-height: 1.3;
}

div#stbody div#manual img{
padding:10px 0px 10px 0px;
}

div#stbody div#manual img.set{
padding:0px 0px 10px 0px;
clear: both;
float: left;
}

div#stbody div#manual .set_txt{
margin-left: 160px;
margin-bottom: 15px;
}


/*テンプレ一覧
++++++++++++++++++++++++++++++*/
div#stbody div#tmplbox{}

div#stbody div#tmplbox span.redTxt{
color: #3399cc;
}
div#stbody div#tmplbox ul{
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
}
div#stbody div#tmplbox li{
float: left;
margin: 5px 5px 0px 0px;
padding: 0px;
}
div#stbody div#tmplbox li img{
margin: 0px;
padding: 2px;
border: 1px solid #666666;
}

#lightbox{
background:#dddddd;
padding: 3px;
border-top: 30px solid #ffffff;
border-left: 30px solid #ffffff;
border-right: 30px solid #ffffff;
border-bottom: 5px solid #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#lightboxCaption{ 
text-align: right;
 }

#lightbox img{ 
border: 1px solid #666666;
} 


/*Adobe Reader
++++++++++++++++++++++++++++++*/
div.Adobe_Reader{
padding: 5px 5px 15px 5px;
margin: 0px 0px 0px 0px;
color: #888888;
font-size: 10px;
line-height: 120%;
border: 1px dotted #999999;
}

div.Adobe_Reader img{
margin: 0 5px 3px 0;
border: none;
float: left;
}




div.info_box{
width: 178px;
float: left;
margin: 0px 0px 10px 20px;
border: 1px solid #cccccc;
padding: 10px;
background: #FAF1CF;
}

div.info_box_002{
width: 178px;
float: left;
margin: 10px 0px 0px 20px;
border: 1px solid #cccccc;
padding: 10px;
background: #F1FDCC;
}

div.info_box_003{
width: 178px;
float: left;
margin: 10px 0px 0px 20px;
border: 1px solid #cccccc;
padding: 10px;
background: #ffffff;
color: #000000;
font-size: 10px;
text-align: center;
}

div.info_box_003 img{
border: none;
}

h3.text{
font-size: 12px;
font-weight: bold;
color: #336600;
}

div.master_area div{
width: 160px;
float: left;
margin-right: 10px;
}

div.blomott{
margin-bottom: 10px;
color: #000000;
}

div.blomott img{
margin-bottom: 5px;
}

div.new_list{
margin-left: 20px;
margin-bottom: 10px;
}

div.new_list img{
border: 0;
}