/* CSS Document */



/* common

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

.comMargin01{ margin-bottom: 1px; }

.comMargin02{ margin-bottom: 2px; }

.comMargin04{ margin-bottom: 4px; }

.comMargin06{ margin-bottom: 6px; }

.comMargin08{ margin-bottom: 8px; }

.comMargin15{ margin-bottom: 15px; }

.comMarginT2{ margin-top: 2px; }

.comMarginT10{ margin-top: 10px; }



.rightMargin10{ margin-right: 10px; }

.leftcomMargin6{ margin-bottom: 6px; margin-left: 10px; }

.leftMargin6{ margin-left: 6px; }

.kabiLeftMar10{ margin-top: 6px; background: url(../images/photo_kabi.jpg) no-repeat top right; }

.fruitLeftMar10{ margin-top: 6px; background: url(../images/photo_fruit.jpg) no-repeat top right; }

.syokuboLeftMar10{ margin-top: 6px; background: url(../images/photo_shokbo.jpg) no-repeat top right; }



.tblfixed { table-layout:fixed; }



.font10px {

	font-family: "ＭＳ Ｐゴシック", Osaka;

	font-size: 10px;

	line-height: 14px;

	color: #4b4b4b;

	text-decoration: none;

}



.font10px_2 {

	font-family: "ＭＳ Ｐゴシック", Osaka;

	font-size: 10px;

	line-height: 14px;

	color: #ffffff;

	text-decoration: none;

}

/*20070301*/

.font_color_black {

	color: #000000;

}

/*20070301*/

.margin_01 { margin-bottom: 2px; }



.img_aulait {

	background-image: url(../images/products_img_aulait.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

/*20080228*/

.img_soytime {

	background-image: url(../images/products_img_soytime.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.img_soup {

	background-image: url(../images/products_img_soup.gif);

	background-repeat: no-repeat;

	background-position: right 3px;

	height:49px;

}



.px01 { font-size:1px; line-height: 1px; }

.px05 { font-size:5px; line-height: 5px; }

.px06 { font-size:6px; line-height: 6px; }

.px08 { font-size:8px; line-height: 8px; }

.px10 { font-size:10px; line-height: 10px; }

.px10 { font-size:10px; line-height: 14px; color: #595959; }

.px10top { font-size:10px; line-height: 150%; color: #4b4b4b; }

.px12 { font-size:12px; line-height: 150%;  color: #595959; }

.px15 { font-size:15px; line-height: 15px; }

.px18 { font-size:18px; line-height: 18px; }

.px20 { font-size:20px; line-height: 20px; }



img.right{ float: right; }



body {

/*	background: #FFFFFF url(../images/bg01.gif) repeat-y; */

}


/*
a:link { color: #F26D7D; text-decoration: underline; }
a:visited {	color: #F26D7D;	text-decoration: underline; }
a:hover { color: #F26D7D; text-decoration: none; }
a:active { color: #F26D7D; text-decoration: underline; }
*/

.a01 a:link { color: #4b4b4b; text-decoration: none; }
.a01 a:visited {	color: #4b4b4b;	text-decoration: none; }
.a01 a:hover { color: #4b4b4b; text-decoration: underline; }
.a01 a:active { color: #4b4b4b; text-decoration: none; }

/*080229*/

ul.soup_point01, ul.soup_point02, ul.soup_point03

{

	background-repeat:no-repeat;

	list-style:none;

	list-style-position:outside;

	margin-left:0;

	padding-left:0;

}

ul.soup_point01

{

	min-height:60px;

	height:60px;

	background-image:url(../product/images/soup_point01.jpg);

	background-position:right;

	padding-right:100px;

}

ul.soup_point02

{

	min-height:75px;

	height:75px;

	background-image:url(../product/images/soup_point02.jpg);

	background-position:left;

	padding-left:120px;

	padding-top:5px;

}

ul.soup_point03

{

	min-height:60px;

	height:60px;

	background-image:url(../product/images/soup_point03.jpg);

	background-position:right;

	padding-right:100px;

	padding-top:5px;

}

.soup_point01 li, .soup_point02 li, .soup_point03 li

{

	padding-left:40px;

}

.soup_point01 li.soup_point01Img, .soup_point02 li.soup_point02Img, .soup_point03 li.soup_point03Img

{

	background-position:left;

	background-repeat:no-repeat;

	line-height: 35px;

}

.soup_point01 li.soup_point01Img

{

	background-image:url(../product/images/soup_point1.gif);

}

.soup_point02 li.soup_point02Img

{

	background-image:url(../product/images/soup_point2.gif);

}

.soup_point03 li.soup_point03Img

{

	background-image:url(../product/images/soup_point3.gif);

}



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

 FOOT AREA キッコーマンオフィシャルより

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

#footArea{

	width:740px;

	margin:15px auto 0px auto;

}

#footArea .menu{

	width:740px;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	border-top:4px solid #E1E1E1;

	border-bottom:1px solid #B1B1B1;

	text-align:right;

}

#footArea .menu ul{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	list-style-type:none;

}

#footArea .menu li{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	display:inline;

}

#footArea .menu li img{

	margin:0px 0px 0px 15px;

	padding:0px 0px 0px 0px;

}

#footCopy{

	width:740px;

	margin:10px 0px 13px 0px;

}



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

 090918追加

======================================================================*/
/* clearfix */
.cf:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.cf {display:inline-block;}
/*\*/
.cf {display:block;}
/**/


/* 構造＆初期化
======================================================================*/
.wrapper {
	padding:20px 0 0;
	text-align:center;
	background:url(../images/contentsBg.gif) 0 0 repeat-x;
}
.wrapper * {
	list-style:none;
	margin:0;
	padding:0;
}
.wrapper img {
	vertical-align:top;
	border:none;
}
#contents {
	width:740px;
	margin:0 auto;
	text-align:left;
}
a:link { color: #fa7c00; text-decoration: underline; }
a:visited {	color: #fa7c00;	text-decoration: underline; }
a:hover { color: #fa7c00; text-decoration: none; }
a:active { color: #fa7c00; text-decoration: underline; }


/* ヘッダ
======================================================================*/
#logo {
	float:left;
}
ul#gNav {
	float:right;
}
ul#gNav li {
	float:left;
}


/* その他共通
======================================================================*/
#contents h1,
#contents h2 {
	margin:0 0 15px;
}
#contents p {
	text-indent:1em;
	margin:0 0 1em;	
}


/* モジュール
======================================================================*/
.w550 {width:550px;}
.w505 {width:505px;}

/* トピックパス */
.wrapper .topicPath {
	clear:both;
	padding:10px 0;
	font-size:11px;
}
/* ページトップへ戻る */
.gotoTop {
	clear:both;
	margin:20px 0 0;
	padding:20px 0;
	border-top:1px dotted #b1b1b1;
	text-align:right;
}

/* 関連サイト */
.relationBox {
	margin:0 0 40px;
}
.relationBox ul li {
	padding:0 0 0 18px;
	background:url(../images/marker1.gif) 0 3px no-repeat;
}


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

 ここからページ別

======================================================================*/
/* トップ */
#index #mainImg {
	clear:both;
	padding:20px 0;
}
#index .whatsNew {
	float:left;
	width:488px;
	margin:0 0 10px;
}
#index .whatsNew dl {
	line-height:1.5;
	padding:10px;
	font-size:12px;
}
#index .whatsNew dd {
	margin:-1.5em 0 0 6em;
}
#index .banner {
	float:right;
	width:244px;
	margin:0 0 20px;
}
#index h2 {
	margin:0;
}

