@charset "shift_jis";

/*!
 * 年金積立金運用ページ用スタイルシート
 *
 * prefix rule "nenkin-"
 * #contents div.nenkin-PARTSNAME {}
 */




/**
 * nenkin-q - Q&A の Q のパーツ
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents div.nenkin-q {
	position: relative;
	margin: 0 0 15px;
	padding: 28px 15px 0;
	min-height: 47px;
	border: 3px solid #9FD968;
	zoom: 1;
}
#contents div.prt-topContents div.nenkin-q {
	margin-top: 10px;
}

	/**
	 * head
	 */
	#contents div.nenkin-q .head {
		position: absolute;
		top: 15px;
		left: 15px;
		width: 47px;
	}
	
	
	/**
	 * body
	 */
	#contents div.nenkin-q .body {
		margin: 0 0 28px;
		padding: 0 0 0 65px;
	}
	
	#contents div.nenkin-q .body p {
		margin: 0 0 10px;
		font-weight: bold;
		font-size: 180%;
		line-height: 1.334;
	}



/**
 * nenkin-a - Q&A の A のパーツ
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents div.nenkin-a {
	margin: 0 0 15px;
	border: 3px solid #F5B592;
}
#contents div.prt-topContents div.nenkin-a {
	margin-top: 10px;
}

#contents div.nenkin-a .inner {
	position: relative;
	padding: 14px 14px 0;
	min-height: 61px;
	border: 1px solid #FFFFFF;
	background-color: #FEFBEF;
	zoom: 1;
}
	* html #contents div.nenkin-a .inner {
		height: 61px;
	}


	/**
	 * head
	 */
	#contents div.nenkin-a .head {
		position: absolute;
		top: 14px;
		left: 14px;
		width: 47px;
	}
	
	
	/**
	 * body
	 */
	#contents div.nenkin-a .body {
		margin: 0 0 14px;
		padding: 0 0 0 64px;
	}
	
	#contents div.nenkin-a .body p {
		margin: 0 0 10px;
		font-size: 160%;
		line-height: 1.688;
	}



/**
 * nenkin-footer - フッター
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents div.nenkin-footer {
	margin: 0 0 20px;
}

#contents div.nenkin-footer div.prt-hr {
	margin-top: 40px;
	margin-bottom: 40px;
}



/**
 * nenkin-announce - アナウンスパーツ
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents div.nenkin-announce {
	margin: 0 -11px 15px;
	padding: 15px 15px 0;
	background-color: #E4F2DD;
	zoom: 1;
}
#contents div.nenkin-announce:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}


#contents div.nenkin-announce p {
	margin: 0 0 15px;
	text-align: center;
}



/**
 * nenkin-unit - ユニット
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents div.nenkin-unit {
	margin: 40px -11px 20px;
}

	/**
	 * body
	 */
	#contents div.nenkin-unit .body {
		margin: 0 0 10px;
		padding: 0 9px;
		border: 3px solid #9FD968;
	}
	
		/**
		 * header
		 */
		#contents div.nenkin-unit .body .header {
			position: relative;
			margin: -3px 0 10px;
			background: url(../images/unit_bg_01.png) repeat-x 0 10px;
		}
		
		#contents div.nenkin-unit .body .header .heading {
			background: url(../images/unit_bg_02.png) no-repeat 100% 10px;
		}
		
		
		/**
		 * contents
		 */
		#contents div.nenkin-unit .body .contents {
			margin: 0 20px 10px;
		}
		
			/**
			 * ul.ico-link [override]
			 */
			#contents div.nenkin-unit .body .contents ul.ico-link {
			}
			
			#contents div.nenkin-unit .body .contents ul.ico-link li {
			}
			
			#contents div.nenkin-unit .body .contents ul.ico-link li.current {
				background-image: url(../images/ico_circle_01.png);
			}
	
	
	/**
	 * foot
	 */
	#contents div.nenkin-unit .foot {
	}
	
		/**
		 * ul.li-notes [override]
		 */
		#contents div.nenkin-unit .foot ul.li-notesA {
			margin-left: 0;
		}
		
		#contents div.nenkin-unit .foot ul.li-notesA li {
		}
		
		#contents div.nenkin-unit .foot ul.li-notesA li span.icon {
		}



