@charset "utf-8";



/**************************************************************************************************
top PAGE
**************************************************************************************************/
#index #header {
	margin-bottom: 24px;
}

/*HEALTH AND YOGURT BLOCK*/
#index .headerFlash {
	margin-bottom: 24px;
}
#index .healthBlock {
	width: 640px;
	clear: both;
}
#index .healthBlock h2 {
	margin-bottom: 20px;
}
#index .healthBlock .healthBlockLeft {
	width: 310px;
	float: left;
	margin-bottom: 20px;
}
#index .healthBlock .healthBlockRight {
	width: 310px;
	float: right;
	margin-bottom: 20px;
}
#index .healthBlock .healthBlockLeft .healthImg, #index .healthBlock .healthBlockRight .healthImg {
	width: 70px;
	float: left;
}
#index .healthBlock .healthBlockLeft .healthText, #index .healthBlock .healthBlockRight .healthText {
	width: 240px;
	float: left;
}
#index .healthBlock .healthBlockLeft .healthText h3, #index .healthBlock .healthBlockRight .healthText h3 {
	width: 230px;
	background: url(../img/icon.jpg) no-repeat 0 0.5em;
	padding: 3px 0px 3px 10px;
	font-size: 107%;
	font-weight: bold;
	color: #41B1DC;
}
#index .healthBlock .healthBlockLeft .healthText h3 a, #index .healthBlock .healthBlockRight .healthText h3 a {
	color: #41B1DC;
	font-weight: bold;
}
#index .healthBlock .healthBlockLeft .healthText p, #index .healthBlock .healthBlockRight .healthText p {
	width: 240px;
	background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue.gif) repeat-x;
	padding-top: 3px;
	font-size: 92%;
	line-height: 1.4;
	color: #777777;
}

/*BANNER BLOCK*/
#index .bannerBlock {
	width: 640px;
	clear: both;
	margin-bottom: 32px;
}
#index .bannerBlock .leftBlock {
	width: 310px;
	float: left;
}
#index .bannerBlock .rightBlock {
	width: 310px;
	float: right;
}

