/* lifeplanning.css */

/*トップ ----------------------------------------------------- */

.rollover a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80); /* for IE */
}

#contents {
	text-align: center;
}

#inner_contents {
	width: 620px;
	margin: 0 auto;
	text-align: left;
}

#genreNav li a:hover, #genreNav .cr a {
    background: url("http://image.excite.co.jp/jp/money/images/bg_navAhover.gif") no-repeat scroll center center transparent;
}

.lifeplanning .lp_top_bnr {
	margin-bottom: 20px;
}

.lifeplanning .lp_ttl {
	font-size: 120%;
	border-left: solid 5px #354472;
	padding-left: 8px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}

.lifeplanning .lp_ttl_sub {
	text-align: left;
	margin:-20px 0 20px;
}

.lifeplanning .lp_article {
	clear: both;
	line-height: 1.4;
	padding: 0 10px 5px 0;
	margin-bottom: 8px;
	border-bottom: solid 1px #eee;
}

.lifeplanning .lp_article dt {
	float: left;
}

.lifeplanning .lp_article dt a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80); /* for IE */
}

.lifeplanning .lp_article dd {
	padding-left: 140px;
}

.lifeplanning .lp_article dd span {
	display: block;
}

.lifeplanning .lp_article .lp_article_ttl {
	margin-bottom: 5px;
	font-size: 105%;
}

.lifeplanning .lp_article .lp_article_ttl a {
	color: #FF8400;
	text-decoration: underline;
	font-weight: bold;
}

.lifeplanning .lp_article .lp_article_ttl a:hover {
	text-decoration: none;
}

.lifeplanning .lp_article  .lp_article_date {
	color: #999999;
}

.lifeplanning .lp_more {
	text-align: right;
	margin-bottom: 10px;
}

.lifeplanning .ind_text {
	padding: 10px 10px 0 10px;
	font-size: 12px;
}

.lifeplanning .lp_money_simu {
	margin: 0 auto;
}

.lifeplanning .lp_money_simu_container {
	text-align: center;
	margin-bottom: 40px;
}

.lifeplanning .lp_money_category {
	margin-bottom: 35px;
}

.lifeplanning .lp_money_category li {
	float: left;
	margin: 0 10px 7px 0;
	padding-right: 10px;
	border-right: solid 1px #000;
	line-height: 1;
}

.lifeplanning .lp_money_category li a {
	color: #FF8400;
}

/* 特集 ----------------------------------------------------- */

.lifeplanning .breadcrumb li {
	float: left;
	margin-bottom: 20px;
}

.lifeplanning .breadcrumb li a {
	color: #FF8400;
}

.lifeplanning .page_navi {
	margin-left: 170px;
	position: relative;
}

.lifeplanning .page_navi_top {
	top: -20px;
}

.lifeplanning .page_navi_bottom {
	margin-top: 20px;
	margin-bottom: 20px;
}

.lifeplanning .page_navi li {
	float: left;
	margin-right: 10px;
}

.lifeplanning .page_navi li a {
	text-decoration: none;
	display: block;
	width: 1.2em;
	padding: 0.05em 0;
	text-align: center;
}

.lifeplanning .page_navi li a:hover {
	background: #000;
	color: #fff;
}

.lifeplanning .page_navi li.cr a {
	background: #000;
	color: #fff;
}

.lifeplanning .lp_keyword li {
	float: left;
	margin-right: 5px;
}

.lifeplanning .lp_keyword li a {
	color: #999;
}

.lifeplanning .lp_article02 dd {
	padding-left: 170px;
}

/* 特集詳細 ----------------------------------------------------- */

.lifeplanning .lp_ttl02 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 20px;
	background: url("http://image.excite.co.jp/jp/money/images/bg_special.jpg") no-repeat 0 0;
	width: 620px;
	height: 79px;
	position: relative;
}

.lifeplanning .lp_ttl02 .box {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	background-color: #354472;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	padding: 4px 8px;
	padding: 0px 8px\9; /* IE8 and below */
	position: relative;	
}

.lifeplanning .lp_ttl02 .lp_ttl_category {
	position: absolute;
	top: 5px;
	left: 10px;
}

.lifeplanning .lp_ttl02 .lp_ttl_txt {
	position: absolute;
	top: 30px;
	left: 10px;
}

.contents_container {
	position: relative;
}

.contents_container .container .l_box {
	float: left;
	width: 380px;
}

.contents_container .container .r_box {
	float: right;
	width: 218px;
}

.contents_container .container {
	width: 100%;
	margin-bottom: 10px;
}

.contents_container p {
	margin-bottom: 30px;
}

/* マネートピックス ----------------------------------------------------- */

.lifeplanning .lp_ttl03 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 20px;
	background: url("http://image.excite.co.jp/jp/money/images/bg_money_topics.jpg") no-repeat 0 0;
	width: 620px;
	height: 79px;
	position: relative;
}

