@charset "utf8";
/**
 * content.css
 * Date: 08/23/2012
 *
 * /ps/choose/experiences/ -
 *
 * 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);

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




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

/* .section */
.section	{	margin-top: 40px; }
.section .body p { line-height: 1.6; font-size: 1.1em; }

/* --- headline */
.headline	{ margin-left: 10px; padding-bottom: 0;	background: transparent url(/images/ps/choose/experiences/header_ttl_base.jpg) no-repeat 0 0; }
.headline h2 { padding: 15px 10px 15px 10px; }

/* --- .headline-menu */
.headline .headline-menu ul { background: transparent url(/images/ps/choose/smemc_rtc/headline_link_button.jpg) no-repeat left top; }
.headline .headline-menu li { float: left; line-height: 0;	font-size: 0; }
.headline .headline-menu li a	{	display: block;	width: 108px; height: 56px;	width: 108px;	background: transparent url(/images/ps/choose/smemc_rtc/headline_link_button.jpg) no-repeat left top; }
.headline .headline-menu li a span { display: none; }
.headline .headline-menu li a.about	{ width: 109px;	background-position: 0 0; }
.headline .headline-menu li a.about:hover	{	background-position: 0 -56px; }
.headline .headline-menu li a.about-ac	{	background-position: 0 -56px; }
.headline .headline-menu li a.curriculum {	background-position: -108px 0; }
.headline .headline-menu li a.curriculum:hover	{	background-position: -108px -56px; }
.headline .headline-menu li a.curriculum-ac	{	background-position: -108px -56px; }
.headline .headline-menu li a.voice	{	background-position: -216px 0; }
.headline .headline-menu li a.voice:hover	{	background-position: -216px -56px; }
.headline .headline-menu li a.voice-ac	{	background-position: -216px -56px; }
.headline .headline-menu li a.report	{	background-position: -324px 0; }
.headline .headline-menu li a.report:hover	{	background-position: -324px -56px; }
.headline .headline-menu li a.report-ac	{	background-position: -324px -56px; }
.headline .headline-menu li a.situation	{	background-position: -432px 0; }
.headline .headline-menu li a.situation:hover	{	background-position: -432px -56px; }
.headline .headline-menu li a.situation-ac	{	background-position: -432px -56px; }
.headline .headline-menu li a.recruitment	{ background-position: -540px 0; }
.headline .headline-menu li a.recruitment:hover	{	background-position: -540px -56px; }
.headline .headline-menu li a.recruitment-ac	{	background-position: -540px -56px; }

/* --- .headline-menu2  */
.headline .headline-menu2 ul { background: transparent url(/images/ps/choose/smemc_rtc/headline_link_button2.jpg) no-repeat left top; }
.headline .headline-menu2 li { float: left; line-height: 0;	font-size: 0; }
.headline .headline-menu2 li a	{	display: block; width: 93px; height: 56px; background: transparent url(/images/ps/choose/smemc_rtc/headline_link_button2.jpg) no-repeat left top; }
.headline .headline-menu2 li a span { display: none; }
.headline .headline-menu2 li a.about	{ background-position: 0 0; }
.headline .headline-menu2 li a.about:hover	{	background-position: 0 -56px; }
.headline .headline-menu2 li a.about-ac	{	background-position: 0 -56px; }
.headline .headline-menu2 li a.curriculum { background-position: -93px 0; }
.headline .headline-menu2 li a.curriculum:hover	{	background-position: -93px -56px; }
.headline .headline-menu2 li a.curriculum-ac	{	background-position: -93px -56px; }
.headline .headline-menu2 li a.voice	{ background-position: -186px 0; }
.headline .headline-menu2 li a.voice:hover	{	background-position: -186px -56px; }
.headline .headline-menu2 li a.voice-ac	{	background-position: -186px -56px; }
.headline .headline-menu2 li a.report	{background-position: -279px 0; }
.headline .headline-menu2 li a.report:hover	{	background-position: -279px -56px; }
.headline .headline-menu2 li a.report-ac	{	background-position: -279px -56px; }
.headline .headline-menu2 li a.situation	{background-position: -372px 0; }
.headline .headline-menu2 li a.situation:hover	{	background-position: -372px -56px; }
.headline .headline-menu2 li a.situation-ac	{	background-position: -372px -56px; }
.headline .headline-menu2 li a.recruitment	{ width: 92px; background-position: -465px 0; }
.headline .headline-menu2 li a.recruitment:hover	{	background-position: -465px -56px; }
.headline .headline-menu2 li a.recruitment-ac	{	width: 92px; background-position: -465px -56px; }
.headline .headline-menu2 li a.faq	{ background-position: -557px 0; }
.headline .headline-menu2 li a.faq:hover	{	background-position: -557px -56px; }
.headline .headline-menu2 li a.faq-ac	{	background-position: -557px -56px; }

