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

 SANS JAPAN  RENEWAL  index.css 　トップページ

 since.2009.06.26   h-design@pi.mods.jp
----------------------------------------------------------------------------------------------------- */


/* 構成ボックス
----------------------------------------------------------------------------------------------------- */
#main-title					{ width:816px; height:220px; margin-bottom:12px;}

#index-body-wrap			{ width:816px; position:relative;}
#index-left-wrap			{ width:538px; float:left;}
#index-right-wrap			{ width:260px; float:right; position:relative;}

.new						{ color:#E06726; font-size:12px; font-weight:bold;}

/* メインバナー
----------------------------------------------------------------------------------------------------- */
#banner-wrap				{ width:538px; margin-bottom:12px;}
#banner-wrap2				{ width:538px; margin-bottom:6px;}

/* トレーニングとリソース
----------------------------------------------------------------------------------------------------- */
#training-wrap				{ width:260px; float:left;  padding-top:40px; background:url(../index_img/bg_training.jpg) no-repeat;}
#resource-wrap				{ width:260px; float:right; padding-top:40px; background:url(../index_img/bg_resources.jpg) no-repeat;}

#index-left-wrap ul			{ list-style:none; margin:0 8px; padding:0;}
#index-left-wrap li			{ font-size:12px; font-weight:bold; color:#00577D; margin-bottom:2px; padding:1em 0 1em 1em; background:url(../index_img/dot.gif) no-repeat 0 17px; border-bottom:#AAA dotted 1px;}
#index-left-wrap p			{ font-size:12px; font-weight:normal; line-height:1.2; color:#555; margin:3px 0 0 0;}
#index-left-wrap li a		{ color:#00577D; text-decoration:none;}
#index-left-wrap li a:hover	{ color:#597BC7; text-decoration:underline;}

/* WhatsNEW
----------------------------------------------------------------------------------------------------- */
#what-wrap					{ width:260px; margin-bottom:12px;}
#what-title					{ width:260px; height:20px;}
#what-wrap ul				{ list-style:none; margin:0 3px; padding:0; font-size:12px; font-weight:bold; line-height:1.2; color:#00577D;}
#what-wrap li				{ padding:6px 0 6px 1em; background:url(../index_img/dot.gif) no-repeat 0 9px; border-bottom:#AAA dotted 1px;}
#what-wrap li a				{ color:#00577D; text-decoration:none;}
#what-wrap li a:hover		{ color:#597BC7; text-decoration:underline;}


/* WhatsNEW 下のbanner画像関連
----------------------------------------------------------------------------------------------------- */
.image-box					{ width:260px; margin-bottom:12px;}


/* クリアーフィックス
----------------------------------------------------------------------------------------------------- */
#index-left-wrap:after		{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
#index-left-wrap			{ display:inline-block;}