/*INFORMATION BLOCK*/
.danoneInformationBlock * {
	zoom: 1;
}
.danoneInformationBlock {
	zoom: 1;
	position: relative;
	font-size: 12px;
	padding: 20px 0 0 0;
	background: url(http://www.danone.co.jp/common/img/bg_information_top.gif) no-repeat;
}
.danoneInformationBlock .inner {
	padding: 0 17px 20px 23px;
	background: url(http://www.danone.co.jp/common/img/bg_information_bottom.gif) left bottom no-repeat;
}
.danoneInformationBlock h2 {
	margin: 0 0 10px 0;
}
.danoneInformationBlock .col01 {
	float: left;
	width: 48px;
}
.danoneInformationBlock .col02 {
	float: right;
	width: 515px;
}
.danoneInformationBlock ul {
	margin: -8px 0 -8px 0;
}
.danoneInformationBlock li {
	position: relative;
	line-height: 1.5;
	margin: 8px;
	padding: 0 0 8px 145px;
	background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue.gif) left bottom repeat-x;
}
.danoneInformationBlock li.lastChild {
	background: none;
	padding: 0 0 0 145px;
}
.danoneInformationBlock .date {
	position: absolute;
	left: 0;
	top: 0;
}
.danoneInformationBlock .icon {
	position: absolute;
	left: 70px;
	top: 1px;
}
.danoneInformationBlock .rss {
	position: absolute;
	left: 23px;
	bottom: 23px;
	_bottom: 40px;
}


/**************************************************************************************************
OUTLINE
**************************************************************************************************/

body {
	color: #777777;
	background: #FFFFFF url(../img/head.jpg) repeat-x top center;
	text-align: center;
}

/**************************************************************************************************
HEADER
**************************************************************************************************/

#headerWrap {
/*background: url(http://www.danone.co.jp/common/img/bg_header.jpg) no-repeat top center;*/
}
#header {
	display: block;
	width: 910px;
	height: 115px;
	position: relative;
	margin: 0px auto;
}
#header .logo {
	position: absolute;
	top: 15px;
	left: 0px;
}
#header a {
	overflow: hidden;
}
#header .globalNavi {
	position: absolute;
	top: 85px;
	left: 159px;
	background: url(../img/bg_dotted_line_gnavi.gif) no-repeat;
}
#header .globalNavi li {
	display: block;
	float: left;
	padding: 0px 21px 0px 20px;
	background: url(../img/bg_dotted_line_gnavi.gif) no-repeat right;
}
#header .globalNavi li a, #header .globalNavi li span {
	display: block;
	height: 29px;
	text-indent: -9999px;
}
#header .globalNavi li.products {
	padding: 0px 21px 0px 21px;
}
#header .globalNavi li.products a {
	width: 85px;
	background: url(../img/menu/menu_01_off.gif) no-repeat;
}
#header .globalNavi li.health a {
	width: 118px;
	background: url(../img/menu/menu_02_off.gif) no-repeat;
}
#header .globalNavi li.recipe span {
	width: 104px;
	background: url(../img/menu/menu_03_off.gif) no-repeat;
}
#header .globalNavi li.recipe a {
	width: 104px;
	background: url(../img/menu/menu_03_off.gif) no-repeat;
}
#header .globalNavi li.campaign a {
	width: 60px;
	background: url(../img/menu/menu_04_off.gif) no-repeat;
}
#header .globalNavi li.faq a {
	width: 74px;
	background: url(../img/menu/menu_05_off.gif) no-repeat;
}
#header .globalNavi li.about a {
	width: 59px;
	background: url(../img/menu/menu_06_off.gif) no-repeat;
}
#header .globalNavi li.products a:hover {
	background: url(../img/menu/menu01_on.gif) no-repeat;
}
#header .globalNavi li.health a:hover {
	background: url(../img/menu/menu02_on.gif) no-repeat;
}
#header .globalNavi li.recipe a:hover {
	background: url(../img/menu/menu03_on.gif) no-repeat;
}
#header .globalNavi li.campaign a:hover {
	background: url(../img/menu/menu04_on.gif) no-repeat;
}
#header .globalNavi li.faq a:hover {
	background: url(../img/menu/menu05_on.gif) no-repeat;
}
#header .globalNavi li.about a:hover {
	width: 59px;
	background: url(../img/menu/menu06_on.gif) no-repeat;
}
/* wb_[݈̌ʒu\ */
body.product #header .globalNavi li.products a,
body.danonebio #header .globalNavi li.products a,
body.danonebioSecret #header .globalNavi li.products a,
body.danonebioRhubarb #header .globalNavi li.products a,
body.danonepetit #header .globalNavi li.products a,
body.danoneyogurt #header .globalNavi li.products a {
	background: url(http://www.danone.co.jp/common/img/gnavi_danones_yogurt_on.gif) no-repeat;
}
body#campaignTop #header .globalNavi li.campaign a {
	background: url(http://www.danone.co.jp/common/img/gnavi_campaign_on.gif) no-repeat;
}
body#faq #header .globalNavi li.faq a {
	background: url(http://www.danone.co.jp/common/img/gnavi_faq_on.gif) no-repeat;
}
body.recipe #header .globalNavi li.recipe a {
	background: url(http://www.danone.co.jp/common/img/gnavi_recipe_on.gif) no-repeat;
}
body.health #header .globalNavi li.health a {
	background: url(http://www.danone.co.jp/common/img/gnavi_health_on.gif) no-repeat;
}


#header .subNavi {
	position: absolute;
	top: 39px;
	left: 639px;
}
#header .subNavi li {
	position: absolute;
}
#header .subNavi li a {
	display: block;
	height: 10px;
	text-indent: -9999px;
}
#header .subNavi li.sitemap {
	left: 0px;
}
#header .subNavi li.sitemap a {
	width: 68px;
	background: url(http://www.danone.co.jp/common/img/snavi_sitemap.gif) no-repeat;
}
#header .subNavi li.contact {
	left: 83px;
}
#header .subNavi li.contact a {
	width: 74px;
	background: url(http://www.danone.co.jp/common/img/snavi_contact.gif) no-repeat;
}
#header .subNavi li.corporate {
	left: 172px;
}
#header .subNavi li.corporate a {
	width: 99px;
	background: url(http://www.danone.co.jp/common/img/snavi_corporate.gif) no-repeat;
}
#header .subNavi li.sitemap a:hover {
	background: url(http://www.danone.co.jp/common/img/snavi_sitemap_on.gif) no-repeat;
}
#header .subNavi li.contact a:hover {
	background: url(http://www.danone.co.jp/common/img/snavi_contact_on.gif) no-repeat;
}
#header .subNavi li.corporate a:hover {
	background: url(http://www.danone.co.jp/common/img/snavi_corporate_on.gif) no-repeat;
}


/**************************************************************************************************
CONTENT
**************************************************************************************************/

