/* CSS Document */
@charset "Shift_JIS";




/********************************************************/
/*ecoii全体*/
/********************************************************/
#Ecoii{
	width:950px;
	padding:0;
	display:block;
	text-align:center;
}
	
#Contents_eco{
	padding-top:15px;
}


/********************************************************/
/*インタビュー、商品紹介ページ　大枠*/
/********************************************************/


#Under_Page{
	width:745px;
	padding:0;
	margin-left:125px;
	margin-top:30px;
}

/********************************************************/
/*カテゴリ一覧*/
/********************************************************/

#Parts_Main {
	width:540px;
	float:left;
	display:block;
	padding:0;
	margin:0 24px 0 24px;
	text-align:left;
	line-height:1.7em;

}

/*インタビュートップ囲み*/
#Parts_Main .CoBox {
	width:540px;
        background-image:url(../images/top_int_flame.gif);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
	clear:both;
}
/*グッズトップ囲み*/

#Parts_Main .CoBox2 {
	width:540px;
        background-image:url(../images/top_goods_flame.gif);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
	clear:both;
}


/*イイ情報囲み*/


#Parts_Main .CoBox3 {
	width:540px;
        margin-bottom:10px;
}
#Parts_Main .CoBox3 .inner{
	width:540px;
        padding-bottom:15px;


}

#Parts_Main .bg1{
	width:520px;
	padding:10px;
}

#Parts_Main .bg2{
	width:520px;
	padding:10px;
}

#Parts_Main .bg_living{
	width:520px;
        /* height:325px; */
	background-image:url(/ecoii/images/living_bg.gif);
	background-repeat:no-repeat;
	padding:2px 10px 10px 10px;
}

#Parts_Main .bg_info{
        background-image:url(/ecoii/images/top_info_flame.gif);
	background-repeat:no-repeat;
	width:540px;
}

#Parts_Main .bg_info .inner{
        background-image:url(/ecoii/images/top_info_btm.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	width:540px;
}




#Parts_Main .bg_fashion{
	width:520px;
	height:325px;
	background-image:url(/ecoii/images/fashion_bg.gif);
	background-repeat:no-repeat;
	padding:10px;
}

#Parts_Main .picture{
	float:left;
	margin-right:5px;
	width:161px;
}

#Parts_Main .cont{
	float:right;
	width:350px;
}



#Parts_Main .PicBox{
	width:160px;
	margin:15px 10px 15px 0;
	float:left;
	display:inherit;
}

#Parts_Main .johoPicBox{
	width:150px;
	margin:15px 10px 15px 10px;
	float:left;
	display:inherit;
	text-align:center;
}

#Parts_Main .johoPicBox img{
	margin-top:3px;
}


#Parts_Main .johoPicBoxtop{
	width:150px;
	margin:15px 10px 15px 20px;
	float:left;
	display:inherit;
	text-align:center;
}

*html body #Parts_Main .johoPicBoxtop{
	margin:15px 10px 15px 10px;
}


#Parts_Main .more{
	margin:7px 10px 0 0;
	text-align:right;
	clear:both;
}

#Parts_Main .morejoho{
	margin:2px 10px 0 0; /*情報ピックアップBKボタン*/
	text-align:right;
	clear:both;
}


#Parts_Main .taleft{
	text-align:center;
        line-height:120%;
}

/********************************************************/
/*カテゴリ一覧 */
/********************************************************/


#Parts_Category {
	width:180px;
	float:left;
	padding:0;
	display:block;
	text-align:left;
}


/*検索*/

#Parts_Category .Search{
	width:174px;
	height:45px;
	display:block;
	background-image:url(/ecoii/images/serch_bg.gif);
	background-repeat:no-repeat;
	padding:5px 3px 5px 3px;
	margin-bottom:3px;
}

#Parts_Category .Search img{
	margin:4px 0 0 0;
	padding:0px;
}

#Parts_Category .Search input{
	margin:4px 0 0 0;
	padding:0px;
}

/*カテゴリー一覧*/
#Parts_Category .List{
	width:180px;
	padding:0;
	margin-bottom:15px;
	margin-top:15px;
}




#Parts_Category .List img{
	margin-bottom:10px;
	padding:0px;
}

