@charset "utf8";
/**
 * top.css
 * Date: 01/17/2012
 *
 * /ps/choose/index.php -
 *
 * 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);




/* ----------------------------------------------------------------------- **
   Base, Layout, Common
** ----------------------------------------------------------------------- */

/* #choose-topics */
#choose-topics .topics-title	{} /* ! css hack > /_css/hack/ie_w.css */
#choose-topics .topics-title,
#choose-topics .topics-caption	{	background-image: url(/images/ps/per_common/topics_base_choose_w.jpg);}
#choose-topics .topics-container li a	{	background-image: url(/images/common_files/arrow_c02r.gif);}
#choose-topics .topics-container .title	{	color: #333333;	background-color: #F4F8FB;	background-image: url(/images/common_files/dottedline_3lc02.gif);}

/* #choose-under-nav Done20150909
#choose-under-nav_done	{	margin-top: 50px; margin-left:10px;}
#choose-under-nav_done .inner	{	padding: 10px;	background-color: #EBF2F9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/ * css hack > /_css/hack/ie_w.css * /
}
#choose-under-nav_done h3	{	font-size: 1em;	color: #666666;}
#choose-under-nav_done ul	{	padding-top: 8px;	text-align: left; line-height: 1em;}
#choose-under-nav_done li	{	display: inline; padding: 0px 5px;}
 */



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


/**----------------------------------------------------------------------- **
  top
*
  #choose-top
*/

/* .headline */
#choose-top .headline	{	padding-bottom: 20px;}

/* .section */
#choose-top .section	{	padding-top: 10px; margin-top: 30px;}
/* --- .header */
#choose-top .section .header	{	width: 650px;	position: relative;	background: transparent no-repeat left top;	overflow: hidden;}
#choose-top .section .header h2	{	position:	absolute; top: 8px;	left: 10px;}
#choose-top .section .header p	{	position:	absolute;	right: 5px;}
/* --- .body */
#choose-top .section .body	{	margin-top: 15px;}
/* ------ .chapter */
#choose-top .chapter	{}
/* ------ .article */
#choose-top .article h3	{	background: transparent repeat-x left top;	border-right: solid 1px #DEDEDE;}
#choose-top .article .item	{	margin-top: 1px;	padding: 12px 10px;	background: transparent url(/images/ps/choose/top/article_item_base.png) repeat-x left bottom;	border-right: solid 1px #DEDEDE;}
#choose-top .article .more	{	padding: 7px 5px;	border-right: solid 1px #DEDEDE;	border-bottom: solid 1px #DEDEDE;	font-size: 10px;	line-height: 1.1em;	text-align: right;}
#choose-top .article .more a	{	padding-left: 8px;	background: transparent url(/images/common_files/arrow_c02r.gif) no-repeat left center;}