#container {
	width: 910px;
	margin: 0px auto;
	text-align: left;
}
#content {
	width: 910px;
	margin-bottom: 0;
}
#main {
	float: left;
	width: 640px;
	color: #777777;
	overflow: hidden;
}
#main p {
	line-height: 1.6;
}
#main a {
	color:#41B1DC;
}
#container #breadcrumbs {
	min-height: 14px;
	font-size: 77%;
	line-height: 1.5;
	padding: 5px 0px;
}
#container #breadcrumbs li {
	display: block;
	padding-right: 9px;
	margin-right: 5px;
	background: url(http://www.danone.co.jp/common/img/arrow_breadcrumbs.gif) no-repeat right 0.3em;
	float: left;
}
#container #breadcrumbs li.last {
	padding-right: 0px;
	margin-right: 0px;
	background: none;
	float: none;
}
#container #breadcrumbs a {
	color: #41B1DC;
	text-decoration: none;
}
#container #breadcrumbs a:hover {
	text-decoration: underline;
}


/**************************************************************************************************
RIGHT
**************************************************************************************************/

#right * {
	zoom: 1;
}
#right {
	float: right;
	width: 240px;
	overflow: hidden;
}
#right a {
	color: #41B1DC;
	text-decoration: none !important;
}
#right a:hover {
	text-decoration: underline !important;
}
#right .bannerBlock01 {
	margin: 0 0 15px 0;
	padding: 4px 0 0 0;
	background: url(http://www.danone.co.jp/common/img/bg_side_banner_set_top.gif) no-repeat;
}
#right .bannerBlock01 .inner {
	padding: 0 4px 4px 4px;
	text-align: center;
	background: #C1EBF2 url(http://www.danone.co.jp/common/img/bg_side_banner_set_btm.gif) left bottom no-repeat;
}
#right .bannerBlock01 ul {
	margin: 0 0 -3px 0;
}
#right .bannerBlock01 ul li {
	padding: 0 0 3px 0;
}
#right .singleBannerBlock01 {
	margin: 0 0 15px 0;
}
#right .extraBlock01 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	background: url(../img/bg_extrablock_bottom.gif) left bottom no-repeat;
}
#right .extraBlock01 h2 {
	margin: 0 0 8px 0;
}
#right .extraBlock01 ul {
	margin: 0 0 -4px 0;
	padding: 0 13px;
}
#right .extraBlock01 li {
	padding: 0 0 4px 8px;
	background: url(../img/icon.jpg) 0 4px no-repeat;
}

#right .localNav {
	margin: 0 0 13px 0;
	padding: 0 0 5px 0;
	background: url(http://www.danone.co.jp/common/img/bg_local_nav_01.gif) left bottom no-repeat;
}
#right .localNav h2 {
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
}
#right .localNav ul ul {
	padding: 10px 13px 6px 13px;
	background: #F7FBFD;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#right .localNav ul ul li {
	margin: 0 0 4px 0;
	padding: 0 0 0 10px;
	background: url(../img/icon.jpg) 0 4px no-repeat;
}
#right .divider {
	margin: 0 0 15px 0;
	font-size: 0;
	height: 1px;
	line-height: 0;
	background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue.gif) repeat-x;
}
#right .divider hr {
	display: none;
}


/**************************************************************************************************
FOOTER
**************************************************************************************************/

#footer * {
	zoom: 1;
}
#footer a {
	text-decoration: none !important;
}
#footer a:hover {
	text-decoration: underline !important;
}
#footer {
	background: url(../img/footer.jpg) 50% 0 repeat-x;
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
	font-size: 10px;
	text-align: left;
	color: #999;
}
#footerInner {
	position: relative;
	width: 910px;
	margin: 0 auto;
	padding: 77px 0 0 0;
}
#footer .pageTop {
	position: absolute;
	width: 101px;
	right: 0;
	top: 0;
}
#footer .pageTop a {
	display: block;
	width: 101px;
	height: 10px;
	background: url(http://www.danone.co.jp/common/img/link_pagetop.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#footer .pageTop a:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
#footer #footerBreadcrumbs {
	background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue.gif) left bottom repeat-x;
	padding: 10px 0px;
	line-height: 1.5;
}
#footer #footerBreadcrumbs li {
	float: left;
	padding-right: 9px;
	margin-right: 5px;
	background: url(http://www.danone.co.jp/common/img/arrow_breadcrumbs.gif) no-repeat right 0.3em;
}
#footer #footerBreadcrumbs li.last {
	padding-right: 0px;
	margin-right: 0px;
	background: none;
	float: none;
}
#footer #footerBreadcrumbs a {
	color: #41B1DC;
	text-decoration: none;
}
#footer #footerBreadcrumbs a:hover {
	text-decoration: underline;
}
#footer #footerSitemap {
	margin: 25px 0 0 0;
	background: url(http://www.danone.co.jp/common/img/bg_dotted_line_light_blue_vert.gif) 640px 0 repeat-y;
}
#footer #footerSitemap .col01 {
	float: left;
	display: inline;
	width: 194px;
	margin: 0 30px 0 0;
}
#footer #footerSitemap .col02 {
	float: left;
	display: inline;
	width: 194px;
	margin: 0 30px 0 0;
}
#footer #footerSitemap .col03 {
	float: left;
	display: inline;
	width: 194px;
	margin: 0 30px 0 0;
}
#footer #footerSitemap .col04 {
	float: left;
	width: 238px;
}
#footer #footerSitemap .footerSection {
	margin: 0 0 30px 0;
}
#footer #footerSitemap .footerSection.lastChild {
	margin-bottom: 0;
}
#footer #footerSitemap .footerSection h2 {
	margin: 0 0 5px 0 !important;
	font-size: 120%;
	background: url(../img/icon02.gif) 0 1px no-repeat;
	padding: 0 0 0 14px !important;
	width: auto !important;
	height: auto !important;
}

