/**************************************************************************************************
COMMON
**************************************************************************************************/
.info .headerArea,
.form .headerArea,
#faq .headerArea, 
#cm .headerArea, 
#sitemap .headerArea {
width: 640px;
background: url(http://www.danone.co.jp/common/img/bg_h1.jpg) no-repeat;
padding: 26px 0px 28px 0px;
margin-bottom: 32px;
line-height: 1;
}

.info .headerArea h1,
.form .headerArea h1,
#faq .headerArea h1, 
#cm .headerArea h1, 
#sitemap .headerArea h1 {
display: block;
margin: 0px 0px 0px 47px;
text-indent: -9999px;
}


/**************************************************************************************************
FAQ
**************************************************************************************************/
#faq .headerArea h1 {
width: 165px;
height: 24px;
background: url(../../faq/img/h1_faq.gif) no-repeat left top;
}

.top#faq .section {
}

.top#faq .intro {
font-size:107%;
margin-bottom: 32px;
}

.top#faq .section ul li h2 {
margin-bottom: 24px;
padding-bottom: 12px;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue.gif) repeat-x bottom;
font-size:122%;
line-height:1;
}

.top#faq .section ul li h2 a {
background: url(http://www.danone.co.jp/common/img/arrow_blue.gif) no-repeat 0 0.25em;
padding-left: 12px;
}

.top#faq .section ul {
width: 660px;
position: relative;
}

.top#faq .section ul li {
display: block;
width:310px;
margin: 0 20px 32px 0;
float:left;
}

.top#faq .section ul li img {
float:left;
margin-right: 20px;
}

.top#faq .section ul li a {
font-weight:bold;
color:#41B1DC;
}

/*ANCHOR LINKS*/
.detail#faq .faqAnchorLinksBox {
background: url(http://www.danone.co.jp/common/img/bg_link_box_l_mid.gif) repeat-y;
margin-bottom: 32px;
}

.detail#faq .faqAnchorLinksBox div {
/*width: 640px;*/
background: url(http://www.danone.co.jp/common/img/bg_link_box_l_top.gif) no-repeat;
}

.detail#faq .faqAnchorLinksBox div ul {
/*width: 600px;*/
background: url(http://www.danone.co.jp/common/img/bg_link_box_l_btm.gif) no-repeat bottom left;
padding: 16px 20px 6px 20px;
font-size: 108%;
line-height: 1.5;
}

.detail#faq .faqAnchorLinksBox div ul li {
background: url(../../faq/img/circle_arrow_anchor.gif) no-repeat 0 0.2em;
padding-left: 18px;
margin-bottom: 10px;
}

* html .detail#faq .faqAnchorLinksBox div ul li {background: url(../../faq/img/circle_arrow_anchor.gif) no-repeat 0 0.3em;}
*+html .detail#faq .faqAnchorLinksBox div ul li {background: url(../../faq/img/circle_arrow_anchor.gif) no-repeat 0 0.3em;}

.detail#faq .faqAnchorLinksBox div ul li a {
color:#41B1DC;
font-weight:bold;
text-decoration: underline;
}

.detail#faq .faqAnchorLinksBox div ul li a:hover {
text-decoration: none;
}


/*QUESTION AND ANSWER*/
.detail#faq h2 {
width: 640px;
height: 56px;
margin-bottom: 32px;
}

.detail#faq .section dl {
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) repeat-x bottom;
margin-bottom: 32px;
}

.detail#faq .section dl dt {
padding: 0 0 20px 60px;
background:url(../../faq/img/q.gif) no-repeat 0 0.15em;
font-size: 122%;
font-weight: bold;
line-height: 1.6;
color:#7AC8E6;
}

.detail#faq .section dl dd {
padding: 0 0 32px 60px;
background:url(../../faq/img/a.gif) no-repeat 0 0.15em;
font-size:107%;
line-height:1.8;
}


/**************************************************************************************************
INFO PAGE
**************************************************************************************************/
/*COMMON*/
.info .section, 
.form .section {
margin: 0px 20px 32px 20px;
}

.info .section h2,
.form .section h2 {
width:600px;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) repeat-x bottom;
margin-bottom: 12px;
padding-bottom: 12px;
font-size:107%;
line-height: 1.2;
color:#005FB3;
}

.info .section p,
.form .section p {
font-size:107%;
line-height:1.8;
margin-bottom: 1em;
}

.info .section ol li,
.form .section ol li {
font-size:107%;
font-weight:normal;
line-height:1.8;
margin-bottom: 0.5em;
list-style: decimal;
margin-left: 1.5em;
}

.info .section ul.bulletLink li,
.form .section ul.bulletLink li {
font-size:107%;
font-weight:normal;
line-height:1.8;
margin-bottom: 0.5em;
background: url(http://www.danone.co.jp/common/img/bullet.gif) no-repeat 0.25em 0.8em;
padding-left: 1em;
}


/*OFFICE*/
.info#office .headerArea h1 {
width: 167px;
height: 24px;
background: url(../../info/img/h1_office.gif) no-repeat left top;
}

