/* common */
#main_area {
	padding: 0px 0px;
}

.main_padding {
	padding: 0 10px;
}
hr {
	width: 100%;
	background-color: #cccccc;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

h2 {
	background-color: #7f7f7f;
	color: #fff;
	padding-bottom: 5px;
	padding: 5px 0 5px 10px;
	border-bottom-style: none;
	text-align: center;
}

div.desc{
}

.slick-list{
	padding-left: 0 !important;
}
.three_clmn{
/*	margin-left: -1em; */
}

.three_clmn li{
    width: 30%;
	float:left;
	margin-right: 0.7em;
	font-size: 0.75em;
	line-height: 1.5em;
}

.three_clmn li:nth-child(2) {
	margin-right: 0.8em;
}

.three_clmn li:last-child{
	margin-right: 0px;
}

.three_clmn.flow.clearfix {
    padding-bottom: 20px;
}

.three_clmn li .go_pt {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	display: block;
	background-image: none;
	background-color: #f5f5f5;
}
.three_clmn li.current .go_pt {
    background-color: #f5f5f5;
}

.three_clmn .go_pt {
}

ul.three_clmn.flow.clearfix {
    padding-bottom: 20px;
}

.flow li{
}
.flow li.current{
	color:#ff0000;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
    *zoom: 1;
}

.flow_p {
}

/* step bar */
#step-bar {
	width: 90%;
	margin: 0 auto;
}

#step-bar ul,
#step-bar li {
	margin: 0;
	padding: 0;
}

#step-bar li{
	float: left;
	width: 35%;
}

#step-bar li:last-child {
	width: 10px;
}

#step-bar p {
	font-size: 0.85em;
	margin-left: -1em;
}

.bar {
    position: relative;
}


.bar:before {
    border-top: 1px solid #7f7f7f;
    content: "";
    position: absolute;
    top: 5px;
    left: 10px;
    width: 100%;
}

.bar-current:before {
    border-top: 1px solid #ff0000;
}
.step2bar .step-bar-current:before {
    border-top: 1px solid #ff0000;
}

.step-radius {
	width: 10px;
	height: 10px;.
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #7f7f7f;
	z-index: 3;
}

.step-radius-current {
	background-color: #ff0000;
}

.barend {
	clear: both;
}

/* step1 */
/*.desc.step1 {
	width: 100%;
	margin-top: 20px;
}
.desc.step1 .go_pt{
	height: 100%;
	border-bottom: none;
	background-color: #c6c6c6;
	padding: 6px;
}


.step1 li.current .go_pt{
	background-color: #ffffff;
	border-top: solid 2px #ff0000;
	padding-top: 4px;
	font-weight: bold;
	color: #555;
	position: relative;
}*/

#yield_tab {
	text-align: center;
}

#yield_tab li {
	float: none;
	width: 25%;
	height: 40px;
	background: #ddd;
	margin: 0px;
	font-size: 11px;
	font-height: 1.2em;
	border-right: 1px solid #fff;
	border-bottom: none;
	display: inline-block;
}
step2. #yield_tab li{
}
#yield_tab li .go_pt:hover{
	cursor:pointer;
	color:#001745;
}

#yield_tab li.current .go_pt:hover{
	cursor: default;
}

.tbl_wrap{
/*	width: 90%; */
	margin: 0px auto;
	top:-4px;
}

table {
    width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
tr {
	border-bottom: solid 1px #cccccc;

}

td {
	padding: 10px 0px;
    text-align: right;
}

th {
    width: 50%;
}

th.yieldttl{
	font-weight:bold;
	text-align:center;
}
input.term {
    width: 2.5em;
    margin-right: 5px;
    border: solid 1px #bbbbbb;
    height: 28px;
}
.term_div {
    width: 50%;
    display: inline-block;
}

.term_div span{
	padding: 5px 0;
	display:block;
}
p.td_text {
    text-align: center;
    color: red;
    font-weight: bold;
    display: none;
}

.b .td_text{
	color:blue;
}
input[type="text"] {
    padding: 0 4px;
    border: solid 1px #bbbbbb;
}
.yieldtbl input{
	text-align:right;
	font-size: 16px;
    font-weight: bold;
}
input.text {
    width: 6.5em;
    margin-right: 5px;
    border: solid 1px #bbbbbb;
    outline: 0;
    height: 28px;
}
.b input{
	background-color:#f9f9f9;
	border-color:#cccccc;
}

p.aim_a {
	text-align: left;
	width: 9.5em;
	margin-left: auto;
	display: none;
}

p.aim_b {
    display: none;
}

.bottom {
    margin-top: 15px;
    position: relative;
    display: none;
}

.bottom.result_b{
	border-color:blue;
}

#circle-wrap {
	text-align: center;
	margin:20px 0;
}

img.circle {
	margin: 0 auto;
	width: 277px;
}

