@charset "utf-8";

/*------------------------------------------------------------------------------

	[ファイル名]	marrons.css
	
	[概要]			商品紹介 マロングラッセ 専用
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
#sec1:after,
#sec2:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html #sec1,
*:first-child + html #sec2
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html #sec1,
* html #sec2
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
#sec1,
#sec2
{
	display: inline-table;
}
/* End Mac IE */



/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
#mainContent h3,
#mainContent h4
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



/*------------------------------------------------------------------------------

								非表示部
								
------------------------------------------------------------------------------*/
#xxx
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}



/*------------------------------------------------------------------------------

								
								
------------------------------------------------------------------------------*/
/* Win IE6 \*/
*html span.png img{
	display: none;
}
* html span.png{
	display: bock;
	background: none;
}
/* End Win IE6 */



/*------------------------------------------------------------------------------

							pageHeader画像指定（上書き）
							
------------------------------------------------------------------------------*/
body#marrons div#pageHeader{
	background-image: url(../../products/images/page_header.jpg);
}



/*------------------------------------------------------------------------------

								
								
------------------------------------------------------------------------------*/
div.articleContent{
	width: 593px;
	margin-top: 2px;
	padding-right: 0;
}
body#marrons div.article h2{
	margin-bottom: 2px;
	background-image: url(../../products/images/marrons_glaces_h2.gif);
}

div#mainContent h3{
	width: 593px;
	height: 51px;
	margin-bottom: 10px;
	background-image: url(../../products/images/marrons_glaces_h3.gif);
}


/*------------------------------------------------------------------------------

								sec1
								
------------------------------------------------------------------------------*/
#sec1{
	width: 593px;
	background: url(../../products/images/marrons_sec1_bg.jpg) no-repeat scroll left top;
}

#mainContent #sec1 h4{
	width: 593px;
	height: 33px;
	background: url(../../products/images/marrons_h4_1.gif) no-repeat scroll left top;
}

#sec1 .figL{
	width: 234px;
}

/* Win IE6 \*/
* html #sec1 .figL span.png{
	width: 234px;
	height: 377px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/marrons_fig_1.png);
}
/* End Win IE6 */

#sec1 div{
	float: left;
	width: 340px;
}

/* Win IE6 \*/
* html #sec1 h5 span.png{
	width: 333px;
	height: 112px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/marrons_h5_1.png);
}
/* End Win IE6 */

#sec1 div .figL{
	width: 135px;
	margin-left: 16px;
	text-align: center;
}

#sec1 div .figR{
	width: 135px;
	margin-right: 16px;
	text-align: center;
}

#sec1 div span.note{
	display: block;
	text-align: center;
}

/* Win IE6 \*/
* html #sec1 div .figL{
	margin-left: 8px;
}

* html #sec1 div .figL span.png{
	width: 116px;
	height: 158px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/marrons_fig_2.png);
}
* html #sec1 div .figR span.png{
	width: 116px;
	height: 158px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/marrons_fig_3.png);
}
/* End Win IE6 */


/*------------------------------------------------------------------------------

								sec2
								
------------------------------------------------------------------------------*/
#sec2{
	width: 593px;
	margin-top: 20px;
	background: url(../../products/images/marrons_sec2_bg.jpg) no-repeat scroll right top;
}

#mainContent #sec2 h4{
	width: 593px;
	height: 33px;
	background: url(../../products/images/marrons_h4_2.gif) no-repeat scroll left top;
}

#sec2 .figR{
	width: 244px;
}

/* Win IE6 \*/
* html #sec2 .figR span.png{
	width: 244px;
	height: 308px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/marrons_fig_5.png);
}
/* End Win IE6 */

#sec2 .fig{
	padding-top: 10px;
	text-align: center;
}

#sec2 div span.note{
	display: block;
	text-align: center;
}

/* Win IE6 \*/
* html #sec2 .fig span.png{
	width: 246px;
	height: 192px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/marrons_fig_4.png);
}
/* End Win IE6 */

#sec2 div{
	float: right;
	width: 325px;
	padding-top: 15px;
}