/* CSS Document */
@charset "utf-8";

/*********************************************************
			** プロフィール：profile **
*********************************************************/
/*---------- 全体枠 ----------*/
#profile{
	background-image: url(../img/bg_profile.jpg);
	background-repeat: no-repeat;
	background-position: center 10px;
	clear:both;
	margin:0px auto;
	padding:10px 0px 2.2em;
	text-align:left;
	height:265px;
	width:760px;
}
*+html body #profile{
	padding:10px 0px 2em;
}
* html body #profile{
	padding:10px 0px 1em;
}
html:\66irst-child #profile{
	background-image: url(../img/bg_profile.jpg);
	background-repeat: no-repeat;
	background-position: center 10px;
	height:265px;
	width:760px;
}
/*---------- メインコピー ----------*/
#profile h2{
	background-image: url(../img/profile_mainttl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
	width:586px;
	margin-left:174px;
}
/*---------- h3タイトル ----------*/
#profile h3{
	background-image: url(../img/profile_ttl-pro.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:30px;
	width:230px;
}
#profile h3 a{
	background-image: url(../img/profile_ttl-pro.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display:block;
	height:30px;
	width:120px;
	margin-left:110px;
}
#profile h3 a:hover{
	background-image: url(../img/profile_ttl-pro.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*---------- 左枠テキスト ----------*/
#profile .profile-in_l{
	float:left;
	margin-left:174px;
	width:282px;
}
* html body #profile .profile-in_l{
	float:left;
	margin-left:87px;
	width:272px;
}
#profile .profile-in_l p{
	padding:0px 10px;
}
#profile #name{
	background-image: url(../img/icn_cfp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#000066;
	font-weight:bold;
	margin-left:0.3em;
	padding-left:35px;
	padding-top:0.2em;
	height:2em;
}

/*---------- 右枠理念三か条 ----------*/
#profile .profile-in_r{
	float:right;
	margin:25px 0px 0px 0px;
	width:304px;
}
#profile .profile-in_r ul{
	margin:0px;
	padding:0px;
}
#profile .profile-in_r ul li{
	margin:0px;
	padding:0px;
}
#profile .profile-in_r li a{
	display:block;
	margin:0px;
	padding:0px;
  text-decoration:none;
	height:43px;
	width:304px;
}
#profile .profile-in_r ul li#ide01 a{
	background-image: url(../img/profile_ttl-ide01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#profile .profile-in_r ul li#ide01 a:hover{
	background-image: url(../img/profile_ttl-ide01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#profile .profile-in_r ul li#ide02 a{
	background-image: url(../img/profile_ttl-ide02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 15px 0px 0px 0px;
}
#profile .profile-in_r ul li#ide02 a:hover{
	background-image: url(../img/profile_ttl-ide02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 15px 0px 0px 0px;
}
#profile .profile-in_r ul li#ide03 a{
	background-image: url(../img/profile_ttl-ide03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 15px 0px 0px 0px;
}
#profile .profile-in_r ul li#ide03 a:hover{
	background-image: url(../img/profile_ttl-ide03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 15px 0px 0px 0px;
}
#profile .profile-in_r ul li#ide_ex{
	text-align:right;
	margin:10px 0px 0px 0px;
}

/*********************************************************
			** オススメ＆トリビア：rec-tri **
*********************************************************/
/*---------- 全体枠 ----------*/
#rec-tri{
	clear:both;
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:760px;
}

