@charset "utf-8";

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

	[ファイル名]	principle.css
	
	[概要]			フタバのこだわり 専用
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



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

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

/* Win IE7 */
*:first-child + html #logo div div
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html #logo div div
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
#logo div div
{
	display: inline-table;
}
/* End Mac IE */



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

							テキスト画像代替
							
------------------------------------------------------------------------------*/
#mainContent h3
{
	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;
}



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

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

div.articleContent{
	margin-top: 0px;
}



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

								見出し
								
------------------------------------------------------------------------------*/
div#mainContent h2{
	margin-bottom: 2px;
	background: url(../../principle/images/principle_h2.gif) no-repeat scroll left top;
}

div#mainContent h3{
	width: 593px;
	height: 58px;
	background: url(../../principle/images/principle_h3.gif) no-repeat scroll left top;
}

p.indent{
	margin-bottom: 10px;
}



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

								ロゴ
								
------------------------------------------------------------------------------*/
#logo{
	width: 593px;
	background: url(../../principle/images/fr_middle.gif) repeat-y scroll left top;
}

#logo div{
	width: 593px;
	background: url(../../principle/images/fr_top.gif) no-repeat scroll left top;
}

#logo div div{
	width: 508px;
	padding: 35px 35px 25px 40px;
	background: url(../../principle/images/fr_bottom.gif) no-repeat scroll left bottom;
}

/* Win IE6 \*/
* html #logo div div
{
	width: 593px;
}
/* End Win IE6 */

#logo .figL{
	width: 195px;
}

#logo .figL strong{
	display: block;
	margin-top: 5px;
	font-size: 98%;
}

#logo p.indent{
	float: right;
	width: 290px;
}