@charset "UTF-8";

/* 
	tool setting file
	create : 20111115 cc
*/

/* index */
.txtac{text-align: center;}
.wid275{width: 275px;}
.wid328{width: 328px;}

#mainContents #contentsin p{
}
/* keyvisualarea */
#mainContents #keyvisualarea h1{
margin: 9px 0 0 0;
background: none;
background-image: none;
font-size: 0;
min-height: 1px;
padding: 0;
border: none;
line-height: 1em;
}
#mainContents #keyvisualarea .normal{
background: none;
background-image: none;
font-size: 0;
margin: 0;
min-height: 1px;
padding: 0;
border: none;
line-height: 1em;
}
#mainContents #keyvisualarea .mm{
background: none;
background-image: none;
font-size: 0;
min-height: 1px;
padding: 0;
border: none;
line-height: 1em;
margin: 0;
}
#contents{
width: 950px;
background: url("/recipe/syokuiku/images/index_outer_bgbtm.gif") no-repeat scroll left bottom transparent;
padding-bottom: 40px;
margin-bottom: 20px;
}
#contents #contentsin{
background: url("/recipe/syokuiku/images/index_outer_bgmid.gif") repeat-y left top transparent;
min-height:100px;
height: auto !important;
height: 100px;
padding: 0 0 15px 0;
}

/* section */
#section{
width: 921px;
margin-left: 13px;
}
#sectionin{
width: 876px;
_width: 921px;
clear: both;
overflow: hidden;
padding: 5px 15px 15px 30px;
zoom: 1;
}

/* left content */
#lcontents{
width: 638px;
float: left;
}
#lcontents .inner{
width: 603px;
}
#lcontents .inner #tasteact{
width: 600px;
background: url("/recipe/syokuiku/images/index_inbgbtm.gif") no-repeat scroll left bottom transparent;
margin-top: 35px;
margin-left: 4px;
}
#lcontents .inner #tasteactint{
width: 600px;
background: url("/recipe/syokuiku/images/index_inbgtop.gif") no-repeat left top transparent;
padding: 15px 0;
}
#lcontents .inner #tasteactinm {
width: 600px;
background: url("/recipe/syokuiku/images/index_inbgmid.gif") repeat-y left top transparent;
padding-top: 10px;
padding-bottom: 15px;
}
#mainContents #contents h3{
margin: 25px 0 0 0;
background: none;
background-image: none;
font-size: 0;
min-height: 1px;
padding: 0;
border: none;
line-height: 1em;
}
#lcontents .inner #tasteactint h4{
background: url("/recipe/syokuiku/images/index_h4undln.gif") no-repeat center bottom;
padding: 0 0 13px 42px;
margin: 0;
}
#lcontents .inner #tasteactint p{
margin: 15px 40px;
line-height:2.2em;
}
#lcontents .inner #tasteactint p.quiz{
margin: 0 0 0 28px;
}
#lcontents .text1{
margin:3px 0 0 3px;
}
#lcontents .text1a{
background: none;
background-image: none;
font-size: 0;
min-height: 1px;
padding: 0;
border: none;
line-height: 1em;
margin:7px 0 0 20px;
}
#lcontents .text1b{
margin:34px 0 0 19px;
line-height:2.2em;
}
#lcontents .text2{
margin:40px 0 0 20px;
line-height:2.2em;
}
#lcontents .text3{
margin:30px 0 0 20px;
line-height:2.2em;
}
#lcontents .text3a{
margin:43px 32px 65px 33px;
line-height:2.2em;
}
#lcontents .text4{
margin:10px 0 0 20px;
line-height:2.2em;
}
#lcontents .text5{
width:570px;
margin:30px 0 0 20px;
line-height:2.2em;
}
#lcontents .text6{
margin:3px 0 0 20px;
line-height:2.2em;
}
#lcontents .text7{
margin:15px 20px;
line-height: 1.6em;
}
#lcontents #img1{
position:static;
}
#bbox{
width:292px;
_width:300px;
border:4px solid #ec2417;
margin:20px 0 0 20px;
}
/* right content */
#rcontents{
width: 238px;
float: left;
}
#rcontents .inner #article_area{
width: 238px;
background: url("/recipe/syokuiku/images/index_article_btm.gif") no-repeat bottom;
padding-bottom: 20px;
}
#rcontents .inner h4{
padding: 0;
margin: 0;
}