#footer #footerSitemap .footerSection h2 a {
	color: #41B1DC;
}
#footer #footerSitemap .footerSection ul {
	margin: 0 0 -5px 0;
}
#footer #footerSitemap .footerSection ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 14px;
	background: url(../img/icon.jpg) 4px 3px no-repeat;
}
#footer #footerSitemap .footerSection ul li a {
	color: #41B1DC;
}
#footer #footerSitemap .footerSection ul.specialContent li {
	background: url(../img/icon02.gif) 0 2px no-repeat;
	padding: 0 0 0 14px;
	font-size: 120%;
}
#footer #footerSitemap .mobile .col01 {
	float: left;
	width: 157px;
	margin: 0;
}
#footer #footerSitemap .mobile .col02 {
	float: right;
	width: 66px;
	margin: 0;
}
#footer #footerSitemap .mobile h2 {
	font-size: 120%;
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
}
#footer #footerSignature {
	padding: 60px 0 0 0;
}
#footer #footerSignature a {
	color: #999;
}
#footer #footerSignature .col01 {
	float: left;
	width: 41px;
}
#footer #footerSignature .footerLogo {
	margin: -6px 0 0 0;
}
#footer #footerSignature .col02 {
	float: right;
	width: 855px;
}
#footer #footerSignature ul.footerNavi01 {
	padding: 0 0 10px 0;
	background: url(http://www.danone.co.jp/common/img/bg_dotted_line_gray.gif) left bottom repeat-x;
}
#footer #footerSignature ul.footerNavi01 li {
	float: right;
	display: inline;
	background: url(http://www.danone.co.jp/common/img/arrow_gray.gif) 0 3px no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
}
#footer #footerSignature ul.footerNavi02 {
	float: left;
	padding: 10px 0 0 0;
}
#footer #footerSignature ul.footerNavi02 li {
	float: left;
	display: inline;
	background: url(http://www.danone.co.jp/common/img/arrow_gray.gif) 0 3px no-repeat;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
}
#footer #footerSignature address {
	float: right;
	margin: 10px 0 0 0;
	text-align: right;
}

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

	Main2

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


#main2 {
	float: left;
	width: 640px;
	margin-bottom: 30px;
}

#main2 .topimg {
	margin-bottom: 10px;
}

#main2 .entrance2 {
	float: left;
	margin-bottom: 10px;
	margin-top: 15px;
	
}

#main2 .entrance1 {
	float: right;
	margin-bottom:10px;
	margin-top: 15px;

}

#main2 .entrance3 {
	float: right;
	margin-bottom: 10px;
}

#main2 .otameshi {
	float: left;
	margin-bottom: 10px;
}

#main2 .news {
	float: right;
	margin-bottom: 10px;
}
#main2 .oneday {
	margin-bottom: 10px;
}
#main2 .twobanners {
	float: left;
	width: 350px;
}
#main2 .questions {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;

}

/*CtH[V*/

.information {
    font-size:10px;
	border-bottom:solid 2px #D6D0C7;
	}

.info_bottom {
	border-left:solid 2px #D6D0C7;
	border-right:solid 2px #D6D0C7;
	width:316px;
	float:left;
	height:360px;
	>height:475px;
}