/*TERMS OF USE*/
.info#use .headerArea h1 {
width: 95px;
height: 24px;
background: url(../../info/img/h1_use.gif) no-repeat left top;
}

/*PRIVACY POLICY*/
.info#privacy .headerArea h1 {
width: 234px;
height: 24px;
background: url(../../info/img/h1_privacy.gif) no-repeat left top;
}

/*BROWSER*/
.info#browser .headerArea h1 {
width: 96px;
height: 24px;
background: url(../../info/img/h1_browser.gif) no-repeat left top;
}


/**************************************************************************************************
SITEMAP
***************************************************************************************************/
#sitemap .headerArea h1 {
width: 135px;
height: 24px;
background: url(../../info/img/h1_sitemap.gif) no-repeat left top;
}

#sitemap .section {
margin: 0px 0px 8px 0px;
clear: both;
}

#sitemap .section .leftBlock {
width: 310px;
float: left;
}

#sitemap .section .rightBlock {
width: 310px;
float: right;
}

#sitemap .section h2 {
margin-bottom: 24px;
}

#sitemap .section h2 a,
#sitemap .section h2.sitemapInfo {
display: block;
height: 39px;
text-indent:-9999px;
overflow:hidden;
}

#sitemap .section h2.sitemapProducts a {width: 640px; background: url(../../info/img/sitemap_product.jpg) no-repeat;}
#sitemap .section h2.sitemapHealth a {width: 640px; background: url(../../info/img/sitemap_health.jpg) no-repeat;}
#sitemap .section h2.sitemapCampaign a {width: 310px; background: url(../../info/img/sitemap_campaign.jpg) no-repeat}
#sitemap .section h2.sitemapFaq a {width: 310px; background: url(../../info/img/sitemap_faq.jpg) no-repeat;}
#sitemap .section h2.sitemapIntestinal a {width: 310px; background: url(../../info/img/sitemap_intestinal_check.jpg) no-repeat;}
#sitemap .section h2.sitemapCm a {width: 310px; background: url(../../info/img/sitemap_cm.jpg) no-repeat;}
#sitemap .section h2.sitemapNews a {width: 310px; background: url(../../info/img/sitemap_news.jpg) no-repeat;}
#sitemap .section h2.sitemapContact a {width: 310px; background: url(../../info/img/sitemap_contact.jpg) no-repeat;}
#sitemap .section h2.sitemapInfo {width: 310px; background: url(../../info/img/sitemap_info.jpg) no-repeat;}

#sitemap .section h2.sitemapProducts a:hover {width: 640px; background: url(../../info/img/sitemap_product_on.jpg) no-repeat;}
#sitemap .section h2.sitemapHealth a:hover {width: 640px; background: url(../../info/img/sitemap_health_on.jpg) no-repeat;}
#sitemap .section h2.sitemapCampaign a:hover {width: 310px; background: url(../../info/img/sitemap_campaign_on.jpg) no-repeat}
#sitemap .section h2.sitemapFaq a:hover {width: 310px; background: url(../../info/img/sitemap_faq_on.jpg) no-repeat;}
#sitemap .section h2.sitemapIntestinal a:hover {width: 310px; background: url(../../info/img/sitemap_intestinal_check_on.jpg) no-repeat;}
#sitemap .section h2.sitemapCm a:hover {width: 310px; background: url(../../info/img/sitemap_cm_on.jpg) no-repeat;}
#sitemap .section h2.sitemapNews a:hover {width: 310px; background: url(../../info/img/sitemap_news_on.jpg) no-repeat;}
#sitemap .section h2.sitemapContact a:hover {width: 310px; background: url(../../info/img/sitemap_contact_on.jpg) no-repeat;}

#sitemap .section ul li {
margin-bottom: 20px;
line-height: 1.5;
}

#sitemap .section ul li span {
display: block;
width: 310px;
margin-bottom: 8px;
padding-bottom: 4px;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue.gif) repeat-x bottom;
font-size:107%;
}

#sitemap .section ul li span a {
background:url(http://www.danone.co.jp/common/img/arrow_blue.gif) no-repeat 0em 0.25em;
padding-left: 12px;
}

#sitemap .section ul li ul {
margin-top: 8px;
}

#sitemap .section ul li ul li {
background:url(http://www.danone.co.jp/common/img/arrow_blue.gif) no-repeat 0em 0.25em;
padding-left: 12px;
margin-left: 20px;
font-size:107%;
margin-bottom: 8px;
}

#sitemap .section ul li ul li ul {
margin-top: 8px;
}

#sitemap .section ul li ul li ul li {
background:url(http://www.danone.co.jp/common/img/arrow_blue.gif) no-repeat 0em 0.25em;
padding-left: 12px;
margin-left: 20px;
font-size:92%;
}