#Parts_Category .List ul{
	padding:0 0 0 10px;
	margin:0 0 15px 0;
}

#Parts_Category .List li{
	list-style-type:none;
	background-image:url(/ecoii/images/arrow.gif);
	background-repeat:no-repeat;
	margin:0 0 5px 0;
}

#Parts_Category .List span{
	margin:0 0 5px 15px;
}


#Parts_Category .List a{
	margin:0;
}

#Parts_Category .List a.text{
	margin:0 0 0 15px;
}

/********************************************************/
/*　お知らせ/
/********************************************************/
#Parts_Main #news{
	margin-bottom: 10px;
}

#Parts_Main #news ul {
	margin: 10px 0 20px 0;
}

#Parts_Main #news li {
	padding:0 20px 9px 20px;
	background: url(../images/line_news.jpg) no-repeat left bottom;
}


/********************************************************/
/*左ナビゲーションの共通部分 バナー/
/********************************************************/


#Parts_Left {
	width:180px;
	text-align:left;
	display:block;
	padding:0;
}

#Parts_Left img{
	margin:10px 0 10px 0;
}




/********************************************************/
/*右サイドメニュー/
/********************************************************/


#Parts_Special {
	width:180px;
	float:right;
	text-align:left;
}

#Parts_Special img{
	margin-bottom:5px;
}


#Parts_Special .List{
	width:180px;
	display:block;
	padding:0;
	margin-bottom:10px;
	
}

#Parts_Special .Mobile{
	width:180px;
	display:block;
	border:1px solid #CCCCCC;
}

#Parts_Special .Mobile p{
	margin:10px 5px 5px 10px;
}
/********************************************************/
/*サイトのキャッチコピー、タイトルバナー*/
/********************************************************/

#Parts_Header{
	width:950px;
	display:block;
	margin-bottom:10px;
	text-align:left;
}

#Parts_Header p{
	color:#666666;
	margin-bottom:10px;
	padding:0px;
}


/********************************************************/
/*インタビューページ*/
/********************************************************/
#Interview1118{
	background-image:url(/ecoii/images/un_int_bg.gif);
	background-repeat:no-repeat;
	height:auto;
}


#Interview0128{
	background-image:url(/ecoii/images/20100128/un_int_bg.gif);
	background-repeat:no-repeat;
	height:auto;
}


#Interview0225{
	background-image:url(/ecoii/images/20100225/un_int_bg.gif);
	background-repeat:no-repeat;
	height:auto;
}

#Interview0407{
	background-image:url(/ecoii/images/20100407/un_int_bg.gif);
	background-repeat:no-repeat;
	height:auto;
}

#Interview{
	width:695px;
	padding:30px 25px 10px 25px;
	margin:0 0 15px 0;
	display:block;
	text-align:left;
	line-height:1.7em;
}


#Interview .pic01{
	float:left;
	width:273px;
	margin-right:30px;
}

#Interview .lead01{
	float:right;
	width:370px;
}

#Interview .pic02{
	float:right;
	width:267px;
	margin-bottom:20px;
}

#Interview .lead02{
	float:left;
	margin-right:30px;
	width:398px;
}

#Interview .lead02_2{
	clear:both;
	width:675px;
	padding-top:15px;
}

#Interview .pic03{
	float:left;
	width:220px;
	margin-right:10px;
}

#Interview .lead03{
	float:right;
	width:430px;
}

/*2010.1.25追加*/

#Interview .pic04{
	float:left;
	width:267px;
	margin-bottom:20px;
}

#Interview .lead04{
	float:right;
	width:398px;
}

/*2010.1.25追加ここまで*/

#Interview .line{
	padding:25px 0;
	clear:both;

}

#Interview .annouce{
	clear:both;
	width:675px;
	padding:10px;
	border:solid 1px;
	border-color:#999999;
	font-size:11px;
	margin-bottom:10px;
}

.ask { 
	color:#839434;
}


#Profile{
	clear:both;
	width:737px;
	height:191px;
	display:block;
	background-image:url(/ecoii/images/un_int_pro_bg.gif);
	background-repeat:no-repeat;
	padding:10px 0 5px 8px;
	margin-bottom:30px;
	text-align:left;
}

#Profile .profile_pic{
	width:135px;
	height:149px;
	float:left;
	margin:10px 0 0 15px;
	padding:0;
}