/**
 * p.nenkin-circleNum - 丸付き数字の段落
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents p.nenkin-circleNum {
	margin-left: -11px;
	padding-left: 1em;
	text-indent: -1em;
}

#contents p.nenkin-circleNum span.num {
}



/**
 * nenkin-intro - 年金積立金運用紹介ユニット
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents div.nenkin-intro {
	position: relative;
	margin: 20px -11px 20px;
	zoom: 1;
}


	/**
	 * body
	 */
	#contents div.nenkin-intro .body {
		border: 3px solid #9DD864;
		zoom: 1;
	}
	
	
		/**
		 * header
		 */
		#contents div.nenkin-intro .body .header {
			margin: 0 6px 10px;
			background: url(../images/intro_bg_01.png) repeat-x 0 6px;
			zoom: 1;
		}
		
		#contents div.nenkin-intro .body .header .heading {
			margin: 0;
			padding: 0;
			background: url(../images/intro_bg_02.png) no-repeat 100% 6px;
			zoom: 1;
		}
		
		
		/**
		 * contents
		 */
		#contents div.nenkin-intro .body .contents {
			margin: 0 0 7px;
		}
		
		
			/**
			 * p.lead
			 */
			#contents div.nenkin-intro .body .contents p.lead {
				margin: 0 15px 15px;
				font-size: 180%;
				line-height: 1.223;
			}
			
			/**
			 * nav
			 */
			#contents div.nenkin-intro .body .contents .nav {
				margin: 7px;
			}
			
			#contents div.nenkin-intro .body .contents .nav table.layout-box {
				table-layout: fixed;
				width: 100%;
				margin: 0;
				padding: 0;
				border: 2px solid #EAE4B0;
			}
			
			#contents div.nenkin-intro .body .contents .nav table.layout-box td {
				padding: 16px 13px;
				background: url(../images/intro_bg_03.png) no-repeat 100% 0;
				vertical-align: middle;
				font-size: 100%;
			}
/* start トップページQAエリア */
			#contents div.nenkin-intro .body .contents .nav table.layout-box td.td1 { border-bottom: 1px dotted #EAE4B0; border-right: 1px dotted #EAE4B0; }
			#contents div.nenkin-intro .body .contents .nav table.layout-box td.td2 { border-bottom: 1px dotted #EAE4B0; }
			#contents div.nenkin-intro .body .contents .nav table.layout-box td.td3 { border-right: 1px dotted #EAE4B0; }
			#contents div.nenkin-intro .body .contents .nav table.layout-box td.td4 { }
/* end トップページQAエリア */

			
			#contents div.nenkin-intro .body .contents .nav table.layout-box td table.layout-inner {
				margin: 0;
				padding: 0;
			}
			
			#contents div.nenkin-intro .body .contents .nav table.layout-box td table.layout-inner th {
				vertical-align: middle;
			}
			
			#contents div.nenkin-intro .body .contents .nav table.layout-box td table.layout-inner td {
				padding: 0 0 0 13px;
				background: none;
				font-weight: bold;
				font-size: 180%;
				line-height: 1.223;
			}
	
	
	/**
	 * foot
	 */
	#contents div.nenkin-intro .foot {
	}
	
		/**
		 * ul.li-notesA [override]
		 */
		#contents div.nenkin-intro .foot ul.li-notesA {
			margin-left: 0;
		}
		
		#contents div.nenkin-intro .foot ul.li-notesA li {
		}



/**
 * nenkin-banner - 厚生年金運用バナーのパーツ
 *
 * @create: 2011-08-19 [oosugi@skillpartners.co.jp]
 * @modify: yet
 */

