@charset "utf-8";

/* ========================================================
	contents css => 下層ページ用css
======================================================== */

/* contentsArea
============================================================================================================ */
div#contentsArea {
	float: left;
	width: 650px;
}

div#contentsAreaAFF {
	width: 650px;
	padding-left: 75px;
}

div.hi50 {
 margin-top: 50px;
}

div.hi100 {
 margin-top: 100px;
}
/* 相談のご予約は
----------------------------------------------------------------------------------------- */
#h1box{
float:left;
width:500px;}

#menu{
background-image:url(../img/navi_bg.gif);
width:100%;
}
#btn{
width:900px;
margin:auto;}


/* 相談のご予約は
----------------------------------------------------------------------------------------- */
 dl.reservation {
	margin-bottom: 10px;
	padding: 0;
	background: url(../images/side/reservation_bg.gif) no-repeat;
	float:left;
}
 dl.reservation dt {
	margin-bottom: 7px;
	width:201px;
	
}

 dl.reservation dt {
	margin-bottom: 7px;	width:201px;
}

/* box
----------------------------------------------------------------------------------------- */
div#sideBox {
	background-image: url(../images/side/box_bg.gif);
}
div#sideBox div.inner {
	padding-top: 6px;
	background: url(../images/side/box_bg_top.gif) no-repeat;
}
div#sideBox ul {
	margin: 0 6px 6px;
	border-bottom: 1px dotted #dddddd;
	text-align: center;
}
div#sideBox ul li {
	padding-bottom: 6px;
}

div#sideBox ul.common {
	margin: 0;
	background: url(../images/side/box_bg_bottom.gif) no-repeat bottom;
	border-bottom: none;
}



/* パンくず
============================================================================================================ */
p#topicPath {
	margin-bottom: 6px;
	font-size: 84%;
}



/* 見出し系
============================================================================================================ */
div#contentsArea h2 {
	margin-bottom: 15px;
}
div#contentsArea h3 {
	margin: 15px 0 10px;
}
div#contentsArea .title_text {
	margin: 15px 0 10px;
	padding-bottom: 1px;
	border-bottom: 1px solid #e0e0e0;
}
div#contentsArea .title_text h3 {
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 2px solid #cccccc;
	font-size: 125%;
	color: #333333;
}

/* 相談のご予約は
============================================================================================================ */
dl#reservationBox {
	height: 89px;
	margin-top: 30px;
	padding: 19px 17px 0 28px;
	background: url(../images/reservation_bg.gif) no-repeat;
}
dl#reservationBox dt {
	float: left;
	padding-top: 10px;
}
dl#reservationBox dd {
	text-align: right;
	padding-top:12px
}

dl.reservationBoxAFF {
	height: 89px;
	margin-top: 30px;
	padding: 19px 17px 0 28px;
	background: url(../images/reservation_bg.gif) no-repeat;
}
dl.reservationBoxAFF dt {
	float: left;
	padding-top: 10px;
}
dl.reservationBoxAFF dd {
	text-align: right;
	padding-top:12px
}

/* ページトップ
============================================================================================================ */
p.pagetop {
	margin: 5px 0 20px;
	text-align: right;
}

/* ボックスコンテンツ
============================================================================================================ */
div.box_contents {
	margin-bottom: 5px;
	background-image: url(../images/box_bg.gif);
}
div.box_contents div.box_inner {
	background: url(../images/box_bg_top.gif) no-repeat;
}
div.box_contents div.box_inner2 {
	padding: 3px;
	background: url(../images/box_bg_bottom.gif) no-repeat bottom;
	zoom: 1;
}

div.box_brown_contents {
	background-image: url(../images/box_brown_bg.gif);
}
div.box_brown_contents div.box_inner {
	background: url(../images/box_brown_bg_top.gif) no-repeat;
}
div.box_brown_contents div.box_inner2 {
	padding: 3px;
	background: url(../images/box_brown_bg_bottom.gif) no-repeat bottom;
	zoom: 1;
}

div.box_blue_contents {
	background-image: url(../images/box_blue_bg.gif);
}
div.box_blue_contents div.box_inner {
	background: url(../images/box_blue_bg_top.gif) no-repeat;
}
div.box_blue_contents div.box_inner2 {
	padding: 3px;
	background: url(../images/box_blue_bg_bottom.gif) no-repeat bottom;
	zoom: 1;
}
/* タイトル
----------------------------------------------------------------------------------------- */
.box_title {
	padding-bottom: 1px;
	border-bottom: 1px solid #e1d9ce;
	line-height: 1.3;
}
.box_title h3, .box_title h4 {
	margin: 0 !important;
	background-color: #f4f1ec;
}