.info_bottom_right {
	border-right:solid 2px #D6D0C7;
	width:318px;
	float:right;
	height:360px;
	>height:475px;
}

.bottom {
    background:#D6D0C7;
	height:2px;
}

/*売れ筋ランキング*/
div.uresuji-kids-body{
	padding:3px 10px 4px 5px;
	width:240px;
	background: url(../img/bg_extrablock_bottom.gif);
}

.layout-twt div.uresuji-kids-body{
	width:240px;
}

div p.update{
	background-repeat:no-repeat;
	text-align:right;
	font-size:75%;
	height: 15px;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 7px;
}


p.all_rank{
	text-align:right;
	padding:0 10px 0 0;
	margin:0 0 3px 0;
}


p.more_rank{
	text-align:right;
	font-weight: 900;
	padding:0 10px 0 0;
	margin:10px 0 3px 0;
}

h3.uresuji-title{
	width:240px;
	height:30px;
	text-indent:-9999px;
	padding:0;
	margin:0;
	background-image: url(../img/side_ranking.jpg);
	background-repeat:no-repeat;
}
.layout-twt h3.uresuji-title{
	width:200px;
}

.picline {
    height: 100px;
    width: 150px;
    text-align:center;
    vertical-align:middle;
    border: solid 1px #CCC;
    background-color: #FFF;
}

.topline{
    background-image: url(../img/ranking/dotline.jpg);
    background-repeat:no-repeat;
}


li.uresuji-rank{
	line-height:1.3em;
	margin:0;
	padding:0 0 0 18px;
	background-repeat:no-repeat;
}


div.item-detail h2{
	font-size:22px;
	font-weight:bold;
	margin:6px 0 0 3px;
        padding-left:5px;
}

div.item-detail h3{
	font-size:100%;
	font-weight:bold;
	margin:7px 0 0 10px;
}




/* === spl-style ==========================================*/

.item-detail{
}

.item-detail .left{
	width:244px;
}

/* ナマサプリタイトル用　*/
.item-detail .item-tit{
	width:369px;
	height:auto;
	line-height:1.6em;
}

/* ナマサプリキャッチフレーズ用　*/
.item-detail .item-catch-phrase{
	width: 355px;
	color: #FF0033;
	font-size:17px;
	font-weight:bold;
	line-height:140%;
	margin-left:15px;
}

/*h2になったため使用していない*/
.item-detail .item-tit p.title{
	font-size:24px;
	font-weight:bold;
	margin:0 0 0 10px;
}


.item-detail .item-tit p.sub-title{
	font-weight:bold;
	margin:0 0 0 7px;
}






/* ナマサプリポイント用　*/
.item-detail .sup-point_and_other{
	margin:0 20px 0 20px;
}

.item-detail .sup-point {
	background:  url(../img/maru_sen.gif) no-repeat 0px 0px;
	width: 350px;
}

/*h3になったため使用していない*/
.item-detail .sup-point p.point-tit {
	font-weight:bold;
	margin:0 0 0 10px;
}
/*h3になったため使用していない*/

.item-detail .sup-point p.point-detail {
	margin:0 0 0 35px;
}

/* 値段・オーダー用　*/
.item-order{
	border:2px solid #cdcdcd;
	width:630px;
	height:60px;
}

.item-order div.price-base{
	width:265px;
	text-align:center;
	letter-spacing:-1px;
	line-height:130%;
}

.item-order .normal_price_name,
.item-order .normal_price_value{
	color:#FF0033;
	font-weight:bold;
}

.item-order .cam-normal_price_name,
.item-order .cam-normal_price_value{
	color:#FF9600;
	font-weight:bold;
}

.item-order .periodically_price_name,
.item-order .periodically_price_value{
	color:#D52228;
	font-weight:bold;
}

.item-order .cam-periodically_price_name,
.item-order .cam-periodically_price_value{
	color:#9E0000;
	font-weight:bold;
}

.item-order .normal_price_name,
.item-order .cam-normal_price_name,
.item-order .periodically_price_name,
.item-order .cam-periodically_price_name,
.item-order .campaign_price_name{
	font-size:11pt;
}

.item-order .normal_price_value,
.item-order .cam-normal_price_value,
.item-order .periodically_price_value,
.item-order .cam-periodically_price_value{
	font-size:20pt;
}

.item-order .campaign_price_name{
	color:#9D4F00;
	font-weight:bold;
}

.item-order .reduction-style{
	color:#FF0000;
	width:70px;
	font-size:95%;
	text-align:center;
	font-weight:bold;
	background:#ffffaa;
}