/*---------- オススメ保険 ----------*/
#recommend{
	float:left;
	text-align:left;
	width:340px;
}
#recommend h3{
	background-image: url(../img/recommend_mainttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width:340px;
}
/*---------- オススメ保険バナー：全枠 ----------*/
#recommend_bnr {
	margin:0px;
	padding:0px 0px 3em;
	width:340px;
}
#recommend_bnr ul{
	margin:0px;
	padding:0px;
}
#recommend_bnr ul li {
  margin:0px;
  padding:0px;
  display:inline;
}
#recommend_bnr li a {
  display:block;
  float:left;
	padding:0px;
  text-decoration:none;
  text-indent:-9999px;
	height:49px;
}
/*---------- オススメ保険バナー ----------*/
#recommend_bnr li#bnr00{
	background-image: url(../img/recommend_bnrttl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
  display:block;
	width:80px;
	height:25px;
}
#recommend_bnr li#bnr01 a{
	background-image: url(../img/recommend_bnr01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 5px 10px 0px;
	width:110px;
}
#recommend_bnr li#bnr01 a:hover{
	background-image: url(../img/recommend_bnr01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 5px 10px 0px;
	width:110px;
}
#recommend_bnr li#bnr02 a{
	background-image: url(../img/recommend_bnr02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 5px 10px 0px;
	width:110px;
}
#recommend_bnr li#bnr02 a:hover{
	background-image: url(../img/recommend_bnr02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 5px 10px 0px;
	width:110px;
}
#recommend_bnr li#bnr03 a{
	background-image: url(../img/recommend_bnr03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 10px 0px;
	width:110px;
}
#recommend_bnr li#bnr03 a:hover{
	background-image: url(../img/recommend_bnr03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 0px 10px 0px;
	width:110px;
}
#recommend_bnr li#bnr04 a{
	background-image: url(../img/recommend_bnr04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 5px 10px 0px;
	width:162px;
}
#recommend_bnr li#bnr04 a:hover{
	background-image: url(../img/recommend_bnr04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 5px 10px 0px;
	width:162px;
}
#recommend_bnr li#bnr05 a{
	background-image: url(../img/recommend_bnr05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 10px 11px;
	width:162px;
}
#recommend_bnr li#bnr05 a:hover{
	background-image: url(../img/recommend_bnr05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 0px 10px 11px;
	width:162px;
}
#recommend_bnr li#bnr06 a{
	background-image: url(../img/recommend_bnr06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 5px 10px 0px;
	width:162px;
}
#recommend_bnr li#bnr06 a:hover{
	background-image: url(../img/recommend_bnr06.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 5px 10px 0px;
	width:162px;
}
#recommend_bnr li#bnr07 a{
	background-image: url(../img/recommend_bnr07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 10px 11px;
	width:162px;
}
#recommend_bnr li#bnr07 a:hover{
	background-image: url(../img/recommend_bnr07.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 0px 10px 11px;
	width:162px;
}

/*---------- 保険トリビア ----------*/
#trivia{
	float:right;
	text-align:left;
	width:395px;
}
#trivia h3{
	background-image: url(../img/trivia_mainttl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width:395px;
	padding-bottom:0px;
	margin-bottom:0px;
}
#trivia #feedtxt{
	background-image: url(../img/trivia_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width:395px;
}
#trivia #feedtxt ul{
	background-image: url(../img/trivia_sidebg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:10px 40px 0px 10px;
	width:342px;
	height:110px;
}
#trivia #foot{
	background-image: url(../img/trivia_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width:395px;
}

/*********************************************************
			** スライドショー：sride **
*********************************************************/
/*---------- 全体枠 ----------*/
#sride{
	clear:both;
	margin:0px auto;
	padding:3em 0px 40px;
	text-align:left;
	width:760px;
}
*+html body #sride{
	padding:25px 0px 40px;
}
/*---------- h3タイトル ----------*/
#sride .mainttl{
	background-image: url(../img/sride_mainttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:30px;
	width:760px;
}
#sride h3{
	margin-left:170px;
	color:#007399;
	width:590px;
}
/*----------------------- ナビ：全枠 -----------------------*/
#sride_navi{
	margin:10px 0px 0px;
	text-align:center;
	height:38px;
	width:760px;
}
#sride_navi ul{
	margin:0px;
	padding:0px;
}
#sride_navi ul li {
  margin:0px;
  padding:0px;
  display:inline;
}
#sride_navi li a {
  display:block;
  float:left;
	padding:0px;
  text-decoration:none;
  text-indent:-9999px;
	height:38px;
	width:184px;
}

/*------------------ スライドショー ------------------*/
#sride_navi li#bnr01 a{
	background-image: url(../img/sride_bnr01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:0px;
	margin-right:5px;
}
#sride_navi li#bnr01 a:hover{
	background-image: url(../img/sride_bnr01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:0px;
	margin-right:5px;
}
#sride_navi li#bnr02 a{
	background-image: url(../img/sride_bnr02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:3px;
	margin-right:5px;
}
#sride_navi li#bnr02 a:hover{
	background-image: url(../img/sride_bnr02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:3px;
	margin-right:5px;
}
#sride_navi li#bnr03 a{
	background-image: url(../img/sride_bnr03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:3px;
	margin-right:3px;
}
#sride_navi li#bnr03 a:hover{
	background-image: url(../img/sride_bnr03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:3px;
	margin-right:3px;
}
#sride_navi li#bnr04 a{
	background-image: url(../img/sride_bnr04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:5px;
	margin-right:0px;
}
#sride_navi li#bnr04 a:hover{
	background-image: url(../img/sride_bnr04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:5px;
	margin-right:0px;
}
#sride_navi li#bnr05 a{
	background-image: url(../img/sride_bnr05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:5px;
	margin-right:0px;
}
#sride_navi li#bnr05 a:hover{
	background-image: url(../img/sride_bnr05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:5px;
	margin-right:0px;
}