@charset "UTF-8";

/*
*	Title: オレンジブック.Com - エコプランマガジン（仮）用CSS
*	URI: 
*	Last Modified: 2009-09-14
*	Description: 環境にやさしい商品から探すの組み込みページにのみ適用する要素を定義する
*	
*/

/*========================================
	1.  要素
========================================*/

#main #mPromotionArea #pagetitle_h2{
	background: url(../../magazine/img/common/title_h2.jpg) no-repeat 5px center;
	font-size: medium;
	font-weight: bold;
	color: #666666;
	padding: 5px 0px 5px 30px;
}

#main #mPromotionArea .title_h3{
	background: url(../../magazine/img/common/bg_h3.jpg) no-repeat center;
	height: 35px;
	width: 690px;
	color: #666666;
	font-size: medium;
	font-weight: bold;
	padding: 20px 0px 0px 5px;
}

#main #mPromotionArea .title_h3_ora{
	background: url(../../magazine/home/img/common/title_ora.jpg) no-repeat center;
	height: 35px;
	width: 655px;
	color: #666666;
	font-size: medium;
	font-weight: bold;
	padding: 20px 0px 0px 35px;
}

#main #mPromotionArea .text{
	font-size: 100%;
	line-height: 150%;
	color: #666666;
	padding: 15px 15px 30px 15px;
	overflow:auto;
}
#main #mPromotionArea .text2{
	font-size: 100%;
	line-height: 150%;
	color: #666666;
	padding: 10px 15px 5px 15px;
	overflow:auto;
}
#main #mPromotionArea .text3{
	font-size: 100%;
	line-height: 150%;
	color: #666666;
	padding: 5px 15px 10px 15px;
	overflow:auto;
}
#main #mPromotionArea .text4{
	font-size: 100%;
	line-height: 150%;
	color: #666666;
	padding: 5px 25px 15px 25px;
	overflow:auto;
}
#main #mPromotionArea .text_bold{
	font-size: 100%;
	line-height: 150%;
	color: #666666;
	padding: 2px 15px 2px 15px;
	margin:10px 10px 10px 10px;
	font-weight: bold;
	overflow:auto;
	background: #EAF7D9;
}
#main #mPromotionArea .text_annotation{
	text-align:right;
	font-size: 100%;
	line-height: 150%;
	color: #666666;
	padding: 5px 15px 10px 15px;
	}
#main #mPromotionArea .font_red{
	color: #CC0000;
}
#main #mPromotionArea .font_bold{
	font-weight: bold;
}
#main #mPromotionArea .claer{
	clear:both;
}
#main #mPromotionArea .left_img{
	float: left;
	padding: 5px 20px 15px 0px;
	display: block;
}
#main #mPromotionArea .right_img{
	float: right;
	padding: 5px 0px 15px 20px;
	display: block;
}
#main #mPromotionArea .center{
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#main #mPromotionArea .right{
	text-align:right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#main #mPromotionArea #rayout{
	width: 690px;
	overflow:auto;
}
#main #mPromotionArea #rayout_left{
	float: left;
	width: 160px;
}
#main #mPromotionArea #rayout_right{
	float: right;
	width: 530px;
}
#main #mPromotionArea #rayout_left2{
	float: left;
	width: 420px;
}
#main #mPromotionArea #rayout_right2{
	float: right;
	width: 270px;
	padding: 10px 0px 0px 0px;
}
#main #mPromotionArea #rayout_left3{
	float: left;
	width: 270px;
	padding: 10px 0px 0px 0px;

}
#main #mPromotionArea #rayout_right3{
	float: right;
	width: 420px;
}

#main #mPromotionArea .corner1{
	margin: 0px 0px 0px 15px;
	}
#main #mPromotionArea .corner1_text{
	background: #FDF8F0;
	padding: 5px 15px 10px 15px;
	font-size: 100%;
	line-height: 150%;
	color: #666666;
	width:470px;
	margin: 0px 0px 15px 15px;
}
#main #mPromotionArea .corner2{
	background: url(../../magazine/home/img/common/list02.jpg) no-repeat;
	padding: 0px 15px 0px 25px;
	margin: 25px 0px 5px 5px;
	color: #FF9900;
}
#main #mPromotionArea .corner2_text{
	background: #F3FBEA;
	padding: 5px 15px 5px 15px;
	font-size: 100%;
	line-height: 150%;
	color: #666666;
}

#main #mPromotionArea .list{
	display:block;
	width:670px;
	line-height:150%;
	padding:0px 0px 10px 0px;
	overflow:auto;
}
#main #mPromotionArea .list dt{
	margin:0px;
	padding:0px 0px 0px 15px;
	display:block;
	float:left;
	width:200px;
	background-position:top right;
	background-repeat:no-repeat;
	color: #666666;
	font-weight:bold;	
}
#main #mPromotionArea .list dd{
	display:block;
	margin:0px 0px 0px 10px;
	padding:0px 10px 10px 0px;
	width:430px;
	float:left;
	color: #666666;
}
#main #mPromotionArea .padding5{
	padding: 2px 5px 0px 5px;
}
#main #mPromotionArea .padding15{
	padding: 10px 5px 10px 10px;
}

#main #mPromotionArea .ans_01{
	background: url(../../magazine/home/img/common/list01_01.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_02{
	background: url(../../magazine/home/img/common/list01_02.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_03{
	background: url(../../magazine/home/img/common/list01_03.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_04{
	background: url(../../magazine/home/img/common/list01_04.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_05{
	background: url(../../magazine/home/img/common/list01_05.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_06{
	background: url(../../magazine/home/img/common/list01_06.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_07{
	background: url(../../magazine/home/img/common/list01_07.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_08{
	background: url(../../magazine/home/img/common/list01_08.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_09{
	background: url(../../magazine/home/img/common/list01_09.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_10{
	background: url(../../magazine/home/img/common/list01_10.jpg) no-repeat;
	height: 39px;
	padding:10px 0px 0px 50px;
	margin:10px 0px 0px 0px;
	color: #666666;
}
#main #mPromotionArea .ans_text{
	background: #FDF8F0;
	padding: 0px 15px 0px 15px;
}
#main #mPromotionArea .ans_a{
	display:block;
	padding: 0px 15px 15px 15px;
}

#main #mPromotionArea .pagetop{
	background: url(../../magazine/img/common/pagetop.jpg) no-repeat;
	height: 21px;
	width: 116px;
	text-indent: -9999em;
	margin-left: 580px;
	margin-bottom:5px;
}
#main #mPromotionArea .pagetop a{
	display: block;
	height: 21px;
	width: 116px;
}
#main #mPromotionArea .modoru{
	text-align: center;
}

#main #mPromotionArea .modoru a {
	font-size: 85.7%;
	text-decoration: underline;
}