@charset "utf8";
/**
 * top.css
 * Date: 01/17/2012
 *
 * /index.php - 
 *
 * Nipponmanpower Web Site
 * Copyright 2012 Nippon Manpower Co., Ltd. All rights reserved.
 * /////////////////////////////////////////////////////////////////////// */



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

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

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




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

#contents,
#sidenavi	{	padding-top: 20px;}

/* #ps-nmp-topics */
#ps-nmp-topics .topics-title,
#ps-nmp-topics .topics-caption	{	background-image: url(/images/common_files/topics_base_nmp_w.jpg);}
#ps-nmp-topics .topics-container li a	{	background-image: url(/images/common_files/arrow_c01r.gif);}
#ps-nmp-topics .topics-container .title	{	color: #333333;	background-color: #F6F6F6;	background-image: url(/images/common_files/dottedline_3lc01.gif);}

/* #ps-manabi-topics */
#ps-manabi-topics .topics-title,
#ps-manabi-topics .topics-caption	{	background-image: url(/images/ps/per_common/topics_base_manabi_w.jpg);}
#ps-manabi-topics .topics-container li a	{	background-image: url(/images/common_files/arrow_c02r.gif);}
#ps-manabi-topics .topics-container .title	{	color: #333333;	background-color: #F4F8FB;	background-image: url(/images/common_files/dottedline_3lc02.gif);}

/* #ps-shigoto-topics */
#ps-shigoto-topics .topics-title,
#ps-shigoto-topics .topics-caption	{	background-image: url(/images/ps/per_common/topics_base_shigoto_w.jpg);}
#ps-shigoto-topics .topics-container li a	{	background-image: url(/images/common_files/arrow_c03r.gif);}
#ps-shigoto-topics .topics-container .title	{	color: #333333;	background-color: #F7FAF3;	background-image: url(/images/common_files/dottedline_3lc03.gif);}

/* #ps-column */
#ps-column .topics-title,
#ps-column .topics-caption	{	background-image: url(/images/ps/per_common/topics_base_column_w.jpg);}
#ps-column .topics-container li a	{	padding-left: 14px;	background-image: url(/images/common_files/square_arrow_04rs.gif);	color: #993300;	font-weight: bold;}
#ps-column .topics-container li p	{	margin: 3px 0px 0px 14px;	line-height: 1.2em;	color: #333333;}
#ps-column .topics-container li p img	{	margin-right: 5px;	vertical-align: middle;}

/* .section */
.section	{	margin-left: 10px;}
.section .body	{	margin-top: 15px;	margin-left: 0;}

/* .side-category-nav */
/* --- .button.cp */
.side-category-nav .button.cp a	{	height: 44px;	background-image: url(/images/ps/top/side_cp_button.jpg);}
/* --- .button.edu */
.side-category-nav .button.edu	{	margin-top: 3px;}
.side-category-nav .button.edu a	{	height: 44px;	background-image: url(/images/ps/top/side_edu_button.jpg);}

/* #side-pickup.side-contents */
#side-pickup .picup-wrapper p	{	margin: 5px 0 0;	text-align: center;} /* css hack > /_css/hack/ie_w.css */

/* #side-column.side-contents */
#side-column .column-wrapper ul	{	padding: 2px 8px 0;}
#side-column .column-wrapper li	{	margin-top: 6px;	padding-bottom: 4px;}
#side-column .column-wrapper li a	{	display: inline-block;	padding-left: 14px;	background: transparent url(/images/common_files/square_arrow_04rs.gif) no-repeat 0px 3px;	color: #993300;	font-weight: bold;	font-size: 0.8em;}
#side-column .column-wrapper li p	{	margin: 3px 0px 0px 14px;	font-size: 10px;	line-height: 1.2em;	color: #333333;}




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


/**----------------------------------------------------------------------- **
  top
*
  #ps-top
*/
#ps-top	{	padding-top: 10px;}

/* Layout 
#ps-top #contents	{	float: none;}
#ps-top #sidenavi	{	float: none;	position: absolute; top: 10px;	right: 0;	padding-top: 0;}
*/

/* #headline */
#ps-top #headline	{	width: 940px; height: 210px;}
#ps-top #headline .inner	{	position: relative;	height: 210px;	background: #EFEFEF no-repeat left top;}
#ps-top #headline .banner	{	width: 680px;	height: 210px;	overflow: hidden;}
#ps-top #headline .nav	{	position: absolute; top: 0px;	right: 10px;	width: 240px;	height: 210px;}

