@charset "utf-8";

/**********************************

	fun.css
		
		/fun/

**********************************/
/*--------------------------------- index.html -*/
/*=================================

		#subVisual

=================================*/
#subVisualWrapper{
	margin-top:-39px;
	height:457px;
	overflow:hidden;
}

#subVisual{
	position:relative;
	background:url(../images/bg_subVisual.jpg) repeat-x;
}



/*---------------------------------
		#subVisual > #subVisualArea
---------------------------------*/
#subVisual #subVisualArea{
	position:relative;
	margin:0 auto;
	width:1040px;
	height:297px;
	background:url(../images/bg_subVisual_shadow.jpg) top left no-repeat;
}

#subVisual #subVisualArea h2{
	position:relative;
	margin:0 auto;
	width:1001px;
	height:297px;
	background:url(../../fun/images/bg_subVisual.jpg) top left no-repeat;
}

#subVisual #subVisualArea h2 img{
	display:block;
	position:absolute;
	top:108px;
	left:63px;
}


/*---------------------------------
		#subVisual > #pankuzu
---------------------------------*/
#subVisual #pankuzu{
	position:absolute;
	top:0%;
	left:50%;
	margin:-15px 0 0 -792px;
	width:1584px;
	height:362px;
	z-index:10;
}

#subVisual #pankuzu ul{
	margin:46px 0 0 350px;
}

#subVisual #pankuzu ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:78%;
	color:#333333;
}

#subVisual #pankuzu ul li a{	color:#aca6a1;}
#subVisual #pankuzu ul li a:hover{	color:#aca6a1;}

#subVisual p.bg_btm{
	position:absolute;
	bottom:-83px;
	left:50%;
	margin:0 0 0 -792px;
	width:1584px;
	z-index:100;
}

/*-------------------------- #sideContentsArea */
#sideContentsArea #funlNavi{
	display:inline;
	line-height:0;
	font-size:1%;
}


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

		.funBox

=================================*/
#mainContents a.funBox{
	display:block;
	float:left;
	margin:0 0 14px 9px;
	padding-bottom:21px;
	width:346px;
	background:url(../../fun/images/bg_funBoxBtm.gif) left bottom no-repeat;
	font-size:92%;
	/zoom:1;
	cursor:pointer;
}

#mainContents a.funBox h4{
	position:relative;
	height:192px;
}

#mainContents a.funBox h4.natto{ background:url(../../fun/images/sttl_natto_on.png) no-repeat}
#mainContents a.funBox h4.tofu{ background:url(../../fun/images/sttl_tofu_on.png) no-repeat}
#mainContents a.funBox h4.yakumi{ background:url(../../fun/images/sttl_yakumi_on.png) no-repeat}
#mainContents a.funBox h4.factory{ background:url(../../fun/images/sttl_factory_on.png) no-repeat}
#mainContents a.funBox h4.museum{ background:url(../../fun/images/sttl_museum_on.png) no-repeat}
#mainContents a.funBox h4.cholesterol{ background:url(../../fun/images/sttl_cholesterol_on.png) no-repeat}
#mainContents a.funBox h4.study{ background:url(../../fun/images/sttl_study_on.png) no-repeat}



#mainContents a.funBox p.funText{
	padding:15px 23px 0 23px;
	width:300px;
	font-size:92%;
	background:url(../../fun/images/bg_funBox.gif) repeat-y;
}

#mainContents a.funBox{
	color:#000000;
	text-decoration:none;
}



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

		#fun.contents

=================================*/
/*-------------------------- nattoeiyo,tofueiyo */

#fun.contents #mainContensArea{ padding-bottom:28px;}

#fun.contents h3{
	padding-top:6px;
	margin:0 0 22px 25px;
	border-bottom:3px solid #81511c;
	width:650px;
}

#mainImgArea{
	margin:15px auto 0 auto;
	width:648px;
}

#conpareArea ul{
	margin:0 auto;
	width:648px;
}

#conpareArea ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	line-height:0;
}

/*-------------------------- yakumi */
.yakumi #mainImgArea{
	margin:15px 0 0 0;
	width:699px;
	text-align:right;
	line-height:0;
}

#yakumiArea{
	padding-left:20px;
	width:679px;
	background:url(../../fun/yakumi/images/bg_yakumiAreaTop.png) top right no-repeat;
}

#yakumiArea dl{
	float:left;
	margin-right:11px;
	padding-bottom:10px;
	width:213px;
	font-size:85%;
	background:url(../../fun/yakumi/images/bg_balloonBtm.gif) bottom center no-repeat;
}