.item-order .no-cam-price{
	color:#676767;
	font-weight:bold;
	font-size:10pt;
        text-decoration:line-through;
}

/* 注意書きスタイル　*/
.periodically_order_notice{
	margin-left:auto;
	margin-right:0;
	width:300px;
}

/* あわせて飲みたいオススメサプリ　*/
.recommend-item{
	width:255px;
        height:auto;
        margin-bottom:10px;
        padding:3px;
}
.recommend-item .ri-left{
	width:93px;
	text-align:center;
}
.recommend-item .ri-right{
	width:158px;
	line-height:1.1em;
}
.recommend-item .ri-right a{
	color:#FF6600;
	font-weight:bold;
}

/* 商品詳細 */
table.item-details{
	border-top:1px solid #8FD4E6;
	border-left:1px solid #8FD4E6;
	width:547px;
	
}
table.item-details td{
	vertical-align:text-top;
	border-right:1px solid #8FD4E6;
	border-bottom:1px solid #8FD4E6;
	padding:2px;
}
table.item-details td.sub-tit{
	width:120px;
	padding:2px;
}

/* footer */
.footer-contents{
	width:560px;
}


/* === layout =======================================*/



div.spl .font-size{
	font-size:75%;
}

div.spl .width550{
	width:550px;
}

div.spl .block-center{
	margin-left:auto;
	margin-right:auto;
}



/* === ここの記述は、本当はフロントのbase.cssに持っていくべき！ =======================================*/
.txtCnt{
	text-align:center;
}
.txtRht{
	text-align:Right;
}
.txtLft{
	text-align:left;
}


.clear {
	clear: both;
}
.floatLft {
	float: left;
}
.floatRht {
	float: right;
}

.border-dashed{
	border:1px dashed #9d9d9d;
}
.border-dashed-bottom{
	border-bottom:1px dashed #9d9d9d;
}

.default-font-size{
	font-size:80%;
}

.mgnT5 {
	margin-top: 5px;
}
.mgnT7 {
	margin-top: 7px;
}
.mgnT10 {
	margin-top: 10px;
}
.mgnT20 {
	margin-top: 20px;
}
.mgnT30 {
	margin-top: 20px;
}
.mgnB5 {
	margin-bottom:5px;
}
.mgnB10 {
	margin-bottom:10px;
}
.mgnB20 {
	margin-bottom:20px;
}

.mgnL5 {
	margin-left: 5px;
}
.mgnL10 {
	margin-left: 10px;
}
.mgnL20 {
	margin-left: 20px;
}
.mgnR5 {
	margin-right: 5px;
}
.mgnR10 {
	margin-right: 10px;
}
.mgnR20 {
	margin-right: 20px;
}

.pdgT2 {
	padding-top:2px;
}
.pdgT5 {
	padding-top:5px;
}
.pdgT8 {
	padding-top:8px;
}
.pdgT10 {
	padding-top:10px;
}
.pdgT20 {
	padding-top:20px;
}
.pdgB5 {
	padding-bottom:5px;
}
.pdgB10 {
	padding-bottom:10px;
}
.pdgB20 {
	padding-bottom:20px;
}
.pdgR5 {
	padding-right: 5px;
}
.pdgR10 {
	padding-right: 10px;
}
.pdgL5 {
	padding-left: 5px;
}
.pdgL10 {
	padding-left: 10px;
}
.pdgL20 {
	padding-left: 20px;
}
.pdgL30 {
	padding-left: 30px;
}
ol.li-style-decimal{
    list-style-type: decimal;
    list-style-position: outside;
}
.component-title-fontstyle{
    font-size:18px;
}



/* /Wasroot/base/item */
div.relatedItemArea,
div.relatedItemArea div.relatedItem dl,
div.purchaseArea dl,
div.listItemArea,
div.listItemArea div.listItem dl,
div.listItemArea div.listItem ul.flag,
div.recommendArea dl {
	display: inline-block;
}

