/*
	Theme Name: JB2009
	Theme URl: htp://japanbrand.jp
	DEscription: Japanbrand.jpのテーマです。
	Golden Grid - CSS Libraryを改変。
*/

/* CSS Grid */


.main {  margin:0 auto;  width:970px; padding-top:10px;   }


.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; margin-left:10px;  } 

/* 6 columns */
.g160 {width:150px; }
.g320  {width:300px;}/*marginをとったため10減らした*/
.g480  {width:470px;}
.g640  {width:630px;}
.g800  {width:790px;}
.g960  {width:950px;}

/* 12 columns */
.g80 {width:70px;}
.g240 {width:240px;} /*marginをとったため10減らした。けど平気そうなので戻した。*/
.g400 {width:380px;}/*marginをとったため10減らした*/
.g560 {width:550px;}
.g720 {width:700px;}/*marginをとったため10減らした*/
.g880 {width:870px;}
.g720 {width:700px;}/*marginをとったため10減らした*/

/* margin */
.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;}

.mainContent{
margin: 20px 0 0 20px;
}

.inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }

ul.floatL li.floatL { 
float: left;
}
.header ul.floatR li.floatR { 
float: right;
width:130px;
}
table.floatR { 
float: right;
}

/* form 
form {
    background-color: #b4a4a4;
}
form p {
    background-color: white;
}
form p .search {
    position: absolute;
    top: 2px;
    left: 2px;
    padding: 0;
    border: 0;
    width: 161px;
    height: 20px;
}
form p .search:focus {
    background-color: #fee8eb;
}
form p .searchsubmit {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 90px;
    height: 22px;
    padding: 0;
    border: 0;
    background-color: #b4304a;
    background-image: url(images/back-searchsubmit.gif);
    background-position: top;
    font-weight: bold;
    color: #feeeee;
}
form p .searchsubmit:hover {
    background-position: bottom;
}
form p .searchsubmit:active {
    padding: 1px 0 0 1px;
}
 */
 
.NewsArea, .ProductsArea, .RankingArea, .ColumnArea{
	border:1px solid #ccc;	
}
table.NewsArea10{
	padding:5px;
}
.KeyImgArea{
	margin-bottom: 5px;
	width: 694px;
}
.NewsArea{
	height:270px;
	margin-bottom:5px;
}
.ProductsArea{
	
}
.RankingArea{
	
}
.ColumnArea{
	
}

.RankingArea table, .RankingArea table tr td{
	padding: 0 5px 5px 5px;
}
.glovalNavi{
	background: url(../../images/nvGlBg.jpg) repeat-x;
}
.header table{
width:100%;	
height:50px;
}

.pics{
	position:relative;
	padding:0;
	width:694px; 
	height:270px; 
	}
.pics img{
	position:absolute;
	top:0; 
	left:0;
	}