#yakumiArea dl dt{
	margin:0;
	padding:0;
	line-height:0;
}

#yakumiArea dl dd{
	padding:5px 25px 0 25px;
	background:#f3f4f2;
}

#yakumiArea dl.okaka,
#yakumiArea dl.sardines{
	position:relative;
	margin-top:-20px;
}

/*-------------------------- museum */
#fun.contents .museum h3{
	position:relative;
	margin-top:-10px;
}

#museumTour{
	position:relative;
	width:648px;
	margin:20px auto 0 auto;
}

#museumTour p.leadText{
	position:absolute;
	top:0;
	left:0;
	font-size:92%;
}

#museumTour p.imgArea{
	padding:35px 0 10px 0;
}

#museumTour p.btnFactory{
	margin-top:-31px;
	text-align:right;
}

/*-------------------------- factory */
#slideshowArea{
	position:relative;
	margin-left:28px;
	width:684px;
}

#slideshowArea #sprashImg{
	position:absolute;
	top:0;
	left:0;
	width: 648px;
	height: 467px;
	z-index:1050;
	cursor:pointer;
	display:none;
}

#factoryTour{
	margin:17px 0 0 28px;
	width:648px;
	font-size:92%;
}

#factoryTour div.welcome div.outline{
	padding-bottom:80px;
	background:url(../../fun/factory/images/bg_welcome.jpg) right bottom no-repeat;
}

#factoryTour div.welcome p.textArea{
	margin-top:19px;
	width:363px;
}

#factoryTour div.welcome div.information{
	margin-top:19px;
	padding-bottom:13px;
	width:18em;
	background:url(../../fun/factory/images/bg_dot.gif) left bottom repeat-x;
}

#factoryTour div.welcome div.information ul{
	padding-top:13px;
	background:url(../../fun/factory/images/bg_dot.gif) repeat-x;
}

#factoryTour div.tour{
	position:relative;
	margin-top:-46px;
	padding:50px 0 0 352px;
	background:url(../../fun/factory/images/bg_tour.jpg) no-repeat;
	*zoom:1;
}

#factoryTour div.tour p.textArea{
	margin-top:18px;
}

#factoryTour div.tour p.btnArea{
	margin-top:18px;
	text-align:right;
}

#factoryTour div.map {
	margin-top:14px;
}

#factoryTour div.map iframe{
	margin:19px 0 5px 0;
}

#factoryTour div.map span.gMap a{
	font-size:85%;
	color:#993333;
}

#factoryTour div.map div.outline{
	margin-top:5px;
}

#factoryTour div.map div.outline div.address{
	float:left;
	font-size:86%;
}

#factoryTour div.map div.outline div.address address{
	float:left;
	margin:0 15px 0 5px;
	font-style:normal;
}

#factoryTour div.map div.outline div.address p{
	float:left;
	margin-right:20px;
	padding-left:47px;
}

#factoryTour div.map div.outline div.address p.tel{ background:url(../../fun/factory/images/icon_tel.gif) left 2px no-repeat;}
#factoryTour div.map div.outline div.address p.fax{ background:url(../../fun/factory/images/icon_fax.gif) left 2px no-repeat;}

#factoryTour div.map div.outline div.address p.btnArea{
	margin-top:10px;
	padding:0;
}

#trafficArea{
	margin-top:15px;
}

#trafficArea dt{
	font-weight:bold;
	font-size:115%;
}

#trafficArea dd dl{
	margin-top:10px;
	overflow:hidden;
}

#trafficArea dd dt{
	float:left;
	width:3.5em;
	font-size:100%;
	font-weight:normal;
}

#trafficArea dd dd{
	float:left;
}

#trafficArea dd dd span{
	color:#6a3906;
	font-weight:bold;
}

#trafficArea dd dd p{
	padding-bottom:10px;
}

#trafficArea dd dd p img{
	margin-top:5px;
}

/*-----thickBox access --------------------------------*/
#accessContents{
	background:#ffffff;
}

div.accessArea{
	width:742px;
	padding-top:30px;
	background:url(../../fun/factory/access/images/bg_accessTop.png) no-repeat;
}

div.accessContents{
	padding-bottom:30px;
	background:url(../../fun/factory/access/images/bg_accessBtm.png) left bottom no-repeat;
}

div.access{
	position:relative;
	background:url(../../fun/factory/access/images/bg_access.png) repeat-y;
}