/**************************************************************************************************
CONTACT
***************************************************************************************************/
.info#contact .headerArea h1 {
width: 144px;
height: 24px;
background: url(../../contact/img/h1_contact.gif) no-repeat left top;
}

.info#contact .contactNoBox {
display: block;
width: 600px;
background: url(../../contact/img/bg_contact_no_box_mid.gif) repeat-y;
}

.info#contact .contactNoBox dl {
display: block;
width: 600px;
background: url(../../contact/img/bg_contact_no_box_btm.gif) no-repeat bottom;
padding-bottom: 24px;
}

.info#contact .contactNoBox dl dt {
display: block;
width: 600px;
height: 32px;
background: url(../../contact/img/title_contact_no_box.gif) no-repeat;
text-indent: -9999px;
margin-bottom: 16px;
}

.info#contact .contactNoBox dl dd img {
margin-left: 20px;
}


/**************************************************************************************************
CM
***************************************************************************************************/
#cm h1 {
width: 246px;
height: 24px;
background: url(../../cm/img/h1_cm.gif) no-repeat left top;
}

#cm h2 {
display: block;
width: 640px;
height: 56px;
background: url(http://www.danone.co.jp/common/img/bg_h2.gif) no-repeat;
margin-bottom: 32px;
padding: 6px 0 0 60px;
}

#cm .section {
margin: 0px 0px 48px 0px;
}

#cm .section .leftBlock {
width: 312px;
float: left;
}

#cm .section .rightBlock {
width: 308px;
float: right;
}

#cm .section h3 {
display: block;
width: 308px;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) repeat-x bottom;
margin-bottom: 12px;
padding-bottom: 12px;
line-height: 1;
}

#cm .section p {
margin-bottom: 12px;
}

/*CAST INFO*/
#cm .section .rightBlock table {
width: 308px;
border-collapse: collapse;
border-spacing: 0px;
margin-bottom: 24px;
}

#cm .section .rightBlock table p {
font-size: 85%;
line-height: 1.75;
margin-bottom: 5px;
}

#cm .section .rightBlock table th {
width: 100px;
background: #F8FCFE;
border: 1px solid #C6E7F4;
padding: 5px 10px 0px 10px;
color: #41B1DC;
vertical-align: top;
}

#cm .section .rightBlock table th p {
font-weight: bold;
}

#cm .section .rightBlock table td {
width: 208px;
border: 1px solid #C6E7F4;
padding: 5px 10px 0px 10px;
vertical-align: top;
}

#cm .section .rightBlock table td p strong {
font-weight: bold;
}

/*HTML CODE*/
#cm .section .blogPasteText h4 {
margin-bottom: 10px;
line-height: 1;
}

#cm .section .blogPasteText p {
margin-bottom: 12px;
font-size: 92%;
}

#cm .section .blogPasteText textarea {
width: 306px;
height: 100px;
border: 1px solid #D6EBF7;
color: #636563;
font-size: 10px;
line-height: 1.5;
}

#cm .section .blogPasteText textarea:hover,
#cm .section .blogPasteText textarea:focus {
background: #F8FCFE;
}


/**************************************************************************************************
NEWSLETTER
**************************************************************************************************/
#newsletter h1 {
width: 275px;
height: 24px;
background: url(../../newsletter/img/h1_newsletter.gif) no-repeat left top;
}


#newsletter .newsletterMeritsBox {
background: url(../../newsletter/img/bg_merits_box_mid.gif) repeat-y;
}

#newsletter .newsletterMeritsBox dl {
background: url(../../newsletter/img/bg_merits_box_btm.gif) no-repeat bottom left;
padding-bottom: 10px;
}

#newsletter .newsletterMeritsBox dl dt {
background: url(../../newsletter/img/bg_merits_box_top.gif) no-repeat;
font-size: 107%;
font-weight: bold;
color: #7AC8E6;
padding: 12px 20px;
}

/*OL LIST*/
#newsletter .section .newsletterMeritsBox ol {
padding: 0px 20px;
}

#newsletter .section .newsletterMeritsBox ol li {
margin-bottom: 0em;
}

#newsletter .registryForm .inputFieldInfo {
margin-bottom: 8px;
}


/**************************************************************************************************
REGISTER FORM
**************************************************************************************************/
.form .section h2 {
background: none;
margin-bottom: 12px;
padding-bottom: 0px;
}

/*REGISTER FORM TABLE*/
.form .registryForm table {
width:600px;
border:none;
margin-bottom: 32px;
}

.form .registryForm table th {
width: 200px;
padding: 16px 0;
border: none;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) repeat-x bottom;
font-size: 107%;
line-height: 1.6;
vertical-align: top;
}

.form .registryForm table th span {
font-size: 10px;
vertical-align: middle;
margin-left: 0.25em;
}

