@charset "UTF-8";

/* =============================================================
    固定レイアウト
============================================================= */
/*----------------------------------------------------
    コンテンツ、ヘッダー、フッター の
	横幅指定とセンタリング
----------------------------------------------------*/
#page,
#globalHeader,
#globalFooter,
#contents{
	width:100%;
	min-width:990px;
	position: relative;
}
.inner {
	width: 990px;
	margin: 0 auto;
	padding:0;
}
#page{
	overflow: hidden;
}

/*----------------------------------------------------
    コンテンツ、ヘッダー、フッター の
	配色とマージン
----------------------------------------------------*/
body{
	background: url(../images/backPtn.png) repeat 0 0 fixed;
}

#page{
}

#globalHeader{
	height: 80px;
	background: #fff;
}
#globalHeader .inner{
}

#globalFooter{
}
#globalFooter .inner{
	padding: 20px 0 30px;
	text-align: center;
}

#contents{
}
#contents .inner{
	padding: 20px 0 0;
}


/* =============================================================
    グリッド
============================================================= */
/*----------------------------------------------------
    totalClm12
    1clm = W55 * H34
    gut30 mgBTM19
    totalW990
----------------------------------------------------*/
.gr1,
.gr2,
.gr2half,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12{
	float:left;
	margin:0 15px 30px;
		
	/* for IE6/7 */
	*display: inline;
	*zoom: 1;
}

.grF{	margin-left: 0 !important;}
.grL{	margin-right: 0 !important;}
.flR{	float: right !important;}

.gr1{ width: 55px;}
.gr2{ width: 140px;}
.gr2half{ width: 174px;}
.gr3{ width: 225px;}
.gr4{ width: 310px;}
.gr5{ width: 395px;}
.gr6{ width: 480px;}
.gr7{ width: 565px;}
.gr8{ width: 650px;}
.gr9{ width: 735px;}
.gr10{ width: 820px;}
.gr11{ width: 905px;}
.gr12{ width: 990px; margin: 0 0 19px}