div.access a#TB_closeWindowButton{
	display:block;
	position:absolute;
	top:-40px;
	right:0;
	overflow:hidden;
	width:46px;
	height:46px;
	background:url(../../fun/factory/access/images/btn_close.png) no-repeat;
	text-indent:-9999px;
	z-index:15000;
}

#accessContentsArea{
	position:relative;
	margin:0 auto;
	width:640px;
}

#accessContentsArea .photoBtn{
	position:absolute;
	top:0;	
	right:0;
}

#photoArea ul li{
	display:inline-block;
	_display:inline;
	_zoom:1;	
}

/*================================= chrolesterol */

/*-------------------------- index */

.cholesterol .index #mainImgArea{
	margin:18px 0 0 26px;
	width:676px;
	background:url(../../fun/cholesterol/images/bg_index01.jpg) top right no-repeat;
}

.cholesterol .index #indexNaviArea{
	position:relative;
	margin-left:-1px;
	width:703px;
	height:627px;
	background:url(../../fun/cholesterol/images/bg_index02.jpg) no-repeat;
}

.cholesterol .index #indexNaviArea .indexNaviList li{position:absolute;}

.cholesterol .index #indexNaviArea .indexNaviList li.navi01{top:36px; left:314px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi02{top:89px; left:339px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi03{top:142px; left:363px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi04{top:194px; left:384px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi05{top:247px; left:406px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi06{top:342px; left:42px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi07{top:395px; left:65px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi08{top:448px; left:89px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi09{top:500px; left:120px;}
.cholesterol .index #indexNaviArea .indexNaviList li.navi10{top:553px; left:132px;}

.cholesterol .last-item{margin-bottom:0px !important; padding-bottom:0px !important; background:none !important;}

/*-------------------------- cholesterol */
.cholesterol dl.contentsLead{
	position:relative;
	margin:16px 0 -15px 26px;
	width:648px;
	line-height:0;
}

.cholesterol dl.contentsLead dt{
	padding-bottom:1px;
	width:488px;
	background:url(../../fun/cholesterol/images/bg_dotLineBtn.gif) left bottom repeat-x;
}

.cholesterol dl.contentsLead dd{
	margin-top:11px;
	width:507px
}

.cholesterol dl.contentsBox{
	margin:50px 0 0 25px;
	width:650px;
	font-size:86%;
}

.cholesterol dl.contentsBox dd{
	margin-top:10px;
}

.cholesterol001 dl.contentsBox dd p{margin-top:15px;}

.cholesterol dl.contentsBox em{
	color:#81511c;
	font-weight:bold;
	font-style:normal;
}

.cholesterol p.contentsBox{
	margin:50px 0 0 25px;
	width:650px;
	font-size:86%;
}


/*-------------001----*/
.cholesterol001 dl.contentsLead{background:url(../../fun/cholesterol/images/img_chara_01.gif) top right no-repeat;}
.cholesterol001 dl.contentsLead dd{width:507px;}

.cholesterol001 dl.contentsBox dd.cholesterol001-01{
	padding-right:300px;
	background:url(../../fun/cholesterol/images/img_cholesterol001_01.gif) right 4px no-repeat;
	min-height:147px;
	height:auto !important;
	height:147px;
}

.cholesterol001 dl.contentsBox dd .innerBox{
	position:relative;
	margin:20px auto 0 auto ;
	padding:3px 25px 10px 25px;
	width:600px;
	background:#fdfbf9;
}

.cholesterol001 dl.contentsBox dd .innerBox dl{
	margin-top:7px;
	padding-bottom:1px;
	background:url(../../fun/cholesterol/images/bg_dotLine_brown.gif) left bottom repeat-x;
}

.cholesterol001 dl.contentsBox dd .innerBox dd{
	padding-bottom:18px;
}



/*-------------002----*/
.cholesterol002 dl.contentsLead{
	margin-top:-7px;
	padding-top:7px;
	background:url(../../fun/cholesterol/images/img_chara_02.gif) top right no-repeat;
}

.cholesterol002 dl.contentsBox dd p{
	margin-top:25px;
}

.cholesterol002 dl.contentsBox dd dl dt{
	margin-top:10px;
	font-size:116%;
}

.cholesterol002 dl.contentsBox dd dl dd{
	margin-top:5px;
}

.cholesterol002 dl.contentsBox dd table{
	margin-top:15px;
	border:1px dotted #81511c;
	border-collapse:collapse;
}

