@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 15px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

a{color:#cc6600;text-decoration:none;}
a:hover{color:#FF9900;}
a:active, a:focus {outline: 0;}
img{border:0; vertical-align: bottom;}
.clear{clear:both;}

a img:hover{opacity:0.8;}
/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 960px;
}
/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
/* パンくず */
#breadcrumbs{
	margin-bottom:10px;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear{clear:both;}
/* End hide from IE-mac */

/* margin
----------------------------------------------------------*/
/* Top */
.MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; }
/* Bottom */
.MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom: 15px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }
.MG-B50 { margin-bottom: 50px !important; }
/* padding
----------------------------------------------------------*/
/* Left */
.PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important; }
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; }
.PD-L220 { padding-left: 220px !important; }
/* Right */
.PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; }
/* bottom */
.PD-B5 { padding-bottom: 5px !important; }
.PD-B10 { padding-bottom: 10px !important; }
.PD-A10{ padding: 10px !important; }
/* フォントサイズ・カラー
----------------------------------------------------------*/
.TXT-XS { font-size:10px;}
.TXT-SS { font-size:11px;}
.TXT-S { font-size:13px;}
.TXT-M { font-size:16px;}
.TXT-L { font-size:18px;}
.TXT-LL{ font-size:20px;}

.indent{margin-left:1em;text-indent:-1em;}
.border{text-decoration:underline;}
.bold{font-weight:bold;}
.center{text-align:center !important;}
.left{text-align:left;}
.right{text-align:right;}
.red{color:#C00;}
.gre{color:#390;}
.blue{color:#36C;}
.orange{color:#E45200;}
.fleft{float:left;margin:0 15px 15px 0;}
.fright{float:right;margin:0 0 15px 15px;}
/* その他共通
----------------------------------------------------------*/
.box{
	border:1px solid #ccc;
	padding:7px;
}
.section{
	padding:0 10px;
}
.arrow{
	background:url(images/list.png) no-repeat left 50%;
	padding-left:10px;
}
.breadcrumb{padding:5px;}

dl.common dt{
	font-weight:bold;
	padding:5px 0;
}
dl.common dd{
	padding-left:1em;
	margin-bottom:10px;
}
.radius{
	padding:10px;
	border:1px solid #ccc;
	border-radius:10px;
	behavior: url("scripts/PIE.htc");
}
.list_flower{
	background:url(images/list_flower.png) no-repeat left 45%;
	padding-left:40px !important;
	line-height:32px;
	maring-bottom:5px;
}
.list_flower2{
	background:url(images/fee/list_flower2.gif) no-repeat left top;
	padding-left:40px !important;
	line-height:32px;
	maring-bottom:5px;
}
.list_inline li{display:inline;}

/*MTの投稿記事内の段落行間調整*/
.entrycontent{
	line-height:1.5 !important;
}
.entrycontent p{padding:0 !important;}


/*************
/* ヘッダー
*************/
#header{
height: 200px;
position:relative;
}
#header h1 {
position:absolute;
padding: 3px 0 0;
font-size: 12px;
font-weight: normal;
right:3px;
}

#header a#logo{
position:absolute;
top:20px;
left:20px;
}
#header ul#topnav{
position:absolute;
top:150px;
}
#header #headcont{
position:absolute;
top:30px;
right:10px;
}
#header #headcont li{list-style:none; text-align:right;margin-bottom:5px;}
.socialbutton{
position:absolute;
top:75px;
left:300px;
}

/*************
/* トップナビゲーション
*************/
ul#topnav{
width: 960px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:137px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 137px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-137px 0;}
ul#topnav a#menu{background-position:-274px 0;}
ul#topnav a#faq{background-position:-411px 0;}
ul#topnav a#map{background-position:-548px 0;}
ul#topnav a#blog{background-position:-685px 0;}
ul#topnav a#link{background-position:-823px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-137px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-274px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-411px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-548px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-685px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-823px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 668px;
padding: 15px 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
margin-bottom: 15px;
padding: 0 10px 0px 25px;
line-height: 40px;
font-size: 20px;
font-weight: normal;
color: #252525;
background: url(images/heading.jpg) no-repeat;
}
#main h2.img{
padding: 0;
background: none;
}

#main h3 {
font-size: 18px;
font-weight: normal;
line-height: 30px;
padding-left: 10px;
margin-top: 10px;
margin-bottom:15px;
letter-spacing: 0.2em;
color:#EA7500;
border-bottom: 1px solid #999;
}
#main h3.img{
padding: 0;
background: none;
border:none;
}
#main p {
padding: 5px 0 .75em 0;
}

/* 画像を右に回りこみ */
#main div.withImage{
width: 648px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main div.withImage img{
float: right;
margin-left: .5em;
}