/* .section#genre */
#choose-top #genre	{	margin-top: 0;	padding-top: 0;}
/* .header */
#choose-top #genre .header	{	height: 40px;	background-image: url(/images/ps/choose/top/genre_header_base.gif);}
#choose-top #genre .header p	{	top: 14px;}
/* .body */
/* .genre-block */
#choose-top #genre .genre-block	{	display: none;}
#choose-top #genre .genre-block .frame	{	background: transparent repeat-y left top; *overflow:hidden; _height:1%;}
#choose-top #genre .genre-block .inner	{	padding: 0px 2px 20px;	background: transparent no-repeat left bottom;}
/* --- .tabs */
#choose-top #genre .genre-block .tabs	{	height: 35px;}
#choose-top #genre .genre-block .tabs ul	{	height: 32px;	position: relative;	background-color: #FFFFFF;	overflow: hidden;}
#choose-top #genre .genre-block .tabs li	{	height: 32px;	width: 170px;	position: absolute; top: 0;	line-height: 0;}
#choose-top #genre .genre-block .tabs li a,
#choose-top #genre .genre-block .tabs li strong	{	display: block;	height: 32px;	width: 170px;	background: transparent url(/images/ps/choose/top/genre_tab.jpg) no-repeat 0px 0px;	line-height: normal;}
#choose-top #genre .genre-block .tabs li span	{	display: none;}
/* ------ .g1tab */
#choose-top #genre .genre-block .tabs li.g1tab	{	left: 0;}
#choose-top #genre .genre-block .tabs li.g1tab a	{	background-position: 0px 0px;}
#choose-top #genre .genre-block .tabs li.g1tab a:hover	{	background-position: 0px -35px;}
#choose-top #genre .genre-block .tabs li.g1tab strong	{	background-position: 0px -70px;}
/* ------ .g2tab */
#choose-top #genre .genre-block .tabs li.g2tab	{	left: 170px;}
#choose-top #genre .genre-block .tabs li.g2tab a	{	background-position: -170px 0px;}
#choose-top #genre .genre-block .tabs li.g2tab a:hover	{	background-position: -170px -35px;}
#choose-top #genre .genre-block .tabs li.g2tab strong	{	background-position: -170px -70px;}
/* ------ .g3tab */
#choose-top #genre .genre-block .tabs li.g3tab	{	left: 340px;}
#choose-top #genre .genre-block .tabs li.g3tab a	{	background-position: -340px 0px;}
#choose-top #genre .genre-block .tabs li.g3tab a:hover	{	background-position: -340px -35px;}
#choose-top #genre .genre-block .tabs li.g3tab strong	{	background-position: -340px -70px;}
/* --- .heading */
#choose-top #genre .genre-block .heading	{	padding: 4px 4px 4px 8px;	background-color: #F3F3F3;	border-top: solid 1px #CCCCCC;	border-bottom: solid 1px #CCCCCC;}
#choose-top #genre .genre-block .heading h3	{	float: left;	margin-top: 5px;}
#choose-top #genre .genre-block .heading p	{	float: right;}
/* --- .list */
#choose-top #genre .genre-block .list	{	padding: 0 10px;}
#choose-top #genre .genre-block .list dl	{	width: 300px;}
#choose-top #genre .genre-block .list dl.ls	{	float: left;}
#choose-top #genre .genre-block .list dl.rs	{	float: right;}
#choose-top #genre .genre-block .list dt	{	margin-top: 13px;	padding-left: 16px; font-size:1.1em; line-height: 1.5em; letter-spacing:1px;	background: transparent url(/images/common_files/arrow_c07r.gif) no-repeat left center;	font-weight: bold;}
#choose-top #genre .genre-block .list dd	{	padding: 2px 0px 3px 15px;	border-bottom: 1px solid #CCCCCC;	font-size: 10px; line-height: 1.4em;}
#choose-top #genre .genre-block .list dd a	{	padding: 1px;	color: #336699;}
#choose-top #genre .genre-block .list dd a:hover	{	background-color: #D2EEEC;	text-decoration: none;}
/* --- .recommends */
#choose-top #genre .genre-block .recommends	{	padding: 15px 10px 0;}
#choose-top #genre .genre-block .recommends li	{	width: 300px;	margin-top: 8px;}
#choose-top #genre .genre-block .recommends li.ls	{	float: left;}
#choose-top #genre .genre-block .recommends li.rs	{	float: right;}
/* #g1.genre-block */
#choose-top #genre #g1 .frame	{	background-image: url(/images/ps/choose/top/genre_g1_frame.gif);}
#choose-top #genre #g1 .inner	{	background-image:url(/images/ps/choose/top/genre_g1_frame_base.gif);}
#choose-top #genre #g1 .tabs	{	background-color: #3366CC;}
/* #g2.genre-block */
#choose-top #genre #g2 .frame	{	background-image: url(/images/ps/choose/top/genre_g2_frame.gif);}
#choose-top #genre #g2 .inner	{	background-image:url(/images/ps/choose/top/genre_g2_frame_base.gif);}
#choose-top #genre #g2 .tabs	{	background-color: #663399;}
/* #g3.genre-block */
#choose-top #genre #g3 .frame	{	background-image: url(/images/ps/choose/top/genre_g3_frame.gif);}
#choose-top #genre #g3 .inner	{	background-image:url(/images/ps/choose/top/genre_g3_frame_base.gif);}
#choose-top #genre #g3 .tabs	{	background-color: #336600;}

/* .section#style */
/* .header */
#choose-top #style .header	{	height: 40px;	background-image: url(/images/ps/choose/top/style_header_base.gif);}
#choose-top #style .header p	{	top: 14px;}
/* .chapter */
#choose-top #style .chapter	{	width: 310px;	background: transparent no-repeat left bottom;}
#choose-top #style .chapter p	{	padding: 8px 15px;	color: #333333;	line-height: 1.4em;}
/* .chapter#course */
#choose-top #style #course	{	float: left;	background-image: url(/images/ps/choose/top/style_course_frame.gif);}
/* .chapter#school */
#choose-top #style #school	{	float: right;	background-image: url(/images/ps/choose/top/style_school_frame.gif);}