#contents div.nenkin-banner {
	position: relative;
	margin: 0 0 40px;
	padding: 0 240px 0 0;
	zoom: 1;
}
#contents div.nenkin-banner:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}


	/**
	 * contents
	 */
	#contents div.nenkin-banner .contents {
		float: left;
		display: inline;
		width: 100%;
	}
	
	#contents div.nenkin-banner .contents p {
		margin: 0;
		padding: 0;
	}
	
	
	/**
	 * banner
	 */
	#contents div.nenkin-banner .banner {
		position: relative;
		left: 250px;
		float: left;
		display: inline;
		width: 220px;
		margin: 0 0 0 -220px;
	}
	
	#contents div.nenkin-banner .banner p {
		margin: 0;
		padding: 0;
	}
	
	#contents div.nenkin-banner .banner p a {
		display: block;
		padding: 0 17px 0 0;
		border: 1px solid #CCCCCC;
		background: url(../images/banner_bg_01.png) no-repeat 100% 0;
		zoom: 1;
	}
	
	#contents div.nenkin-banner .banner p a:hover {
		border-color: #003399;
		opacity: 0.65;
		filter: alpha(opacity=65);
	}



/**
 * nenkin-unit2
 *
 * @create: 2011-08-24 [oosugi@skillpartners.co.jp]
 * @modify: not yet
 */

#contents div.nenkin-unit2 {
	margin: 20px 0;
	zoom: 1;
}
#contents div.nenkin-unit2:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}


	/**
	 * imageUnit
	 */
	#contents div.nenkin-unit2 .imageUnit {
		float: left;
	}
	
	
		#contents div.nenkin-unit2 .imageUnit p.image {
			float: left;
			margin: 0 0 5px;
		}
		
		
		#contents div.nenkin-unit2 .imageUnit p.caption {
			clear: left;
			float: left;
			margin: 0;
		}
	
	
	/**
	 * table
	 */
	#contents div.nenkin-unit2 .table {
		float: left;
	}
	
		#contents div.nenkin-unit2 .table table {
			border-collapse: collapse;
			border-spacing: 0;
		}
	
			#contents div.nenkin-unit2 .table table caption {
				display: block;
				padding: 0 0 3px;
				font-weight: bold;
				font-size: 1.4em;
				line-height: 1.286;
				text-align: left;
			}
			
			
			#contents div.nenkin-unit2 .table table th,
			#contents div.nenkin-unit2 .table table td {
				padding: 10px 15px;
				border: 1px solid #C8C8C8;
				font-size: 1.2em;
				line-height: 1.5;
			}
			
			
			#contents div.nenkin-unit2 .table table th {
				background-color: #FBF8F4;
			}
			
			
			#contents div.nenkin-unit2 .table table td {
			}
			
				#contents div.nenkin-unit2 .table td strong {
					font-weight: bold;
					font-size: 1.167em;
				}



/**
 * nenkin-sideBanner - サイド用バナー
 *
 * 年金積立金カテゴリだけ、バナーのルールが代わり、
 * 通常、ページ下部に入るバナーがサイドに入る。
 *
 * @create: 2011-08-25 [oosugi@skillpartners.co.jp]
 * @modify: not yet
 */

#localnavi div.nenkin-sideBanner {
	margin: 0 0 10px;
}

	#localnavi div.nenkin-sideBanner ul.items {
		margin: 0;
		padding: 0;
	}
	
		#localnavi div.nenkin-sideBanner ul.items li {
			list-style: none;
			margin: 0 0 10px;
			padding: 0;
		}
		
			#localnavi div.nenkin-sideBanner ul.items li a {
				display: block;
				padding: 0 17px 0 0;
				border: 1px solid #CCCCCC;
				background: url(../images/banner_bg_01.png) no-repeat 100% 0;
				zoom: 1;
			}
			
			#localnavi div.nenkin-sideBanner ul.items li a:hover {
				border-color: #003399;
				opacity: 0.65;
				filter: alpha(opacity=65);
			}