/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 15px;}
#main li, #footer li{margin-bottom: .5em;}

ul.check li{
	background:url(images/li_check.gif) no-repeat left 50%;
	list-style:none;
	padding-left:30px;
	
}
ul.liarrow li{
	background:url(images/list.png) no-repeat left 50%;
	padding-left:15px;
	list-style:none;
}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 15px 0;
}

#sidebar p{margin-bottom: 20px;}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 5px 10px 0px;
list-style: none;
border-bottom: 1px solid #efefef;
}
#sidebar .last{
	margin-right:0;
	border-bottom:none !important;
}

#sidebar #faq li a{
background: url(images/list.png) no-repeat 0 5px;
display: block;
padding-left:13px;
font-size:13px;
}

#sidebar #faq li a:hover{background-position: 3px 5px;}

#sidebar input{
	padding:3px 5px;
	margin-top:5px;
}
#sidebar .box{
	padding:5px 3px;

}
#sidebar dl{
	font-size:12px;
	text-align:left;
	padding-left:78px;
}
#sidebar dt{
	font-weight:bold;
	margin-bottom:5px;
}
#sidebar dd{
	margin-bottom:5px;
}
#book1{
	background:url(images/book1.png) no-repeat left top;
}
#book2{
	background:url(images/book2.png) no-repeat left top;
}
#book3{
	background:url(images/book3.png) no-repeat left top;
}
#book4{
	background:url(images/book4.png) no-repeat left top;
}
#book5{
	background:url(images/book5.png) no-repeat left top;
}
#book6{
	background:url(images/book6.png) no-repeat left top;
}
#book7{
	background:url(images/book7.png) no-repeat left top;
}
#book8{
	background:url(images/book8.png) no-repeat left top;
}
#book9{
	background:url(images/book9.png) no-repeat left top;
}
#book10{
	background:url(images/book10.png) no-repeat left top;
}
#book11{
	background:url(images/book11.png) no-repeat left top;
}
#book12{
	background:url(images/book12.png) no-repeat left top;
}
#sidebar a span{color:#111;}
/*************
/* フッター
*************/

#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer .box{
float: left;
width: 200px;
margin: 20px 0px 10px 0;
padding:0;
line-height: 1.2;
border:none;
}

#footer li{
margin: 0 0 5px 0;
list-style:none;
}

#footer li a{
background: url(images/list2.png) no-repeat left 3px;
padding-left:15px;
font-size:13px;
}

#footer #flogo{
float:left;
padding: 10px 0 5px;
width: 150px;
}

address{
padding: 10px 0 3px;
text-align: center;
font-style:normal;
font-size: 14px;
clear:both;
display:block;
background-color:#FF4D00;
color:#FFF;
}
address a{color:#FFF !important;}

/*-------------------トップページ---------------------*/
.seminar{width:100%;}
.seminar th{
	border-bottom:1px dotted #ccc;
}
.seminar th,.seminar td{
	padding:5px;
}
.seminar .borderR{
	border-right:1px dotted #ccc;
	text-align:right;
	padding-right:10px;
}
.seminar a{
	background:url(images/list2.png) no-repeat left 5px;
	padding-left:15px;
	display:block;
}
.seminar_top{
	height:200px;
	overflow-y:scroll;
}
.topics tr{

}
.topics th,.topics td{
	vertical-align:top;
	padding:10px 5px;
	border-bottom:1px dotted #ccc;
}
.topics dt{
	margin-bottom:.75em;
}
.topics{
	word-break:break-all;
}

html,body {
scrollbar-arrow-color:#ff6600;
scrollbar-face-color:#ffcc99;
scrollbar-3dlight-color:#ffcc66;
scrollbar-darkshadow-color:#ff9933;
scrollbar-track-color:#efefef;
}

/*------------------プロフィール---------------------*/
.font25{font-size:25px; font-family:"HGS行書体", "HGP行書体", "HG行書体", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;}

#prof{background:url(images/profile/img_maeno.jpg) no-repeat right top;}


/*------------------事務所案内---------------------*/
#office{
	border-collapse:collapse;
	width:100%;
	margin-bottom:30px;
}
#office th,#office td{
	border:1px solid #ccc;
	padding:8px;
	vertical-align:text-top;
}
#office th{background-color:#FEE9DA;width:20%;font-weight:normal;}
#office dd,#office li{
	margin-left:1em;
}
#office li{
	background:url(images/list.png) no-repeat left 50%;
	list-style:none;
	margin:0 0 5px 0;
	padding-left:15px;
}
a.map{background-color:#9C3; color:#FF6; padding:10px 30px; border-radius:8px; font-weight:bold;}
a.map:hover{color:#FFF;}

/*------------------個別相談　共通---------------------*/
h3.question {
	padding:3px 0 5px 35px !important;
	letter-spacing:0 !important;
	margin-bottom:15px;
	border-bottom:1px solid #333;
	background:url(images/consulting/q.png) no-repeat left 50%;
}

.answer div{
	padding:15px;
	border:1px solid #aaa;
	border-radius:15px;
	behavior: url("../scripts/PIE.htc");
}
.answer div.contR{margin-left:140px;}
.answer div.contL{margin-right:140px;}
h4.comment {
	background-color: #CC6600;
	display:inline-block;
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	padding:3px 20px;
	margin-bottom:10px;
	border-radius:20px;
	behavior: url("../scripts/PIE.htc");
}
.box_comment{border:1px solid #CCC; padding:15px;}
/*------------------個別相談　ファミリー--------------------*/
#bg_fami{
	background:url(images/family/img_nayami.png) no-repeat right top;
}

/*------------------個別相談　ご夫婦--------------------*/
#bg_couple{
	background:url(images/couple/img_nayami.png) no-repeat right bottom;
}

/*------------------個別相談　シングル--------------------*/
#bg_single{
	background:url(images/single/img_nayami.png) no-repeat right bottom;
}