#Profile .profile_lead{
	width:500px;
	float:right;
	margin:10px 30px 0 0;
	padding:0;
}

#Pickupbg{
	background-image:url(/ecoii/images/un_int_pick_bg.gif);
	background-repeat:no-repeat;
}

#Pickupbg_100407{
	background-image:url(/ecoii/images/20100407/un_int_pick_bg.gif);
	background-repeat:no-repeat;
}

#Pickup{
	width:705px;
	height:225px;
	display:block;
	clear:both;
	padding:80px 20px 5px 20px;
	text-align:left;
}

#Pickup .pup_pic{
	width:152px;
	height:211px;
	float:left;
	margin:10px 0 0 15px;
	padding:0;
	display:block;
}

#Pickup .pup_lead_box{
	width:240px;
	float:left;
	margin:20px 0 0 15px;
	padding:0 10px 0 0;
	display:block;
}

#Pickup .pup_lead_box img{
	float:left;
	display:block;
	width:105px;
}

#Pickup .pup_lead_box_detai{
	float:right;
	margin-left:5px;
	padding:0;
	display:block;
	width:130px;
}

#Pickup .pup_lead_box_lead{
	padding:10px 0 0 0;
	clear:both;
	display:block;
}



/********************************************************/
/*商品紹介ページ*/
/********************************************************/

#Goods{
	background-repeat:no-repeat;
	width:705px;
	height:1500px;
	padding:20px 20px 10px 20px;
	margin-bottom:15px;
	display:block;
	text-align:left;
	line-height:1.7em;
}


#Goods .pic01{
	float:left;
	width:273px;
	margin-right:10px;
}

#Goods .lead01{
	float:right;
	width:396px;
}

#Goods .pic02{
	float:right;
	width:218px;
}

#Goods .lead02{
	float:left;
	margin-right:20px;
	width:398px;
}


#Goods .pic03{
	float:left;
	width:273px;
	margin-right:10px;
}

#Goods .lead03{
	float:right;
	width:396px;
}

#Goods .pic04{
	float:right;
	width:218px;
}

#Goods .lead04{
	float:left;
	margin-right:20px;
	width:398px;
}



#Goods .line{
	padding:30px 0 30px 0;
	clear:both;
}

/********************************************************/
/*商品紹介ページ追加20100806*/
/********************************************************/

#Goods02 .line{
	padding:30px 0 30px 0;
	clear:both;
	width: 705px;
}
#Goods02{
	background-repeat:no-repeat;
	width:705px;
	padding:20px 0 10px 20px;
	margin-bottom:15px;
	display:block;
	text-align:left;
	line-height:1.7em;
}


#Goods02 .pic01{
	float:left;
	width:273px;
	margin-right:10px;
}

#Goods02 .lead01{
	float:right;
	width:400px;
}

#Goods02 .pic02{
	float:right;
	width:290px;
text-align:right;
}

#Goods02 .lead02{
	float:left;
	width:400px;
}

.mt20{
margin-top:20px;

}
#Carry{
	clear:both;
	width:737px;
	height:191px;
	display:block;
	background-image:url(../images/un_goods_ma_bg.gif);
	background-repeat:no-repeat;
	padding:10px 0 5px 8px;
	margin-bottom:30px;
	text-align:left;
	line-height:1.7em;
}

/********************************************************/
/*グッズ　カタログ紹介エリア*/
/********************************************************/

#Catalog{
	width:705px;
	background-image:url(../images/gods_flame.gif);
	background-repeat:no-repeat;
	margin:0 0 0 20px;
	text-align:left;
	line-height:1.7em;
}
#Catalog:after {
　content: "";
　display: block;
　clear: both;
}

#Catalog .innerbg{
width:705px;
background-image:url(../images/goods_flame_btm.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
        padding-bottom:30px;
}
#Catalog .innerbg:after {
　content: "";
　display: block;
　clear: both;
}


#Catalog .innerbg .inner{
padding:30px 30px 0 30px;

}

#Catalog .innerbg .inner .wrapcatalog{
padding-top:15px;

}


#Catalog .inner .wrapcatalog .catalog{
width:300px;
float:left;
}
#Catalog .inner .wrapcatalog .catalog span{
float:left;
margin-right:10px;
}
.ml20{
margin-left:20px;
}