/* --- .headline-menu3 ( demo ) */
.headline .headline-menu3 ul { background: transparent url(/images/ps/choose/smemc_rtc/headline_link_button3.jpg) no-repeat left top; }
.headline .headline-menu3 li { float: left; line-height: 0;	font-size: 0; }
.headline .headline-menu3 li a	{	display: block; width: 81px; height: 56px; background: transparent url(/images/ps/choose/smemc_rtc/headline_link_button3.jpg) no-repeat left top; }
.headline .headline-menu3 li a span { display: none; }
.headline .headline-menu3 li a.about	{ width: 83px; background-position: 0 0; }
.headline .headline-menu3 li a.about:hover	{	background-position: 0 -56px; }
.headline .headline-menu3 li a.about-ac	{ width: 83px;	background-position: 0 -56px; }
.headline .headline-menu3 li a.curriculum {width: 82px; background-position: -83px 0; }
.headline .headline-menu3 li a.curriculum:hover	{	background-position: -83px -56px; }
.headline .headline-menu3 li a.curriculum-ac	{width: 82px;	background-position: -83px -56px; }
.headline .headline-menu3 li a.report	{background-position: -165px 0; }
.headline .headline-menu3 li a.report:hover	{	background-position: -165px -56px; }
.headline .headline-menu3 li a.report-ac	{	background-position: -165px -56px; }
.headline .headline-menu3 li a.student	{ background-position: -246px 0; }
.headline .headline-menu3 li a.student:hover	{	background-position: -246px -56px; }
.headline .headline-menu3 li a.student-ac	{	background-position: -246px -56px; }
.headline .headline-menu3 li a.recruitment	{ background-position: -327px 0; }
.headline .headline-menu3 li a.recruitment:hover	{	background-position: -327px -56px; }
.headline .headline-menu3 li a.recruitment-ac	{ background-position: -327px -56px; }
.headline .headline-menu3 li a.situation	{background-position: -408px 0; }
.headline .headline-menu3 li a.situation:hover	{	background-position: -408px -56px; }
.headline .headline-menu3 li a.situation-ac	{	background-position: -408px -56px; }
.headline .headline-menu3 li a.voice	{ background-position: -489px 0; }
.headline .headline-menu3 li a.voice:hover	{	background-position: -489px -56px; }
.headline .headline-menu3 li a.voice-ac	{	background-position: -489px -56px; }
.headline .headline-menu3 li a.faq	{ width: 80px; background-position: -570px 0; }
.headline .headline-menu3 li a.faq:hover	{	background-position: -570px -56px; }
.headline .headline-menu3 li a.faq-ac	{ width: 80px;	background-position: -570px -56px; }