/*------------------------------相談料------------------------------*/

#fee td,#place td{padding:8px 5px;}
#place td{vertical-align:top;}
#fee{border-collapse:collapse;}
#fee td{border:1px solid #ccc;}
td.color{background-color:#FFFAE6;color:#000;}
#tokuten dt{
	padding-left:40px;
	line-height:32px;
	maring-bottom:5px;
}
#tokuten dd{
	padding:10px;
	margin-bottom:15px;
	border:1px solid #ccc;
	border-radius:10px;
}
#flow li{
	list-style:none;
}
#flow li li{
	list-style-image:url(images/list.png) ;
}
#flow li dl{
	margin-left:210px;
}
#flow dt{font-weight:bold; font-size:18px;margin-bottom:10px;}
#flow dd{margin:0 0 10px 1em;}
#flow1,#flow2,#flow3,#flow4,#flow5{padding:15px 0 15px 10px;min-height:120px;border-bottom:1px dotted #ccc;}

#flow .trigger a{
	font-size:16px;
	margin-left:1em;
	padding:3px 15px;
	background-color:#FFFAE6;
	border:1px solid #C60;
	border-radius:20px;
	behavior: url("scripts/PIE.htc");
}

#feetable{position:relative;}
.planF,.planS,.planK{
    position: absolute;
    display: block;
    text-indent: -9999px;
    left: 431px;
    top: 294px;
}
#feetable a:hover{background:#EFEFEF; opacity:0.3;}
.planF,.planS,.planK{
    width: 926px;
    height: 416px;
    left: -596px;
}
.planF{
	width:150px;
	height:258px;
	left:20px;
	top:167px;
}
.planS{
	width:150px;
	height:258px;
	left:170px;
	top:167px;
}
.planK{
    width: 305px;
    height: 258px;
    left: 339px;
    top: 167px;
}
/*------------------------------講演・執筆------------------------------*/

#jisekilist{
	width:640px;
	margin:0 auto;
}
.box1{
float: left;
width: 195px;
margin: 0px 26px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}
.last{margin-right:0;}
/* ボタン */
p.button{
text-align: center;
margin: 10px 0;
}

.seminarlist{
	height:400px;
	overflow-y:scroll;
}

/*------------------------------メールマガジン------------------------*/
#mailmagazine{
	background:url(images/mailmagazine/img_top.png) no-repeat right top;
}
.form{
	border:1px solid #ccc;
	width:450px;
}
.form input{
	padding:3px 5px;
	margin-top:5px;
}
#backnumb li{
	background:url(images/mailmagazine/list.png) no-repeat left 50%;
	list-style:none;
	padding:5px 0 5px 40px;
	margin-bottom:15px;
}
#magazinearchive li{
	background:url(images/list.png) no-repeat left 50%;
	padding-left:10px;
	list-style:none;
}
/*---------------------------教えてFP彩ちゃん------------------------*/
#kakei li,#hoken li,#homeloan li,#nenkin li,#investment li,#tax li,#etc li{
	list-style:none;
	padding-left:30px;
	line-height:24px;
}
#kakei .last,#hoken .last,#homeloan .last,#nenkin .last,#investment .last,#tax .last,#etc .last{
	background:none;
	text-align:right;
}
#kakei li{
	background:url(images/fp-ayachan/faq1.gif) no-repeat left 50%;
}
#hoken li{
	background:url(images/fp-ayachan/faq2.gif) no-repeat left 50%;
}
#homeloan li{
	background:url(images/fp-ayachan/faq3.gif) no-repeat left 50%;
}
#nenkin li{
	background:url(images/fp-ayachan/faq4.gif) no-repeat left 50%;
}
#investment li{
	background:url(images/fp-ayachan/faq5.gif) no-repeat left 50%;
}
#tax li{
	background:url(images/fp-ayachan/faq6.gif) no-repeat left 50%;
}
#etc li{
	background:url(images/fp-ayachan/faq7.gif) no-repeat left 50%;
}



