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

 SANS JAPAN  RENEWAL  resources.css 　リソース

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


/* リソース共通
----------------------------------------------------------------------------------------------------- */



/* アプリケーションセキュリティ（index.html）
----------------------------------------------------------------------------------------------------- */
#app-lead				{ width:610px; font-size:12px; line-height:1.5; color:#555; margin-bottom:30px;}
#app-gssp				{ width:120px; height:112px; float:left; margin:0 15px 30px 0;}
#app-top25				{ font-size:14px; font-weight:bold; text-align:center;}


/* 20 Coolest Jobs（Coolestjobs.html）
----------------------------------------------------------------------------------------------------- */
#coolest-catch			{ width:610px; height:130px; margin-bottom:30px;}
#coolest-midashi		{ font-size:14px; font-weight:bold; color:#122E46;}
.coolest-box			{ width:380px; border-top:#122E46 solid 1px; background:#F3F4F6; margin:6px auto;}
.coolest-num			{ width:24px; height:12px; font-size:12px; font-weight:bold; color:#FFF; text-align:center; padding:5px 0 7px 0; background:#122E46; float:left;}
.coolest-job			{ font-size:12px; margin:0 0 0 32px; padding:4px 0; color:#122E46;}
.coolest-cover			{ float:right; margin-left:12px; margin-bottom:10px;}

/* TOP20リスト（top20list.html）
----------------------------------------------------------------------------------------------------- */
#top20-catch			{ width:160px; height:150px; margin-bottom:25px;}
.top20-wrap				{ width:610px; padding-top:5px;border-top:#122E46 solid 1px; position:relative; clear:both;}
.top20-koumoku			{ width:240px; font-size:14px; font-weight:bold; line-height:1.2; color:#122E46; float:left;}
.top20-shurui			{ width:350px; font-size:12px; line-height:1.8; color:#555; padding-bottom:20px; float:right;}


/* News Letters（newsletters.html）
----------------------------------------------------------------------------------------------------- */
#news-catch				{ width:610px; height:120px; margin-bottom:20px;}
#news-entry				{ width:610px; text-align:center; padding-top:25px;}
#news-entry	img			{ margin-bottom:25px;}


/* Reading Room（readingroom.html）
----------------------------------------------------------------------------------------------------- */
#rr-box					{ width:610px;}
#rr-box table			{ font-size:11px; line-height:1.2; color:#555; border-top:#999 solid 1px;}
#rr-box th				{ font-size:10px; padding:3px 6px; border-bottom:#999 solid 1px; font-weight:normal; background:#EEE;}
#rr-box td				{ padding:10px 6px; border-bottom:#999 solid 1px;}
#rr-box td a			{ color:#00577D; text-decoration:none;}
#rr-box td a:hover		{ color:#597BC7; text-decoration:underline;}

.rightborder			{ border-right:#CCC solid 1px;}
.rrblue					{ background:#F3F3F3;}


/* インタビュー（stephen.html）
----------------------------------------------------------------------------------------------------- */
#step_title				{ width:610px; height:290px; position:relative; margin-bottom:25px;}
#step_title	p			{ width:360px; font-size:10px; line-height:1.4; color:#FFF; position:absolute; top:215px; right:10px;}
#step_lead				{ width:610px; height:160px; background:url(../resources/image/stephen_bg.gif) no-repeat; position:relative; margin-bottom:30px;}
#step_lead p			{ width:564px; font-size:12px; font-weight:bold; line-height:1.6; color:#555; position:absolute; top:30px; left:23px;}
#step-img1				{ float:right; margin:0 0 10px 10px;}
#step-img2				{ float:left;  margin:0 10px 10px 0;}
.step-m					{ margin-top:20px;}
#step-impressum			{ width:610px; text-align:right; font-size:12px; line-height:1.3; color:#555;}


/* インタビュー（alan.html）
----------------------------------------------------------------------------------------------------- */
#alan-title				{ width:610px; height:370px; position:relative; margin-bottom:15px;}
#alan-title p			{ width:370px; font-size:10px; line-height:1.2; color:#FFF; position:absolute; top:217px; right:8px;}
#alan-lead				{ width:610px; height:210px; background:url(../resources/image/alan_bg.gif) no-repeat; position:relative; margin-bottom:30px;}
#alan-lead p			{ width:574px; font-size:12px; line-height:1.4; color:#555; position:absolute; top:15px; left:18px;}
#alan-img				{ float:left;  margin:0 15px 10px 0;}
.alan-m					{ width:610px; height:32px; font-size:12px; font-weight:bold; color:#122E46; background:url(../resources/image/alan_m.gif)  no-repeat; padding:13px 0 0 30px; margin:0;}
.alan-t					{ margin:5px 0 30px 0}
#alan-impressum			{ width:610px; text-align:right; font-size:12px; line-height:1.3; color:#555;}


/* 受講者の声（voice.html）
----------------------------------------------------------------------------------------------------- */
#voice-catch			{ width:610px; height:170px; margin-bottom:40px;}
#voice-box				{ font-size:12px; line-height:1.2;}
.blue					{ border:#666 solid 1px; background:#E6F0F5; padding:10px; color:#555; font-size:12px; line-height:1.3;}
.yellow					{ border:#666 solid 1px; background:#F3F3E1; padding:10px; color:#555; font-size:12px; line-height:1.3;}
.green					{ border:#666 solid 1px; background:#EBF5EB; padding:10px; color:#555; font-size:12px; line-height:1.3;}
.pink					{ border:#666 solid 1px; background:#F5EBF5; padding:10px; color:#555; font-size:12px; line-height:1.3;}
.gray					{ border:#666 solid 1px; background:#EEEEEE; padding:10px; color:#555; font-size:12px; line-height:1.3;}

#voice-lecturer-wrap	{ width:610px; margin-top:20px;}
#voice-lecturer			{ width:610px; font-size:14px; color:#FFFFFF; margin-bottom:3px; background:#122E46; text-align:center; padding:4px 0;}

.voice-lect				{ width:184px; height:56px; color:#555; padding:7px; background:url(../resources/image/voice_bg.jpg) repeat-x bottom; border:#666 solid 1px;}
.lect-img				{ float:left; margin:0 7px 7px 0;}
.lect-name				{ font-size:12px; font-weight:bold; padding:6px 0;}
.lect-cour				{ font-size:10px;}
.lect-text				{ width:184px;}


/* 受講状況（availability.html）
----------------------------------------------------------------------------------------------------- */
#ava-catch				{ width:610px; height:170px; margin-bottom:40px;}
.ava-fig				{ width:610px; text-align:center; margin-bottom:40px;}


/* 受講者インタビュー（softbank.html）
----------------------------------------------------------------------------------------------------- */
#softbank-title			{ width:610px; height:550px; position:relative;}
#softbank-title p		{ width:454px; font-size:12px; color:#555; line-height:1.6; position:absolute; top:360px; left:0px;}
.softbank-container		{ width:610px; margin-bottom:30px; clear:both;}
.softbank-container h2	{ font-size:16px; color:#122E46; margin:0 0 -6px 0; padding:10px 0 6px 12px; border-color:#122E46; border-style: solid; border-width:1px 0 0 6px;}
.softbank-container p	{ font-size:12px; line-height:1.6; color:#555;}
#softbank-img1			{ float:right; margin:0 0 0 10px;}
#softbank-img2			{ float:left; margin:0 10px 0 0;}

#softbank-soshiki		{ width:620px; height:228px; background:url(../resources/image/soft_04.gif) no-repeat; position:relative; margin-bottom:25px;}
#softbank-soshiki p		{ width:440px; font-size:12px; line-height:1.4; color:#555; position:absolute; top:35px; left:20px;}
#softbank-name			{ width:400px; font-size:12px; line-height:1.3; color:#555; position:absolute; top:160px; left:20px; border-left:#122E46 solid 5px; padding-left:8px;}

#softbank-profile		{ width:610px; height:195px; background:url(../resources/image/soft_05.gif) no-repeat; position:relative;}
#softbank-profile p		{ width:370px; font-size:11px; line-height:1.3; color:#333; position:absolute; top:15px; right:10px;}
#softbank-profile strong	{ padding-top:15px;}