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

 SANS JAPAN  RENEWAL  toraining.css 　トレーニング

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



/* 共通
----------------------------------------------------------------------------------------------------- */
#main-title				{ width:610px; height:47px; margin-bottom:25px;}
.container				{ width:610px; margin-bottom:30px;}
.container h2			{ font-size:16px; color:#122E46; margin-bottom:5px; padding:10px 0 6px 12px; border-color:#122E46; border-style: solid; border-width:1px 0 0 6px;}
.container p			{ color:#555; font-size:12px; line-height:1.5; margin:8px 0;}
.container ul			{ margin:0; padding:0 0 0 2em;}
.container li			{ color:#555; font-size:12px; line-height:1.5;}
.odd					{ background-color:#F3F3F3;}


/* トレーニングの特長（index.html）
----------------------------------------------------------------------------------------------------- */
#fea-catch				{ width:610px; height:140px; margin-bottom:25px;}

.fea-unitwrap			{ width:598px; border:#DDD solid 1px; padding:5px; margin-bottom:10px; background:#FAFAFA;}
.fea_midashi-box		{ width:610px; height:32px; background:url(../training/image/fea_midashi.jpg) no-repeat; position:relative;}
.fea-number				{ font-size:14px; font-weight:bold; color:#FFF; text-align:center; position:absolute; top:6px; left:11px;}
.fea_midashi-box h2		{ font-size:14px; margin:0; padding:7px 0 0 36px; display:block;}
.fea_midashi-box h2 a	{ color:#122E46; text-decoration:none; display:block;}
.fea_midashi-box h2 a:hover	{ color:#597BC7; text-decoration:none; display:block;}

.fea-unitwrap p			{ width:590px; margin:5px auto 4px auto; font-size:12px; line-height:1.6; color:#555;}
.fea-unitwrap p strong	{ color:#A00;}
.fea-unitwrap p img		{ float:right; margin:8px;}
.fea-unitwrap p a		{ color:#00577D;}
#layer_1				{ display:none; position:relative;}
#layer_2				{ display:none; position:relative;}
#layer_3				{ display:none; position:relative;}
#layer_4				{ display:none; position:relative;}
#layer_5				{ display:none; position:relative;}
#layer_6				{ display:none; position:relative;}
#layer_7				{ display:none; position:relative;}


/* 研修イベント（event.html）
----------------------------------------------------------------------------------------------------- */
#event-wrap								{ width:610px; background:url(../training/image/ev_bg.gif); padding-bottom:6px;}
#event-wrap .box						{ width:574px; background:#FFF; border:#C00 solid 1px; padding:8px; margin:0 auto 12px auto; text-align:center;}
#event-wrap .box .tea				{ width:574px; padding:18px 0; text-align:center;}
#event-wrap .box p					{ width:560px; margin:0 auto; padding:0; font-size:12px; line-height:1.6; text-align:left;}
#event-wrap .box .fee				{ width:574px; margin:18px 0; padding:18px 0; text-align:center; border-style:solid; border-width:1px 0; border-color:#CCC #FFF #C00 #FFF;}
#event-wrap .box .notincluded	{ text-align:center; font-size:10px; color:#666;}
#event-wrap .box h2					{ font-size:16px; color:#FFF; background:#C00; margin:0 0 10px 0; padding:6px 0;}
#event-wrap .box td					{ font-size:12px; text-align:left; padding:5px 0; border-bottom:#CCC solid 1px;}
#event-wrap .box td.price			{ text-align:right;}
#event-wrap .box td.red			{ color:#C00;}
#event-wrap .box td.bbred			{ border-bottom:#C00 solid 1px;}
#event-wrap .box p.sans			{ font-size:10px; line-height:1.3;}

.event-course-wrap					{ width:570px; margin: 0 auto; position:relative;}
.event-course-box						{ width:570px; height:27px; position:relative;}
.event-course-number				{ width: 89px; float:left;  padding:5px 0; text-align:center; border-right:#FFF solid 1px; font-size:14px; font-weight:bold; color:#FFF;}
.event-course-title						{ width:470px; float:right; padding:5px; font-size:14px; font-weight:bold; color:#FFF;}
.event-course-text						{ width:570px; font-size:12px; line-height:1.3; color:#555; padding:2px 0; clear:both;}
.event-course-link						{ width:570px; font-size:10px; text-align:right; padding-bottom:20px;}
.event-course-link a					{ color:#00577D; text-decoration:none;}
.event-course-link a:hover			{ color:#597BC7; text-decoration:underline;}
.event-sec									{ background:#9B1E2D;}
.event-aud									{ background:#006259;}
.event-end									{ text-align:center; color:#C00; margin:0 0 1em 0; padding:0;
												  font:bold 16px /1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}


/* SANSコースラインナップ（lineup.html）
----------------------------------------------------------------------------------------------------- */
.lineup-category				{ width:610px;}
.lineup-center					{ text-align:center;}

.lineup-sec-container			{ width:610px; margin-bottom:30px;}
.lineup-sec-container table		{}
.lineup-sec-container th		{ font-size:12px; font-weight:normal; padding:3px 0; background:#9B1E2D; color:#FFF; border-right:#FFF solid 1px;}
.lineup-sec-container td		{ font-size:12px; color:#9B1E2D; padding:12px 2px; border-bottom:#9B1E2D solid 1px;}
.lineup-sec-container a			{ color:#9B1E2D; text-decoration:none;}
.lineup-sec-container a:hover	{ color:#597BC7; text-decoration:underline;}

.lineup-aud-container			{ width:610px; margin-bottom:30px;}
.lineup-aud-container table		{}
.lineup-aud-container th		{ font-size:12px; font-weight:normal; padding:3px 0; background:#006259; color:#FFF; border-right:#FFF solid 1px;}
.lineup-aud-container td		{ font-size:12px; color:#006259; padding:12px 2px; border-bottom:#006259 solid 1px;}
.lineup-aud-container a			{ color:#006259; text-decoration:none;}
.lineup-aud-container a:hover	{ color:#597BC7; text-decoration:underline;}

.lineup-dev-container			{ width:610px; margin-bottom:30px;}
.lineup-dev-container table		{}
.lineup-dev-container th		{ font-size:12px; font-weight:normal; padding:3px 0; background:#E06726; color:#FFF; border-right:#FFF solid 1px;}
.lineup-dev-container td		{ font-size:12px; color:#E06726; padding:12px 2px; border-bottom:#E06726 solid 1px;}
.lineup-dev-container a			{ color:#E06726; text-decoration:none;}
.lineup-dev-container a:hover	{ color:#597BC7; text-decoration:underline;}

#lineup-onsite					{ width:610px; font-size:12px; text-align:center; color:#555; padding-bottom:25px;}
#lineup-onsite a				{ color:#00577D}
#lineup-onsite a:hover			{ color:#597BC7}
#lineup-us						{ width:610px; height:34px; text-align:center; margin-bottom:20px;}


/* SANSカリキュラム（curriculum.html）
----------------------------------------------------------------------------------------------------- */
#curr-figure					{ width:610px; padding-bottom:35px;}
#curr-figure h2					{ font-size:16px; color:#10293F; margin:0 0 8px 0; line-height:1.2; padding:10px 0 6px 12px; border-color:#10293F; border-style: solid; border-width:1px 0 0 6px;}
#curr-pair						{ width:610px; font-size:10px; line-height:1.2; color:#555;}
#curr-pair table				{ border-top:#999 solid 1px; border-left:#999 solid 1px;}
#curr-pair th					{ padding:6px 2px; border-bottom:#999 solid 1px; border-right:#999 solid 1px; background:#CCC;}
#curr-pair td					{ padding:6px 4px; border-bottom:#999 solid 1px; border-right:#999 solid 1px; height:30px; vertical-align:middle;}
.curr-c							{ text-align:center;}



/* 日本人インストラクター（instructor.html）
----------------------------------------------------------------------------------------------------- */
.inst-wrap						{ width:610px; height:220px; margin-top:30px; position:relative;}
.inst-wrap p					{ width:412px; font-size:12px; line-height:1.5; color:#555; position:absolute; top:90px; right:15px;}
#negishi						{ background:url(../training/image/inst_negishi.jpg) no-repeat;}
#hayashi						{ background:url(../training/image/inst_hayashi.jpg) no-repeat;}


/* 受講スタイル（style.html）
----------------------------------------------------------------------------------------------------- */
.sty-container					{ width:610px; height:240px; position:relative;}
.sty-container p				{ width:410px; font-size:12px; line-height:1.5; color:#555; position:absolute; top:50px; left:180px;}
#sty-class						{ background:url(../training/image/sty_class.jpg) no-repeat;}
#sty-mentor						{ background:url(../training/image/sty_mentor.jpg) no-repeat;}
#sty-onsite						{ background:url(../training/image/sty_onsite.jpg) no-repeat;}
#sty-ondema						{ background:url(../training/image/sty_ondemand.jpg) no-repeat;}
#sty-online						{ background:url(../training/image/sty_online.jpg) no-repeat;}
#sty-link1						{ width:410px; font-size:12px; font-weight:bold; line-height:1.5; position:absolute; top:125px; left:180px;}
#sty-link2						{ width:410px; font-size:12px; font-weight:bold; line-height:1.5; position:absolute; top:145px; left:180px;}
.sty-container a				{ color:#00577D;}




/* バウチャーポイントプログラム（vouchers.html）
----------------------------------------------------------------------------------------------------- */
#vou-catch						{ width:610px; height:120px; margin:15px 0 30px 0;}
#vou-point						{ width:610px; margin-bottom:30px;}
#vou-point p					{ color:#555; font-size:10px; line-height:1.3; margin:2px 0;}
.vou-smple						{ font-size:12px; font-weight:bold; color:#C00;}
#vou-downbox					{ width:610px; text-align:center;}