@charset "Shift_JIS";

/********** /index.html トップページ **********/
/*----- ライフステージと保険 全体 -----*/
#main_content #lifeimgarea{
	margin-bottom:20px;
	background:url(../img/life/life_back.gif) no-repeat;
	width:621px;
}

/*----- ライフステージと保険 左メニュー部分 -----*/
#main_content #lifeimgarea .lifeimgbaselink {
	width:129px;
}

/*----- ライフステージと保険 右リンク部分 -----*/
#main_content #lifeimgarea .lifetwo{
	padding:68px 0 0;
}
#main_content #lifeimgarea .lifethree{
	padding:29px 0 0;
}
#main_content #lifeimgarea .lifetwo li,
#main_content #lifeimgarea .lifethree li{
	margin:0 0 16px;
	height:61px;
}
#main_content #lifeimgarea .lifetwo li a,
#main_content #lifeimgarea .lifethree li a{
	display:block;
	width:133px;
	height:61px;
}
#main_content #lifeimgarea .lifetwo li a:hover,
#main_content #lifeimgarea .lifethree li a:hover{
	text-indent:-9999px;
}

/*----- ライフステージと保険 右リンク部分 背景画像指定 -----*/
#main_content #lifeimgarea .life0101{
	background:url(../img/life/life0101on.gif) no-repeat;
}
#main_content #lifeimgarea .life0102{
	background:url(../img/life/life0102on.gif) no-repeat;
}
#main_content #lifeimgarea .life0103{
	background:url(../img/life/life0103on.gif) no-repeat;
}
#main_content #lifeimgarea .life0201{
	background:url(../img/life/life0201on.gif) no-repeat;
}
#main_content #lifeimgarea .life0202{
	background:url(../img/life/life0202on.gif) no-repeat;
}
#main_content #lifeimgarea .life0301{
	background:url(../img/life/life0301on.gif) no-repeat;
}
#main_content #lifeimgarea .life0302{
	background:url(../img/life/life0302on.gif) no-repeat;
}
#main_content #lifeimgarea .life0401{
	background:url(../img/life/life0401on.gif) no-repeat;
}
#main_content #lifeimgarea .life0402{
	background:url(../img/life/life0402on.gif) no-repeat;
}
#main_content #lifeimgarea .life0501{
	background:url(../img/life/life0501on.gif) no-repeat;
}
#main_content #lifeimgarea .life0502{
	background:url(../img/life/life0502on.gif) no-repeat;
}
#main_content #lifeimgarea .life0601{
	background:url(../img/life/life0601on.gif) no-repeat;
}
#main_content #lifeimgarea .life0602{
	background:url(../img/life/life0602on.gif) no-repeat;
}
#main_content #lifeimgarea .life0603{
	background:url(../img/life/life0603on.gif) no-repeat;
}

/*----- お得なキャンペーン情報/お知らせ&ニューストピックス 全体 -----*/
#main_content .top_campaign_area{
	margin:0 0 15px;
	padding:0 0 15px;
	background:url(../img/gaiyou_line.gif) repeat-x left bottom;
}
* html .top_campaign_area{
	zoom:1;
}
#main_content .top_news_area{
	margin:0 0 15px;
}
* html .top_news_area{
	zoom:1;
}

/*----- お得なキャンペーン情報/お知らせ&ニューストピックス リンクリスト -----*/
#main_content .top_campaign_list,
#main_content .top_news_list{
	float:right;
	width:449px;
}
#main_content .top_campaign_list li,
#main_content .top_news_list li{
	padding:0 0 0 15px;
	line-height:24px;
	text-indent:-15px;
}
#main_content .top_campaign_list li a,
#main_content .top_news_list li a{
	color:#000;
}
#main_content .top_campaign_list li a:hover,
#main_content .top_news_list li a:hover{
	text-decoration:underline;
}

/*----- お得なキャンペーン情報/お知らせ&ニューストピックス もっと読む -----*/
#main_content .camp_more_btn{
	clear:both;
	margin-bottom:0;
	padding:0 15px 0 0;
	background:url(../img/more_gr.gif) right 6px no-repeat;
	text-align:right;
}
#main_content .camp_more_btn a{
	color:#00953e;
}
#main_content .news_more_btn{
	clear:both;
	margin-bottom:0;
	padding:0 15px 0 0;
	background:url(../img/more_pk.gif) right 6px no-repeat;
	text-align:right;
}
#main_content .news_more_btn a{
	color:#ff6aa9;
}

