@charset "utf8";
/**
 * vision.css
 * Date: 07/12/2012
 *
 * /ps/think/vision/ -
 *
 * Nipponmanpower Web Site
 * Copyright 2012 Nippon Manpower Co., Ltd. All rights reserved.
 * /////////////////////////////////////////////////////////////////////// */



/* ----------------------------------------------------------------------- **
   Import
** ----------------------------------------------------------------------- */

/* nmp default css */
@import url(../../../nmp_default.css);

/* pop up window css */
@import url(../../../nmp_ppwin.css);

/* personal common css */
@import url(../../common.css);

/* think category common css */
@import url(../common.css);




/* ----------------------------------------------------------------------- **
   Individual Contents
** ----------------------------------------------------------------------- */

/* .section */
.section	{	margin-top: 40px;}
.section .body p,
.section .vic-fnc-block p { font-size: 1.1em; line-height: 1.6; }
#vision .scd { margin-top: 10px; }
#vision .note { margin: 10px 0; color: #666666; } 

/* --- .lead */
#vision .lead strong  { color: #900; }

/* --- vic step */
.vic-fnc-block .fnc-step p { width: 460px; background-image: url(/images/ps/think/vision/vision_fnc_step.gif); }

/* --- vis-life-check, vis-job-check */
#vision .vis-life-check table,
#vision .vis-job-check table { width: 615px;	font-size: 1.1em; }
#vision .vis-life-check td,
#vision .vis-job-check td { padding-bottom: 5px; text-align: left; vertical-align: top; line-height: 1.6; }
#vision .vis-life-check td span,
#values .vis-job-check span	{	display: none; }
#vision .vis-life-check .cx,
#vision .vis-job-check .cx { width: 1%; padding: 7px 5px 0 0; vertical-align: top;}
html*#vision .vis-life-check .cx,
html*#vision .vis-job-check .cx { padding: 3px 2px 0 0; text-align: left;}

#vision .vis-life-check .kd,
#vision .vis-job-check .kd { width: 49%; }
#vision .vis-life-check li,
#vision .vis-job-check li { margin-bottom: 5px; font-size: 1.1em; line-height: 1.6; }
#vision .vis-life-check li label,
#vision .vis-job-check li label { margin-left: 10px; }

/* .section #step1_error,#step3_error */
#vision #step1_error, #vision #step1-2_error,
#vision #step2_error, #vision #step2-2_error,
#vision #step3_error,
#vision #step4_error,
#vision #step5_error { margin: 0 0 0 20px; }
#vision #step1_error h3, #vision #step1-2_error h3,
#vision #step2_error h3, #vision #step2-2_error h3,
#vision #step3_error h3,
#vision #step4_error h3,
#vision #step5_error h3 { height: 20px; }

/* --- vis-fnc-input */
#vision .vis-fnc-input dl { margin-bottom: 15px; font-size: 1.1em; line-height: 1.6; }
#vision .vis-fnc-input dd { margin-bottom: 5px; }
#vision .vis-fnc-input dd p { float: left; }
#vision .vis-fnc-input dd p span { font-size: 12px; }

#vision .vis-fnc-input input	{	padding: 3px; margin-right: 5px; }
#vision .vis-fnc-input .tx1	{ width: 180px; }
#vision .vis-fnc-input .tx2	{ width: 230px; }
#vision .vis-fnc-input .tx3	{ width: 300px; }
#vision .vis-fnc-input .tx4	{ width: 350px; }


/**----------------------------------------------------------------------- **
  vision
*
  #vision - index.php, 02_lifestyle2.php, 03_s-values1.php, 04_s-values2.php, 05_10y_later.php, 06_existing.php, 07_5y_later.php, 08_result.php, pw_print.php
*/

/* .section#step1 - index.php */
/* .section #clarificatio  */
#vision #clarification { margin-top: 0; }

/* .section #step1 */
#vision #step1 h3 { background-image: url(/images/ps/think/vision/step1_title.gif); }
#vision #step1 .fnc-step p	{	background-position: 0 0; }


/* .section#step1-2 - 02_lifestyle2.php */
/* .section #step1_error */
#vision #step1_error h3 { background-image: url(/images/ps/think/vision/step1_error_title.gif); }

/* .section #step1-2 */
#vision #step1-2 h3 { background-image: url(/images/ps/think/vision/step1-2_title.gif); }
#vision #step1-2 .fnc-step p	{	background-position: 0 0; }


/* .section#step2 - 03_s-values1.php */
/* .section #step1-2_error */
#vision #step1-2_error h3 { background-image: url(/images/ps/think/vision/step1-2_error_title.gif); }

/* .section #values */
#vision #values { margin-top: 0; }
#vision #step2 h3 { background-image: url(/images/ps/think/vision/step2_title.gif); }
#vision #step2 .fnc-step p { background-position: 0 -25px; }


/* .section#step2-2 - 04_s-values2.php */
/* .section #step2_error */
#vision #step2_error h3 { background-image: url(/images/ps/think/vision/step1_error_title.gif); }

/* .section #step2-2 */
#vision #step2-2 h3 { background-image: url(/images/ps/think/vision/step2-2_title.gif); }
#vision #step2-2 .fnc-step p { background-position: 0 -25px; }


/* .section#step3 - 05_10y_later.php */
/* .section #step2-2_error */
#vision #step2-2_error h3 { background-image: url(/images/ps/think/vision/step1-2_error_title.gif); }

/* .section #setting */
#vision #setting { margin-top: 0; }