/********************************************************/
/*インタビュー　プロフィールエリア*/
/********************************************************/

#Catalogint{
	clear:both;
	width:745px;
	background-image:url(../images/int_flame.gif);
	background-repeat:no-repeat;
	margin:10px 0 10px 0;
	text-align:left;
	line-height:1.7em;
}
#Catalogint .inner{
padding:30px 30px 7px 30px;
}

.ml20{
margin-left:20px;
}




#Carry .boxcatalog{
	width:200px;
	display:block;
	float:left;
}

#Carry .box01{
	width:370px;
	display:block;
	float:left;
	margin:8px 0 0 10px;
}

#Carry .box01_pic{
	width:140px;
	padding:0;
	float:left;
	display:block;
	clear:both;
	margin:0;
}

#Carry .box01_lead{
	width:210px;
	padding:0;
	float:left;
	display:block;
	margin:5px 0 5px 5px;
}

#Carry .box02{
	width:320px;
	display:block;
	float:left;
	background-image:url(/ecoii/images/un_goods_li.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:8px 0 0 18px;
}

#Carry .box02_sub{
	margin:0 0 0 10px;
}

#Carry .box02_pic{
	width:95px;
	padding:0;
	float:left;
	display:block;
	clear:both;
	margin:10px 0 0 10px;
}

#Carry .box02_lead{
	width:200px;
	padding:10px 0;
	float:left;
	display:block;
	margin:10px 0 0 5px;
}

#Carry .box02 p{
	padding:0;
	margin:5px;
}

#Carry .box03{
	display:block;
	float:left;
	margin:0 0 0 10px;
}

#Carry .box03_sub{
	margin:10px 0 0 10px;
}

#Parts_Main .PicBox .cap {
color: #339900
}

#Parts_Main .PicBox .capnew {
	background: url(../images/alterna/new.gif) no-repeat left top;
	padding-left: 37px;
        color: #339900;
}


/*2010.8.25追加*/
.taright{
	text-align:right;
	margin-top:10px;
}
.setsumei{
	font-size:93%;
}

/********************************************************/
/*バックナンバー*/
/********************************************************/

#BN{
	clear:both;
	width:745px;
	height:auto;
	display:block;
	background-repeat:no-repeat;
	padding:0;
	margin-bottom:30px;
	margin-top:20px;
	text-align:left;
	line-height:1.7em;
}

#BN .box_title{
	width:745px;
	display:block;
	float:left;
}

#BN .box1{
	width:350px;
	display:block;
	float:left;
	margin:8px 0 0 10px;
}

#BN .box1_pic{
	padding:0;
	float:left;
	display:block;
	clear:both;
	margin:0;
}

#BN .box1_lead{
	width:210px;
	padding:0;
	float:left;
	display:block;
	margin:5px 0 5px 5px;
}

#BN .box2{
	width:350px;
	display:block;
	float:left;
	margin:8px 0 0 10px;
}

#BN .box2_pic{
	padding:0;
	float:left;
	display:block;
	clear:both;
	margin:0;
}

#BN .box2_lead{
	width:210px;
	padding:0;
	float:left;
	display:block;
	margin:5px 0 5px 5px;
}


#Interview0225 #Catalogint .inner .pho {
	float: left;
	width: 145px;
}


/********************************************************/
/*インタビュー用新テンプレート*/
/********************************************************/

#InterviewFlame{ 
background-image: url(../images/interview_flame_bg.gif);background-repeat: repeat-y;
}
#InterviewFlamebtm{ 
background-image: url(../images/interview_flame_btm.gif);
background-repeat: no-repeat;
 background-position: left bottom;
}

#InterviewFlame #InterviewFlamebtm .Inner{ 
	width:705px;
	margin:20px auto 0 auto;

}
#InterviewFlame #InterviewFlamebtm .Inner p{ 
	margin-top:12px;

}
#InterviewFlame #InterviewFlamebtm .Inner .ask{ 
	margin-top:12px;

}

#InterviewFlame #InterviewFlamebtm .Inner .lead01{
	float:right;
	width:370px;
}

