@charset "utf-8";
/*
ファイル名：main.css
作成者　　：aizawa
更新日　　：2008/01/06
情報　　　：メインコンテンツの中のスタイル
*/

/*---------------------------------------------

	大見出しの例

---------------------------------------------*/

/*---------------
中見出しの例
---------------*/

/* 小見出しの例 */



/*---------------------------------------------

	汎用クラス

---------------------------------------------*/

/* float */
.fl {float:left !important;}
.fr {float:right!important;}

/* floatのclear */
.cl {clear:left!important;}
.cr {clear:right!important;}
.cb {clear:both!important;}

/* margin */
.mt0 {margin-top:0!important;}
.mb0 {margin-bottom:0!important;}
.ml0 {margin-left:0!important;}
.mr0 {margin-right:0!important;}

/* text-align */
.tl {text-align:left!important}
.tc {text-align:center!important}
.tr {text-align:right!important}


/*---------------------------------------------

	トップページ

---------------------------------------------*/

#top-mainvisual {
	margin:0 0 0 21px;
}

#top-kouka {
	display:block;
	position:absolute;

	bottom:400
];
	left:545px;
	width:275px;
	height:25px;
	bottom: 400px;
}
#top-kouka2 {
	display:block;
	position:absolute;

	bottom:400
];
	left:545px;
	width:275px;
	height:25px;
	bottom: 400px;
}

#top-kouka span {		/* 「ダイエットに、生活習慣予防に！」 */
	display:block;
	overflow:hidden;
	width:275px;
	height:0;
	padding-top:25px;
	background:url(../img/common/top-links-buta.png) no-repeat 0 0;
}

#top-kouka2 span {		/* 「えごま油ダイエットに、・・・」 */
	display:block;
	overflow:hidden;
	width:275px;
	height:0;
	padding-top:25px;
	background:url(../img/common/top-links.png) no-repeat 0 0;
}

#top-mailmagazine {
	display:block;
	position:absolute;
	bottom:16px;
	right:16px;
	_right:26px;
	width:347px;
	height:68px;
}

#top-mailmagazine a {
	display:block;
	overflow:hidden;
	width:347px;
	height:0;
	padding-top:68px;
	background:url(../img/common/top-links.png) no-repeat 0 -45px;
}

#top-mailmagazine a:hover {
	background-position:0 -113px;
}


/*==============
buta
===============*/


#top-mailmagazine2 {
	display:block;
	position:absolute;
	bottom:16px;
	right:16px;
	_right:26px;
	width:347px;
	height:68px;
}

#top-mailmagazine2 a {
	display:block;
	overflow:hidden;
	width:347px;
	height:0;
	padding-top:68px;
	background:url(../img/common/top-links2.png) no-repeat 0 -45px;
}

#top-mailmagazine2 a:hover {
	background-position:0 -113px;
}


/*================
add 0210 top chumon hyou
================*/

#main #apDiv2 p.nomargine {
	margin: 0px;
	padding: 0px;
}


#apDiv2 {
	position:absolute;
	left:10px;
	top:398px;
	z-index:1;
	width:430px;
	height:80px;
	padding-right: 5px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}


/*=================
buta top undernavi
=================*/

#top-mailmagazine-2 {
	display:block;
	position:absolute;
	bottom:16px;
	right:370px;
	_right:380px;
	width:347px;
	height:95px;
}

#top-mailmagazine-2 a {
	display:block;
	overflow:hidden;
	width:347px;
	height:0;
	padding-top:95px;
	background-image: url(../img/common/top-links-buta.jpg);
	background-repeat: no-repeat;
	background-position: 0 -45px;
}

#top-mailmagazine-2 a:hover {
	background-position:0 -140px;
}






/*---------------------------------------------

	総合トップ

---------------------------------------------*/

#sougou-cacth {
	position:absolute;
	left:60%;
	top:75px;
	z-index:3;
}


