@charset "UTF-8";
/* CSS Document */


/*
「FireFox対策」
FireFox対策は display:table と display:table-cell で float を指定している箇所をテーブルレイアウト化します。*/


/*---------------------------------------------------
  段組
----------------------------------------------------*/


@-moz-document url-prefix() {#TypeCOLUMN2 #BodyArea #ContentsArea .box-frame{ display:table; width:630px; margin-left:0;}}
@-moz-document url-prefix() {#TypeCOLUMN2 #BodyArea #ContentsArea .box3col{ display:table;}}
@-moz-document url-prefix() {#TypeCOLUMN2 #BodyArea #ContentsArea .box-unit { display:table-cell; float:none;}}


/*---------------------------------------------------
  プロジェクト /project/
----------------------------------------------------*/


@-moz-document url-prefix() {div.project_txtpic { display:table;}}
@-moz-document url-prefix() {.project_txtpic div.txt { display:table-cell; float:none;}}
@-moz-document url-prefix() {.project_txtpic div.pic { display:table-cell; float:none;padding-left:9px;}}



/*---------------------------------------------------
  FF印刷用フロート解除　クラス指定
----------------------------------------------------*/
/*
	設定方
	フロートしている親要素をテーブル化し、フロート要素をテーブルセルにする。
	
	（例）
	<div class="BOX printTable">
		<div class="floatL printCell"></div>
		<div class="floatR printCell"></div>
	</div>
	
	気をつけなければいけない点
	1）テーブルセルにマージンが効かないため、パディングで対応するハックを別で用意
	（例）@-moz-document url-prefix() {.floatR{padding-left:10px;}}
	
	2）660pxの幅で 300px左フロート　340pxで右フロートをしている場合崩れます。
	対処方は 右フロートにpadding-left:20pxをハックにて追加。
	
	FF印刷用ハックの書き方
	@media print{
		@-moz-document url-prefix(.xxxx{padding-left:xxx;}) 
	}

*/

@-moz-document url-prefix() {.printTable { display:table;}}
@-moz-document url-prefix() {.printTable .printCell { display:table-cell; float:none;}}