.form .registryForm table td {
padding: 14px 0 16px 0;
border: none;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) repeat-x bottom;
font-size: 107%;
line-height: 1.6;
vertical-align: top;
}

.form .registryForm .inputFieldInfo {
font-size: 92%;
margin-bottom: 24px;
}

.form .registryForm table input.inputField1,
.form .registryForm table input.inputField2,
.form .registryForm table input.inputField3,
.form .registryForm table input.inputField4,
.form .registryForm table select {
border: 1px solid #7F9DB9;
padding: 2px 3px;
font-size: 92%;
color: #777777;
}

.form .registryForm table .inputField1 {width: 320px;}
.form .registryForm table .inputField2 {width: 130px;}
.form .registryForm table .inputField3 {width: 80px;}
.form .registryForm table .inputField4 {width: 50px;}

.form .registryForm table .inputFieldName label {
margin-right: 10px;
}

.form .registryForm table .inputFieldGender label,
.form .registryForm table .inputFieldNewsletterPC label,
.form .registryForm table .inputFieldNewsletterMobile label,
.form .registryForm table .inputFieldDM label,
.form .registryForm table .inputFieldBlogger label,
.form .registryForm table .inputFieldPresent label {
margin-right: 20px;
}

.form .registryForm table span {
font-size: 92%;
}


.form .registryForm table tr td ul li {
margin-bottom: 5px;
padding: 0px;
list-style: none;
background: none;
}


/*BUTTON*/
.form .section .inputFieldFormBtn {
text-align: center;
background: none;
}

.form .section .inputFieldFormBtn input {
border:none;
margin: 0px 30px;
font-size: 0;
}

.form .errorMessageBox {
padding: 16px 20px 16px 20px;
border: 1px solid #E63432;
color: #E63432;
text-align: center;
clear: both;
}

.form .errorMessageBox p {
margin: 0px;
}

.form .registryForm table .error {
color: #E63432;
}

.form .section .btnBacktoToppage {
margin-top: 32px;
text-align: center;
}


/**************************************************************************************************
UTILITIES 
***************************************************************************************************/
/* RELATED LINKS BOX
-------------------------------------------------------------------------------------------------*/
#main .relatedLinksBox {
width: 640px;
background: url(http://www.danone.co.jp/common/img/bg_related_links_mid.gif) repeat-y;
margin-bottom: 16px;
}

#main .relatedLinksBox dl {
background: url(http://www.danone.co.jp/common/img/bg_related_links_btm.gif) no-repeat bottom;
}

#main .relatedLinksBox dl dt {
background: #0A65B6 url(http://www.danone.co.jp/common/img/bg_related_links_dt_top.gif) no-repeat;
padding: 10px 20px 8px 20px;
font-size: 108%;
line-height: 1;
font-weight: bold;
color: #FFFFFF;
}

#main .relatedLinksBox dl dd {
display: block;
background: url(http://www.danone.co.jp/common/img/bg_related_links_dt_btm.gif) no-repeat;
padding: 12px 0px 6px 20px;
}

#main .relatedLinksBox dl dd ul {
font-size:108%;
line-height:1.5;
color: #CCCCCC;
}

#main .relatedLinksBox dl dd ul li {
width: 290px;
padding: 0px 20px 10px 0px;
float: left;
}

#main .relatedLinksBox dl dd ul li strong {
display: block;
font-weight:normal;
background: url(http://www.danone.co.jp/common/img/circle_arrow_gray.gif) no-repeat 0em 0.2em;
padding-left: 18px;
color: #777777;
}

#main .relatedLinksBox dl dd ul li a {
display: block;
font-weight: bold;
color: #41B1DC;
text-decoration: underline;
background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.2em;
padding-left: 18px;
}

/** html #main .relatedLinksBox dl dd ul li strong {background: url(http://www.danone.co.jp/common/img/circle_arrow_gray.gif) no-repeat 0em 0.3em;}
* html #main .relatedLinksBox dl dd ul li a {background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.3em;}
*+html #main .relatedLinksBox dl dd ul li strong {background: url(http://www.danone.co.jp/common/img/circle_arrow_gray.gif) no-repeat 0em 0.3em;}
*+html #main .relatedLinksBox dl dd ul li a {background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.3em;}
*/
#main .relatedLinksBox dl dd ul li a:hover {
text-decoration: none;
}



/* RECOMMENDED LINKS BOX
-------------------------------------------------------------------------------------------------*/
#main dl.recommendLinksBox {
background: url(http://www.danone.co.jp/common/img/bg_recommend_box_mid.gif) repeat-y;
margin-bottom: 30px;
}

#main dl.recommendLinksBox dt {
display: block;
width: 640px;
height: 42px;
background: url(http://www.danone.co.jp/common/img/title_recommend_box.gif) no-repeat;
text-indent: -9999px;
}