#InterviewFlame #InterviewFlamebtm .Inner .pic01{
	float:left;
	width:273px;
	margin-right:30px;
}
#InterviewFlame #InterviewFlamebtm .Inner .pic02{
	float:right;
	width:267px;
	margin-bottom:20px;
}
#InterviewFlame #InterviewFlamebtm .Inner .lead01{
	float:right;
	width:400px;
}


#InterviewFlame #InterviewFlamebtm .Inner .lead02{
	float:left;
	margin-right:30px;
	width:398px;
}
#InterviewFlame #InterviewFlamebtm .Inner .line{
	padding:25px 0 25px 0;
	clear:both;
}

/* インタビュー　カタログ紹介
------------------------- */

#IntProfile {
	clear:both;
	width:745px;
	background-image:url(../images/prof_bg.gif);
	background-repeat:no-repeat;

	margin-top:10px;
	text-align:left;
}
#IntProfile .Inner {
	padding:20px;
	text-align:left;
background-image: url(../images/int_flame_btm.gif);background-repeat: no-repeat;background-position:0 bottom;
}
#IntProfile .Inner .incatalog {
	margin-top:12px;
}

/* 
------------------------- */
#IntProfile .Inner .incatalog:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#IntProfile .Inner .incatalog {
	padding-right:20px;
  min-height: 1px;
}

* html #IntProfile .Inner .incatalog {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#IntProfile .Inner .incatalog img {
width:105px;
	float:left;
}

#IntProfile .Inner .incatalog p {
        width:560px;
	float:right;
	margin-top:10px;

}


#present { /* CDプレゼント  */
	width:745px;
	background-image:url(../images/prof_bg.gif);
	background-repeat:no-repeat;

	margin-top:20px;
	text-align:left;
}
#present .Inner {
	padding:20px;
	text-align:left;
background-image: url(../images/int_flame_btm.gif);background-repeat: no-repeat;background-position:0 bottom;
}

#present .Inner .pho {
	float:left;

}

#present .Inner .botan {
	float:right;
        width:470px;


}
#present .Inner p {
	margin:7px 20px 12px 4px;

}




.mt10 {
margin-top:10px;
}
.ml10 {
margin-left:10px;
}



/* インタビューおすすめ商品
------------------------- */
#Osusume {
	width:745px;
	background-image:url(../images/20100825/pick_bg.gif);
	background-repeat:no-repeat;
        margin-top:10px;

}

#Osusume .Inner {
	 padding:80px 20px 20px 20px;
	text-align:left;
	background-image:url(../images/20100825/pick_btm.gif);
	background-repeat:no-repeat;background-position:0 bottom;
}
#Osusume .Inner li {
	width:210px;
	float:left;
	margin-right:15px;
	
}
#Osusume .Inner .first {
	margin-left:10px;
	
}
#Osusume .Inner li img {
	float:left;
	
}
#Osusume .Inner li img {
	margin-right:10px;
	
}
#Osusume .Inner li p {
	padding-top:7px;
clear: both;

	
}
#Osusume .Inner li a {
	font-weight: bold;
}



#Osusume2 {
	width:745px;
	background-image:url(../images/bg_osusume2.gif);
	background-repeat:no-repeat;
        margin-top:10px;

}

#Osusume2 .Inner {
	 padding:53px 30px 20px 30px;
	text-align:left;
	background-image:url(../images/20100825/pick_btm.gif);
	background-repeat:no-repeat;background-position:0 bottom;
}

#Osusume2 .Inner img {
	float:left;
        margin-right:15px;
}

#Osusume2 .Inner p {
        margin-top:5px;
}


/* トップページ中野アナ画像用
------------------------- */
.topnakano {
	background: url(/ecoii/images/20101203/int_pic.jpg) no-repeat;
	height: 177px;
	width: 161px;
}

/* 復興支援
------------------------- */
#shien {
	width: 540px;
}
#shien .mark{
	width: 180px;
	float:left;
}

#shien .mark img{
	margin:10px 20px 10px;
}

#shien .txt{
	width: 290px;
	float:right;
}

#shien .txt p{
	margin:35px 20px 10px 0;
}

#shien .right{ /* botan */
	text-align:right;
        padding:0 12px 10px 0 ;
}

/********************************************************/
/*　その他　*/
/********************************************************/
p span{
font-weight: bold ;

}

.clear {
	clear: both;
}

/* 
------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}