a#sougou-top-abura {
	display:block;
	position:absolute;
	left:647px;
	top:136px;
	width:200px;
	height:208px;
	overflow:hidden;
	background:url(../img/common/content-bg-sougou-top.jpg) no-repeat -647px -136px;
	z-index:5;
}

/*a#sougou-top-abura:hover {
	background-position:-1107px -166px;
	z-index:4;
}*/

#sougou-top-buta {
	display:block;
	position:absolute;
	left:410px;
	top:168px;
	width:200px;
	height:216px;
	background:#00B;
	overflow:hidden;
	background:url(../img/common/content-bg-sougou-top.jpg) no-repeat -410px -168px;
	z-index:5;
}

/*a#sougou-top-buta:hover {
	background-position:-920px -278px;
	z-index:4;
}*/

#sougou_image_for_print {
	display:none;
}

/*---------------------------------------------

	第二階層

---------------------------------------------*/

#main h2 {
	padding-bottom:0.2em;
	border-bottom:1px solid #8794ab;
	_height:1%;
}

#main h2 span {
	display:block;
	padding-bottom:3px;
	border-bottom:1px solid #001c4d;
	_height:1%;
}


#main h3 {
	font-size:166%;
	font-family:"ＭＳ Ｐ明朝","MS PMincho",Serif;
	line-height:1.5;
	margin:0 0 0 1.6em;
	border-bottom:2px solid #8ecf0e;
}

#main h4 {
	margin:0.1em 0 0 2em;
	padding:0 0 0 1.8em;
	color:#001c4d;
	font-size:133%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", Serif;
	background:url(../img/common/h4-bg.png) no-repeat 0em 0em;
	line-height: 120%;
}

#main p {
	margin:1.4em 0 2em 2.8em;
}

#main p.indent {
	margin:1.4em 0 2em 5em;

}

#main ul,
#main ol.recipe {
	margin:1.4em 0 2em 5em;
}

#main ul li {
	_height:1%;
	background-image: url(../img/common/listbg.png);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	padding-top: 0.1em;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 2em;
}

#main div.column ol li {
	list-style:decimal;
	margin-left:1.5em;
}

#main ol.recipe li {
	padding:0.3em 0 0.3em 0;
	list-style:decimal;
}

#main div.recipe-box {
	margin:1.4em 0 2em 32px;
	padding:1em 16px;
	width:550px;
	border-bottom:1px solid #8ecf0e;
	border-right:1px solid #8ecf0e;
	background:#e3f8d4 url(../img/common/recipe-bg.jpg) no-repeat 0 0;
}

#main div.recipe-box div.picture{
	text-align:center;
	margin:1.4em 0 2em 2.8em;
	}

#main div.recipe-box div.column {
	margin:1.4em 0 2em 2.8em;
}

#main div.recipe-box div.column ul {
	margin:1em 0 1em 0;
}

#main div.recipe-box div.column ul li {
	padding:0.2em 0 0.2em 2em;
	background:url(../img/common/listbg-recipe.png) no-repeat 0em 0.4em;
	_height:1%;
}
#main div.recipe-list-box{
	margin:0 0 2em 2.6em;
	}
#main div.recipe-list-box dl{
	overflow:hidden;
	}
#main div.recipe-list-box dt{
	width:80px;
	float:right;
	padding:1.4em 0 0 0.8em;
	}

#main div.recipe-list-box p{
	font-size:0.8em;
	line-height:1.6;
	margin:1.4em 0 0 1em;
	}
#main div.recipe-list-box .recipe-more a{
	display:block;
	padding-left:1.7em;
	width:5em;
	background-image:url(../img/common/sitemap-bg-green.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	}
#main div.recipe-list-box a  {
	background-image:none;
}
#main div.recipe-list-box a:hover{
	text-decoration:none;
	}