/* 表
============================================================================================================ */
table.basic {
	width: 100%;
	background-color: #cccccc;
}
table.basic th,
table.basic td {
	padding: 0.5em 1em;
	border: 1px solid #ffffff;
	vertical-align: top;
}
table.basic th {
	background-color: #ededed;
}
table.basic td {
	background-color: #ffffff;
}
th.w10, td.w10 {width: 10%;}
th.w20, td.w20 {width: 20%;}
th.w25, td.w25 {width: 25%;}
th.w30, td.w30 {width: 30%;}
th.w40, td.w40 {width: 40%;}
th.w50, td.w50 {width: 50%;}



/* フォーム
============================================================================================================ */
div.form_contents form {
	padding: 13px 13px 0;
}
input.w050 {width: 50px;}
input.w100 {width: 100px;}
input.w130 {width: 130px;}
input.w150 {width: 150px;}
input.w200 {width: 200px;}
input.w250 {width: 250px;}
input.w300 {width: 300px;}
input.w350 {width: 350px;}
input.w400 {width: 400px;}
input.w450 {width: 450px;}
textarea.textarea {width: 400px;height: 150px;}
form p.btn {
	padding: 10px 0;
	text-align: center;
}
form p.btn input,
form p.btn img {
	margin: 0 8px;
	vertical-align: middle;
}



/* 共通
============================================================================================================ */
ul.circle_big li {
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}




/* 保険百科
============================================================================================================ */
/* 検索
----------------------------------------------------------------------------------------- */
div.search_contents .box_title h3 {
	padding: 0.6em 57px 0.5em;
	background: #f4f1ec url(../images/title_syllabaric.gif) no-repeat 0px 0.1em;
	color: #333333;
	font-size: 117%;
}

div.search_alphabet {
	position: relative;
	background-image: url(../images/box_title_bg.gif);
	zoom: 1;
}
div.search_alphabet dl {
	background: url(../images/box_title_bg_top.gif) no-repeat;
}
div.search_alphabet dt {
	position: absolute;
	top: 5px;
	left: 6px;
}
div.search_alphabet dd {
	padding: 5px 0 4px 150px;
	background: url(../images/box_title_bg_bottom.gif) no-repeat bottom;
}
div.search_alphabet dd ul {
	zoom: 1;
}
div.search_alphabet dd ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
div.search_alphabet dd li {
	float: left;
	margin-right: 1px;
}

/* コンテンツ
----------------------------------------------------------------------------------------- */
div.encyclopedia_contents {
	margin: 20px 14px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e1d9ce;
}
div.encyclopedia_contents h4 {
	margin-bottom: 5px;
	padding: 0.1em 26px 0.2em;
	background: url(../images/title_icon.gif) no-repeat;
	color: #ef889c;
}



/* セミナー
============================================================================================================ */
div.seminar_contents .box_title h4 {
	padding: 0.6em 38px 0.5em;
	background: #f4f1ec url(../images/title_icon.gif) no-repeat 12px 0.5em;
	color: #333333;
	font-size: 117%;
}
div.seminar_contents p.no {
	padding: 0.2em 1em;
	border-bottom: 1px solid #e1d9ce;
	text-align: right;
}
div.seminar_contents div.contents {
	padding: 15px;
	zoom: 1;
}
div.seminar_contents div.contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
div.seminar_contents p.ph {
	float: left;
	padding: 1px;
	border: 1px solid #cccccc;
}
div.seminar_contents dl {
	float: right;
	width: 420px;
	line-height: 1.3;
}
div.seminar_contents dl dt {
	float: left;
	width: 83px;
	padding: 0.3em 0;
	background: url(../images/seminar_title_bg.gif) no-repeat;
	color: #ffffff;
	text-align: center;
}
div.seminar_contents dl dd {
	margin-left: 90px;
	margin-bottom: 3px;
	padding: 0.3em 0;
}
div.seminar_contents ul.application_btn {
	padding: 10px;
	border-top: 1px solid #e1d9ce;
	text-align: center;
}


