@charset "utf-8";

/*===========================================
/*　エコノス基本スタイルシート
/*　/stylesheets/potal/baselayout.css
/*===========================================*/

html {
overflow-y:scroll;
}
/* FireFoxスクロールバー対策 */


/*基本設定 body
++++++++++++++++++++++++++++++*/

body{
background-color: #ffffff;

background-repeat: repeat-x;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 140%;
/*font-family: Arial,Helvetica,sans-serif;*/
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, "平成角ゴシック"; 
color: #B60000;
}

h1.h2,h3,h4,h5,h6{
margin: 0;
}

.clear{
clear: both;
}


/*文字リンク色 
++++++++++++++++++++++++++++++*/

a {text-decoration: none;}

a:link {color: #B60000;}

a:visited {color: #B60000;}

a:active {color: #CC6633;}

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


/*レイアウト
++++++++++++++++++++++++++++++*/

div#outline{
margin-left: auto;
margin-right: auto;
width: 780px;
margin-top: 0px;
background: url('/images/portal/back.gif') repeat-y;
}

div#top_header{
height: 180px;
padding-top: 0px;
} 

div#top_header_portal{
height: 165px;
padding-top: 0px;
} 

div#top_header_minibn2{
padding-top: 0px;
} 

div#main{
width: 530px;
float: right;
margin: 0px 20px 10px 0px;
}

*html body div#main {
margin: 0px 10px 10px 0px;
}/* IE6 対策 */

* +html body div#main {
margin: 0px 20px 10px 0px;
}/* IE7 対策 */

div#sub{
width: 198px;
float: left;
margin: 0px 0px 0px 20px;
border: 1px solid #666666;
background-color:: #66CC66;
background-image: url(/images/portal/back_sub.gif);
background-repeat: repeat;
}

*html body div#sub {
margin: 0px 0px 0px 10px;
}/* IE6 対策 */

* +html body div#sub {
margin: 0px 0px 0px 20px;
}/* IE7 対策 */





div#sub_ranking{
width: 198px;
margin: 0px 0px 10px 20px;
border: 1px solid #666666;
background-color:: #66CC66;
background-image: url(/images/portal/back_sub.gif);
background-repeat: repeat;
}

*html body div#sub_ranking {
margin: 0px 0px 10px 10px;
}/* IE6 対策 */

* +html body div#sub_ranking {
margin: 0px 0px 10px 20px;
}/* IE7 対策 */







div#footer{
clear: both;
}


/*トップヘッダー top_header
++++++++++++++++++++++++++++++*/

div#top_header h1{
font-size: 12px;
margin: 0px 0px 0px 0px;
}

div#top_header img{
border: 0;
}

div#top_header img.logo{
margin-right: 10px;
margin-top: 0px;
margin-left: 10px;
}

div#top_header ul#top_ad {
margin-top: 10px;
margin-left: 20px;
padding: 0;
list-style-type: none;
}

div#top_header li.top_ad {
margin-right: 8px;
float: left;
}

div#top_header_portal h1{
font-size: 12px;
margin: 0px 0px 0px 0px;
}

div#top_header_portal img{
border: 0;
}

div#top_header_portal img.logo{
margin-right: 10px;
margin-top: 0px;
margin-left: 10px;
}

div#top_header_portal ul#top_ad {
margin-top: 10px;
margin-left: 20px;
padding: 0;
list-style-type: none;
}

div#top_header_portal li.top_ad {
margin-right: 8px;
float: left;
}

div#top_header_minibn2 h1{
font-size: 12px;
margin: 0px 0px 0px 0px;
}

div#top_header_minibn2 img{
border: 0;
}

div#top_header_minibn2 img.logo{
margin-right: 10px;
margin-top: 0px;
margin-left: 10px;
}

div#top_header_minibn2 ul#top_ad {
margin-top: 10px;
margin-left: 29px;
margin-bottom:0;
padding: 0;
list-style-type: none;
clear:both;
}

div#top_header_minibn2 li.top_ad {
margin-right: 10px;
float: left;
}

/*Yahooブログ検索 search
++++++++++++++++++++++++++++++*/

