@charset "Shift_JIS";

@import url("/contents/common/css/common.css");
@import url("/contents/common/css/header.css");
@import url("/contents/common/css/sidenavi.css");
@import url("/contents/common/css/footer.css");
@import url("/contents/common/css/class.css");


/* Header Diff */
#header .navigation ul { border-bottom: solid 5px #663399; height: 27px; }
div.dummy{ height:500px; }



/*--------------------
	common
--------------------*/
@media print {

	#header,
	#topicpath,
	#contents_header,
	#page_navigation,
	#term_navigation,
	#hansoku_container,
	#womenspark2_l,
	#footer,
	#footernote,
	#side_navigation {
		display: none;
	}

	#main_article,
	#stock_block,
	#recipe_block {
		display: block !important;
	}

	#recipe_list li {
		display: inline-block;
	}

	.separate {
		margin: 10px 0 !important;
	}

}


strong { font-weight: bold !important; }
noscript p {
	padding: 20px;
	font-size: 18px;
	text-align: center;
	border-top: 5px solid #1f94db;
	border-bottom: 5px solid #1f94db;
}
noscript#top p {
	border-top: none;
}

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; line-height: 1.6; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.ac { text-align: center ;}

a.icon_link {
	padding-left: 14px;
	background: url(/contents/babyfood/img/icon_link.gif) no-repeat 0 3px;
}


.article_title {
	margin-bottom: 30px;
}
.section_title {
	margin-bottom: 20px;
}


.layout_01,
.layout_02,
.layout_03,
.layout_04 {
	zoom: 1;
}
.layout_01:after,
.layout_02:after,
.layout_03:after,
.layout_04:after {
	display: block;
	content: "";
	clear: both;
}

/* layout_01 */
.layout_01 .left {
	width: 460px;
	float: left;
}
.layout_01 .right {
	width: 210px;
	float: right;
}

/* layout_02 */
.layout_02 .left {
	width: 250px;
	float: left;
}
.layout_02 .right {
	width: 420px;
	float: right;
}

/* layout_03 */
.layout_03 .left {
	width: 420px;
	float: left;
}
.layout_03 .right {
	width: 250px;
	float: right;
}

/* layout_04 */
.layout_04 .left {
	width: 475px;
	float: left;
}
.layout_04 .right {
	width: 200px;
	float: right;
}

/* layout_05 */
.layout_05 .left {
	width: 430px;
	float: left;
}
.layout_05 .right {
	width: 240px;
	float: right;
}

/* layout_06 */
.layout_06 .left {
	width: 230px;
	float: left;
}
.layout_06 .right {
	width: 430px;
	float: right;
}

/* layout_07 */
.layout_07 .left {
	width: 460px;
	float: left;
}
.layout_07 .right {
	width: 205px;
	float: right;
}




.col1 {
	width: 690px;
	zoom: 1;
}
.col1:after {
	display: block;
	content: "";
	clear: both;
}
.col2 {
	width: 335px;
	margin-left: 20px;
	float: left;
}
.col4 {
	width: 164px;
	margin-left: 11px;
	float: left;
}


/* �s���N�w�i�̃{�b�N�X */
.pink_box {
	background: url(/contents/babyfood/img/pink_dot_bg.gif) repeat center top;
}
.pink_box .pink_box_inner01 {
	padding-bottom: 15px;
	background: url(/contents/babyfood/img/pink_dot_bottom.gif) no-repeat left bottom;
}
.pink_box .pink_box_inner02 {
	padding: 15px 20px 0;
	background: url(/contents/babyfood/img/pink_dot_top.gif) no-repeat left top;
}


/* �s���N�w�i�̃{�b�N�X2 */
.pink_box_02 {
	background: url(/contents/babyfood/img/pink02_dot_bg.gif) repeat center top;
}
.pink_box_02 .pink_box_inner01 {
	padding-bottom: 15px;
	background: url(/contents/babyfood/img/pink02_dot_bottom.gif) no-repeat left bottom;
}
.pink_box_02 .pink_box_inner02 {
	padding: 10px 20px 0;
	background: url(/contents/babyfood/img/pink02_dot_top.gif) no-repeat left top;
}


/*
 * �h�b�g�Ɉ͂܂ꂽ�{�b�N�X
 *
 * col4 -> 4�J����
 * col2 -> 2�J����
 *
 */
.dot_box {
	zoom: 1;
}
.dot_box:after {
	display: block;
	content: "";
	clear: both;
}
.dot_box .col4 {
	background: url(/contents/babyfood/img/col4_bg_middle.gif) repeat-y left top;
}
.dot_box .col4 .inner01 {
	padding-bottom: 10px;
	background: url(/contents/babyfood/img/col4_bg_bottom.gif) no-repeat left bottom;
}
.dot_box .col4 .inner02 {
	padding: 10px 15px 0;
	background: url(/contents/babyfood/img/col4_bg_top.gif) no-repeat left top;
}

.dot_box .col2 {
	width: 340px;
	margin-left: 10px;
	background: url(/contents/babyfood/img/col2_bg_middle.gif) repeat-y left top;
}
.dot_box .col2 .inner01 {
	background: url(/contents/babyfood/img/col2_bg_bottom.gif) no-repeat left bottom;
}
.dot_box .col2 .inner02 {
	padding: 23px 20px;
	background: url(/contents/babyfood/img/col2_bg_top.gif) no-repeat left top;
}

.dot_box .col1 {
	width: 690px;
	background: url(/contents/babyfood/img/col1_bg_middle.gif) repeat-y left top;
}
.dot_box .col1 .inner01 {
	background: url(/contents/babyfood/img/col1_bg_bottom.gif) no-repeat left bottom;
}
.dot_box .col1 .inner02 {
	padding: 10px 20px;
	background: url(/contents/babyfood/img/col1_bg_top.gif) no-repeat left top;
}