div.listItemArea {
	margin: 0 -20px 0 0;
	padding-top: 13px;
	background: url(../img/product_line.jpg) repeat-y left top;
	zoom: 1;	/* for ie */
}
div.listItemArea div.inner {
	padding-bottom: 15px;
	background: url(http://www.fancl.co.jp/common/img/detail/itemarea_box_bottom.gif) no-repeat left bottom;
}
div.listItemArea div.listItem {
	margin-right: 20px;
	float: left;
	width: 300px;
}
div.listItemArea div.listItem dl dt {
	float: left;
	width: 34px;
	font-size:80%;
	font-weight: bold;
	text-align: center;
}
div.listItemArea div.listItem dl dd {
	line-height: 1.5;
}
div.listItemArea div.listItem dl dd h3 {
	margin-bottom: 5px;
}
div.listItemArea div.listItem dl dd.photo {
	margin-right: 10px;
	float: left;
	width: 100px;
}
div.listItemArea div.listItem dl dd.text {
	float: left;
	width: 150px;
	font-size:12px;
}
div.listItemArea div.listItem dl dd .notice {
	color: #E80000;
	font-weight: bold;
}
div.listItemArea div.listItem dl dd .price {
	padding-left: 2.5em;
	text-indent: -2.5em;
	font-weight:bold;
	color:#FF0033;
}
div.listItemArea div.listItem ul.flag {
	margin: 3px 0 0 17px;
	line-height: 0;
	*font-size: 0;
	zoom: 1;	/* for ie */
}
div.listItemArea div.listItem ul.flag li {
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
	line-height: 0;
	*font-size: 0;
}
div.listItemArea div.listItem p.listFoot {
	margin-top: 3px;
	*margin-top: 5px;
	padding-top: 6px;
	background: url(http://www.fancl.co.jp/common/img/line_dot_x.gif) repeat-x left top;
	text-align: right;
	line-height: 0;
	*font-size: 0;
}
div.listItemArea div.listItem p.listFoot span {
	margin-left: 10px;
}




div.listItemArea div.listItem2 {
	margin-right: 20px;
	float: right;
	width: 345px;
}
div.listItemArea div.listItem2 dl dt {
	float: left;
	width: 34px;
	font-size:80%;
	font-weight: bold;
	text-align: center;
}
div.listItemArea div.listItem2 dl dd {
	line-height: 1.5;
}
div.listItemArea div.listItem2 dl dd h3 {
	margin-bottom: 5px;
}
div.listItemArea div.listItem2 dl dd.photo {
	margin-right: 10px;
	float: left;
	width: 125px;
}
div.listItemArea div.listItem2 dl dd.text {
	float: left;
	width: 176px;
}
div.listItemArea div.listItem2 dl dd .notice {
	color: #E80000;
	font-weight: bold;
}
div.listItemArea div.listItem2 dl dd .price {
	padding-left: 2.5em;
	text-indent: -2.5em;

}
div.listItemArea div.listItem2 ul.flag {
	margin: 3px 0 0 17px;
	line-height: 0;
	*font-size: 0;
	zoom: 1;	/* for ie */
}
div.listItemArea div.listItem2 ul.flag li {
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
	line-height: 0;
	*font-size: 0;
}
div.listItemArea div.listItem2 p.listFoot {
	margin-top: 3px;
	*margin-top: 5px;
	padding-top: 6px;
	background: url(http://www.fancl.co.jp/common/img/line_dot_x.gif) repeat-x left top;
	text-align: right;
	line-height: 0;
	*font-size: 0;
}
div.listItemArea div.listItem p.listFoot span {
	margin-left: 10px;
}


/* clearfix
-------------------------------------------------------------- */
ul.tab:after,
div.detailProductArea:after,
div.reviewPickupArea div.reviewHead:after,
div.relatedItemArea div.inner:after,
div.relatedItemArea div.relatedItem dl:after,
div.relatedItemArea div.relatedItem ul.flag:after,
div.purchaseArea dl:after,
div.pagerArea:after,
div.listItemArea div.inner:after,
div.listItemArea div.listItem dl:after,
div.listItemArea div.listItem ul.flag:after,
div.recommendArea dl:after,
div.sortListArea:after,
div.boxB01 div.inner:after,
div.materialArea ul.materialList:after,
div.materialArea ul.washList:after,
div.featureArea div.inner:after,
ul.cartInfeatureList:after,
div.withPhoto:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}

ul.tab,
div.detailProductArea,
div.reviewPickupArea div.reviewHead,
div.relatedItemArea div.inner,
div.relatedItemArea div.relatedItem dl,
div.relatedItemArea div.relatedItem ul.flag,
div.purchaseArea dl,
div.pagerArea,
div.listItemArea div.inner,
div.listItemArea div.listItem dl,
div.listItemArea div.listItem ul.flag,
div.recommendArea dl,
div.sortListArea,
div.boxB01 div.inner,
div.materialArea ul.materialList,
div.materialArea ul.washList,
div.featureArea div.inner,
ul.cartInfeatureList,
div.withPhoto {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/********************************************/
/*				宇部カスタマイズ　        	*/
/********************************************/

ul#Other{
        list-style:none;
        margin:0px 10px 30px 0px;
        padding:0 0 15px 0;
        border-bottom:1px solid #ccc;
}

ul#Other li{
        position:relative;
        margin: 13px 0px 13px 0px;
        padding:0 0 0 154px;
        min-height:100px;
}

ul#Other li h3{
        margin: 0px 0px 6px 0px;
        padding: 0px 0px 6px 0px;
        /*border-left:3px solid #3399CC;*/
        border-bottom: 1px solid #CCC;
}


