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

.main_padding {
	font-size:13px;
	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{
	margin-top:10px;
}

.three_clmn{
/*	margin-left: -1em; */
}

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

.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:13px;
	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;
}


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

#step-bar ul,
#step-bar li {
	margin: 0;
	padding: 0;
}
#step-bar li{
	float: left;
	width: 55%;
}

#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%;
}


.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 main_padding{
	width:100%;
	margin:10px auto;
	text-align:center;
}

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: 45%;
}

th.yieldttl{
	font-weight:bold;
	text-align:center;
}
input.term {
    width: 2.8em;
    margin-right: 5px;
    border: solid 1px #bbbbbb;
}
.term_div {
    width: 45%;
    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: 7em;
    margin-right: 5px;
    border: solid 1px #bbbbbb;
    outline: 0;
}
.b input{
	background-color:#f9f9f9;
	border-color:#cccccc;
}
.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;
}

#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:left;
	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: #cc0000;
	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 5px;
}

/*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:0.9em;
	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;
}

p.question{
	margin-top:30px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.flow_p{
	padding-left:1.8%;
	margin:0px;
}

/*よく見られているファンド*/

table.table_spn{
	margin-bottom: 0px ;
	width:100%;
	border-collapse:collapse;
}
table.table_spn tr:nth-child(even) td{
	border-top:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	border-left-style:none;
	border-right-style:none;
	background:#f3f3f3; 
	padding:10px;
}
table.table_spn td{
	text-align:left;
	padding:10px;	
	width:100%;
	font-size:14px;	
}
.scroll table.table_spn tr:first-child td{
	border-top:none;
}
.tabl_ttl a{
	color:#444;
	text-decoration: underline;
}
/*検索ボタン*/
form{
    width:100%;
}
.tow_clm_left {
    padding: 0;
    margin:20px auto;
    width:100%;
    position: relative;
}
input[type=search] {
    outline-color: #fff !important;
    -webkit-appearance: none;
	box-sizing: border-box;
}
.txt_box {
    font-size: 14px;
    padding-left: 10px;
    width:80%;
    height: 33px;
    border: 1px solid #444;
    border-radius: 5px 0 0 5px;
}
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
.sbmt_box {
    font-size: 14px;
    width:20%;
    height: 33px;
    background: #444;
    color: #fff;
    border: 1px solid #444;
    border-radius: 0 5px 5px 0;
	position: relative;
	margin-left:-5px;
    top: 0;
}

.scroll_first ul.result_ul{
	margin-top:20px;
	border-top:1px solid #bfbfbf; 
}
ul.result_ul{
	width:106%;
	background:#f6f6f6;
	margin:0px -3%;
	border-top:1px solid #bfbfbf; 
}
.scroll ul.result_ul{
	border-top:none;
}
ul.result_ul li{
	margin:0;
	padding:10px 3% 10px 6%;
}
ul.result_ul li:first-child{
	width:100%;
}
ul.result_ul li:nth-child(2n){
	width:100%;
	background: #fff;
}
.green{
	color:#00b050;
	}
.red{
	color:red;
}

.sbmt_box{
  top: 0;
}

.txt_box{
  font-size: 14px;
}