/*コラムボックス*/
#main div.column {
	margin:1.4em 0 2em 5em;
	padding:0 2px 2px;
	border:1px solid #94aa68;
	border-top:none;
	background:url(../img/common/column-box-bg.png) no-repeat left top;
}

/* #areaHeader div.wrap01の背景画像の透過pngをIE6で表示させる */
* html #main div.column {
	height:1%;
	behavior: expression(
		this.style.behavior || (
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
			this.style.backgroundImage = "none",
			this.style.behavior = "none"
		)
	);
}

#main div.column div.inner {
	position:relative;
	padding:5px 5px 5px 34px;
	border-top:1px solid #94aa68;
	border-right:2px solid #94aa68;
	border-bottom:2px solid #94aa68;
	background:none;
}

#main div.column strong.title {
	display:block;
}

#main div.column p {
	margin:0.5em 0 0;
}

/*このページの一番上に戻る*/
#main div.totop {
	margin:1.4em 0 0;
	height:41px;
}

#main div.totop a {
	float:right;
	display:block;
	overflow:hidden;
	width:72px;
	height:0;
	padding-top:41px;
	background:url(../img/common/totop.png) no-repeat;
}

/*以下byT*/

#main #main-inner .hidden {
	text-indent: -9999px;
	font-size:0%;
}

#main #main-inner .right-margin {
	margin-right: 20px;

}

#main #main-inner .left-margin {
	margin-left: 20px;

}

#main .top-margin {
	margin-top: 15px;

}


#main #main-inner .bottom-margin {
	margin-bottom: 20px;

}

#main #main-inner .top-margin-ex {
	margin-top: 60px;
}

#main #main-inner .overflow-visible {
	overflow:visible;

}


/*---------------------------------------------

	サイトマップ

---------------------------------------------*/

#main ul.sitemap-list {
	margin:1.4em 0 2em 1em;	
}

#main ul.sitemap-list li {
	padding:0 0 0 20px;
	background:url(../img/common/sitemap-bg-green.png) no-repeat left 2px;
}

#main ul.sitemap-list li ul {

}

/*---------------------------------------------

	ご注文ボックス用

---------------------------------------------*/

#main #main-inner .orderbox {
	background-image: url(../img/common/orderbox.gif);
	background-repeat: no-repeat;
	background-position: 60px;
	height: 104px;
	width: 100%;
	position:relative;
}




#main #main-inner .orderbox a {
	display:block;
	height:100%;
	width: 100%;
	text-align:center;
	text-decoration:none;
}

#main #main-inner .orderbox a img {
	float:right;
	position:relative;
	top:5px;
	right:10px;
}

#main #main-inner .orderbox a span {
	position:relative;
	left:100px;
	top:30px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.5em;
}


/*======
add 090205
site: egoma_buta
======*/

/*=====
buta style
=====*/

#main #main-inner .orderbox2 {
	background-image: url(../img/common/orderbox_02.gif);
	background-repeat: no-repeat;
	background-position: 60px;
	height: 104px;
	width: 100%;
	position:relative;
}




#main #main-inner .orderbox2 a {
	display:block;
	height:100%;
	width: 100%;
	text-align:center;
	text-decoration:none;
}

#main #main-inner .orderbox2 a img {
	float:right;
	position:relative;
	top:5px;
	right:10px;
}

#main #main-inner .orderbox2 a span {
	position:relative;
	left:100px;
	top:30px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.5em;
}



#main #main-inner .pic_adjust {
	height: 90px;
	width: 90px;
	float: right;
	margin-top: 5px;
	margin-right: 14px;
}


#main #main-inner .order_inner_t {
	text-align: center;
	width: 258px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.5em;
	margin-left: 243px;
	padding: 30px 0px 0px;
	
}

#main #main-inner .newp {
	margin: 1em 0em 1em 2.8em;
}

#main #main-inner .plusmargin_top {
	margin-top: 2em;
}

#main .plusmargin_top2 {
	margin-top: 1.3em;
}

