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

/*-----------------------------------------------------------------------------------
基本設定
---------------------------------------------------------------------------------- */
body{
	line-height:1.5;
	color:#666666;
	background:#fff url(../img/bg_base.gif);
	font-size:12px;
	font-family: ヒラギノ, "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
}

#page{
	width:900px;
	margin:0 auto 0 auto;
	border-left:1px solid #666;
	border-right:1px solid #666;
	background:url(../img/bg_body.jpg) repeat-y;
}

/* メインリンク色---------------- */
a:link{color:#b3002d; text-decoration:none;}
a:visited{color:#b3002d; text-decoration:none;}
a:hover{color:#b3002d; text-decoration:underline;}
a:active{color:#b3002d; text-decoration:underline;}


/* 各種設定-------------------*/


/*-----------------------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------------------- */
#header{
	width:900px;
	height:90x;
	background:url(../img/bg_header.gif) no-repeat;
}

#header h1#tagline{
	font-size:12px;
	color:#ff6699;
	padding:3px 0 0 350px;
}

#header #logo{
	padding:0px 0 0 90px;
}

/*-----------------------------------------------------------------------------------
グローバルナビゲーション
---------------------------------------------------------------------------------- */

#header #navi{

}

#header #navi li{
	display:inline;
}



/*-----------------------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------------------- */

#mainVisual{
	width:900px; 
}



/*-----------------------------------------------------------------------------------
メインカラム
---------------------------------------------------------------------------------- */

#mainColumn{
	width:900px; /* 適時変更 */
}

#mainColumn #menuArea{
	height:310px;
}

#mainColumn #menuArea li{
	float:left;
	width:450px;
}


#mainColumn .contactBox{
	text-align:center;
	margin:20px;
}


#mainColumn #flowArea{
}

#mainColumn #flowArea li{
	width:620px;
	padding:80px 0 0 280px;
}

#mainColumn #flowArea li.flow01{
	background:url(../img/bg_flow_01.gif) no-repeat;
	height:187px;
}

#mainColumn #flowArea li.flow02{
	background:url(../img/bg_flow_02.gif) no-repeat;
	height:187px;
}

#mainColumn #flowArea li.flow03{
	background:url(../img/bg_flow_03.gif) no-repeat;
	height:187px;
}

#mainColumn #flowArea li.flow04{
	background:url(../img/bg_flow_04.gif) no-repeat;
	height:233px;
}


#mainColumn #beginnerArea{
}

#mainColumn #beginnerArea li{
	width:660px;
	padding:70px 0 0 240px;
}

#mainColumn #beginnerArea li.beginner01{
	background:url(../img/bg_beginner_01.gif) no-repeat;
	height:117px;
}

#mainColumn #beginnerArea li.beginner02{
	background:url(../img/bg_beginner_02.gif) no-repeat;
	height:145px;
}

#mainColumn #beginnerArea li.beginner03{
	background:url(../img/bg_beginner_03.gif) no-repeat;
	height:131px;
}

#mainColumn #beginnerArea li.beginner04{
	background:url(../img/bg_beginner_04.gif) no-repeat;
	height:131px;
}


#mainColumn #expArea{
}

#mainColumn #expArea li{
	width:750px;
	padding:90px 0 0 150px;
}

#mainColumn #expArea li.exp01{
	background:url(../img/bg_exp_01.gif) no-repeat;
	height:121px;
}

#mainColumn #expArea li.exp02{
	background:url(../img/bg_exp_02.gif) no-repeat;
	height:121px;
}


#mainColumn #shopArea{
}

#mainColumn #shopArea li.shop01{
	background:url(../img/bg_shop_01.gif) no-repeat;
	width:780px;
	height:226px;
	padding:60px 0 0 120px;
}

#mainColumn #shopArea li.shop02{
	background:url(../img/bg_shop_02.gif) no-repeat;
	width:760px;
	height:590px;
	padding:110px 0 0 140px;
}


/*-----------------------------------------------------------------------------------
フッター
---------------------------------------------------------------------------------- */

#footer{
	clear:both;
	width:900px; /* 適時変更 */
	height:100px; /* 適時変更 */
}
#footer .catch{
	color:#ff6699;
	text-align:center;
}

#footer p.copy{
	text-align:center;
	margin:10px 0 0 0;
}