/* 豆菜ってなに？
======================================================================*/
#whats .textBox1 {
	margin:0 0 40px;
	background:url(../images/whatsImg1.gif) 580px 15px no-repeat;
}


/* コラボレーション秘話
======================================================================*/
#story .textBox1 {
	margin:0 0 40px;
}
#story .textBox1 h3,
#story .textBox1 p {
	margin:0 0 30px;
}
#story .textBox1_1 {
	background:url(../images/storyImg1.gif) 535px 10px no-repeat;
}


/* 商品ラインアップ
======================================================================*/
#lineup .point {
	margin:0 0 20px;
	padding:0 0 0 5px;
	border-left:5px solid #c3d825;
}
#lineup h2.item {
	margin:40px 0 10px;
}
#lineup .point h3 {
	margin:0 0 5px;
}
#lineup .point p {
	text-indent:0;
}
#lineup .itemBox {
	padding:20px;
	background:url(../images/lineupItemBoxBg.gif) 0 0 repeat-y;
}
#lineup .itemBox .set {
	clear:both;
	margin:0 0 30px;
	padding:0 0 30px;
	border-bottom:1px dotted #d9d9d9;
}
#lineup .itemBox .setLast {
	clear:both;
	margin:0;
	padding:0;
	border:none;
}

#lineup .itemBoxFoot {
	line-height:0;
	height:7px;
	margin:0 0 30px;
	font-size:0;
	background:url(../images/lineupItemBoxFoot.gif) 0 0 no-repeat;
}
#lineup .itemBox div.image {
	float:left;
	width:140px;
	text-align:center;
	font-size:10px;
}
#lineup .itemBox div.text {
	float:left;
	width:240px;
}
#lineup .itemBox div.recipe {
	position:relative;
	float:right;
	width:280px;
	padding:10px;
	background:#fffec0;
}

#lineup .itemBox div.image .btn {
	margin:5px 0 0;
}
#lineup .itemBox div.text h3 {
	margin:10px 0;
}
#lineup .itemBox div.text p {
	text-indent:0;
}
#lineup .itemBox div.text ul li {
	padding:0 0 0 18px;
	background:url(../images/marker1.gif) 0 3px no-repeat;
}
#lineup .itemBox div.recipe img.image {
	float:left;
	width:130px;
	margin:0 10px 0 0;
}
#lineup .itemBox div.recipe img.explain {
	float:left;
	width:127px;
	margin:10px 0 0;
}
#lineup .itemBox div.recipe img.btn {
	position:absolute;
	right:30px;
	bottom:10px;
}

#lineup .itemBox div.recipe h4 {
	margin:0 0 10px;
}


/* 拡大 */
#lineup .itemBox .box {
background-color:#fff;
border:1px solid #73b707;
height:650px;
/*margin-left:265px;*/
margin-top:-600px;
position:absolute;
text-align:center;
visibility:hidden;
width:352px;
z-index:11;
}

#lineup .itemBox .box .btnClose {
	padding:10px;
	text-align:right;
}