/*
	Golden Grid - CSS Library
	Author:Vladimir Carrer
*/

/* CSS Grid */

.g225,.g470,.g715,.g960 {float:left; display: inline; margin-left:20px;  } 
.g345 {float:left; display: inline; margin-left:25px;  } 

/* 1  columns */
.g960  {width:960px;}

/* 2 columns */
.g225  {width:225px;}
.g470  {width:470px;}
.g715  {width:715px; }


/* 3 columns */
.g345  {width:345px;}

/* margin */
.ml10{margin-left:10px;}
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}

#inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both;}


/*-- 全体を囲んでいます --*/

/*-- 上背景部分 --*/
#wrap {
  background:url(images/top_bg.gif) no-repeat center top;
}

/*-- コンテンツドロップシャドウ --*/
#main-outer { 
  margin:0 auto;
  width:1000px; 
}

#content {
  color:#000;
  position:relative;
  padding-bottom: 2em;
}

.clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* margin */
.mtop0{
	margin-top:0px;
}

.mtop10{
	margin-top:10px;
}

.mtop20{
	margin-top:20px;
}

.mtop50{
	margin-top:50px;
}