.article_areain h4{
	padding: 0px !important;
}

#rcontents .inner #article_areain{
background: url("/recipe/syokuiku/images/index_article_top.gif") no-repeat;
padding-top: 13px;
}
#rcontents .inner #article_areain #article_contents{
background: url("/recipe/syokuiku/images/index_article_mid.gif") repeat-y;
padding: 0 13px;
zoom:1;
}
#rcontents .inner #article_areain #article_contents ul{
width: 200px;
overflow:hidden;
padding: 0;
margin: 0;
}
#rcontents .inner #article_areain #article_contents ul li{
width: 200px;
background: url("/recipe/syokuiku/images/article_line.gif") no-repeat bottom;
margin: 12px 0;
margin-bottom:-6px;
}
#rcontents .inner #article_areain #article_contents ul li.normal{
width: 200px;
background: none;
margin: 0;
}
#rcontents .inner #article_areain #article_contents ul li a{
background: url("/recipe/syokuiku/images/article_arrow.gif") no-repeat left center;
width: 170px;
width: 168px;
padding-left: 30px;
margin-bottom:6px;
display: block;

padding: 5px 30px;
}



#rcontents .inner #article_area p{
margin: 0;
padding: 0;
}

/* floatbox */
#lcontents .floatbox{
width: 100%;
clear: both;
overflow:hidden;
}
#lcontents .floatboxs{
width: 100%;
clear: both;
}
.fl{float:left;}
.fr{float:right;}

/* popup */
.popup_o,
.popup_c,
.pop_cursor{
cursor: pointer;
}
#tasteact,
.popup_parent,
.popup_parent .quiz{
position: relative;
}
#lcontents .popup_hidd p,
#lcontents .popup_hidd2 p{
margin: 0;
width: 0;
}
#lcontents .popup_hidd,
#lcontents .popup_hidd2{
display: none;
}
.wid564{width:564px;}
.wid50{width:50px;}
#lcontents .answer{
width:242px;
height:165px;
background: url("/recipe/syokuiku/images/index_popans_bg.png") no-repeat left center;
}
#lcontents #tasteact p.tastes{
line-height:1em;
padding: 15px 0 0 135px;
margin: 0px;
}
#lcontents #tasteact p.texts{
line-height:1em;
padding: 50px 0 0 45px;
margin: 0;
}
#popup1{
position: absolute;
width: 614px;
top: -80px;
left: 190px;
_left:-170px;
z-index:4565;
}
#lcontents #tasteact #ans_1{
position: absolute;
width: 242px;
top: 212px;
left: 180px;
_top: 213px;
_left:155px;
z-index:6000;
}
#lcontents #tasteact #ans_2{
position: absolute;
width: 242px;
top: 35px;
left: 165px;
_left: 145px;
z-index:6000;
}
#lcontents #tasteact #ans_3{
position: absolute;
width: 242px;
top: 135px;
left: 255px;
_left: 230px;
z-index:6000;
}
#lcontents #tasteact #ans_4{
position: absolute;
width: 242px;
top: 202px;
left: 400px;
_left: 375px;
z-index:6000;
}
#lcontents #tasteact #ans_5{
position: absolute;
width: 242px;
top: 215px;
left: 525px;
_left: 505px;
z-index:6000;
}
#lcontents #tasteact #ans_6{
position: absolute;
width: 242px;
top: 90px;
left: 545px;
_top: 90px;
_left: 520px;
z-index:6000;
}
#lcontents #tasteact #ans_7{
position: absolute;
width: 242px;
top: 37px;
left: 415px;
_left: 390px;
z-index:6000;
}