/*---------------------------メディア・執筆実績------------------------*/
.block{
	padding-bottom:10px;
	border-bottom:1px dotted #999;
}
/*IE7用*/
*:first-child+html .block{
	border-bottom:none;
	clear:both;
}
.blockcont{
	display:block;
	padding-left:215px;
	width:450px;
}
/*IE7用*/
*:first-child+html .blockcont {
	display:block;
	float:right;
	width:430px;
	padding-left:0px;
}
.block h3{
	font-size:14px !important;
	padding-left:15px !important;
	background:url(images/list.png) no-repeat left 50%;
}

/*ご相談者からの喜びの声　ページング設定*/
.pagenate ul li{
display:inline;
list-style-type : none;
}
.pagenate ul li a {
text-decoration:none;
}
.pagenate ul li a:hover {
color:#F90;
}
.pagenate ul li.etc a{
border:1px solid #ccc;
padding:1px 7px;
}
.pagenate ul li.etc a:hover{
border:1px solid #F96;
}
.pagenate ul li.current {
background-color:#BB3D00;
color:#FFF;
padding:1px 5px;
}




.pagenate ul li a:visited {
color:#CC6600;
}

.content-nav ul span.current_page {
padding:1px 5px;
color:#000;
}

/*----------------------------お問い合わせフォーム パネル-------------- */
#guinav li{
	margin:10px 0;
}
#guinav li a{
	color:#333;
	text-decoration:none !important;
	padding:2px 0 2px 20px;
}
#guinav li a.act{
	background:url(images/contact_list.gif) no-repeat left 50%;
	text-decoration:underline !important;
}
#guinav li a:hover{
	color:#333;

}
.mfp_buttons li{
	list-style:none;
	display:inline;
}
.entrycontent:after{clear:both;}

/*---------------------------相談前のQ&A------------------------*/
.qanda li{list-style:none;}
.qanda li.last{	background:none;text-align:right;}
.qanda h4{padding-left:30px;line-height:24px; margin-bottom:10px;}
.qanda div.answer{border:1px solid #ccc;padding:15px; border-radius:10px; margin-bottom:15px;}

#date li,#date h4{
	background:url(images/fp-ayachan/faq1.gif) no-repeat left 50%;
}
#place li,#place h4{
	background:url(images/fp-ayachan/faq2.gif) no-repeat left 50%;
}
#ready li,#ready h4{
	background:url(images/fp-ayachan/faq3.gif) no-repeat left 50%;
}
#fpfee li,#fpfee h4{
	background:url(images/fp-ayachan/faq4.gif) no-repeat left 50%;
}
#fpetc li,#fpetc h4{
	background:url(images/fp-ayachan/faq5.gif) no-repeat left 50%;
}
#date li,#place li,#ready li,#fpfee li,#fpetc li{list-style:none;padding-left:30px;line-height:24px;}
#date .last,#place .last,#ready .last,#fpfee .last,#fpetc .last{background:none;text-align:right;}
.answer th,.answer td{border:1px solid #CCC;padding:5px;}
.answer table{border-collapse:collapse;}

/*------------本気で家計を変えたいあなたへ」の書き方レッスン---------------------------*/
#movielist {background:url(images/movie/movie1.jpg) no-repeat right top;}
#movielist li{list-style:none;}
#movielist ul{margin-left:0;}
#movielist iframe{float:right;margin-left:10px;}
#movielist h3{letter-spacing:0em;}

/*------------本気で家計を変えたいあなたへ」購入者限定サイト---------------------------*/
.douga li{
	width:49%;
	display: inline-block;
}
.douga li iframe{
	display: inline-block;
}
.btn{
	display: block;
	width:250px;
	background: #E47D29;
	padding:10px;
	margin:auto;
	text-align: center;
	color:#FFF;
	border-radius: 10px;
}
.btn:hover{
	color:#FF6;
}
.box2{
	box-sizing: border-box;
	width:39rem;
	height:24rem;
	background: radial-gradient(circle, #EEE 70%, transparent 75%);
	background-size: 3rem 3rem;
	padding:15px;
}
.box2 div{
	background:#EEE;
	padding:15px;
	position:relative;
}
.box2 img{
	position:absolute;
	bottom:0;
	right:0;
}
.box2 h3{font-size:20px !important; vertical-align: top;}
.box2 h3:before{
	display:inline-block;
	content:"";
	background:url("customer/images/aya.png") no-repeat left top;
	width:50px;
	height:48px;
}