#main dl.recommendLinksBox dd {
background: url(http://www.danone.co.jp/common/img/bg_recommend_box_btm.gif) no-repeat bottom;
padding: 0px 0px 6px 20px;
}

#main dl.recommendLinksBox dd ul {
font-size:108%;
line-height:1.5;
color: #777777;
}

#main dl.recommendLinksBox dd ul li {
width: 290px;
padding: 0px 20px 10px 0px;
float: left;
}

#main dl.recommendLinksBox dd ul li a {
display: block;
font-weight: bold;
color: #41B1DC;
text-decoration: underline;
background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.2em;
padding-left: 18px;
}

* html #main dl.recommendLinksBox dd ul li a {background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.3em;}
*+html #main dl.recommendLinksBox dd ul li a {background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.3em;}

#main dl.recommendLinksBox dd ul li a:hover {
text-decoration:none;
}


/**************************************************************************************************
ERROR
**************************************************************************************************/
.info#error .headerArea {
width: 640px;
background: url(../../404/img/bg_h1.jpg) no-repeat;
padding: 26px 0px 28px 0px;
margin-bottom: 32px;
line-height: 1;
}

.info#error .headerArea h1 {
display: block;
width: 409px;
height: 55px;
background: url(../../404/img/h1_not_found.gif) no-repeat;
margin: 0px 0px 0px 47px;
text-indent: -9999px;
}

.info#error .intro {
margin-bottom: 32px;
}

.info#error .section {
margin: 0px 0px 32px 0px;
}

.info#error .section ul li h2 {
width: auto;
margin-bottom: 12px;
padding-bottom: 12px;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue.gif) repeat-x bottom;
font-size:122%;
line-height:1;
}

.info#error .section ul li h2 a {
background: url(http://www.danone.co.jp/common/img/arrow_blue.gif) no-repeat 0 0.25em;
padding-left: 12px;
}

.info#error .section ul {
width: 660px;
position: relative;
}

.info#error .section ul li {
display: block;
width:310px;
margin: 0 20px 32px 0;
float:left;
}

.info#error .section ul li img {
float:left;
margin-right: 20px;
}

.info#error .section ul li a {
font-weight:bold;
color:#41B1DC;
}

/**************************************************************************************************
ADD ICON
**************************************************************************************************/
.externalIcon {
	vertical-align: baseline;
	margin: 0 0 0 2px;
}
.pdfIcon {
	vertical-align: baseline;
	margin: 0 0 0 1px;
}

/**************************************************************************************************
MAIL MAGAZINE CONTENT INLINE BANNER
**************************************************************************************************/

.mailBannerHealth {
	margin: 0 0 30px 0;
	padding: 35px 0 0 0;
	background: url(http://www.danone.co.jp/common/img/mail_banner_bg_01_01.jpg) no-repeat;
}
.mailBannerHealth .mailBannerHealthInner {
	padding: 0 130px 21px 120px;
	background: url(http://www.danone.co.jp/common/img/mail_banner_bg_01_02.jpg) left bottom no-repeat;
}
.mailBannerHealth h2 {
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 10px 0;
	padding: 0 0 0 14px;
	background: url(http://www.danone.co.jp/common/img/arrow_blue_02.gif) 0 2px no-repeat;
}

.mailBannerRecipe {
	margin: 0 0 30px 0;
	padding: 35px 0 0 0;
	background: url(http://www.danone.co.jp/common/img/mail_banner_bg_02_01.jpg) no-repeat;
}
.mailBannerRecipe .mailBannerRecipeInner {
	padding: 0 130px 21px 120px;
	background: url(http://www.danone.co.jp/common/img/mail_banner_bg_02_02.jpg) left bottom no-repeat;
}
.mailBannerRecipe h2 {
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 10px 0;
	padding: 0 0 0 14px;
	background: url(http://www.danone.co.jp/common/img/arrow_blue_02.gif) 0 2px no-repeat;
}
.recipeBg1 {
	background: url(http://www.danone.co.jp/common/img/mail_banner_bg_03_01.jpg) no-repeat;
}



/**************************************************************************************************
HEALTH - TOP PAGE
**************************************************************************************************/
#main .headerArea {
width: 640px;
height: 184px;
background: url(../img/cate_top01.jpg) no-repeat;
padding: 0px;
margin-bottom: 32px;
line-height: 1;
}

#main .headerArea h1 {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea2 {
width: 640px;
height: 184px;
background: url(../img/cate_top02.jpg) no-repeat;
padding: 0px;
margin-bottom: 32px;
line-height: 1;
}

#main .headerArea2 h1 {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea3 {
width: 640px;
height: 184px;
background: url(../img/cate_top03.jpg) no-repeat;
padding: 0px;
margin-bottom: 32px;
line-height: 1;
}

#main .headerArea3 h1 {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea4 {
width: 640px;
height: 184px;
background: url(../img/cate_top04.jpg) no-repeat;
padding: 0px;
margin-bottom: 32px;
line-height: 1;
}

#main .headerArea4 h1 {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea5 {
width: 640px;
height: 184px;
background: url(../img/cate_top05.jpg) no-repeat;
padding: 0px;
margin-bottom: 32px;
line-height: 1;
}

#main .headerArea5 h1 {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .section {
width: 620px;
margin: 0px 0px 32px 0px;
}

#main .section .leftBlock {
width: 170px;
float: left;
}