/* .section#experiences */
/* .header */
#choose-top #experiences .header	{	height: 35px;	background-image: url(/images/ps/choose/top/experiences_header_base.gif);}
#choose-top #experiences .header p	{	top: 12px;}
/* .article */
#choose-top #experiences .article h3	{	padding-left: 5px;	background-image: url(/images/ps/choose/top/experiences_article_title_base.gif);}
#choose-top #experiences .article .item,
#choose-top #experiences .article .more	{	background-color: #ECF3DC;}
#choose-top #experiences .article table	{ width: 100%;	border-collapse: collapse;	border: none;	border-spacing: 0;	empty-cells: show;	font-size: 1em;}
#choose-top #experiences .article td	{	padding: 0;	margin: 0; text-align: left; vertical-align: top;}
#choose-top #experiences .article td.photo	{	width: 115px;}
#choose-top #experiences .article td.detail h4	{	padding: 1px 0 0 17px;	background: transparent url(/images/ps/choose/top/experiences_arrow.gif) no-repeat 0px 4px;	font-size: 1.2em;	line-height: 1.2em;}
#choose-top #experiences .article td.detail dl	{	margin-top: 5px;}
#choose-top #experiences .article td.detail dt	{ color: #333333;	font-weight: bold;	font-size: 1em;}
#choose-top #experiences .article td.detail dd	{	margin-top: 8px;}
#choose-top #experiences .article td.detail dd p	{	margin-bottom: 8px; line-height: 1.3em; color: #454545;}
#choose-top #experiences .article td.detail .school	{	padding: 6px;	background-color: #FFFFCC;	border: 1px solid #B5DA8F;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* css hack > /_css/hack/ie_w.css */
}
#choose-top #experiences .article td.detail .school h5	{	color: #336600;	font-weight: normal;	font-size: 1em;}
#choose-top #experiences .article td.detail .school li	{	margin-top: 2px;}
#choose-top #experiences .article td.detail .school li em	{	font-style: normal;	font-weight: bold;}

/* .section#plus */
/* .header */
#choose-top #plus .header	{	height: 35px;	background-image: url(/images/ps/choose/top/plus_header_base.gif);}
#choose-top #plus .header p	{	top: 12px;}
/* .article */
#choose-top #plus .article h3	{	padding-left: 5px;	background-image: url(/images/ps/choose/top/plus_article_title_base.gif);}
#choose-top #plus .article .item	{	padding-top: 4px;	background-color: #EBF7FB;}
#choose-top #plus .article .more	{	background-color: #EBF7FB;}
/* #plus-tyuumoku */
#choose-top #plus #plus-tyuumoku dt	{	margin-top: 8px;}
#choose-top #plus #plus-tyuumoku dt a	{	padding-left: 8px;	background: transparent url(/images/common_files/arrow_c16r.gif) no-repeat 0px 0.4em;	line-height: 1.3em;}
#choose-top #plus #plus-tyuumoku dt img	{	position: relative;	top: 2px;	margin-left: 5px;}
#choose-top #plus #plus-tyuumoku dd	{	padding: 3px 7px 9px;	background: transparent url(/images/ps/choose/top/plus_partitionline.jpg) repeat-x left bottom;}
#choose-top #plus #plus-tyuumoku dd img	{	margin-right: 5px;	vertical-align: middle;}
#choose-top #plus #plus-tyuumoku dd .date	{	color: #666666;	font-size: 10px;}
#choose-top #plus #plus-tyuumoku dd .caption	{	display: block;	margin: 2px 0 0;	color: #333333;	line-height: 1.4em;	font-size: 12px;}

/* .section#break */
/* .header */
#choose-top #break .header	{	height: 35px;	background-image: url(/images/ps/choose/top/break_header_base.gif);}
#choose-top #break .header p	{	top: 12px;}
/* .article */
#choose-top #break .article	{	width: 320px;}
#choose-top #break .article .item	{	padding-top: 4px;}
#choose-top #break .article .item dl	{	margin-left: 5px;}
#choose-top #break .article .item dt	{	margin-top: 6px;	padding: 1px 0 0 17px;	background: transparent no-repeat 0px 4px;	font-size: 1.2em; line-height: 1.2em;	font-weight: bold;}
#choose-top #break .article .item dd	{	margin-left: 17px;}
#choose-top #break .article .item dd p	{	font-size: 10px; line-height: 1.2em; color: #666666;}
/* .article#interview */
#choose-top #break #interview	{	float: left;}
#choose-top #break #interview h3	{	padding-left: 2px;	background-image: url(/images/ps/choose/top/break_interview_title_base.gif);}
#choose-top #break #interview .item,
#choose-top #break #interview .more	{	background-color: #FFF5CE;}
#choose-top #break #interview dt	{	background-image: url(/images/ps/choose/top/break_interview_arrow.gif);}
#choose-top #break #interview dt a	{	color: #683C0B;}
#choose-top #break #interview dd	{	padding-top: 8px;}
#choose-top #break #interview dd img	{	float: left; margin-right: 10px;	border-right: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC;}
#choose-top #break #interview dd h5	{	font-size: 1em; color: #333333; margin-bottom: 8px;}
#choose-top #break #interview dd h5 span	{	font-weight: normal; color: #666666;}
#choose-top #break #interview dd p	{ line-height: 1.3em;}
/* .article#column */
#choose-top #break #column	{	float: right;}
#choose-top #break #column h3	{	padding-left: 2px;	background-image: url(/images/ps/choose/top/break_column_title_base.gif);}
#choose-top #break #column .item,
#choose-top #break #column .more	{	background-color: #F4E9E3;}
#choose-top #break #column dt	{	background-image: url(/images/ps/choose/top/break_column_arrow.gif);}
#choose-top #break #column dt a	{	color: #993300;}


