@charset "utf8";
/**
 * content.css
 * Date: 08/23/2012
 *
 * /ps/choose/column/ -
 *
 * 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 { font-size: 1.1em; line-height: 1.6; }

/* bottomline */
#bottomline	{	margin-top: 30px;	padding-top: 8px;	background: transparent url(/images/common_files/dottedline_c.gif) repeat-x 0 0; }
#bottomline p	{ font-size: 12px; }


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

/* headline */
#column-top .headline	{	width: 650px; height: 65px;	background: transparent url(/images/ps/choose/column/top/headline_bg.jpg) no-repeat 0 0; }
#column-top .headline h2 { width: 372px; margin-left: 10px; float: left; }
#column-top .headline p	{	width: 120px;	margin: 10px 10px 0 auto; float: right; }
#column-top .headline p a.rsslink	{	float: right;	display: block;	height: 14px;	width: 44px;	padding: 0px;	background:	transparent url(/images/common_files/icon_rss.gif) no-repeat 0px 0px;}
#column-top .headline p a.rssguide	{	margin-right: 5px;	width: 66px;	background-image: url(/images/common_files/icon_rss_guide.gif);}
#column-top .headline p a	span { display: none; }

/* .section#headline-link */
#column-top #headline-link { margin-top: 8px; font-size: 0.8em; }

/* .section#col-topics */
#column-top #col-topics	{	margin-top: 0; }

/* --- .topics-block */
#column-top .topics-block	{	margin-top: 20px; padding-bottom: 10px; border-bottom: 3px solid #E4E4E4; }
#column-top .topics-block h3 { font-size: 1.3em; line-height: 1.2em; }
#column-top .topics-block h3 a { padding-left: 20px; color: #993300; background: transparent url(/images/common_files/square_arrow_04r.gif) no-repeat left center; }
#column-top .topics-block h3 img { margin-left: 5px; font-size: 0; line-height: 0; }
#column-top .topics-block dl { margin: 2px 0 0 20px; }
#column-top .topics-block dt { font-size: 1.1em; color: #333333; }
#column-top .topics-block dd { margin-top: 5px; }
#column-top .topics-block dd p { color: #666666; }
#column-top .topics-block dd p.update { margin-top: 14px; color: #000000;	vertical-align: middle;	line-height: 1em;}
#column-top .topics-block dd p.update span { margin-left: 5px; line-height: 0; font-size: 0; }
#column-top .topics-block dd p.update span img { position: relative; top: 2px; }

/* col-section */
#column-top .col-section { margin-top: 20px;	padding-bottom: 10px; }
#column-top .col-section .header { margin-left: 10px; background: no-repeat left bottom; }
#column-top .col-section h3	{	padding-bottom: 8px; }
#column-top .col-section h3 img	{	margin-right: 5px; font-size: 0; line-height: 0; position: relative; top: 3px; }
#column-top .col-section h3 strong { font-size: 15px; float: left;	text-align: left; }
#column-top .col-section h3 span { float: right; text-align: right;	font-size: 12px; position: relative; top: 6px; font-weight: normal; }
#column-top .col-section .body ul	{	clear: both; }
#column-top .col-section .body li	{	margin-top: 10px; }
#column-top .col-section .body li h4	{	display: inline;	font-size: 1.1em; line-height: 1.1em;}
#column-top .col-section .body li h4 a { padding-left: 18px; color: #993300;	background: transparent url(/images/common_files/square_arrow_04r.gif) no-repeat 0 3px; }
#column-top .col-section .body li h4 img { margin-left: 5px; font-size: 0; line-height: 0;}
#column-top .col-section .body li span { margin-left: 5px; color: #666666;}
#column-top .col-section .body li p { margin-left: 18px;	margin-top: 1px; color: #333333; }