#main .section .rightBlock {
width: 450px;
float: right;
}

#main .section .rightBlock h2 {
margin-bottom: 12px;
}

#main .section .rightBlock h2 a {
display: block;
width: 450px;
height: 39px;
text-indent: -9999px;
margin-bottom: 12px;
overflow: hidden;
}

#main .section#kouka .rightBlock h2 a {background: url(../img/text.kouka.jpg) no-repeat;}
#main .section#kenkyu .rightBlock h2 a {background: url(../img/text.kenkyu.jpg) no-repeat;}
#main .section#interview .rightBlock h2 a {background: url(../img/text.interview.jpg) no-repeat;}
#main .section#recipe .rightBlock h2 a {background: url(../img/title_recipe.jpg) no-repeat;}
#main .section#kiso .rightBlock h2 a {background: url(../img/text.kisochishiki.jpg) no-repeat;}
#main .section#special .rightBlock h2 a {background: url(http://www.danone.co.jp/health/img/h2_index_06.jpg) no-repeat;}


#main .section#bacteria .rightBlock h2 a:hover {background: url(http://www.danone.co.jp/health/img/h2_index_03_on.jpg) no-repeat;}
#main .section#children .rightBlock h2 a:hover {background: url(http://www.danone.co.jp/health/img/h2_index_04_on.jpg) no-repeat;}

#main .section#special .rightBlock h2 a:hover {background: url(http://www.danone.co.jp/health/img/h2_index_06_on.jpg) no-repeat;}

#main .section .rightBlock p {
margin-bottom: 12px;
}

#main .section .rightBlock LinksBox {
width: 450px;
background: url(../img/box-midle.gif) repeat-y;
margin-bottom: 12px;
}

#main .section .rightBlock LinksBox div {
width: 450px;
background: url(../img/box-bottom.jpg) no-repeat bottom;
padding-bottom: 10px;
}

#main .section .rightBlock LinksBox ul {
width: 430px;
background: url(../img/box-top.gif) no-repeat;
padding: 10px 0px 0px 20px;
}

#main .section .rightBlock LinksBox ul li {
width: 195px;
float: left;
padding-right: 20px;
line-height: 1.5;
}

#main .section#bacteria .rightBlock LinksBox ul li {
width: 410px;
float: none;
}

#main .section .rightBlock LinksBox ul li h3 {
background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.15em;
padding-left: 18px;
font-size: 107%;
}

#main .section .rightBlock LinksBox ul li h3 a {
font-weight: bold;
text-decoration: underline;
color: #41B1DC;
}

#main .section .rightBlock LinksBox ul li h3 a:hover {
text-decoration: none;
}

#main .section .rightBlock .btnHealthRecommend {
}


/**************************************************************************************************
HEALTH - SUB PAGE / SUB SUB PAGE
**************************************************************************************************/

/*HEADER AREA*/
#categoryTop .headerArea,
#main .headerArea {
width: 640px;
height: 184px;
/*	background: url(../../benpi/img/h1_benpi.jpg) no-repeat;*/
padding: 0px;
margin-bottom: 32px;
line-height: 1;
}

#categoryTop .headerArea h1, 
#categoryTop .headerArea p.header,
#main .headerArea p.header {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea2 p.header {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea3 p.header {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea4 p.header {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}

#main .headerArea5 p.header {
display: block;
width: 640px;
height: 184px;
margin: 0px;
text-indent: -9999px;
}
.benpi#categoryTop .headerArea,
.benpi#main .headerArea {
background: url(http://www.danone.co.jp/health/benpi/img/h1_benpi.jpg) no-repeat;
}

.beauty#categoryTop .headerArea,
.beauty#main .headerArea {
background: url(http://www.danone.co.jp/health/beauty/img/h1_beauty.jpg) no-repeat;
}

.bacteria#categoryTop .headerArea,
.bacteria#main .headerArea {
background: url(http://www.danone.co.jp/health/bacteria/img/h1_bacteria.jpg) no-repeat;
}

.children#categoryTop .headerArea,
.children#main .headerArea {
background: url(http://www.danone.co.jp/health/children/img/h1_children.jpg) no-repeat;
}

.yogurt#categoryTop .headerArea,
.yogurt#main .headerArea {
background: url(http://www.danone.co.jp/health/yogurt/img/h1_yogurt.jpg) no-repeat;
}