/* よくあるご質問
============================================================================================================ */
div.qa_list {
	margin-bottom: 20px;
	line-height: 1.3;
}
div.qa_list div {
	margin-bottom: 5px;
	background-image: url(../images/box_title_bg.gif);
	zoom: 1;
}
div.qa_list dl {
	padding-top: 8px;
	background: url(../images/box_title_bg_top.gif) no-repeat;
}
div.qa_list dl dt {
	float: left;
	display: inline;
	width: 55px;
	margin-left: 10px;
	padding: 0.3em 0;
	background: url(../images/qa_q_bg.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
div.qa_list dl dd {
	padding: 0.3em 10px 0.8em 75px;
	background: url(../images/box_title_bg_bottom.gif) no-repeat bottom;
}
div.qa_contents .box_title p {
	float: left;
	display: inline;
	width: 55px;
	margin-top: 0.6em;
	margin-left: 7px;
	padding: 0.3em 0;
	background: url(../images/qa_q_bg.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
div.qa_contents .box_title h4 {
	padding: 0.9em 10px 0.8em 72px;
	color: #333333;
}
div.qa_contents .contents {
	margin: 12px 12px 10px 10px;
	padding: 2px 0 0 32px;
	background: url(../images/qa_a_bg.gif) no-repeat;
}



/* 声
============================================================================================================ */
div.voice_contents {
	margin: 8px;
	background: url(../images/voice_box_bg.gif) repeat-y;
}
div.voice_contents div.voice_inner {
	background: url(../images/voice_box_bottom.gif) no-repeat left bottom;
	zoom: 1;
}
div.voice_contents div.voice_inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
div.voice_contents p.ph {
	float: right;
	padding: 1px;
	border: 1px solid #74bbe8;
}
div.voice_contents .title {
	float: left;
	width: 438px;
	background: #f1f8fd url(../images/voice_title_bottom.gif) no-repeat right bottom;
	border-bottom: 3px solid #f1f8fd;
}
div.voice_contents .title p {
	float: left;
	width: 32px;
	text-align: right;
}
div.voice_contents .title h3,
div.voice_contents .title h4 {
	padding: 8px 5px 8px 50px;
	background: url(../images/voice_title_top.gif) no-repeat right top;
	line-height: 1.3;
	color: #333333;
}
div.voice_contents .contents {
	float: left;
	width: 438px;
	background: url(../images/voice_box_top.gif) no-repeat;
	zoom: 1;
}
div.voice_contents .contents dl {
	padding: 10px 12px;
}
div.voice_contents .contents dt {
	margin-bottom: 5px;
	padding: 0 8px 5px;
	border-bottom: 1px dotted #74bbe8;
	font-weight: bold;
}



/* 相談ページ系
============================================================================================================ */

/* アドバイス内容
----------------------------------------------------------------------------------------- */
div#consulAdvice div.box_area {
	margin-bottom: 16px;
	background-image: url(../images/box_column2_bg.gif);
}
div#consulAdvice div.box_area div.inner {
	background: url(../images/box_column2_bg_bottom.gif) no-repeat bottom;
	zoom: 1;
}
div#consulAdvice div.box_area div.inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

div#consulAdvice div.box_area div div {
	width: 320px;
	padding-bottom: 15px;
}
div#consulAdvice div.box_area p {
	float: right;
	padding: 20px 20px 0 0;
}
div#consulAdvice div.box_area p.inheritance {
	float: right;
	padding: 40px 8px 0 0;
}
div#consulAdvice div.box_area dl {
	padding: 20px 20px 0;
	background: url(../images/box_column2_bg_top.gif) no-repeat;
}
div#consulAdvice div.box_area dt {
	margin-bottom: 0.5em;
}
div#consulAdvice div.box_area li {
	margin-bottom: 0.2em;
}
div#consulAdvice div.text_area {
	padding: 0 10px;
}
div#consulAdvice div.text_area p {
	margin-bottom: 1em;
}

/* お客様の声
----------------------------------------------------------------------------------------- */
div#consulVoice {
	
}
div#consulVoice p.image {
	position: relative;
	left: 1px;
	float: left;
	width: 160px;
	background: url(../images/consul_voice_arrow.gif) no-repeat right;
	z-index: 3;
}
div#consulVoice div {
	width: 490px;
	float: right;
	margin-bottom: 6px;
	background-image: url(../images/consul_voice_bg.gif);
}
div#consulVoice dl {
	padding-top: 18px;
	background: url(../images/consul_voice_bg_top.gif) no-repeat;
}
div#consulVoice dt {
	margin: 0 24px 8px;

}
div#consulVoice dt strong {
	display: block;
	padding: 2px 25px 5px;
	background: url(../images/consul_voice_icon.gif) no-repeat;
}
div#consulVoice dd {
	padding: 0 28px 28px;
	background: url(../images/consul_voice_bg_bottom.gif) no-repeat bottom;
}
div#consulVoice p.more {
	clear: both;
	text-align: right;
	zoom: 1;
}

/* リタイアメント前に用意しておきたい資金
----------------------------------------------------------------------------------------- */
div#beforeRetire {
	margin-bottom: 15px;
}
div#beforeRetire dt {
	margin-bottom: 5px;
}
div#beforeRetire ul {
	margin-bottom: 5px;
	zoom: 1;
}
div#beforeRetire ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
div#beforeRetire ul li {
	float: left;
	margin-right: 5px;
}
div#beforeRetire ul li.last {
	margin-right: 0;
}