/* --- col-section#type01 */
#column-top #type01 { margin-top: 40px; }
#column-top #type01 .header { background-image: url(/images/ps/choose/column/line_type01.gif); }
/* --- col-section#type02 */
#column-top #type02 .header	{	background-image: url(/images/ps/choose/column/line_type02.gif); }
/* --- col-section#type03 */
#column-top #type03 .header	{	background-image: url(/images/ps/choose/column/line_type03.gif); }
/* --- col-section#type04 */
#column-top #type04 .header { background-image: url(/images/ps/choose/column/line_type04.gif); }
/* --- col-section#type05 */
#column-top #type05 .header { background-image: url(/images/ps/choose/column/line_type05.gif); }


/* --------------------------------------------------------------- */


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

/* headline */
#column-dtl .headline p	{	margin: 0; font-size: 12px; }
#column-dtl .headline p.ttlimg { height: 34px; }

/* #col-details-wrapper */
#column-dtl .col-details-wrapper { margin-top: 20px; }
/* --- .header */
#column-dtl .header .title-base { padding-bottom: 20px; background: no-repeat right bottom; }
#column-dtl .header .title-base h2	{	font-size: 1.6em; }
#column-dtl .header .title-base h2 img	{	margin-left: 5px;}
#column-dtl .header p.disp_date	{	margin-top: 2px; text-align: right; }
/* --- .body */
#column-dtl .col-details-wrapper .body	{	font-size: 1em;	line-height: 1.4em;}
#column-dtl .col-details-wrapper .body p	{	display: block!important; margin: 1.33em 0!important;	 }
#column-dtl .col-details-wrapper .body font	{	line-height: 1.15em!important;}
#column-dtl .col-details-wrapper .body hr	{	display: block!important; }
#column-dtl .col-details-wrapper .body ol	{}
#column-dtl .col-details-wrapper .body ul	{	list-style-type: disc;	margin: 1em 0; margin-left: 40px; }
#column-dtl .col-details-wrapper .body ul ul,
#column-dtl .col-details-wrapper .body ol ul {	margin-top: 0; margin-bottom: 0; list-style-type: circle; }
#column-dtl .col-details-wrapper .body ul ul ul,
#column-dtl .col-details-wrapper .body ul ol ul,
#column-dtl .col-details-wrapper .body ol ul ul,
#column-dtl .col-details-wrapper .body ol ol ul	{	list-style-type: square;}
#column-dtl .col-details-wrapper .body li	{	display: list-item; }
#column-dtl .col-details-wrapper .body blockquote	{}

/* --- col-link-block */
#column-dtl #col-link-block	{ margin-top: 35px;	padding-top: 10px;	font-size: 1em;	line-height: 1.4em;	background: transparent url(/images/common_files/dottedline_partition.gif) repeat-x left top; }
#column-dtl #col-link-block dt { margin-top: 8px; color: #333333; font-size: 12px; }
#column-dtl #col-link-block dd { margin-left: 5px; font-size: 12px; }
#column-dtl #col-link-block dd a { padding-left: 8px; background: transparent url(/images/common_files/arrow_listlink.gif) no-repeat left center; }

/* #col-banner-wrapper */
#column-dtl #col-banner-wrapper	{	margin-left: 0; }
#column-dtl #col-banner-wrapper	ul	{ margin-left: -10px; position: relative; }
#column-dtl #col-banner-wrapper li { float: left;	width: 210px; padding-left: 10px; }
#column-dtl #col-banner-wrapper li img	{	font-size: 0; line-height: 0; }
#column-dtl #col-banner-wrapper p	{	width: 210px;	text-align: center; margin: 5px 0 0 0; font-size: 11px; color: #666666; }

/* --- col-section#type01 */
#column-dtl #type01 .header .title-base { background-image: url(/images/ps/choose/column/line_type01.gif); }
/* --- col-section#type02 */
#column-dtl #type02 .header .title-base	{	background-image: url(/images/ps/choose/column/line_type02.gif); }
/* --- col-section#type03 */
#column-dtl #type03 .header .title-base	{	background-image: url(/images/ps/choose/column/line_type03.gif); }
/* --- col-section#type04 */
#column-dtl #type04 .header .title-base { background-image: url(/images/ps/choose/column/line_type04.gif); }
/* --- col-section#type05 */
#column-dtl #type05 .header .title-base { background-image: url(/images/ps/choose/column/line_type05.gif); }




/* */