/* .ps [ ad insight ] */
#ps-top #headline .ps.inner	{	background-image: url(/images/ps/top/headline_background.gif);}
/* --- .nav	 */
#ps-top #headline .ps .nav ul	{	padding-top: 16px;	text-align: center;}
#ps-top #headline .ps .nav li	{	line-height: 0;}
#ps-top #headline .ps .nav li a	{	display: block;	width: 224px;	height: 55px;	margin: 4px auto 0;	background: transparent no-repeat left top;}
#ps-top #headline .ps .nav li a:hover	{	background-position: right top;	text-decoration: none;	line-height: normal;}
#ps-top #headline .ps .nav li a span	{	display: none;}
#ps-top #headline .ps .nav li a.catalog	{	background-image: url(/images/ps/top/headline-nav_button_catalog.jpg);}
#ps-top #headline .ps .nav li a.event	{	background-image: url(/images/ps/top/headline-nav_button_event.jpg);}
#ps-top #headline .ps .nav li a.shop	{	background-image: url(/images/ps/top/headline-nav_button_shop.jpg);}

/* .cp [ ad insight ] */
#ps-top #headline .cp.inner	{	background-image: url(/images/cp/top/headline_background.gif);}
/* --- .nav	 */
#ps-top #headline .cp .nav p	{	padding-top: 13px;	text-align: center;	overflow: hidden;}
#ps-top #headline .cp .nav li	{	border-top: solid 1px #BBBBBB;	line-height: 0;}
#ps-top #headline .cp .nav li:first-child	{	border-top: none;}
#ps-top #headline .cp .nav li a	{	display: block;	width: 230px;	height: 68px;	margin: 5px 4px;	position: relative;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;} /* css hack > /_css/hack/ie_w.css */
#ps-top #headline .cp .nav li a:hover	{	background-color: #E5EFFA;	text-decoration: none;}
#ps-top #headline .cp .nav li a img	{	position: absolute; top: 4px;	line-height: normal;}
#ps-top #headline .cp .nav li a img.fig	{	left: 4px;}
#ps-top #headline .cp .nav li a img.txt	{	left: 80px;}


/* .section */
#ps-top .section	{	margin-top: 30px;}

/* .section#service */
#ps-top #service	{	margin-top: 0;}
#ps-top #service .header	{	height: 24px;}
/* ---.nav */
#ps-top #service .nav	{	float: left;	width: 208px;	margin-left: 10px;	padding-bottom: 8px;	background: transparent url(/images/ps/top/service_nav_background.jpg) repeat-x left bottom;	border: solid 1px #BEBEBE;
	border-radius: 4px;
	/* css hack > /_css/hack/ie_w.css */
}
#ps-top #service .body>.nav:first-child	{	margin-left: 0;}
#ps-top #service .nav h2	{	height: 30px;	border-bottom: solid 1px #666;}
#ps-top #service .nav h2 a	{	display: block;	height: 30px;	width: auto;	background: transparent url(/images/ps/top/service_nav_title_base_vertically.jpg)	repeat-x 0px 0px;	overflow: hidden;
	/* -webkit-border-radius: 3px 3px 0px 0px; */
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	/* css hack > /_css/hack/ie_w.css */
}
#ps-top #service .nav h2 a:hover	{	text-decoration: none;}
#ps-top #service .nav ul	{	width: 208px;}
#ps-top #service .nav li	{	border-bottom: 1px solid #EBEBEB;	font-size: 0; line-height: 0;}
#ps-top #service .nav li a	{	display: block;	width: auto;	width: auto;	padding: 8px 3px 9px 18px;	background: transparent url(/images/ps/top/upper_menu_arrow.gif) no-repeat 6px 10px;	font-size: 13px;	line-height: 1.1em;	color: #025AB3;	word-wrap: break-word;	word-break: break-all;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#ps-top #service .nav li a:hover	{	text-decoration: none;}
#ps-top #service .nav li a em	{	font-style: normal; font-weight: bold;}
#ps-top #service .nav li a:hover em	{	color: #3399FF;	text-decoration: underline;}
#ps-top #service .nav li a:hover em.nondec	{	text-decoration: none;}
#ps-top #service .nav li a>span	{	display: block;	padding-top: 4px;	font-size: 10px;	line-height: 1.2em;	color: #666666;}

/* ---.nav.think */
#ps-top #service .nav.think h2 a	{	background-position: 0px 0px;}
#ps-top #service .nav.think h2 a:hover	{	background-position: 0px -30px;}
#ps-top #service .nav.think li a:hover	{	background-color: #FFFCE1;}
/* ---.nav.choose */
#ps-top #service .nav.choose h2 a	{	background-position: 0px -60px;}
#ps-top #service .nav.choose h2 a:hover	{	background-position: 0px -90px;}
#ps-top #service .nav.choose li a:hover	{	background-color: #E6F2FF;}
/* ---.nav.choose.wide */
#ps-top #service .nav.choose.wide	{	width: 428px;}
#ps-top #service .nav.choose.wide ul	{	float: left;	width: 214px;}
#ps-top #service .nav.choose.wide ul+ul	{	float: right;	width: 213px;	border-left: solid 1px #EBEBEB;}
#ps-top #service .nav.choose.wide ul.cc {	width: 428px;	float: none; border-left: none;}
#ps-top #service .nav.choose.wide ul.smemc {	float: left; border-left: none;}
#ps-top #service .nav.choose.wide ul.course {	float: right;	}
#ps-top #service .nav.choose.wide li a em	span {	font-size: 12px;}