p.recomman_p {
	clear: both;
	padding: 10px;
	text-align: left;
}

.portfolio_a.arimawari {
	text-align: center;
	color: #555;
	line-height:25px;
}

.portfolio_a.arimawari span{
	font-size: 1.8em;
	font-weight: bold;
	line-height:30px;
}

.portfolio_a.style_a {
	text-align: center;
}

.portfolio_a.style_a span {
	color: #555;
}

.portfolio_a.style_a #style {
	font-size: 1.7em;
	font-weight: bold;
	line-height:30px;
}
#gole-rimawari{
	line-height:1.4;

}

.comparison_p1 {
	font-size: 16px;
    font-weight: bold;
    padding: 10px;
    padding-right: 35px;
    text-align: center;
    background: ;
    background: url(/common/img2016/common/arrow.png) no-repeat right 20px top 50% #f9f9f9;
    border: 1px solid #cccccc;
    margin-bottom:20px;
    width:360px;
}
p.comparison_p2 {
	clear: both;
	font-weight: bold;
	padding: 0px 10px;

}

p.comparison_p3 {
    margin-top: 20px;
    padding: 0px 10px;
}
.result_b .comparison_p4{
	color:blue;
}


#yield1, #yield2{
	display:none;
}
.tab_wapper {
    background-color: #ddd;
    position: relative;
}
.tab_main {
    width: 100%;
    float: left;
    height:42px
}
.y_tab {
    margin-right: 10px;
    margin-left: 10px;
    height:42px;
}
.left10 {
    float: left;
    margin-left: -100%;
    width: 10px;
}
.right10 {
    float: left;
    margin-left: -10px;
    width: 10px;
}
.nextbtn a:hover{
    opacity: 0.6;
}
table.table_bot {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 1px #ff0000;
}

table.table_bot th,
table.table_bot td {
	height: 1em;
	text-align: center;
	padding: 5px 0;
}

table.table_bot th:nth-child(2),
table.table_bot td:nth-child(2){
	border-left: solid 1px #cccccc;
	border-bottom: none;
}

table.table_bot .category {
	background-color: #f5f5f5;
/*	border-top: solid 1px #ff0000; */
}

table.table_bot td {
	font-weight: bold;
}

table.table_bot .sum {
	color: #ffffff;
	background-color: #555555;
}

.no-borderbottom {
	border-bottom: none;
}

#datasum {
	border-top: solid 1px #cccccc;
}


.bottom {
	position: relative;
	display: none;
}
.resultchart{
	background-color:#eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}
.result_b:after, 
.result_b:before {
	left:83%;
}

.bd_btm_dot{
	border-bottom:1px dotted #666;
	padding:10px 0;
}

.bottom.result_b:before{
	border-bottom-color:blue;
}
.slider .slick-dots li button{
	display:none;
}
.compare_tbl{
	margin:10px auto;
	width:94%;
}
/*比較チャートポップアップ*/
h1.chart_ttl{
	font-weigt:bold;
	font-size:16px;
	margin:20px 0;
}
.compare_tbl td{
	text-align:right;
}
.compare_tbl .compare_head th{
	text-align:center;
}
.closebtn{
	border:1px solid #ccc;
	width:240px;
	text-align:center;
	margin:20px auto;
	padding:10px
}
.closebtn a{
	display:block;
}
.popup_content{
	padding:20px;
}
.chart_date{
	margin-left:20px;
}
.blockarea{
	display:block;
	clear:both;
}

input[type="number"] {
    -moz-appearance: textfield;
    outline: 0;
}

.need {
	border-bottom: none;
}

.need td {
	text-align: center;
	text-decoration: underline;
	padding: 10px 0px;
}

.culc_start {
	background-color: #dddddd;
	padding: 5px 0px;
	margin: 0;
}

img.estate_img {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.a-hr {
	margin: 10px 0px;
	border: 0:
	width: 60%;
	height: 1px;
	background-color: #cccccc;
}

#need-hr {
	display: none;
}


.to_step2_link p{
	background-color: #ff0000;
	background-image: url("/common/img2016/step1/step1_link.png");
	background-repeat: no-repeat;
	background-position: 98% center;
	color: #ffffff;
	padding: 8px;
	line-height: 1.2em;
}

.recomman {
	margin-top: 20px;
	border: solid 1px #cccccc;
	margin-bottom: 20px;
}

.last {
	display: none;
}

.yieldtbl th,
.yieldtbl td {
	padding: 17px 0px;
}

/*STEP2*/
.fundsection{
	border-top:2px solid #666;
	margin-top:10px;
}
.fundsection h3{
	font-size:24px;
	font-weight:bold;
}
.fundsection .graph{
	float:right;
	width:65px;
}
.cat_info_wrapper{
	background-color:#ddd;
	padding:10px 20px;
}


.tab_wrapper {
	background-color: #ddd;
	width: 100%;
	margin-top: 10px;
}
.tab_wrapper .y_tab .go_pt{
	border-bottom: none;
	background-color: #ddd;
	color: #444;
	line-height:1.2;
	padding:4px;
	height:42px;
	border-top: solid 2px #ddd;
}

.y_tab li.current .go_pt{
	background-color: #ffffff;
	border-bottom: solid 2px #ffffff;
	border-top: solid 2px #ff0000;
	border-right: none;
	border-left: none;
	text-decoration: none;
	position: relative;
	height: 42px;
}
#column-inner .y_tab li:nth-child(2){
	border-right:none;
}
#column-inner .y_tab li.current + li{
	border-left:none;
}
#column-inner .y_tab li.current + li:nth-child(2){
	border-right:1px solid #aaa;
}
#column-inner .y_tab li:first-child{
	border-right:none;
}
#column-inner .y_tab li:last-child{
	border-left:none;
}