ul.result_ul li{
  padding: 10px 10px;
}
ul.result_ul{
	margin:0 auto;
	width:100%;
}
.tac fwb mt20{
	margin:0 10px;
}
.scroll_first{
}
input[type=radio] {
    width:20px;
    height:20px;
	vertical-align:middle;
	margin-top:-0.2em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.button{
	position:absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
}
p.fundradio0{
    padding-right: 8%;
    position: relative;
}
p.fundradio1{
    padding-right: 8%;
    position: relative;
}
p.fundradio2{
    padding-right: 8%;
    position: relative;
}
p.fundradio3{
    padding-right: 8%;
    position: relative;
}
p.fundradio4{
    padding-right: 8%;
    position: relative;
}
p.fundradio5{
    padding-right: 8%;
    position: relative;
}
p.fundradio6{
    padding-right: 8%;
    position: relative;
}
p.fundradio7{
    padding-right: 8%;
    position: relative;
}
p.fundradio8{
    padding-right: 8%;
    position: relative;
}
p.fundradio9{
    padding-right: 8%;
    position: relative;
}
p.fundradio10{
    padding-right: 8%;
    position: relative;
}
p.fundradio11{
    padding-right: 8%;
    position: relative;
}
p.fundradio12{
    padding-right: 8%;
    position: relative;
}
p.fundradio13{
    padding-right: 8%;
    position: relative;
}
p.fundradio14{
    padding-right: 8%;
    position: relative;
}
p.fundradio15{
    padding-right: 8%;
    position: relative;
}
p.fundradio16{
    padding-right: 8%;
    position: relative;
}
p.fundradio17{
    padding-right: 8%;
    position: relative;
}
p.fundradio18{
    padding-right: 8%;
    position: relative;
}
p.fundradio19{
    padding-right: 8%;
    position: relative;
}
p.fundradio20{
    padding-right: 8%;
    position: relative;
}
p.fundradio21{
    padding-right: 8%;
    position: relative;
}
p.fundradio22{
    padding-right: 8%;
    position: relative;
}
p.fundradio23{
    padding-right: 8%;
    position: relative;
}
p.fundradio24{
    padding-right: 8%;
    position: relative;
}
p.fundradio25{
    padding-right: 8%;
    position: relative;
}
p.fundradio26{
    padding-right: 8%;
    position: relative;
}
p.fundradio27{
    padding-right: 8%;
    position: relative;
}
p.fundradio28{
    padding-right: 8%;
    position: relative;
}
p.fundradio29{
    padding-right: 8%;
    position: relative;
}
p.fundradio30{
    padding-right: 8%;
    position: relative;
}
p.fundradio31{
    padding-right: 8%;
    position: relative;
}
p.fundradio32{
    padding-right: 8%;
    position: relative;
}
p.fundradio33{
    padding-right: 8%;
    position: relative;
}
p.fundradio34{
    padding-right: 8%;
    position: relative;
}
p.fundradio35{
    padding-right: 8%;
    position: relative;
}
p.fundradio36{
    padding-right: 8%;
    position: relative;
}
p.fundradio37{
    padding-right: 8%;
    position: relative;
}
p.fundradio38{
    padding-right: 8%;
    position: relative;
}
p.fundradio39{
    padding-right: 8%;
    position: relative;
}
p.fundradio40{
    padding-right: 8%;
    position: relative;
}
p.fundradio41{
    padding-right: 8%;
    position: relative;
}
p.fundradio42{
    padding-right: 8%;
    position: relative;
}
p.fundradio43{
    padding-right: 8%;
    position: relative;
}
p.fundradio44{
    padding-right: 8%;
    position: relative;
}
p.fundradio45{
    padding-right: 8%;
    position: relative;
}
p.fundradio46{
    padding-right: 8%;
    position: relative;
}
p.fundradio47{
    padding-right: 8%;
    position: relative;
}
p.fundradio48{
    padding-right: 8%;
    position: relative;
}
p.fundradio49{
    padding-right: 8%;
    position: relative;
}
p.fundradio50{
    padding-right: 8%;
    position: relative;
}
.select{
	margin:10px 3%;
	font-size:12px;
}

.main_step{
	width:100%;
    padding: 5px auto;
    margin-top:10px;
    color: #fff;
    border: none;
    font-weight: bold;
    display: block;
}
#to_step2_link {
    display: block;
    color: #fff;
    padding: 10px;
    background: url(/common/img2016/fundbeginner_spn/arrow_white.png) no-repeat 96% 50% #ff0000;
    background-size: 9px;
}

a:visited {
    color: #333333;
}
a:link {
    color: #333333;
    text-decoration: none;
}
.blue:hover{
	color:#00b8ee;
	text-decoration:none;
}