.special#categoryTop .headerArea,
.special#main .headerArea {
background: url(http://www.danone.co.jp/health/special/img/h1_special.jpg) no-repeat;
}


/*SUB PAGE / SUB SUB PAGE*/
#categoryTop .section {
margin: 0px 0px 32px 0px;
}

#categoryTop .intro {
padding-bottom: 24px;
background: url(http://www.danone.co.jp/common/img/bg_line_bule.gif) repeat-x bottom;
}

#categoryTop .intro h1 {
width: 250px;
height: 30px;
text-indent: -9999px;
float: left;
}

#categoryTop .intro h1.basic {
background: url(http://www.danone.co.jp/health/benpi/basic/img/h1.gif) no-repeat;
}

#categoryTop .intro h1.action {
background: url(http://www.danone.co.jp/health/benpi/action/img/h1.gif) no-repeat;
}

#categoryTop .intro .introText {
width: 370px;
float: right;
}

#categoryTop .section .leftBlock {
width: 310px;
float: left;
}

#categoryTop .section .rightBlock {
width: 310px;
float: right;
}

#categoryTop .section .leftBlock h2,
#categoryTop .section .rightBlock h2 {
margin-bottom: 8px;
padding-bottom: 8px;
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) repeat-x bottom;
font-size: 122%;
line-height: 1.5;
}

#categoryTop .section .leftBlock h2 a,
#categoryTop .section .rightBlock h2 a {
background: url(http://www.danone.co.jp/common/img/arrow_blue.gif) no-repeat 0 0.25em;
padding-left: 12px;
}


#categoryTop .section .leftBlock p.last,
#categoryTop .section .rightBlock p.last {
margin-bottom: 12px;
}

#categoryTop .section LinksBox {
width: 310px;
background: url(http://www.danone.co.jp/common/img/bg_link_box_s_mid.gif) repeat-y;
}

#categoryTop .section LinksBox div {
width: 310px;
background: url(http://www.danone.co.jp/common/img/bg_link_box_s_btm.gif) no-repeat bottom;
padding-bottom: 5px;
}

#categoryTop .section LinksBox ul {
width: 290px;
background: url(http://www.danone.co.jp/common/img/bg_link_box_s_top.gif) no-repeat;
padding: 10px 0px 0px 20px;
}

#categoryTop .section LinksBox ul li {
line-height: 1.5;
margin-bottom: 5px;
padding-right: 20px;
}

#categoryTop .section LinksBox ul li h3 {
background: url(http://www.danone.co.jp/common/img/circle_arrow_blue.gif) no-repeat 0em 0.15em;
padding-left: 18px;
font-size: 107%;
}

#categoryTop .section LinksBox ul li h3 a {
font-weight: bold;
text-decoration: underline;
color: #41B1DC;
}

#categoryTop .section LinksBox ul li h3 a:hover {
text-decoration: none;
}

#categoryTop .btnHealthRecommend {
text-align: center;
margin-bottom: 32px;
}



/**************************************************************************************************
HEALTH - ARTICLE PAGE
**************************************************************************************************/
#main .articleTitle {
background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) repeat-x bottom;
margin-bottom: 24px;
padding-bottom: 12px;
}

#main .articleTitle div {
background: url(http://www.danone.co.jp/health/img/bg_h1_article_page.gif) repeat-y;
width: 640px;
color: #0A65B6;
}

#main .articleTitle div p {
font-size: 92%;
margin-left: 20px;
color: #0A65B6;
}

#main .articleTitle div h1 {
font-size: 152%;
margin-left: 20px;
padding: 0px;
}

#main .section {
margin: 0px 20px 32px 20px;
}

#main .section h2 {
font-size: 122%;
font-weight: bold;
color: #41B1DC;
margin-bottom: 17px;
}

#main .section h3 {
font-size: 107%;
font-weight: bold;
margin: 17px 0 17px 0;
}

#main .section dl {
margin-bottom:17px;
}

#main .section dl.mbEnd {
margin-bottom:0 !important;
}

#main .section dt {
font-size: 107%;
font-weight: normal;
color: #41B1DC;
background:url(http://www.danone.co.jp/health/img/dt_bg_list.gif) no-repeat;
padding-left:14px;
margin:17px 0 7px 0;
}

#main .section dd {
font-size: 107%;
line-height:1.5;
}

#main .section p,
#main .section ul {
font-size: 107%;
}

#main .section p.table{
margin-bottom:12px;
}

#main .section p.note {
font-size: 92%;
margin-top:17px;
}

#main .section p.authority {
font-size:92%;
margin-top:7px;
}

#main .section p.authorityMb {
font-size:92%;
margin:7px 0 17px 0;
}

#main .section ul li {
margin-bottom: 0.25em;
}

#main .section p.last,
#main .section ul.last {
font-size: 107%;
margin-bottom: 1em;
}

#main .section table {
font-size:107%;
border:1px solid #41B1DC;
line-height:1.5;
width:597px;
}