#main #main-inner .limited_height {
	height: 38px;
}

/*===========================
add 090205
egomabuta buta.html style
===========================*/


#item {
	background-image: url(../img/common/item_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#item_short {
	background-image: url(../img/common/item_short_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 168px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.cart {
	margin: 0 0 1em 3.2em;
	float: left;
	width: 150px;
}

.cart2_1 {
	margin: 0 0 0.5em 3.5em;
	float: left;
	width: 150px;
	text-align: center;
}
.cart2_2 {
	margin: 0 0 0.5em 3.5em;
	float: left;
	width: 180px;
	text-align: center;
}

.cart3 {
	margin: 0 0 0.5em 1.5em;
	float: left;
	width: 155px;
	text-align: center;
}


/*---ie6and7 hack--*/
*html .cart {
	margin: 0 0 0 3.2em;
	float: left;
	width: 150px;
}

*:first-child+html .cart {
	margin: 0 0 0 3.2em;
	float: left;
	width: 150px;
}

h5 {
	margin:0 0 1em 3em;
}

#item .cart .img {
	text-decoration: none;
	font-weight: bold;
}
.midasi {
	color: #8ECF0E;
}

/*===========top newarrive add 090218==========*/
.mtb{
	border-collapse: collapse;
	width: 100%;
	}

.tb {
	border: 1px solid #8ECF0E;
	padding: 5px;
}

th.tb{
	background-color:#D7F8B1;
	}


#new {
	padding: 5px;
	background-image: url(../img/common/bg_newer.png);
	background-repeat: repeat;
	width: 870px;
	overflow: visible;
	line-height: 120%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;

}

/*===============
IE6 png
===============*/

*html #new{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}


#main-inner .inner .txtred {
	font-weight: bold;
	color: #FF6600;
}


#main div.spb {
	padding:2px;
	border:1px solid #8ECF0E;
	background:url(../img/common/icon-green.png) no-repeat 10px 50%;
}

#main div.spb a {
	display:block;
	padding-left:50px;
	border:2px solid #8ECF0E;
	min-height:40px;
	_height:40px;
	background:url(../img/common/icon-tri.png) no-repeat 98% 50%;
	line-height:40px;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
	color:#00163D;
}

#main div.spb:hover,
#main div.spb:hover a {
	border-color:#ED6676;
}

#main div.spb a:hover {
	border-color:#ED6676;
}


/*====================
buta
====================*/


#main div.spb2 {
	width: 89%;
	padding:2px;
	border:1px solid #8ECF0E;
	background:url(../img/common/icon-green.png) no-repeat 10px 50%;
    margin:15px 0 40px 30px;
}

#main div.spb2 a {
	display:block;
	padding-left:50px;
	border:2px solid #8ECF0E;
	min-height:40px;
	_height:40px;
	background:url(../img/common/icon-tri.png) no-repeat 98% 50%;
	line-height:40px;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
	color:#00163D;
}

#main div.spb2:hover,
#main div.spb2:hover a {
	border-color:#ED6676;
}

#main div.spb2 a:hover {
	border-color:#ED6676;
}


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

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

#main strong.red {
	color: #FF0000;
}

/*========================
	2009.03.22 add
========================*/
.otherItem_wrap {
	width:250px;
	float:left;
	margin-left:40px;
}
.otherItem_wrap h5 {
	margin-top:10px;
	margin-left:0px;
}

/*========================
	2009.06.23 add
========================*/
.img_more
{
	font-size:10px;
}

/*========================
	2009.07.28 add
--------------------------
	Voice Page
========================*/

img.monitor_banner
{
	margin-bottom:20px;
}