.lifeplanning .lp_ttl03 .box {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	background-color: #354472;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	padding: 4px 8px;
	padding: 0px 8px\9; /* IE8 and below */
	position: relative;	
}

.lifeplanning .lp_ttl03 .lp_ttl_category {
	position: absolute;
	top: 5px;
	left: 45px;
}

.lifeplanning .lp_ttl03 .lp_ttl_txt {
	position: absolute;
	top: 30px;
	left: 45px;
}

/* シミュレーター ----------------------------------------------------- */

.sm_ttl01 {
    font-size: 120%;
    height: 34px;
    line-height: 34px;
    margin: 0 0 10px;
    text-indent: 15px;
    vertical-align: middle;
    width: 491px;
	margin-bottom: 5px;
}

.sm_ttl02 {
    background: #9BA264;
    color: #FFFFFF;
    font-size: 100%;
    height: 25px;
    line-height: 25px;
    margin: 0;
    text-indent: 18px;
    vertical-align: middle;
    width: 490px;
	margin-bottom: 5px;
}

/* シミュレーター ----------------------------------------------------- */

.con_left h2 {
    background-image: url("http://image.excite.co.jp/jp/money/images/midashi_back01.gif");
    font-size: 120%;
    height: 34px;
    line-height: 34px;
    margin: 0 0 10px;
    text-indent: 15px;
    vertical-align: middle;
    width: 620px;
}

.simtext {
    color: #436123;
    font-size: 110%;
    font-weight: bold;
}

.style2 {
    color: #333333;
    font-size: 90%;
    font-weight: bold;
}

.simtext {
    color: #436123;
    font-size: 110%;
    font-weight: bold;
}

.con_left {
    color: #333333;
    font-size: 90%;
}

.tb01 td {
	padding: 4px 7px;
	border: solid 1px #ccc;
}

/* エラーページ（シミュレーター） ----------------------------------------------------- */

.ttl_error {
	margin-bottom: 30px;
}

.img_error {
	margin-bottom: 30px;
	text-align: center;
}

.back_error {
	margin-bottom: 30px;
	text-align: center;
}

/* 結果ページーページ（シミュレーター） ----------------------------------------------------- */

.simresult {
    font-size: 150%;
}

.con_left div {
    padding: 0 0 5px 10px;
}

.simtext {
    color: #436123;
    font-size: 110%;
    font-weight: bold;
}

/* TOPページ・キャッシングTOPページ　一覧表用 */
.cashing_container{
	margin-bottom: 30px;
	text-align:center;
}
.cash_container01{
width:618px;
border:1px solid #9ba264;
margin-bottom:20px;
}
.cash_container02{
width:618px;
border:1px solid #354472;
}
.cash_container_main{
background-color:#FFFFFF;
padding:10px 20px;
text-align:left;
}
.cash_tit01{
background-color:#9ba264;
padding:2px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.cash_tit02{
background-color:#354472;
padding:2px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.cashing_container a{
	color: #FF8400;
}

/* キャッシングTOPページ用 */
.cashtopimg{
margin-bottom:20px;
}

/* 記事ページ用 */
.cash_ttl01{
width:600px;
background-image:url(http://image.excite.co.jp/jp/money/images/cash_tit01.jpg);
background-repeat:no-repeat;
height:30px;
padding:2px 0 0 10px;
margin-top:10px;
margin-bottom:10px;
color:#FFFFFF;
font-weight:bold;
}

.cash_ttl02{
width:600px;
background-image:url(http://image.excite.co.jp/jp/money/images/cash_tit02.jpg);
background-repeat:no-repeat;
height:30px;
padding:2px 0 0 10px;
margin-top:10px;
margin-bottom:10px;
color:#FFFFFF;
font-weight:bold;
}

.cash_ttl_txt{
font-size:130%;
font-weight:bold;
margin:0 0 10px 0;
}
.cash_img_r{
float:right;
margin:0px 0px 10px 10px;
}
.cash_txt{
text-align:left;
margin-bottom:30px;
}
.cash_kanren{
text-align:left;
margin-bottom:30px;
}
.cash_kanrentit01{
background-color:#898989;
color:#FFFFFF;
font-weight:bold;
margin-bottom:4px;
padding-top:2px;
padding-left:10px;
}
.cash_kanren a{
color: #FF8400;
}

/* 記事ページ　右一覧表用 */

.cashing_container_l{
	margin-bottom: 30px;
	text-align:center;
}
.cash_container01_l{
width:298px;
border:1px solid #9ba264;
margin-bottom:10px;
}
.cash_container02_l{
width:298px;
border:1px solid #354472;
}

.cash_container_main_l{
background-color:#FFFFFF;
padding:10px 20px 0 20px;
text-align:left;
}

.cashing_container_l li{
margin-bottom:10px;
}