#main .section table caption {
font-size:107%;
font-weight:bold;
color:#41B1DC;
line-height:1.5;
margin-bottom:7px;
}

#main .section table.ingestion th {
background:#C9E9F5;
border:1px solid #41B1DC;
text-align:center;
width:199px;
}

#main .section table.ingestion td {
border:1px solid #41B1DC;
text-align:center;
width:199px;
}

#main .section table.intake th {
background:#C9E9F5;
border:1px solid #41B1DC;
text-align:center;
width:84px;
}

#main .section table.intake td {
border:1px solid #41B1DC;
text-align:center;
width:84px;
}

#main .section table.intake td.check {
color:#FF4040;
}

#main .section table.milk th {
background:#C9E9F5;
border:1px solid #41B1DC;
text-align:center;
width:296px;
}

#main .section table.milk td {
border:1px solid #41B1DC;
text-align:center;
width:296px;
}

#main .btnHealthRecommend {
text-align: center;
margin-bottom: 32px;
}

#main a {
text-decoration:underline;
}

#main a:hover {
text-decoration:none;
}

#main span.link {
background:url(http://www.danone.co.jp/health/img/arrow_blue.gif) 0 2px no-repeat;
padding-left:14px;
margin:0 0 7px 0;
text-decoration:underline;
display:block;
}

#main a:hover span.link {
text-decoration:none;
}

/* CAUTION BOX
-------------------------------------------------------------------------------------------------*/
#main .cautionBox {
width: 640px;
margin: 0px 0 16px 0;
background: url(http://www.danone.co.jp/health/benpi/img/bg_caution_box_mid.gif) repeat-y;
}

#main .cautionBox dl {
background: url(http://www.danone.co.jp/health/benpi/img/bg_caution_box_btm.gif) no-repeat bottom;
}

#main .cautionBox dl dt {
background: #E82C1C url(http://www.danone.co.jp/health/benpi/img/bg_caution_box_dt_top.gif) no-repeat;
font-size: 108%;
line-height: 1;
font-weight: bold;
color: #FFFFFF;
padding: 10px 20px 8px 20px;
}

#main .cautionBox dl dd {
display: block;
width: 600px;
background: url(http://www.danone.co.jp/health/benpi/img/bg_caution_box_dt_btm.gif) no-repeat;
padding: 10px 20px;
clear: left;
}

#main .cautionBox dl dd p {
}

#main .cautionBox dl dt strong {
display: block;
width: 45px;
height: 18px;
background: url(http://www.danone.co.jp/health/benpi/img/dt_notice_title.gif) no-repeat;
text-indent: -9999px;
float: left;
margin-top: -2px;
margin-right: 10px;
}


/* YOGURT BOX
-------------------------------------------------------------------------------------------------*/
.yogurtBox {
position: relative;
left: -3px;
width: 606px;
margin: 0px -3px 40px 20px;
background: url(http://www.danone.co.jp/health/img/bg_yogurt_mid.gif) repeat-y;
font-size: 12px;
}

.yogurtBoxTop {
width: 606px;
padding-top: 24px;
background: url(http://www.danone.co.jp/health/img/bg_yogurt_top.gif) no-repeat;
}

.yogurtBoxBtm {
padding: 0px 25px 22px 66px;
background: url(http://www.danone.co.jp/health/img/bg_yogurt_btm.gif) no-repeat left bottom;
}

.yogurtBox dl {
position: relative;
width: 345px;
min-height: 123px;
}

* html .yogurtBox dl {
height: 123px;
}

.yogurtBox dt {
margin-bottom: 8px;
font-size: 0px;
}

.yogurtBox p {
margin-top: 4px;
}

.yogurtBox p.button {
text-align: right;
background: none;
padding: 0;
}

.yogurtBox p.button a {
background: none;
padding: 0;
}

.yogurtBox a {
padding-left: 18px;
background: url(http://www.danone.co.jp/health/img/arw_health_01.gif) no-repeat;
text-decoration: underline;
font-weight: bold;
}

.yogurtBox .img {
position: absolute;
top: 11px;
left: 366px;
}


/* ------------------------------------------------------------
　　お客様の声
------------------------------------------------------------ */



.dream_box {
	clear:both;
	width:570px;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	text-align:justify;
	border-left:10px solid #41B1DC;
}

.dream_box h3 {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px 0px 8px 0px;
	font-size:16px;
	line-height:1.4;
	color:#0A65B6;
	font-weight:normal;
	text-align:left;
	/*margin:0px 0px 10px 0px;
	padding:0px 0px 4px 0px;
	border-bottom:1px dotted #80594C;*/
}

.dream_box p {
	clear:both;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	font-size:12px;
	line-height:1.4;
	color:#666666;
	text-align:right;
	border-top:1px dotted #D8CFB0;
}

.dream_box p a {
	color:#B9914D;
}