/* .section#break2 */
/* .header */
#choose-top #break2 .header	{	height: 35px;	background-image: url(/images/ps/choose/top/break_header_base.gif);}
#choose-top #break2 .header p	{	top: 12px;}
/* .article#column */
#choose-top #break2 #column h3	{	padding-left: 2px;	background-image: url(/images/ps/choose/top/break_column_title_base.gif);}
#choose-top #break2 #column .item,
#choose-top #break2 #column .more	{	background-color: #F4E9E3;}
#choose-top #break2 #column .item	{	padding-top: 4px;}
#choose-top #break2 #column .item dl	{	float: left;	width: 309px;}
#choose-top #break2 #column .item dt	{	margin: 8px 0 0 5px;	padding: 1px 0 0 17px;	background: transparent url(/images/ps/choose/top/break_column_arrow.gif) no-repeat 0px 4px;	font-size: 1.2em; line-height: 1.2em;	font-weight: bold;}
#choose-top #break2 #column .item dt a	{	color: #993300;}
#choose-top #break2 #column .item dt img	{	position: relative; top: -2px;	left: 3px;}
#choose-top #break2 #column .item dd	{	margin: 0 5px 0 22px;}
#choose-top #break2 #column .item dd p	{	font-size: 12px; line-height: 1.2em; color: #666666;}


/* banner-wrapper */
#choose-top .banner-wrapper {	margin-top: 30px; margin-left:10px;}
#choose-top .banner-wrapper li	{	float: left;	width: 210px;	margin-left: 10px;}
#choose-top .banner-wrapper li.fst	{	margin-left: 0px;}

/* #choose-topics */
#choose-top #choose-topics	{ padding-bottom: 10px;}
/* list overflow */
#choose-top #choose-topics .topics-container .topics-list	{	clear: right;	height: 190px;	overflow: auto;}
#choose-top #choose-topics .topics-container .topics-list ul	{	width: 630px;}

/* #sidenavi */

/* 20120823 done  >  common.css - #side-choose-global-buttons
 .side-contents#side-choose-topmn 
#side-choose-topmn .frame	{	padding: 0;	background-image: none;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}
#side-choose-topmn .frame.inner	{	padding: 0 5px 5px;	border-color: #FFFFFF;	background-color: #CCDEF0;}
#side-choose-topmn	ul	{	padding-top: 2px;}
#side-choose-topmn	li	{	width: 226px;	height: 40px;	margin-top: 3px;	line-height: 0;	font-size: 0;}
#side-choose-topmn	li a	{	display: block;	width: 226px;	height: 40px;	background: transparent url(/images/ps/choose/top/side_topmn_buttons.jpg) no-repeat 0px 0px;	line-height: normal;	font-size: 12px;	overflow: hidden;}
#side-choose-topmn	li a:hover	{	text-decoration: none;}
#side-choose-topmn	li a.catalogbtn	{	background-position: 0px 0px;}
#side-choose-topmn	li a.catalogbtn:hover	{	background-position: -226px 0px;}
#side-choose-topmn	li a.eventbtn	{	background-position: 0px -40px;}
#side-choose-topmn	li a.eventbtn:hover	{	background-position: -226px -40px;}
#side-choose-topmn	li a.applybtn	{	background-position: 0px -80px;}
#side-choose-topmn	li a.applybtn:hover	{	background-position: -226px -80px;}
#side-choose-topmn .side-reg-block	{	margin-top: 5px;}
*/


/* top side menu - Side Choose Block */
#choose-top	.side-choose-block .side-topmn li	{	margin-bottom: 3px; height: 38px;	line-height: 0;	font-size: 0;}
#choose-top	.side-choose-block .side-topmn li a	{	font-size: 12px;}

/* top side ranking - common.css Overwrite */
#choose-top	#side-ranking .rank-list li	{	padding-left: 35px;	background-image: url(/images/ps/choose/top/side_top_rank_no.gif);	font-weight: bold;}
#choose-top	#side-ranking .rank-list li.no3	{	padding-bottom: 0px; border: none;}




/**----------------------------------------------------------------------- **
  topics
*
  #choose-tps - tps_list.php, tps_details.php
*/

/* #choose-topics */
#choose-tps #choose-topics	{}




/**----------------------------------------------------------------------- **
  search list
*
  #choose-list
*/



/* */