/*----- カテゴリーから選ぶ/取り扱い保険会社から選ぶ -----*/
#main_content .top_contents_select{
	margin-bottom:20px;
}

/*----- カテゴリーから選ぶ 全体 -----*/
#main_content .top_category_select{
	float:left;
	width:195px;
}

/*----- 取り扱い保険会社から選ぶ 全体 -----*/
#main_content .top_company_select{
	float:right;
	background:url(../img/choose_bg.gif) repeat-y;
	width:418px;
}
#main_content .top_company_select_inner{
	padding:0 0 15px;
	background:url(../img/choose_bg_btm.gif) no-repeat left bottom;
}

/*----- 取り扱い保険会社から選ぶ 見出し -----*/
#main_content .top_company_select .top_select_heading{
	margin:15px 10px 5px;
	padding-bottom:5px;
	background:url(../img/choose_blc_title.gif) no-repeat left bottom;
	font-size:133%;
}

/*----- 取り扱い保険会社から選ぶ リンクリスト（2カラム） -----*/
#main_content .top_company_select_list{
	padding:0 30px;
}
#main_content .top_company_select_list .top_company_select_left{
	float:left;
	width:194px;
}
#main_content .top_company_select_list .top_company_select_right{
	float:right;
	width:154px;
}
#main_content .top_company_select_list li{
	padding:10px 0 10px 10px;
	background:url(../img/list_icon.gif) no-repeat left center;
	line-height:1.3;
}
#main_content .top_company_select_list li a{
	font-size:117%;
	font-weight:bold;
	color:#e84990;
}
#main_content .top_company_select_line{
	margin:0 0 15px;
	padding-bottom:20px;
	background:url(../img/choose_blcfoot.gif) no-repeat left bottom;
}

/*----- バナー（1つ） -----*/
#main_content .banner_box{
	margin-bottom:20px;
}

/*----- バナー（3カラム） -----*/
#main_content .banner_box2{
	margin:0 -4px 15px 0;
	width:624px;
}
#main_content .banner_box2 p{
	float:left;
	margin:0 4px 5px 0;
	width:204px;
}

/*----- グループ企業バナー（3カラム） -----*/
#main_content .group_banner_box{
	margin-bottom:5px;
}
#main_content .group_banner_box p{
	float:left;
	margin:0 1px 5px 0;
	margin-right:1px;
	width:206px;
}

/********** フロート解除 **********/
#main_content .banner_box2:after,
#main_content .group_banner_box:after,
#main_content .top_contents_select:after,
#main_content .top_company_select_list:after{
	display:block;
	clear:both;
	height:0;
	line-height:0;
	content:"";
	visibility:hidden;
}
#main_content .banner_box2,
#main_content .group_banner_box,
#main_content .top_contents_select,
#main_content .top_company_select_list{
	display:inline-table;
	min-height:1%;
}
* html #main_content .banner_box2,
* html #main_content .group_banner_box,
* html #main_content .top_contents_select,
* html #main_content .top_company_select_list{
	height:1%;
	overflow:visible;
}
#main_content .banner_box2,
#main_content .group_banner_box,
#main_content .top_contents_select,
#main_content .top_company_select_list{
	display:block;
}
/*----- グループ企業紹介ページへのリンク -----*/
#main_content .group_hp_link{
	text-align:right;
	margin-top:15px;
}
/*----- ランキングバナー -----*/
#main_content #rank2 table {
	position:relative;
	background:url(../common/img/cp_banner/bnr_620_260_rank2.jpg) left top no-repeat;
}
#main_content #rank2 ul li {
	width:150px;
    height:50px;
    color:#D8588B;
    font-size:13px;
    font-weight:bold;
    padding:5px 3px 0px 45px;
	vertical-align:middle;
}    
/*----- ランキングバナー 旧-----*/
#main_content #rank table {
	position:relative;
	background:url(../common/img/cp_banner/bnr_620_260_rank.jpg) left top no-repeat;
}
#main_content #rank ul li {
    height:28px;
    color:#D8588B;
    font-size:13px;
    font-weight:bold;
    padding:12px 0px 0px 70px;
}