@charset "utf-8";

/*　背景・サイドラインをブラウザサイズまで伸ばす
--------------------------------------
div#all:after,div#contents:after,div#footer:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}
html{ 
    height:100%; 
} 
body{ 
    height:100%; 
} 
#Main{ 
    height:100%; 
    min-height:100%;
} 
body > #Main{ 
    height:auto; 
}
*/

/*　縦をセンター揃えに
--------------------------------------*/
.CellCenter {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}

* +html .CellCenter {
	display:inline;
	zoom:1;
}
* html .CellCenter {
	display:inline;
	zoom:1;
}


/*　clearfix
--------------------------------------*/
.ClearFix:before,
.ClearFix:after {
    content:"";
    display:table;
}
 
.ClearFix:after {clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.ClearFix {zoom:1;}



/*　clearfix-#Header
--------------------------------------*/
#Header:before,
#Header:after {
    content:"";
    display:table;
}
 
#Header:after {clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
#Header {zoom:1;}

/*　clearfix-#FooterNavi
--------------------------------------*/
#FooterNavi:before,
#FooterNavi:after {
    content:"";
    display:table;
}
 
#FooterNavi:after {clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
#FooterNavi {zoom:1;}

/*　clearfix-#Footer
--------------------------------------*/
#Footer:before,
#Footer:after {
    content:"";
    display:table;
}
 
#Footer:after {clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
#Footer {zoom:1;}

/*　clearfix-.Box
--------------------------------------*/
.Box:before,
.Box:after {
    content:"";
    display:table;
}
 
.Box:after {clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.Box {zoom:1;}

/*　clearfix-.Title
--------------------------------------*/
.Title:before,
.Title:after {
    content:"";
    display:table;
}
 
.Title:after {clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.Title {zoom:1;}