.cholesterol002 dl.contentsBox dd table th{
	padding:15px;
	border:1px dotted #81511c;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
	color:#81511c;
	font-weight:bold;
	background:#f5eee3;
}

.cholesterol002 dl.contentsBox dd table td{
	padding:15px;
	border:1px dotted #81511c;
}



/*-------------003----*/
.cholesterol003 dl.contentsLead{
	margin-top:-7px;
	padding-top:7px;
	background:url(../../fun/cholesterol/images/img_chara_03.gif) top right no-repeat;
}

.cholesterol003 dl.contentsBox dd p{
	margin-top:25px;
	text-align:center;
}

/*-------------004----*/
.cholesterol004 dl.contentsLead{
	margin-top:-7px;
	padding-top:7px;
	background:url(../../fun/cholesterol/images/img_chara_04.gif) top right no-repeat;
}

.cholesterol004 dl.contentsBox dd p{
	margin-top:25px;
	text-align:center;
}

/*-------------005----*/
.cholesterol005 dl.contentsLead{
	margin-top:-7px;
	padding-top:7px;
	background:url(../../fun/cholesterol/images/img_chara_05.gif) top right no-repeat;
}

.cholesterol005 p.contentsBox{
	padding:10px 289px 0 0 !important;
	width:390px !important;
	min-height:273px;
	height:auto !important;
	height:273px;
	background:url(../../fun/cholesterol/images/img_cholesterol005.gif) top right no-repeat;
}


/*-------------006----*/
.cholesterol006 dl.contentsLead{
	margin-top:-7px;
	padding-top:7px;
	background:url(../../fun/cholesterol/images/img_chara_06.gif) top right no-repeat;
}

.cholesterol006 dl.contentsBox dd.cholesterol006-01 img{
	float:right;
	padding:20px 12px 20px 40px;
}

.cholesterol006 dl.contentsBox dd dl.innerBox{
	position:relative;
	margin-top:35px;
	padding:15px 25px 0 25px;
	border:1px solid #fcf7f2;
	width:598px;
	background:#fdfbf9;
}

.cholesterol006 dl.contentsBox dd dl.innerBox dd{
	padding-bottom:20px;
}

.cholesterol006 dl.contentsBox dd dl.innerBox dd li{
	margin-bottom:5px;
	padding-left:15px;
	background:url(../../fun/cholesterol/images/icon_dot_cholesterol006.gif) 0 5px no-repeat;
}

/*-------------007----*/
.cholesterol007 dl.contentsLead{
	margin-top:-7px;
	padding-top:7px;
	background:url(../../fun/cholesterol/images/img_chara_07.gif) top right no-repeat;
}

.cholesterol007 dl.contentsBox dd{
	padding-right:220px;
	background:url(../../fun/cholesterol/images/img_cholesterol007_01.jpg) top right no-repeat;
	min-height:198px;
	height:auto !important;
	height:198px;

}

/*-------------008----*/
.cholesterol008 dl.contentsLead{
	margin-top:-7px;
	padding-top:7px;
	background:url(../../fun/cholesterol/images/img_chara_08.gif) top right no-repeat;
}

.cholesterol008 dl.contentsBox dd{
	padding-right:220px;
	background:url(../../fun/cholesterol/images/img_cholesterol008_01.jpg) top right no-repeat;
	min-height:198px;
	height:auto !important;
	height:198px;

}



/*-------------009----*/
.cholesterol009 dl.contentsLead{
	background:url(../../fun/cholesterol/images/img_chara_09.gif) top right no-repeat;
}

.cholesterol009 dl.contentsBox ul.checkBox{
	padding:15px 25px 0 25px;
	border:1px solid #f7f2eb;
	width:598px;
	background:#fcf7ef;
}

.cholesterol009 dl.contentsBox ul.checkBox li{
	padding:1px 0 15px 30px;
	background:url(../../fun/cholesterol/images/icon_cholesterol009_01.gif) no-repeat;
}

.cholesterol009 dl.contentsBox ul.checkBox li.noIcon{
	float:left;
	margin-bottom:15px;
	padding:0 10px 0 0;
	border-right:1px dotted #b28850;
	width:288px;
	background:none;
}

.cholesterol009 dl.contentsBox ul.checkBox li.rBox{
	float:left;
	padding:0 0 0 10px;
	border:none;
	background:none;
}

.cholesterol009 dl.contentsBox ul.innerList{
	margin-bottom:-15px;
}

.cholesterol009 dl.contentsBox ul.innerList li{
	padding:1px 0 15px 30px;
	background:url(../../fun/cholesterol/images/icon_cholesterol009_01.gif) no-repeat;
}