div#search{
margin:10px 20px 10px 60px;
_margin:-5px 20px 10px 60px;
color: #333333;
clear:both;
height:40px;
}

div#search form{
margin:0;
padding:10px 0 0 10px;
}

div#search form img{
margin-right: 20px;
}

div#search input.submit{
margin-top: 5px;
}

div#search input.textbox{
width: 200px;
}


/*info画像・各トップタイトル画像
++++++++++++++++++++++++++++++*/

div#main div#imageinfo{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
clear:both;
height:105px;
} 

div#main div#imageinfo img.btn_signup{
float:left;
}

div#main div#imageinfo img.btn_login{
float:right;
}


/* 募金集計画像
++++++++++++++++++++++++++++++*/
div#main div#fund_raising{
background-image: url(/images/portal/fund-raising_count_4.1.gif);
background-repeat: no-repeat;
width: 380px;
height: 33px;
margin: 10px 0px 10px 0px;
padding: 117px 150px 0px 0px;
font-size: 20px;
font-weight: bold;
color:#000000;

} 


/*フッター footer
++++++++++++++++++++++++++++++*/

div#footer{
margin: 0px;
padding: 26px 0px 0px 20px;
height: 30px;
background-image: url(/images/footer.gif);
background-repeat: no-repeat;
background-position: 10px 0px;
font-size: 10px;
color: #516e0f;
}

div#footer ul{
margin: 0;
padding: 0;
}

div#footer li{
display: inline;
list-style-type: none;
margin-right: 5px;
}

div#footer a:link {color: #516e0f;}

div#footer a:visited {color: #516e0f;}

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

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


/*記事ジャンル genre
++++++++++++++++++++++++++++++*/

div#genre{
width: 255px;
padding: 0;
margin: 0 0 0 3px;
float:left;
color: #999999;
}

div#genre h2{
margin:0 0 10px 0;
padding:0;
}

div#genre h3{
display:none;
}

div#genre ul{
margin:5px 5px 0 5px;
padding:10px 0 0 0;
width:245px;
height:60px;
list-style:none;
}

div#genre ul#cat01{ background:url(/images/portal/cat01_bg.gif) no-repeat; }
div#genre ul#cat02{ background:url(/images/portal/cat02_bg.gif) no-repeat; }
div#genre ul#cat03{ background:url(/images/portal/cat03_bg.gif) no-repeat; }
div#genre ul#cat04{ background:url(/images/portal/cat04_bg.gif) no-repeat; }

div#genre ul li{
margin:0 0 0 128px;
background:url(/images/portal/mark_cat.gif) left center no-repeat;
padding-left:13px;
}


/*エコカンパニー ecocampany
++++++++++++++++++++++++++++++*/

div#ecocampany{
width: 255px;
padding: 0;
margin: 0 0 0 3px;
float:left;
}

div#ecocampany h2{
margin:0 0 10px 0;
padding:0;
}

div#ecocampany img.bn {
margin-bottom: 10px;
}


/*サイドバー sub
++++++++++++++++++++++++++++++*/

div#sub h2{
font-size: 12px;
}

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

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

div#sub img{
border: none;
}

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

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

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

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

div#sub h2.new-products{
margin: 0px;
padding: 0px;
}

div#sub img.new-products{
margin: 5px 0px 0px 5px;
padding: 0px;
}


/*サインアップ・ログイン
++++++++++++++++++++++++++++++*/
div#sub ul#slmenu {
margin: 0px 0px 10px 5px;
padding: 0;
list-style-type: none;
}

div#sub #slmenu li {
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 10px;
background-image: url(/images/portal/sidemenu_bg3.gif);
background-repeat: no-repeat;
background-position: left top;
}


/*ナビゲーションメニュー
++++++++++++++++++++++++++++++*/

div#sub ul#navimenu {
margin: 0px 0px 10px 5px;
padding: 0;
list-style-type: none;
}

div#sub #navimenu li {
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 10px;
background-image: url(/images/portal/sidemenu_bg.gif);
background-repeat: no-repeat;
background-position: left top;
}


/*テキストメニュー
++++++++++++++++++++++++++++++*/

