@charset "utf-8";

#contents {
	width: 655px;
	margin: 0 auto;
}
/*--------------------------------------
ALL
----------------------------------------*/	
p {
	margin: 0;
	padding: 0;
}
.red {
	color: #CC0000; 
}
.green {
	 color: #006633;
}
h2.headline {
	background: url(/Portals/0/images/common/headline-02.gif) no-repeat top left;
	width: 635px;
	height: 42px;
	padding: 28px 0 0 20px;
	margin: 0 0 20px;
	color: #FFFFFF;
	font-size: 16px;
}
h2.headline02 {
	background: url(/Portals/0/images/common/headline-02.gif) no-repeat top left;
	width: 635px;
	height: 60px;
	padding: 20px 0 0 20px;
	margin: 0 0 20px;
	color: #FFFFFF;
	font-size: 16px;
}
h2.headline02 span {
	font-size: 14px;
	padding: 3px 0 0 0;
	display: block;
}
h3 {
	padding: 0;
	margin:	0;
}
.box {
	border: 1px solid #818181;
	background: #EEEEEE;
	padding: 10px;
	margin: 0 0 20px;
	width: 635px;
}
.area {
	padding: 10px 0;
}
.area p {
	margin: 0 0 10px;
}
/*--クリックすると画像が拡大します--*/
.click-screen {
	font-size: 10px;
	margin: 5px 0;
}
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*--------------------------------------
ヘッダーナビゲーション
----------------------------------------*/	
#nenkinkun .LogoPane {
	padding:0 0 15px;
	text-align:right;
	vertical-align:bottom;
	width:280px;
}
.head-navi ul {
	padding: 0;
	margin: 0;
}
.head-navi li {
	float: left;
	list-style: none;
	background: url(/Portals/0/images/common/arrow.gif) no-repeat 0px 2px; 
	padding: 0 20px 0 15px;
}
.head-navi li a {
	text-decoration: none;
}


/*--------------------------------------
ナビゲーション
----------------------------------------*/	
.navi {
	margin: 0 0 15px;
}

/*--------------------------------------
サイドナビゲーション
----------------------------------------*/	
.sidenavi {
	width: 180px;
}
.sidenavi h3 {
	background: url(/Portals/0/images/common/sidenavi-bg.gif) repeat-x;
	height: 21px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0 0 7px;
	margin: 0 0 2px;
}
.sidenavi ul {
	padding: 0;
	margin: 0;
}
.sidenavi ul li {
	list-style: none;
	padding: 5px 0 5px 7px;
	margin: 0 0 2px;
	background: #C3E799 url(/Portals/0/images/common/arrow-sidenavi.gif) no-repeat 165px 8px;
}
.sidenavi ul li a,.sidenavi ul li a:link,.sidenavi ul li a:visited,.sidenavi ul li a:focus,.sidenavi ul li a:active {
	text-decoration: none;
	color: #000000;
}
.sidenavi ul li a:hover {
	text-decoration: underline;
	color: #000000;
}

/*--------------------------------------
日本PAS協会について
----------------------------------------*/	

.society table {
	margin:0 0 10px;
	width: 100%;
	background: #69B960;
}
.society table th {
	background: #DCF7DD;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding: 5px 10px;
	width: 180px;
}
.society table td {
	padding: 5px;
	background: #ffffff;
}
/*--代表者よりメッセージ--*/
.society table td .president {
	float: left;
	padding: 0px 15px 10px 0;
}
.society table td .name {
	text-align: right;
	padding: 10px 0;
	font-size: 14px;
}

/*--------------------------------------
営業支援ツール
----------------------------------------*/	

.business-support {
	margin:5px 0 15px;
	width: 100%;
	background: #69B960;
}
.business-support h3 {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.business-support h3 span {
	color: #999999;
}
.business-support th {
	background: #DCF7DD;

	font-weight: normal;
	vertical-align: top;
	padding: 3px 5px;

}
.business-support td {
	padding: 3px 5px;
	background: #ffffff;
}
.business-support .day {
	width: 100px;
	text-align: center;	
}
.business-support .download {
	width: 100px;
	text-align: center;	
}

/*--------------------------------------
みんなが得する「新」企業年金制度【年金くん】って？
----------------------------------------*/	
.gains-box {
	border: 1px solid #818181;
	background: #EEEEEE;
	padding: 10px;
	margin: 0 0 20px;
}
.gains-box strong {
	font-weight: bold;
	color:#CC0000;
}
/*--新企業年金制度【年金くん】--*/
.gains-box .movie-box {
	margin: 10px 0;
}
/*--年金の現状と未来--*/
.gains-box .point-box {
	border: 1px solid #FABD45;
	background: #FFFFFF;
	margin: 10px 0;
}
.gains-box .point-box h3 {
	padding: 0;
	margin: 0;
	background: none;
	border-bottom: 1px solid #FABD45;
}
.gains-box .point-box strong {
	font-weight: bold;
	color:#CC0000;
}
.gains-box .point-box p {
	padding: 10px;
}
.gains-box .point-box table {
	margin: 10px;
}

/*--------------------------------------
従業員メリット
----------------------------------------*/	
.graph-right {
	float: right;
	border: 1px solid #CCCCCC;
	margin: 0 0 0 15px;
}
/*--------------------------------------
会社メリット
----------------------------------------*/	
.situation {
	margin: 10px 0;	
}
.situation strong {
	color: #C30E23;
	font-weight: bold;
}
.situation-box-left {
	float: left;
	width: 310px;
	border: 2px solid #C30E23;
	background: #ffffff;
}
.situation-box-left p {
	text-align: center;
	margin: 0 0 10px;
}
.situation-box-right {
	float: right;
	width: 310px;
	border: 2px solid #C30E23;
	background: #ffffff;	
}
.situation-box-right p {
	text-align: center;
	margin: 0 0 10px;
}


/*--------------------------------------
簡単ステップ
----------------------------------------*/	

.step-box-top {
	background: url(/Portals/0/images/contents/step/stepbox-top.gif) no-repeat top left;
}
.step-box-bottom {
	background: url(/Portals/0/images/contents/step/stepbox-bottom.gif) no-repeat bottom left;
	padding: 10px;
	color: #FFFFFF;		
}
.step-box-bottom p {
	color: #FFFFFF;		
}
.step-box {
	background: url(/Portals/0/images/contents/step/stepbox-bg.gif) repeat-y left;	
}
*html .step-box {
height: 60px;
}
.step-box h4 {
	color: #FFFFFF;
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
}
.arrow-next {
	text-align: center;
	margin: 3px 0;
}

/*--------------------------------------
セミナー情報
----------------------------------------*/	
/*--申込みフォーム--*/
.ZERO{
	margin:25px auto;
	width:95%;
	border-collapse:collapse;
	text-align:left;
}