div#voice_list_box
{
	margin-top:20px;
	margin-left:38px;
}
div.voice_box
{
	display:block;
	width:179px;
	heigh:180px;
	float:left;
	background-color:#FFFFFF;
	margin-bottom:16px;
	border:#d5f1b6 4px solid;
	background-image:url(../img/egoma_abura/voice/icon_image1.jpg);
	background-repeat:no-repeat;
	background-position:140px 0px;
}
div#voice_list_box div.middle
{
	margin-right:8px;
	margin-left:8px;
}
div#voice_list_box p.voice_lead
{
	margin:0 0 20px;
}
div.voice_box h2
{
	border-bottom:#d5f1b6 1px solid;
	padding:5px 0 2px;
	margin-bottom:5px;
}
div.voice_box h2 img
{
	padding:0 5px;
}
#main div.voice_box h2 span
{
	display:inline;
	border-bottom:none;
}
#main div.voice_box p
{
	margin:0px 0 0 7px;
	font-size:12px;
	color:#358105;
	line-height:20px;
}
#main div.voice_box p.voice_more
{
	text-align:right;
	margin:10px 5px 5px 0;
}
#main div.voice_box p.voice_more a:link
{
	color:#358105;
}
#main div.voice_box p.voice_more a:hover
{
	color:#99CC00;
}
#main div.voice_box p.voice_more a:visited
{
	color:#663300;
}

/* Voice Page Detail */
#main div.voice_detail_box
{
	margin:2em 0 0em 32px;
	padding:1em 16px;
	width:550px;
	border-bottom:1px solid #8ecf0e;
	border-right:1px solid #8ecf0e;
	background:#e3f8d4 url(../img/common/recipe-bg.jpg) no-repeat 0 0;
}
#main div.voice_detail_box h4.title
{
	height:30px;
	background-image:url(../img/common/icon-green.png);
	background-repeat:no-repeat;
	margin:0 0 0 10px;
	padding:5px 10px 0 40px;
	color:#001C4D;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:18px;
	font-weight:bold;
}
#main div.voice_detail_box h4.title2
{
	background:transparent url(../img/common/h4-bg.png) no-repeat scroll 0 0;
	color:#001C4D;
	margin:0 0 0 10px;
}
#main div.voice_detail_box div.voice_lead
{
	width:496px;
	background-color:#FFFFFF;
	padding:10px 20px;
	margin:20px 0 28px 10px;
}
#main div.voice_detail_box div.voice_lead p
{
	margin:0px;
}
#main div.voice_detail_box table.voice_tbl1
{
	width:500px;
	margin:20px auto;
}
#main div.voice_detail_box table.voice_tbl1 th
{
	vertical-align:top;
}
#main div.voice_detail_box table.voice_tbl2
{
	width:500px;
	margin:20px auto;
	border-collapse:collapse;
	line-height:20px;
}
#main div.voice_detail_box table.voice_tbl2 th,
#main div.voice_detail_box table.voice_tbl2 td
{
	padding:6px 10px;
}
#main div.voice_detail_box table.voice_tbl2 th
{
	background-color:#efffd9;
	border:#B4D595 1px solid;
	text-align:left;
	font-size:96%;
}
#main div.voice_detail_box table.voice_tbl2 td
{
	background-color:#ffffff;
	border:#B4D595 1px solid;
	font-size:96%;
}
div.next_voice
{
}
#main div.next_voice p
{
	width:300px;
	float:right;
	text-align:right;
	margin:10px 0 30px;
	line-height:18px;
}
#main div.next_voice p a
{

}

div.totop
{
	clear:both;
}

/*========================
	2009.10.9 add
========================*/
div.mailmaga_bk
{
	margin:0 0 0 3em;
}


/*========================
	2009.11.24 add
========================*/
div.voice_title
{
	width:571px;
	margin:1em 0 0 3em;
	padding:1.5em 0 1.5em 0;
	background:url(../img/egoma_abura/voice/bg_01.jpg) no-repeat 0 0;
}
#main p.voice_lead_s
{
	margin:0 0 1em 0.5em;
	font-size:88%;
}
#main .left-margin2
{
	margin:0 0 0 4em;
}