@charset "utf8";
/**
 * top.css
 * Date: 07/06/2012
 *
 * /ps/choose/course/ -
 *
 * 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);

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




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

/* .section */
.section	{	margin-top: 40px;}




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

/* .headline */
#course-top .headline	{}
/* --- .lead */
#course-top .headline .lead	{	margin-top: 10px;}
#course-top .headline .lead p	{	color: #454545;	line-height: 1.5em;}

/* .section */
#course-top .section .lead	{	font-size: 1.1em;	line-height: 1.6em;}
#course-top .section .item	{	margin-top: 40px;}


/* .section#choosing */
#course-top #choosing	{}
/* .header */
#course-top #choosing .header	{	position: relative;}
#course-top #choosing .header .line-up	{	position: absolute;	top: 0;	right: 10px;	text-align: right;}
#course-top #choosing .header .line-up img	{	vertical-align: baseline;}
#course-top #choosing .header .line-up span	{	position: relative;	top: -2px;	color: #F60;	font: bold 21px Verdana, Geneva, sans-serif;}
/* .body */
/* .item#category-link */
#course-top #choosing #category-link	{	margin-top: 15px;}
#course-top #choosing #category-link .wrap	{	float: left;	width: 204px;	margin-left: 14px;}
#course-top #choosing #category-link .frame	{	padding: 11px;	background-color: #F7F8FD;	border: solid 1px #3A63BC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 /* ! css hack > /_css/hack/ie_w.css */
}
#course-top #choosing #category-link h3 a	{	display: block;	width: 180px;	height: 40px;	background: transparent url(/images/ps/choose/course/top/choosing_category_buttons.jpg) no-repeat;	overflow: hidden;}
#course-top #choosing #category-link h3 a:hover	{	text-decoration: none;}
#course-top #choosing #category-link h3 a span	{	display: none;}
#course-top #choosing #category-link p	{	margin-top: 8px;	color: #565656;	line-height: 1.2em;}
/* --- .wrap#ca1 */
#course-top #choosing #category-link #ca1	{	margin-left: 0;}
#course-top #choosing #category-link #ca1 h3 a	{	background-position: 0px 0px;}
#course-top #choosing #category-link #ca1 h3 a:hover	{	background-position: -180px 0px;}
/* --- .wrap#ca2 */
#course-top #choosing #category-link #ca2 h3 a	{	background-position: 0px -40px;}
#course-top #choosing #category-link #ca2 h3 a:hover	{	background-position: -180px -40px;}
/* --- .wrap#ca3 */
#course-top #choosing #category-link #ca3 h3 a	{	background-position: 0px -80px;}
#course-top #choosing #category-link #ca3 h3 a:hover	{	background-position: -180px -80px;}
/* .item#keyword-search */
#course-top #choosing #keyword-search	{	margin-top: 10px;}
#course-top #choosing #keyword-search form	{	height: 80px;	padding: 0 70px;	background: #F3F3F3 url(/images/ps/choose/course/top/choosing_search_base.jpg) no-repeat left top;	overflow: hidden;}
#course-top #choosing #keyword-search fieldset	{	border: none;	margin: 0px;	padding: 0px;}
#course-top #choosing #keyword-search legend	{	display: none;}
#course-top #choosing #keyword-search h3	{	padding-top: 10px;}
#course-top #choosing #keyword-search .input	{	margin-top: 3px;}
#course-top #choosing #keyword-search .input input	{	vertical-align: middle;}
#course-top #choosing #keyword-search .input input.cou-keyword	{	width: 410px;	padding: 2px;	margin-right: 5px;	font-size: 1.1em;}
#course-top #choosing #keyword-search .note	{	margin-top: 3px;	color: #666;	font-size: 12px;	line-height: 1.1em:;}


/* .section#plus */
/* .header */
#course-top #plus .header	{	background-image: none;}
/* .body */
#course-top #plus .body	{	margin: 0;}
#course-top #plus .plus-block	{	margin-top: 1px;	background-color: #EBF7FB;}
#course-top #plus .plus-block-inner	{	padding: 2px 0 6px;	background: transparent url(/images/ps/choose/course/top/plus_block_bottom.jpg) no-repeat left bottom;}
#course-top #plus .btmlink	{	margin: 6px 5px 0; text-align: right;	font-size: 10px;}
#course-top #plus .btmlink a	{	padding-left: 8px;	background: transparent url(/images/common_files/arrow_c02r.gif) no-repeat left center;}
#course-top #plus .btmlink span.jpzen	{}
/* --- tyuumoku */
#course-top #plus #plus-tyuumoku	{	margin: 0 10px;}
#course-top #plus #plus-tyuumoku dt	{	margin-top: 8px;}
#course-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;}
#course-top #plus #plus-tyuumoku dt img	{	position: relative;	top: 2px;	margin-left: 5px;}
#course-top #plus #plus-tyuumoku dd	{	padding: 3px 7px 9px;	background: transparent url(/images/ps/choose/course/top/plus_block_partitionline.jpg) repeat-x left bottom;}
#course-top #plus #plus-tyuumoku dd img	{	margin-right: 5px;	vertical-align: middle;}
#course-top #plus #plus-tyuumoku dd .date	{	color: #666666;	font-size: 10px;}
#course-top #plus #plus-tyuumoku dd .caption	{	display: block;	margin: 2px 0 0;	color: #333333;	line-height: 1.4em;	font-size: 12px;}