/* --- list-item */
.list-item h4	{	font-size: 1.3em; }
.list-item h4 img	{ margin-left: 5px;	font-size: 0;	line-height: 0;	position: relative;	top: 1px; }
.list-item dl	{	margin-top: 8px; }
.list-item dt { color: #565656; line-height: 1.4em; }
.list-item dt strong {	font-size: 1.3em; color: #333333; }
.list-item dt span { margin-left: 10px; }
.list-item dd p	{ margin-top: 5px; line-height: 1.4em; color: #454545; }


/* --- pagelink-block */
.pagelink-block p.back { font-size: 14px; line-height: 1.6; }
.pagelink-block p.back	{ width: auto; float: left; }
.pagelink-block p.top {  width: auto; float: right; text-align: right; }
.pagelink-block p.top a	{	font-size: 10px;	background:	transparent url(/images/common_files/arrow_link01t.gif) no-repeat 0px 1px;	padding-left: 15px;	line-height: 16px; }

.exp-headline .pagelink-block { margin-top: 20px; }

/* --- under-block [ overwrite : pagelink-block ] */
.under-block	{	padding-top: 5px;	border-top: solid 1px #999999;}




/**----------------------------------------------------------------------- **
  top
*
  #exp-top - index.php
*/

/* .headline */
#exp-top .headline { margin-left: 0; background: none; }
#exp-top .headline h2 { padding: 0; }

/* .new-report */

/* --- .header */
#exp-top .section .header { margin-left: 10px; }
#exp-top .section .header h3 a { width: 615px; _width: 630px; padding-left: 15px; display: block; height: 26px; background: transparent url(/images/ps/choose/experiences/top/new_report_ttl.jpg) no-repeat 0 0; }
#exp-top .section .header h3 a:hover { background-position: 0 -26px; }

/* ------ .body */
#exp-top .pickup .body { margin: 15px 0 0 20px; }

/* --------- pickup-photo */
#exp-top .pickup .pickup-photo	{	width: 75px; float: left; }

/* --------- pickup-detail */
#exp-top .pickup .pickup-detail	{	width: 530px; padding-right: 20px; float: right; }
#exp-top .pickup .pickup-detail dl.school-list,
#exp-top .pickup .pickup-detail dl.school-list dd	{ width: 530px;	background-image: url(/images/ps/choose/experiences/top/school_list_base.gif); }

/* ------ list-link */
#exp-top .list-link	{ margin: 15px 20px 0 20px;	padding-top: 6px;	background: transparent url(/images/common_files/dottedline_cs.gif) repeat-x left top; text-align: right; }

/* ------ school-list */
dl.school-list { margin-top: 10px; background: transparent no-repeat left top; }
dl.school-list dt { font-size: 0; line-height: 0; }
dl.school-list dt img {	font-size: 12px; }
dl.school-list dd	{	padding: 5px 10px 10px 10px;	background: transparent no-repeat left bottom; font-size: 1.2em; line-height: 1.1em; color: #003366; }


/**----------------------------------------------------------------------- **
  list
*
  #exp-list - list.php
*/

/* #refine */
#exp-list .section#refine { width: 630px; margin-top: 20px; margin-left: 20px; padding-bottom: 10px;	background: transparent url(/images/ps/choose/experiences/list/refine_base.gif) no-repeat left bottom; }
#exp-list #refine .header	{	padding-top: 8px;	background: transparent url(/images/ps/choose/experiences/list/refine_base.gif) no-repeat left top; }
#exp-list #refine .body	{ margin-left: 0; padding: 0 10px;	background: transparent url(/images/ps/choose/experiences/list/refine_frame.gif) repeat-y left top; }
#exp-list #refine .refine-title	{	padding: 0 8px;	line-height: 0; font-size: 0; }
#exp-list #refine .refine-title img	{	font-size: 12px; }

#exp-list #refine ul li { margin-right: 7px; float: left; _width: 50px; }

#exp-list #refine a	{ width: auto; height: 27px; padding-right: 12px; display: block;  font-size: 1.1em; line-height: 27px; background: transparent no-repeat right top; }
#exp-list #refine a span,
#exp-list #refine a em	{ width: auto; height: 27px; padding-left: 12px; display: block; background: transparent no-repeat left top; white-space: nowrap; cursor: pointer; }

#exp-list #refine a.area,
#exp-list #refine a.area span	{	background-image: url(/images/ps/choose/experiences/list/refine_bt_base.gif); color: #578200; }

#exp-list #refine a.area:hover { background-position: right bottom; }
#exp-list #refine a.area:hover span	{ background-position: left bottom; }

#exp-list #refine a.ac,
#exp-list #refine a.ac em	{	font-style: normal; font-weight: bold;	color: #FFFFFF; background-image: url(/images/ps/choose/experiences/list/refine_acbt_base.gif); }


/* #search-list */
#exp-list #search-list { margin-top: 25px; }
#exp-list #search-list h3	{ margin: 0 0 0 20px; font-size: 1.1em; line-height: 1.2em; font-weight: normal; }
#exp-list #search-list .body { margin-top: 20px; }

/* ------ list-item */
#exp-list .list-item	{ margin: 0 10px;	padding: 15px 0 40px 0;	background: transparent url(/images/common_files/dottedline_cs.gif) repeat-x left top; text-align: right; }

/* --------- item-photo */
#exp-list .list-item .item-photo { width: 75px; text-align: left;  float: left; }

/* --------- item-detail */
#exp-list .list-item .item-detail	{ width: 540px; text-align: left;	float: right; }
#exp-list .list-item .item-detail dl.school-list,
#exp-list .list-item .item-detail dl.school-list dd	{	background-image: url(/images/ps/choose/experiences/list/school_list_base.gif); }



/* detail -------------------------------------------------------- */

/* #profile */
#exp-dtl #profile	{	margin: 20px 10px 0 10px; }

/* --------- profile-photo */
#exp-dtl #profile .profile-photo	{	width: 130px;	text-align: left; float: left; }

/* --------- profile-detail */
#exp-dtl #profile .profile-detail	{	width: 495px; float: right; }

#exp-dtl #profile .profile-detail h3	{	font-size: 0; line-height: 0; }
#exp-dtl #profile .profile-detail h3 img { font-size: 14px; }

#exp-dtl #profile .profile-detail dl { margin-top: 10px; }
#exp-dtl #profile .profile-detail dt { padding-bottom: 5px; color: #565656; line-height: 1.4em; }
#exp-dtl #profile .profile-detail dt strong	{	font-size: 1.3em; color: #333333; }
#exp-dtl #profile .profile-detail dt span	{	margin-left: 10px; }

#exp-dtl #profile .profile-detail dd	{	padding-top: 6px;	background: transparent url(/images/common_files/dottedline_cs.gif) repeat-x left top; }
#exp-dtl #profile .profile-detail dd p	{	margin-top: 15px; font-size: 1.1em;	line-height: 1.6; color: #454545; }

#exp-dtl #profile .profile-detail dd dl	{	margin-top: 0;	font-size: 12px; }
#exp-dtl #profile .profile-detail dd dt	{	width: 6.0em; padding-bottom: 0; display: block;	clear: left; float: left;	line-height: 1.4em; color: #006600; }
#exp-dtl #profile .profile-detail dd dd	{	padding-top: 0;	margin-left: 6.5em;	background-image: none;	line-height: 1.4em;	color: #666666; }

#exp-dtl #profile .profile-detail dd .link-bt	{	margin-top: 10px; font-size: 0; line-height: 0; }
#exp-dtl #profile .profile-detail dd .link-bt img	{ font-size: 12px; }


/* #exp */
#exp-dtl #exp	{ width: 650px; padding-top: 20px; padding-bottom: 30px; background: transparent url(/images/ps/choose/experiences/detail/exp_base.gif) no-repeat left top; }
#exp-dtl #exp h3	{	margin: 0 6px;	font-size: 1.6em;	color: #003300; }
#exp-dtl #exp h3 img	{	float: right; margin-left: 10px; }

/* ------ .school-list */
#exp-dtl #exp dl.school-list { width: 640px; margin: 30px 0 0 0; }
#exp-dtl #exp dl.school-list,
#exp-dtl #exp dl.school-list dd	{	background-image: url(/images/ps/choose/experiences/detail/school_list_base.gif); }

/* ------ .item */
#exp-dtl #exp .item { margin-top: 30px; }
#exp-dtl #exp .body h4 {	padding: 1px 10px 1px	5px; border-left: solid 5px #006600; font-size: 1.2em;	color: #006600; }
#exp-dtl #exp .body p { margin-top: 10px;	margin-left: 10px; color: #454545; }





/**----------------------------------------------------------------------- **
  detail
*
  #exp-dtl - detail.php
*/




/* */