.cholesterol009 dl.contentsBox dl.listIconBox dt{
	padding:0 0 0 16px;
	color:#eb6100;
	font-weight:bold;
	background:url(../../fun/cholesterol/images/icon_cholesterol009_02.gif) 2px 4px no-repeat;
}


.cholesterol009 dl.contentsBox dl.listIconBox dd{
	margin-bottom:25px;
}

.cholesterol009 dl.contentsBox dd.dlColBox dl.listIconBox dt{
	float:left;
	padding:0 0 0 16px;
	color:#eb6100;
	font-weight:bold;
	background:url(../../fun/cholesterol/images/icon_cholesterol009_02.gif) 2px 4px no-repeat;
}

.cholesterol009 dl.contentsBox dd.dlColBox dl.listIconBox dd{
	margin-left:115px;
}

.cholesterol009 dl.contentsBox dd p{
	margin-right:15px;
	font-size:92%;
	text-align:right;
}

p.lastMemo{
	text-align:left !important;
	margin-top:15px !important;
}

/*-------------010----*/

.cholesterol010 div#recipeWrapper{
	position:relative;
	width:650px;
	margin:0 auto;
}

.cholesterol010  dl.contentsTtlBox{
	position:absolute;
	top:0;
	left:234px;
	line-height:0;
}

.cholesterol010  dl.contentsTtlBox dt{
	margin:0;
	padding:0;
	background:none;
	border:0;
}

.cholesterol010  dl.contentsTtlBox dd{
	margin:0;
	padding:0;
	background:none;
	border:0;
}

.cholesterol010 ul#recipeArea{
}

.cholesterol010 ul#recipeArea li{
	float:left;
	width:181px;
	height:210px;
	text-align:center;
	margin:0 0 20px 51px;
	font-size:90%;
	overflow:hidden;
}

.cholesterol010 ul#recipeArea li.recipeBox01,
.cholesterol010 ul#recipeArea li.recipeBox03,
.cholesterol010 ul#recipeArea li.recipeBox05{
	margin:0 0 20px 0;
}

.cholesterol010 ul#recipeArea li.recipeBox02,
.cholesterol010 ul#recipeArea li.recipeBox04{
	margin-left:283px;
}

.cholesterol010 ul#recipeArea li.recipeBox07{
}

.cholesterol010 ul#recipeArea li a{
	display:block;
	text-decoration:none;
	padding-bottom:20px;
	line-height:1;
	color:#81511c;
}

.cholesterol010 ul#recipeArea li a:hover{
	color:purple;
}

.cholesterol010 ul#recipeArea li img{
	margin-bottom:14px;
	padding:1px;
	border:1px dotted #81511c;
	font-size:1%;
	vertical-align:top;
}



/*================================= study */

.study dl.questionBox{
	width:648px;
	margin:45px auto 0 auto;
	font-size:92%;
}

.study dl.questionBox dt{
	line-height:1;
}

.study dl.questionBox dd{
	margin-top:15px;
}

.study #mainContents h4{
	margin:0 auto;
	width:701px;
	text-align:center;
}

.study #mainContents p.gotop{
	margin:15px auto 0 auto;
	padding-bottom:35px;
	width:648px;
	text-align:right;
}

.study #mainContents p.gotopLast{
	margin:15px auto 0 auto;
	width:648px;
	text-align:right;
}


/*-------------------------- index */
.study .index #mainContents dl{
	margin-left:26px;
	padding-bottom:30px ;
	width:318px;
}

.study .index #mainContents dl dd li a{
	display:block;
	margin-top:15px;
	padding-left:11px;
	background:url(../../fun/study/images/icon_index.gif) 0 3px no-repeat;
}

.study .index #mainContents dl dd li a:hover{
	background:url(../../fun/study/images/icon_index_on.gif) 0 3px no-repeat;
}

.study .index dl.natto{
	padding-right:335px;
	background:url(../../fun/study/images/bg_index_natto.gif) right top no-repeat;
}

.study .index dl.making{
	padding-left:285px;
	background:url(../../fun/study/images/bg_index_making.gif) no-repeat;
}

.study .index dl.tofu{
	padding-right:305px;
	background:url(../../fun/study/images/bg_index_tofu.gif) right top no-repeat;
}

.study .index dl.material{
	padding-left:285px;
	background:url(../../fun/study/images/bg_index_material.gif) no-repeat;
	min-height:236px;
	height:auto !important;
	height:236px;
}