ul#Other li img{
        position:absolute;
        top:0;
        left:0;
        padding:3px;
        border:1px solid #ccc;
}



/********************************************/
/*				レシピ　        	*/
/********************************************/



#recipe-main {
    margin-bottom: 10px;
}

#recipe-title {
    margin: 0px 0px 10px 0px;
}



#main-photo {
    float: left;
    width: 280px;
    /*height: 487px;
    overflow: hidden;*/
    margin-right: 10px;
}

#recipe-title h1 {
    float: left;
    font-weight: bold;
    font-size: 186%;
    letter-spacing: -0.8px;
}

#recipe-main div.desc-and-ingredients {
    float: right;
    width: 310px;
    margin-bottom: 10px;
/*float: leftで画像無しレシピに対応するけど、美しくない*/
}

#description {
    margin-bottom: 10px;
}

#recipe-title input.editor_field {
    width: 250px;
}

#description textarea.editor_field {
    width: 295px;
    _width: 290px;
    height: 60px;
    overflow: hidden;
}


#ingredients {
    width: 310px;
}

#ingredients a {
    text-decoration: none;
}


div.servings-title {
    font-size: 16px;
    color: #E0D7C1;
}

#ingredients div.servings {
    #padding-bottom: 5px;
    #margin-bttom: 10px;
}


#ingredients th{
   width: 200px;
   border-bottom: 1px solid #e5e5e5;
   border-left: 1px solid #FFFFFF;
}

#ingredients td{
   border-bottom: 1px solid #e5e5e5;
   border-left: 1px solid #FFFFFF;
}

#ingredients td.quantity {
    text-align: right;
    width: 120px;
    width: 40%;
}

#ingredients td.ingredient_row {
    width: 60%;
    font-size: 108%;
    padding: 1px 0px;
}

#ingredients td.normal_divider {
    padding-top: 12px;
}

#ingredients span.divider_title {
    color: #4c4c4c;
    font-weight: bold; 
    font-size: 93%;
    border-bottom: none;
}
#ingredients span.divider_title span {
    color: #E0D7C1;
    font-size: 12px;
}

#ingredients span.normal_ingredient {
    padding-left: 5px;    
}

/*固定？*/
#ingredients-list {
    width: 200px;
    /*width: 470px;*/
}

#ingredients-list td {
    color: #4c4c4c;
}

#ingredients-list td.ingredient-delete {
    padding-right: 10px;
    width: 1%;
}

#ingredients-list td.ingredient_name_and_quantity {
    padding: 3px 0px;
}

#ingredients-list td.ingredient_name_and_quantity a{
    text-decoration: none;
    color: #000;
    display: block;
}

#ingredients-list td.ingredient_name_and_quantity a.cancel{
    color: #330000;
    text-decoration: underline;
    display: inline;
}

#ingredients-list td.ingredient_name_and_quantity a:hover{
    background: #FFFF99;
    display: block;
}

#ingredients-list td.ingredient_name_and_quantity a:hover.cancel{
    text-decoration: underline;
    display: inline;
}

#ingredients-list td.ingredients-name {
    width: 120px;
}

#ingredients-list span.sample-text{
    color: #666;
}

#ingredients-list span.name{
    /*font-weight: bold;*/
}


#ingredients-list td.quantity {
    /*text-align: left;*/
    width: 130px;
    padding-right: 5px;
}


#ingredients td.position {
    width: 1%;
    padding: 1px 0px;
    padding-left: 10px;
    font-size: 11px;
    text-align: right;
}


/* よくあるご質問一覧 */

div#question_list {
	width: 600px;
	margin: 0 10px;
	padding: 0 0 20px 0;
}

div#question_list ul li {
	height: 1%;
	padding: 8px 0;
	background: url(http://www.kefran.com/common/images/contents/dotline.gif) 0 bottom repeat-x;
	line-height: 1.2;
}

div#question_list ul li span {
	display: block;
	width: 700px;
	padding: 0 10px 0 30px;
	background: url(../img/icon02.gif) 14px 4px no-repeat;
}