/* .section.genre-block */
/* .header */
#course-top .genre-block .header	{	position: relative;	height: 34px;	background-image: none;	background-color: #CCCCCC;	border-bottom: solid 3px #DDDDDD;
	/*-webkit-border-radius: 5px 5px 0px 0px;*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
 /* ! css hack > /_css/hack/ie_w.css */
}
#course-top .genre-block .header p	{	position: absolute;	top: 5px;	right: 5px;	width: 150px;	height: 24px;	overflow: hidden;}
#course-top .genre-block .header p a	{	display: block;	width: 150px;	height: 24px;	background: transparent no-repeat left top; overflow: hidden;}
#course-top .genre-block .header p a:hover	{	background-position: right top;	text-decoration: none;}
#course-top .genre-block .header p a span	{	display: none;}
/* .footer */
#course-top .genre-block .footer	{	margin-top: 15px;}
/* .body */
#course-top .genre-block .body	{	margin-top: 15px;}
/* .item.genre-recommend*/
#course-top .genre-block .genre-recommend	{	width: 630px;	margin-top: 0;	padding: 8px 0;	background-color: #CCCCCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#course-top .genre-block .genre-recommend h3	{	margin-left: 10px;}
#course-top .genre-block .genre-recommend ul	{	margin-top: 6px;	padding-left: 10px;}
#course-top .genre-block .genre-recommend li	{	float: left;	margin-right: 10px;	font-size: 0;	line-height: 0;}
#course-top .genre-block .genre-recommend li img	{	font-size: 12px;	line-height: normal;}
/* .item.genre-list*/
#course-top .genre-block .genre-list	{	margin-top: 30px;}
#course-top .genre-block .genre-list h4	{	margin-bottom: 8px; font-size: 1.1em; line-height: 1.3em;}
#course-top .genre-block .genre-list table	{ width: 630px;	border-collapse: collapse;	border: none;	border-spacing: 0;	empty-cells: show;	font-size: 100%;}
#course-top .genre-block .genre-list td	{	width: 305px;	padding: 0px;	text-align: left;	vertical-align: top;}
#course-top .genre-block .genre-list td.selsp	{	width: 20px;}
#course-top .genre-block .genre-list td dt	{	text-align: left;	background: transparent repeat-x 0px 0px;	border-bottom-width: 1px;	border-bottom-style: solid;}
#course-top .genre-block .genre-list td dt a	{	display: block;	padding: 7px 5px 4px 20px;	background: transparent url(/images/common_files/arrow_c07r.gif) no-repeat 5px 7px;	font-size: 1.2em;	line-height: 1.1em;	color: #003399;	font-weight: bold;}
#course-top .genre-block .genre-list td dd	{	padding-bottom: 15px;}
#course-top .genre-block .genre-list td dd ul	{	margin-left: 5px;}
#course-top .genre-block .genre-list td dd li	{	padding: 4px 0px 0px 10px;	background: transparent url(/images/common_files/arrow_c08r.gif) no-repeat 0px 10px;	font-size: 1.1em;	line-height: 1.3em;}

/* .section.genre-block#genre1 */
#course-top #genre1 .header	{	background-color: #3366CC;}
#course-top #genre1 .header p a	{	background-image: url(/images/ps/choose/course/top/genre1_list_button.png);}
#course-top #genre1 .genre-recommend	{	background-color: #EAEFFA;}
#course-top #genre1 .genre-list dt	{	background-color:  #E7EDF9;	background-image: url(/images/ps/choose/course/top/genre1_list_title_base.gif);	border-bottom-color: #D6E0F5;}
#course-top #genre1 .genre-list h4	{	color: #3366CC;}

/* .section.genre-block#genre2 */
#course-top #genre2 .header	{	background-color: #663399;}
#course-top #genre2 .header p a	{	background-image: url(/images/ps/choose/course/top/genre2_list_button.png);}
#course-top #genre2 .genre-recommend	{	background-color: #EFEAF5;}
#course-top #genre2 .genre-list dt	{	background-color:  #ECE5F2;	background-image: url(/images/ps/choose/course/top/genre2_list_title_base.gif);	border-bottom-color: #E0D6EB;}
#course-top #genre2 .genre-list h4	{	color: #663399;}

/* .section.genre-block#genre3 */
#course-top #genre3 .header	{	background-color: #336600;}
#course-top #genre3 .header p a	{	background-image: url(/images/ps/choose/course/top/genre3_list_button.png);}
#course-top #genre3 .genre-recommend	{	background-color: #EAEFE5;}
#course-top #genre3 .genre-list dt	{	background-color:  #E6ECE0;	background-image: url(/images/ps/choose/course/top/genre3_list_title_base.gif);	border-bottom-color: #D6E0CC;}
#course-top #genre3 .genre-list h4	{	color: #336600;}


/* #sidenavi */
/* .side-contents#side-notice-course */
#course-top #side-notice-course .notice-wrapper h4	{	margin: 1px 1px 0;	padding: 5px;	background-color: #FFF5CC;	font-size: 0.9em;}
#course-top #side-notice-course .notice-wrapper .notice-copy	{	padding: 4px 5px;	font-size: 0.8em; line-height: 1.2em; color: #993300;}
#course-top #side-notice-course .notice-wrapper .notice-img	{	text-align: center;}
#course-top #side-notice-course .notice-wrapper ul	{	margin: 5px;}
#course-top #side-notice-course .notice-wrapper li	{	font-size: 0.8em; line-height: 1.2em;	font-weight: bold;}
#course-top #side-notice-course .notice-wrapper li span.ttl	{ margin-right: 2px;	font-size: 10px; color: #666666;	font-weight: normal;}



/*[F]*/