/* --------- #hope */
#vision #hope dl { padding-top: 10px; line-height: 1.6; background: no-repeat left top; }
#vision #hope dl dt { height: 16px; margin: 0 0 5px 10px; background: no-repeat left top; }
#vision #hope dl dt span { display: none; }
#vision #hope dl dd { padding-bottom: 10px; background: no-repeat left bottom; }
#vision #hope dl dd p { padding: 0 15px; border-left: #FDE897 1px solid; border-right: #FDE897 1px solid; background-color: #FFF; }

/* --------- .hope-vision */
#vision #hope .hope-vision { width: 303px; background-image: url(/images/ps/think/vision/hope_base.gif); }
#vision #hope .hope-vision dd { background-image: url(/images/ps/think/vision/hope_base.gif); }
#vision #hope .hope-vision dd ul { padding: 0 15px; border-left: #FDE897 1px solid; border-right: #FDE897 1px solid; background-color: #FFF; }
/* --------- .lifestyle */
#vision #hope .lifestyle { float: left; }
#vision #hope .lifestyle dt { background-image: url(/images/ps/think/vision/hope_lifestyle_title.gif); }
/* --------- .work */
#vision #hope .work { float: right; }
#vision #hope .work dt { background-image: url(/images/ps/think/vision/hope_work_title.gif); }

/* --------- #step3 */
#vision #step3 h3 { background-image: url(/images/ps/think/vision/step3_title.gif); }
#vision #step3 .fnc-step p { background-position: 0 -50px; }


/* .section#step4 - 06_existing.php */
/* .section #step3_error */
#vision #step3_error h3 { background-image: url(/images/ps/think/vision/step3_error_title.gif); }

/* --------- #hope */
/* --------- .hope-vision-l */
#vision #hope .hope-vision-l { width: 618px; margin-top: 10px; background-image: url(/images/ps/think/vision/hope_base_l.gif); }
#vision #hope .hope-vision-l dd { background-image: url(/images/ps/think/vision/hope_base_l.gif); }
#vision #hope strong  { color: #900; font-size: 1.2em; }
#vision #hope dd p em	{ margin: 0 5px;	font-size: 1.2em;	font-style: normal;	font-weight: bold; }
/* --------- .five-years-after */
#vision #hope .five-years-after dt { background-image: url(/images/ps/think/vision/hope_5years_title.gif); }
/* --------- .ten-years-after */
#vision #hope .ten-years-after dt { background-image: url(/images/ps/think/vision/hope_10years_title.gif); }


/* --------- #step4 */
#vision #step4 h3 { background-image: url(/images/ps/think/vision/step4_title.gif); }
#vision #step4 .fnc-step p { background-position: 0 -75px; }


/* .section#step5 - 07_5y_later.php */
/* .section #step4_error */
#vision #step4_error h3 { background-image: url(/images/ps/think/vision/step3_error_title.gif); }

/* --------- #hope */
/* --------- .now */
#vision #hope .now dt { background-image: url(/images/ps/think/vision/hope_now_title.gif); }

/* --------- #step5 */
#vision #step5 h3 { background-image: url(/images/ps/think/vision/step5_title.gif); }
#vision #step5 .fnc-step p { background-position: 0 -100px; }


/* .section#result - 08_result.php */
/* .section #step5_error */
#vision #step5_error h3 { background-image: url(/images/ps/think/vision/step3_error_title.gif); }

/* --------- #result */
#vision #result	{ margin-top: 0; }
#vision #result .fnc-step p { background-position: 0 -125px; }
/* --------- .arrow */
#vision .arrow { height: 25px; margin: 5px 0 0 0; background: url(/images/ps/think/vision/vision_item_arrow.gif) no-repeat center bottom; }
#vision .arrow span { display: none; }
/* --------- .print */
#vision .fnc-print	{ margin: 15px 0 20px 0; text-align: center; }
#vision .fnc-print a { width: 250px; height: 34px; margin: 0 auto; background: url(/images/ps/think/vision/btn_print.gif) no-repeat left top; display: block; }
#vision .fnc-print a span	{	display: none; }
/* --------- .top */
#vision .btn-top a { width: 215px; height: 26px; margin: 0 auto; background: url(/images/ps/think/vision/btn_top.gif) no-repeat left top; display: block; }
#vision .btn-top a span	{	display: none; }

/* .section#print - pw_print.php */
#ppw-base #vision	{	padding-bottom: 5mm; }
#vision .ppw-ttlbase h1	{	width: 191px; background-image: url(/images/ps/think/vision/window_title.gif);	}
/* --------- .clearfix */
#vision #print { margin-bottom: 5mm; padding: 0 10px; }

#vision #print dl	{	border: 1px solid #000000; text-align: left; padding-bottom: 2mm;}
#vision #print dt	{	color: #666666;	font-size: 10pt;	padding: 1mm;	border-bottom: 1px solid #999999; }
#vision #print dd ul {	padding: 0 1.5mm;}
#vision #print dd li {	margin-bottom: 1mm;}
#vision #print dd	{	font-size: 9pt;}
#vision #print dd p	{	padding: 2mm 3mm 0mm 3mm;}
#vision #print dd p em	{	font-size: 11pt;	font-style: normal;	font-weight: bold;	margin-right: 3px;	margin-left: 5px;}

#vision #print .clearfix { padding-bottom: 12mm; }
#vision #print .clearfix dd	{	font-size: 11pt; font-weight: bold; padding-top: 2mm; }
#vision #print .lifestyle {	float: left;	width: 48.5%; }
#vision #print .work	{	float: right;	width: 48.5%;	}
#vision #print .under-arrow	{	font-size: 20pt;	line-height: 100%;	padding: 4mm 0;}



/*[F]*/