#column-inner .y_tab li.current{
	border-left:none;
	border-right:none;
}
#column-inner .y_tab {
	text-align: center;
}

#column-inner .y_tab li {
	float: none;
	height: 40px;
	background: #ddd;
	margin: 0px;
	font-size: 12px;
	border-bottom: none;
	display: inline-block;
	width:32%;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	height:42px;
}
#column-inner .step2 .y_tab li{
	width:49%;
}
#column-inner .y_tab li:hover{
	cursor:pointer;
	color:#001745;
}

#column-inner .y_tab li.current .go_pt:hover{
	cursor: default;
}

#tab0-1,#tab1-1,#tab2-1,#tab3-1,#tab4-1{
	/*display:noneだとslickがうまく動かない*/
	visibility:hidden;
	height:0;
}

ul.fundinfo{
	border:1px solid #cccccc;
	background-color: #ffffff;
	margin:10px;
}
ul.fundinfo li{
	padding:4px;
	border-bottom:1px solid #cccccc;
	font-size:13px;
}
ul.fundinfo li:first-child{
}
ul.fundinfo li:first-child table,
ul.fundinfo li:first-child th,
ul.fundinfo li:first-child td,
ul.fundinfo li:first-child tr
{
	border:none;
	background:none;
}
ul.fundinfo li:first-child th{
	width:auto;
	padding:0;
}
ul.fundinfo li:first-child img{
	width:70px;
}
ul.fundinfo li:nth-child(2){
}
ul.fundinfo li:nth-child(4){
	background-color: #fcc;
}
.costsort ul.fundinfo li:nth-child(4){
	background-color: #fff;
}
.costsort ul.fundinfo li:nth-child(2){
	background-color: #fcc;
}
ul.fundinfo li:nth-child(5){
	background-color: #cccccc;
	padding:0;
}
ul.fundinfo li:nth-child(6){
	background-color: #aaaaaa;
	padding:0;
}
ul.fundinfo li label{
	display:block;
	padding:8px 10px 4px 20px;
	text-align:center;
}
ul.fundinfo li:nth-child(5) label{
	background:url(/common/img2016/fundbeginner_spn/checkbox_df.png) no-repeat left 30% top 70%;
	background-size:20px;
	font-size:14px;
}
ul.fundinfo li:nth-child(5) label.checked{
	background:url(/common/img2016/fundbeginner_spn/checkbox.png) no-repeat left 30% top 70%;
	background-size:20px;
}
ul.fundinfo li label input[type=checkbox]{
	display:none;
}
ul.fundinfo li label input[type=radio]{
	margin-right:6px;
}
ul.fundinfo li dl{
	width:100%;
}
ul.fundinfo li dl dt{
	float:left;
	width:60%;
}
ul.fundinfo li dl dd{
	float:left;
	font-weight: bold;
	text-align: right;
	width:40%;
}
.slick-slide {
    outline-color: #fff !important;
}
.fs11{
	font-size:11px;
}
ul.fundinfo td{
	text-align:left;
	font-size:15px;
	font-weight:bold;
	padding:4px;
	height: 90px
}
ul.funddesc{
	list-style-type: disc;
	margin:10px;
    padding-left: 20px;
}
ul.funddesc li{
	list-style-type: disc;
	font-size:11px;
	line-height:1.5;
	margin-bottom:4px;
}
ul.funddesc li a{
	text-decoration:underline;
}
#to_step3_link{
	display:block;
	color:#fff;
	padding:10px;
	background:url('/common/img2016/fundbeginner_spn/arrow_white.png') no-repeat 96% 50% #ff0000;
	background-size:9px;
}

.fundsection .slick-prev, .fundsection .slick-next {
	position:relative;
}
#circle-wrap{
	width:90%;
	margin-left:-20%;
}
.chart_bg{
	background:url('/common/img2016/fundbeginner_spn/chart.png') no-repeat right 60%;
	background-size:50%;
}
p.amotokin {
    text-align: left;
    width: 9.5em;
    margin-left: auto;
}