/* ---.nav.choose.half */
#ps-top #service .nav.half	{	width: 318px;}
#ps-top #service .nav.half ul	{	width: 318px;}

/* ---.nav.work */
#ps-top #service .nav.work h2 a	{	background-position: 0px -120px;}
#ps-top #service .nav.work h2 a:hover	{	background-position: 0px -150px;}
#ps-top #service .nav.work li a:hover	{	background-color: #F2FFEE;}
#ps-top #service .nav.work li a strong	{	display: block;	margin-top: 3px;	color: #0000FF;}
#ps-top #service .nav.work li a span	{	padding-top: 5px;}









/* .section#attention */
#ps-top #attention	{	margin-top: 30px;}
#ps-top #attention .header	{	display: none;}
#ps-top #attention .body	{	margin-top: 0px;}
#ps-top #attention .banner	{	width: 320px;}
#ps-top #attention .banner.ls	{	float: left;}
#ps-top #attention .banner.rs	{	float: right;}

/* .message */
#ps-top .message	{	margin-left: 10px;}
#ps-top .message p	{	display: block;	height: auto;	padding: 12px	10px;	text-align: center;	border: solid 1px #CCCCCC;	color: #454545;	font-size: 12px;	line-height: 1.3em;	letter-spacing: 0.1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* css hack > /_css/hack/ie_w.css */
}

/* .section#ps-member-block */
#ps-top #ps-member-block	{	margin-top: 0;	margin-bottom: 30px;}
#ps-top #ps-member-block .frame	{	border: solid 1px #BEBEBE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* css hack > /_css/hack/ie_w.css */
}
#ps-top #ps-member-block .user-info	{	padding: 8px;	border-bottom: solid 1px #BEBEBE;	background-color: #E9EDF3;
	/* -webkit-border-radius: 3px 3px 0px 0px; */
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	/* css hack > /_css/hack/ie_w.css */
}
#ps-top #ps-member-block .user-info p.uname	{	float: left;	font-weight: bold;	font-size: 1.15em; line-height: 1.4em; color: #000099;}
#ps-top #ps-member-block .user-info p.msg	{	clear: both;}
#ps-top #ps-member-block .user-info a	{	float: right; width: 110px; height: 18px;}
#ps-top #ps-member-block ul	{	padding: 8px 5px;}
#ps-top #ps-member-block li	{	display: inline-block;	margin: 0 8px;}

/* .section#ps-nmp-topics */
#ps-top #ps-nmp-topics	{	padding-bottom: 10px;}

/* .section#ps-manabi-topics */
#ps-top #ps-manabi-topics	{	padding-bottom: 10px;}

/* .section#ps-shigoto-topics */
#ps-top #ps-shigoto-topics	{	padding-bottom: 10px;}

/* .section#ps-column */
#ps-top #ps-column	{	padding-bottom: 10px;}

/* .section#pickpu */
#ps-top #pickpu	{	padding-bottom: 20px;}
#ps-top #pickpu .body li	{	float: left;	width: 210px;	margin-left: 10px;}
#ps-top #pickpu .body li:first-child	{	margin-left: 0;}


/* .section#important_notice */
#ps-top #important_notice	{	margin-top: 0;	margin-bottom: 30px;}
#ps-top #important_notice>div	{	padding: 14px 10px;	border: solid 3px #DDD;	border-radius: 4px;}
#ps-top #important_notice>div>p	{    margin-top: 10px; font-size: 12px;}
#ps-top #important_notice>div>p:first-child {    margin-top: 0;}
#ps-top #important_notice>div>p a	{ color: #c00;}



/* #sidenavi */
/* --- .side-sub-menu */
#ps-top #sidenavi .side-sub-menu li a	{	position: relative;	height: 64px;}
#ps-top #sidenavi .side-sub-menu li a img	{	position: absolute;	top: -2px;}
#ps-top #sidenavi .side-sub-menu li a span	{	display: block;	width: 200px;	position: absolute;	top: 30px;	left: 28px;	color: #565656;	font-size: 12px;	line-height: 1.2em;}

/* --- .side-category-nav */
#ps-top #sidenavi .side-category-nav	{}



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

/* .section#ps-nmp-topics */
#ps-tps #ps-nmp-topics	{}

/* .section#ps-manabi-topics */
#ps-tps #ps-manabi-topics	{}

/* .section#ps-shigoto-topics */
#ps-tps #ps-shigoto-topics	{}




/* */