/*-------------------------- natto */

.study .natto #mainContents dl.q01 dd{
	padding-right:233px;
	width:415px;
	min-height:333px;
	height:auto !important;
	height:333px;
	background:url(../../fun/study/images/img_natto_01.gif) right top no-repeat;
}		

.study .natto #mainContents dl dd ol{
	margin-bottom:20px;
}

.study .natto #mainContents dl dd li{
	margin-top:20px;
}

.study .natto #mainContents dl.q02 dd{
	padding-right:201px;
	width:441px;
	min-height:121px;
	height:auto !important;
	height:121px;
	background:url(../../fun/study/images/img_natto_02.gif) right top no-repeat;
}

.study .natto #mainContents dl.q03 dd{
	position:relative;
	margin-top:-44px;
	padding:63px 284px 0 0;
	width:364px;
	min-height:172px;
	height:auto !important;
	height:172px;
	background:url(../../fun/study/images/img_natto_03.gif) right top no-repeat;
}

.study .natto #mainContents dl.q06 dd{
	position:relative;
	margin-top:-32px;
	padding:52px 208px 0 0;
	width:441px;
	min-height:120px;
	height:auto !important;
	height:120px;
	background:url(../../fun/study/images/img_natto_04.gif) right top no-repeat;
}

.study .natto #mainContents dl.q07 dd{
	position:relative;
	margin-top:-32px;
	padding:52px 208px 0 0;
	width:441px;
	min-height:196px;
	height:auto !important;
	height:196px;
	background:url(../../fun/study/images/img_natto_05.gif) right top no-repeat;
}

/*-------------------------- tsukuri */
.study .tsukuri #mainContents dl.q02 dd{
	position:relative;
	margin-top:-32px;
	padding:52px 181px 0 0;
	width:467px;
	min-height:96px;
	height:auto !important;
	height:96px;
	background:url(../../fun/study/images/img_making_02.gif) right top no-repeat;
}

.study .tsukuri #mainContents dl.q03 dd{
	padding-top:10px;
}

.study .tsukuri #mainContents dl.q05 dd{
	padding-right:203px;
	width:446px;
	min-height:172px;
	height:auto !important;
	height:172px;
	background:url(../../fun/study/images/img_making_03.gif) right top no-repeat;
}		

.study .tsukuri #mainContents dl.q06 dd{
	margin-top:-41px;
	padding:58px 166px 0 0;
	width:482px;
	min-height:137px;
	height:auto !important;
	height:137px;
	background:url(../../fun/study/images/img_making_04.gif) right top no-repeat;
}		

/*-------------------------- tofu */
.study .tofu #mainContents dl.q02 dd{
	position:relative;
	padding:0 194px 0 0;
	width:454px;
	min-height:148px;
	height:auto !important;
	height:148px;
	background:url(../../fun/study/images/img_tofu_01.gif) right top no-repeat;
}

.study .tofu #mainContents dl.q03 dd{
	position:relative;
	padding:0 210px 0 0;
	width:438px;
	min-height:192px;
	height:auto !important;
	height:192px;
	background:url(../../fun/study/images/img_tofu_02.gif) right top no-repeat;
}

.study .tofu #mainContents dl.q04 dd img{
	padding-top:20px;
}

.study .tofu #mainContents dl.q05 dd{
	margin-top:-33px;
	padding:51px 195px 0 0;
	width:438px;
	min-height:201px;
	height:auto !important;
	height:201px;
	background:url(../../fun/study/images/img_tofu_04.gif) right top no-repeat;
}		

/*-------------------------- genryo */
.study .genryo #mainContents dl.q01 dd{
	margin-top:-43px;
	position:relative;
	padding:64px 190px 0 0;
	width:458px;
	min-height:109px;
	height:auto !important;
	height:109px;
	background:url(../../fun/study/images/img_material_01.gif) right top no-repeat;
}

.study .genryo #mainContents dl.q03 dd{
	position:relative;
	margin-top:-32px;
	padding:52px 190px 0 0;
	width:457px;
	min-height:99px;
	height:auto !important;
	height:99px;
	background:url(../../fun/study/images/img_material_02.gif) right top no-repeat;
}

.study .genryo #mainContents dl.q05 dd{
	position:relative;
	padding:0 199px 0 0;
	width:449px;
	min-height:81px;
	height:auto !important;
	height:81px;
	background:url(../../fun/study/images/img_material_03.gif) right top no-repeat;
}