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


/*----------------------------------------
基本設定
----------------------------------------*/

/*基本フォント--------------------*/

body{
	color:#000000;
	font-family:Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.8em;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

address,em{
	font-style:normal;
}

* html body{
	font-size:90%;
}

*:first-child + html body{
	font-size:90%;
}


/*基本タグ--------------------*/

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,from,input,textarea{
	margin:0px;
	padding:0px;
}

body{
	text-align:center;
	background:#FFFFFF;
}

img,table{
	border:none;
}

ol,ul{
	list-style:none;
}


/*基本テキストリンク--------------------*/

a{
	text-decoration:underline;
}

a:link{
	color:#0033CC;
	text-decoration:underline;
}

a:visited{
	color:#0033CC;
	text-decoration:underline;
}

a:hover{
	color:#0033CC;
	text-decoration:underline;
}

a:active{
	color:#0033CC;
	text-decoration:underline;
}


/*----------------------------------------
float解除
----------------------------------------*/

br.clr /*テスト用*/	{
	clear:both;
	font-size:0px;
	line-height:0px;
}

.clearfix:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}
/*\*/
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/**/


/*----------------------------------------
レイアウト枠
----------------------------------------*/

div#wrap{
	background:url(../img/header_bg.jpg) repeat-x;
}

div#wrap02{
	background:url(../img/header_bg02.jpg) repeat-x;
}

div#contents{
	width:950px;
	margin:0px auto;
	text-align:left;
}

p#header_logo{
	width:420px;
	height:104px;
	background:url(../img/header_logo.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p#header_logo02{
	width:420px;
	height:104px;
	background:url(../img/header_logo02.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#main{
	width:680px;
	margin-bottom:30px;
	float:left;
}

p#pan_navi{
	margin:0px 0px 20px;
	line-height:1.0em;
}

div#side{
	width:230px;
	margin:0px 0px 30px 0px;
	float:right;
}

div#side02{
	width:230px;
	margin:20px 0px 30px 0px;
	float:right;
}


/*ヘッダーメニュー----------*/

div#header_menu_area{
	border-bottom:4px #EAEAEA solid;
	background:url(../img/header_menu_bg.jpg) repeat-x;
}

ul#header_menu{
	width:960px;
	margin:0px auto;
}

ul#header_menu li{
	float:left;
}

/*TOP*/

ul#header_menu li.top a{
	width:138px;
	height:65px;
	background:url(../img/header_menu_top.jpg) repeat-x;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

ul#header_menu li.top a:hover{
	background:url(../img/header_menu_top.jpg) no-repeat 0px -65px;
}

ul#header_menu li.top_a a{
	width:138px;
	height:65px;
	background:url(../img/header_menu_top.jpg) no-repeat 0px -65px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*保険選び*/

ul#header_menu li.choice a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_choice.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

ul#header_menu li.choice a:hover{
	background:url(../img/header_menu_choice.jpg) no-repeat 0px -65px;
}

ul#header_menu li.choice_a a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_choice.jpg) no-repeat 0px -65px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*FPとは！*/

ul#header_menu li.aboutfp a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_aboutfp.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

ul#header_menu li.aboutfp a:hover{
	background:url(../img/header_menu_aboutfp.jpg) no-repeat 0px -65px;
}

ul#header_menu li.aboutfp_a a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_aboutfp.jpg) no-repeat 0px -65px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*ライフプラン*/

ul#header_menu li.lifeplan a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_lifeplan.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

ul#header_menu li.lifeplan a:hover{
	background:url(../img/header_menu_lifeplan.jpg) no-repeat 0px -65px;
}

ul#header_menu li.lifeplan_a a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_lifeplan.jpg) no-repeat 0px -65px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*取扱保険会社*/

ul#header_menu li.company_list a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_company_list.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

ul#header_menu li.company_list a:hover{
	background:url(../img/header_menu_company_list.jpg) no-repeat 0px -65px;
}

ul#header_menu li.company_list_a a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_company_list.jpg) no-repeat 0px -65px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*営業拠点*/

ul#header_menu li.company_member a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_company_member.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

ul#header_menu li.company_member a:hover{
	background:url(../img/header_menu_company_member.jpg) no-repeat 0px -65px;
}

ul#header_menu li.company_member_a a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_company_member.jpg) no-repeat 0px -65px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*会社案内*/

ul#header_menu li.company a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_company.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

ul#header_menu li.company a:hover{
	background:url(../img/header_menu_company.jpg) no-repeat 0px -65px;
}

ul#header_menu li.company_a a{
	width:137px;
	height:65px;
	background:url(../img/header_menu_company.jpg) no-repeat 0px -65px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}


/*サイドメニュー----------*/

ul.side_menu{
	width:230px;
	border-top:1px #CCCCCC solid;
}

ul.side_menu li{
	padding:3px 0px;
}

ul.side_menu li a{
	text-decoration:none;
}

ul.side_menu li a:hover{
	text-decoration:underline;
}

ul.side_menu li.list01{
	width:230px;
	padding:3px 0px;
	border-bottom:1px #CCCCCC solid;
}

ul.side_menu li.list02{
	margin-left:20px;
	padding:3px 0px;
}

ul.side_menu li.list03{
	width:230px;
	padding:3px 0px;
	border-bottom:3px #CCCCCC double;
}

ul.side_menu li.list04{
	margin-left:60px;
	padding:3px 0px;
}


/*構成パーツ----------*/

h1{
	width:670px;
	height:32px;
	margin:20px 0px 20px;
	padding-top:13px;
	padding-left:30px;
	background:url(../img/h1_bg.jpg) no-repeat;
	font-size:1.6em;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.0em;
}

h2{
	margin:40px 0px 20px;
	padding-top:5px;
	padding-left:30px;
	background:url(../img/h2_bg.jpg) no-repeat;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.0em;
}

div.txt_area01{
	margin-bottom:30px;
}

p.txt01{
	margin:5px 0px 30px;
}


/*ページ下部バナー----------*/

p.appli_banner{
	margin:50px 0px;
	text-align:center;
}


/*フッター----------*/

div#footer{
	padding-bottom:30px;
	background:#3A3A3A url(../img/footer_bg.gif) repeat-x;
}

div#page_top_area{
	width:960px;
	margin:0px auto;
}

p#page_top a{
	width:130px;
	height:27px;
	margin-left:830px;
	background:url(../img/footer_page_top.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

p#page_top a:hover{
	background:url(../img/footer_page_top.gif) no-repeat 0px -27px;
}

ul#footer_menu{
	width:950px;
	margin:0px auto;
}

ul#footer_menu li{
	margin:10px 0px 10px 40px;
	padding-left:16px;
	background:url(../img/icon01.gif) no-repeat 0px 8px;
	font-size:0.8em;
	float:right;
}

ul#footer_menu li a{
	color:#FFFFFF;
	text-decoration:none;
}

ul#footer_menu li a:hover{
	text-decoration:underline;
}

p#footer_copyright{
	margin:50px auto 0px;
	font-size:0.8em;
	color:#FFFFFF;
	text-align:center;
}