.col2.first,
.col4.first {
	margin-left: 0 !important;
}


/* �㉺���h�b�g���ň͂܂ꂽ���X�g */
.dot_line_list {
	background: url(/contents/babyfood/img/ht-k.gif) repeat-x left top;
}
.dot_line_list li {
	padding: 20px 0;
	background: url(/contents/babyfood/img/ht-k.gif) repeat-x left bottom;
}


/* page_navigation */
#page_navigation {
	padding-bottom: 7px;
	background: #faf5e5;
}
#page_navigation ul {
	zoom: 1;
}
#page_navigation ul:after {
	display: block;
	content: "";
	clear: both;
}
#page_navigation ul li {
	display: block;
	width: 138px;
	height: 36px;
	float: left;
}
#page_navigation ul li a {
	display: block;
	width: 138px;
	height: 36px;
	text-indent: -9999px;
}
#page_navigation ul li.on a {
	position: relative;
}
#page_navigation ul li.on a span {
	display: block;
	width: 137px;
	height: 32px;
	position: absolute;
	left: -1px;
	border-left: 1px solid #c8ab88;
	z-index: 10;
}

/* �㑤 */
#page_navigation ul li.base a {
	background: url(/contents/babyfood/img/snav_base.gif) no-repeat 0 0;
}
#page_navigation ul li.tips a {
	background: url(/contents/babyfood/img/snav_tips.gif) no-repeat 0 0;
}
#page_navigation ul li.recipe a {
	background: url(/contents/babyfood/img/snav_recipe.gif) no-repeat 0 0;
}
#page_navigation ul li.resolve a {
	background: url(/contents/babyfood/img/snav_resolve.gif) no-repeat 0 0;
}
#page_navigation ul li.allergy a {
	background: url(/contents/babyfood/img/snav_allergy.gif) no-repeat 0 0;
}
#page_navigation ul li.on a,
#page_navigation ul li a:hover {
	background-position: 0 100%;
}
#page_navigation ul li.on a span {
	top: 4px;
}

/* ���� */
#page_navigation.bottom {
	padding: 7px 0 0;
}
#page_navigation.bottom ul li.base a {
	background: url(/contents/babyfood/img/snav_base_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.tips a {
	background: url(/contents/babyfood/img/snav_tips_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.recipe a {
	background: url(/contents/babyfood/img/snav_recipe_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.resolve a {
	background: url(/contents/babyfood/img/snav_resolve_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.allergy a {
	background: url(/contents/babyfood/img/snav_allergy_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.on a,
#page_navigation.bottom ul li a:hover {
	background-position: 0 100%;
}
#page_navigation.bottom ul li.on a span {
	top: 0px;
}


/* term_navigation */
#term_navigation {
	padding: 4px 9px 11px;
	background: #faf5e5;
}
#term_navigation ul {
	zoom: 1;
}
#term_navigation ul:after {
	display: block;
	content: "";
	clear: both;
}
#term_navigation ul li {
	display: block;
	float: left;
}
#term_navigation ul li a {
	display: block;
	height: 27px;
	text-indent: -9999px;
}

#term_navigation.bottom {
	padding: 11px 9px 4px;
}

#contents_wrapper {
	margin-bottom: 40px;
}
#main_article {
	margin: 40px 0;
}



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

#topicpath {
	margin-bottom: 30px;
}

.page_title {
	margin-bottom: 10px;
	padding: 3px 0 5px 0;
	color: #ee86b4;
	font-size: 23px;
	font-weight: bold;
	border-bottom: 3px solid #ee86b4;
}


/* contents_header */
#contents_header {
	margin-bottom: 20px;
	position: relative;
}
#contents_header #sensei {
	position: absolute;
	top: -38px;
	right: 0;
	border: 1px solid #cdcdcd;
	zoom: 1;
}
#contents_header #sensei:after {
	display: block;
	content: "";
	clear: both;
}
#contents_header #sensei .photo {
	width: 50px;
	float: left;
}
#contents_header #sensei .text {
	padding: 10px;
	float: left;
}

/* contents_menu */
#contents_menu {
	zoom: 1;
}
#contents_menu:after {
	display: block;
	content: "";
	clear: both;
}
#contents_menu .left_menu {
	width: 340px;
	float: left;
}
#contents_menu .right_menu {
	width: 340px;
	float: right;
}
#contents_menu .menu_title {
	margin-bottom: 5px;
	color: #ed5699;
	font-size: 14px;
	overflow: visible;
}
#contents_menu .menu_title a {
	display: block;
	padding-bottom: 2px;
	padding-left: 25px;
	height: 18px;
	color: #ed5699;
	text-decoration: none;
	background: url(/contents/common/img/icon_point6.gif) no-repeat 0 0;
}
#contents_menu .cell {
	margin-bottom: 10px;
}
#contents_menu .cell .inner {
	padding: 10px;
	border-top: 3px solid #ee86b4;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
#contents_menu .cell .inner dl {
	zoom: 1;
}
#contents_menu .cell .inner dl:after {
	display: block;
	content: "";
	clear: both;
}
#contents_menu .cell .inner dt {
	width: 50px;
	float: left;
}
#contents_menu .cell .inner dd {
	width: 260px;
	float: right;
}
ul.icon_link li {
	padding-left: 14px;
	background: url(/contents/babyfood/img/icon_link.gif) no-repeat 0 6px;
}

/* add 20160323 �ڍs���ǋL */
#contents{
	font-size: 12px;
	width: auto;
	border:none;
	padding-top: 0;
}

.mb20 {
  margin-bottom: 20px !important;
}
.ar {
  text-align: right !important;
}
#main_contents{
	margin-top: -10px;
}