div#sub ul#textmenu_top {
margin: 5px 5px -3px 5px;
padding: 0px;
list-style-type: none;
}

div#sub #textmenu_top li {
margin: 0px 0px 3px 0px;
padding: 3px 0px 2px 10px;
background-color: #d2ed93;
font-weight: bold;
}

div#sub ul#textmenu {
margin: 0px 0px 10px 5px;
padding: 0;
list-style-type: none;
}

div#sub #textmenu li {
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 10px;
background-image: url(/images/portal/sidemenu_bg2.gif);
background-repeat: no-repeat;
background-position: left top;
}


/*サイドバー広告 sub-ad
++++++++++++++++++++++++++++++*/
div#sub div#sub-ad{
margin: 0 5px 15px 5px;
padding: 0 5px 5px 5px;
background:#FFFFFF;
}
div#sub div#sub-ad h2{
margin:0 0 5px 0;
padding:0;
border-bottom:1px dashed #999999;
}
div#sub div#sub-ad img{
margin: 5px 0 0 0;
padding: 0;
}


/*新製品情報ブログ new-products
++++++++++++++++++++++++++++++*/

div#sub div#new-products {
margin: 0px 5px 5px 5px;
padding: 0;
background-color: #ededed;
}

div#sub div#new-products ul{
margin: 0px 5px 0px 10px;
padding: 3px 0px 0px 0px;
list-style-type: none;
}

div#sub div#new-products li{
margin: 0px 0px 0px 0px;
padding-left: 15px;
background-image: url(/images/portal/list_mark.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

div#sub div#new-products div.right{
text-align: right;
padding: 0px 5px 3px 0px;
font-size: 10px;
}


/*運営事務局ブログ information
++++++++++++++++++++++++++++++*/

div#sub div#information {
margin: 10px 5px 10px 5px;
}

div#sub div#information div.info_top {
height: 23px;
background-color: #bbe3f1;
background-image: url('/images/portal/info_top.gif');
background-repeat: no-repeat;
}

div#sub div#information div.info_middle {
background-color: #bbe3f1;
background-image: url('/images/portal/info_middle.gif');
background-repeat: repeat-y;
}

div#sub div#information div.info_bottom {
height: 7px;
background-color: #bbe3f1;
background-image: url('/images/portal/info_bottom.gif');
background-repeat: no-repeat;
font-size: 0%;
}

div#sub div#information ul{
margin: 0px;
padding: 5px 5px 0px 10px;
list-style-type: none;
}

div#sub div#information li{
margin: 0px;
padding-left: 15px;
background-image: url(/images/portal/list_mark.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

div#sub div#information div.right{
text-align: right;
padding: 0px 5px 3px 0px;
font-size: 10px;
}


/*スタッフブログ staff
++++++++++++++++++++++++++++++*/

div#sub div#staff {
margin: 10px 5px 5px 5px;
}

div#sub div#staff div.staff_top {
height: 43px;
background-image: url('/images/portal/staff_top.gif');
background-repeat: no-repeat;
}

div#sub div#staff div.staff_middle {
background-image: url('/images/portal/staff_middle.gif');
background-repeat: repeat-y;
}

div#sub div#staff div.staff_bottom {
height: 5px;
background-image: url('/images/portal/staff_bottom.gif');
background-repeat: no-repeat;
font-size: 0%;
}

div#sub div#staff ul{
margin: 0px;
padding: 5px 5px 0px 10px;
list-style-type: none;
}

div#sub div#staff li{
margin: 0px;
padding-left: 15px;
background-image: url(/images/portal/list_mark.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

div#sub div#staff div.right{
text-align: right;
padding: 0px 5px 3px 0px;
font-size: 10px;
}


/*各種リンクロゴ banner
++++++++++++++++++++++++++++++*/

div#sub div#banner{
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 10px;
}

div#sub div#banner img{
margin-top: 0px;
margin-bottom: 3px;
}


/*パンくず
++++++++++++++++++++++++++++++*/

div#pankuzu{
color: #333333;
padding: 5px 10px 5px 10px;
margin: 0px;
}

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

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

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

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