body{
	color:#333333;
	font-family: 'メイリオ', 'Meiryo', "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
    background-color: #fff;
    text-align:left;
    line-height:1.6;
}

div#wrapper{
	background-color: #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

div#content:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
/*div#column-main{
    float : left;
    width: 100%;
    margin-right : -200px;
}*/
/*div#main-inner {
    max-width: 1000px;
    min-width:780px;
    margin-right: 200px;
}*/
div#sidebar {
    width: 160px;
    float: right;
    margin-left: 40px;
}
.pagetop {
   float:right;
}
h2{
	font-size:18px;
	font-weight: normal;
	border-bottom:4px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
a{
	text-decoration: none;
}
a:link{
	color:#333333;
    text-decoration: none;
}
a:visited{
	color:#333333;
}
a:hover{
	text-decoration: underline;
}
a:hover img{
	opacity:0.6;
}

//マウスオーバー時
#column-main .mousepointer{
	color:red;
}
#column-main .mousepointer:hover{
	cursor:pointer;
}
.linkbtn:hover{
	cursor:pointer;
	opacity:0.6;
}

input[type="text"]:focus {
  border: 1px solid #333333;
  outline: 0;
}

input[type="number"]:focus {
  border: 1px solid #333333;
  outline: 0;
}

/* 装飾 */
.redfont{
	color:red;
}
.bluefont{
	color:blue;
}
.bgwhite{
	background-color:#fff;
}
div.desc{
	background-color: #ffffff;
	border:1px solid #cccccc;
	border-radius: 3px;
	padding:20px 18px;
    padding-bottom: 20px;
}
p.readmore{
	text-align:right;
	margin-top:20px;
}
p.readmore a{
	background:url(/common/img2016/common/arrow.png) no-repeat 0 4px;
	font-weight: bold;
	padding-left:10px;
}

/*STEP1〜3 Flow*/
.flow li{
	border-bottom: 4px solid #444444;
}
.flow li.current{
	color:#ff0000;
	border-bottom:4px solid #ff0000;
}
.widebtnimg{
	width:100%;
}
.bottomnavi li img{
	width:100%;
}


/*----------レイアウト----------*/
.two_column{
	margin-top:20px;
}
.two_column li{
	width:49%;
	float:left;
}
.two_column li:first-child{
	margin-right: 2%;
}

.three_clmn{}
.three_clmn li{
    width: 32%;
	float:left;
	margin-right: 2%;
}
ul.three_clmn.flow.clearfix {
    padding-bottom: 20px;
}
.three_clmn li:last-child{
	margin-right: 0px;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*----------トップページ----------*/
/*吹き出し*/
.arrow_box {
	position: relative;
	background: #cccccc;
	border-radius: 3px;
	font-weight: bold;
	text-align:center;
	padding:14px 4px;
	z-index:1;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 12px;
	margin-left: -12px;
}
.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 16px;
	margin-left: -16px;
}
.go_pt{
	border:1px solid #cccccc;
	text-align: center;
	margin-top:10px;
}
.go_pt a{
	font-size: 18px;
	font-weight: bold;
	padding:14px;
	text-align: center;
	display:block;
	background:url(/common/img2016/common/arrow.png) no-repeat right 20px top 50%;
}
.three_clmn li .go_pt {
    font-size: 18px;
    font-weight: bold;
    padding: 14px;
    text-align: center;
    display: block;
    background-image: none;
    background-color: #ffffff;
    border-radius: 5px 5px 0 0;
}
.three_clmn li.current .go_pt {
    background-color: #f5f5f5;
	color:#001745;
}
.three_clmn .go_pt {
    border-radius: 5px 5px 0 0;
}

/*----------STEP1----------*/
p.flow_p {
    padding-bottom: 10px;
    font-weight:bold;
    font-size:14px;
}
.desc.step1 {
    background-color: #f9f9f9;
    border: none;
    width: 86%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.desc.step1 .go_pt{
	border:1px solid #dddddd;
    border-bottom: none;
    background-color: #ffffff;
    position:relative;
    top:4px;
    color:#666666;
    font-size:14px;
}
.step1 li.current .go_pt{
    background-color: #dddddd;
    height:56px;
    position:relative;
    top:-4px;
    font-size:18px;
}
.desc.step1 .arrow_box{
	font-size:12px;
}
#yield_tab li .go_pt:hover{
	cursor:pointer;
	color:#001745;
}
#yield_tab li.current .go_pt:hover{
	cursor:default;
}
.tbl_wrap{
	padding:20px;
	background-color:#dddddd;
	position:relative;
	top:-4px;
}
table {
    width: 100%;
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
td {
    background-color: #ffffff;
    padding: 10px 10px;
    border: 1px solid #cccccc;
}
th {
    padding-top: 10px;
    padding: 10px 15px;
    width: 200px;
    border: 1px solid #cccccc;
}
th.yieldttl{
	font-weight:bold;
	text-align:center;
}
input.term {
    float: left;
    width: 50px;
}
.term_div {
    width: 95px;
    float: left;
}
.term_div span{
	padding:8px 0;
	display:block;
}
p.td_text {
    text-align: center;
    color: red;
    font-weight: bold;
    display: none;
}

.b .td_text{
	color:blue;
}
input[type="text"] {
    border: 1px solid #888888;
    margin: 6px 3px;
    padding: 0 4px;
}

input[type="number"] {
    border: 1px solid #888888;
    margin: 6px 3px;
    padding: 0 4px;
}

.yieldtbl input{
	text-align:right;
	font-size: 16px;
    font-weight: bold;
}
input.text {
    width: 60%;
}
.b input{
	background-color:#f9f9f9;
	border-color:#cccccc;
}
p.aim_a {
    display: none;
}
p.aim_b {
    display: none;
}
.bottom {
    background-color: #ffffff;
    margin-top: 15px;
    position: relative;
    display: none;
}
.bottom.result_a{
	border-color:red;
}
.bottom.result_b{
	border-color:blue;
}
.comparison_p_wrapper{
    float : left;
    width: 100%;
    margin-right : -300px;
}
.comparison_p {
    margin-right: 300px;
}
img.circle {
    float: right;
    margin-top: 20px;
}
/*.recomman {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding:20px;
}*/
p.recomman_p {
    clear: both;
    font-weight: bold;
    margin-bottom:10px;
}
.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-size: 20px;
    font-weight: bold;
}
p.comparison_p3 {
    margin-top: 20px;
}
.result_b .comparison_p4{
	color:blue;
}
.result_a .comparison_p4{
	color:red;
}
#yield1, #yield2{
	display:none;
}
.nextbtn a:hover{
    opacity: 0.6;
}
table.table_bot {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.bottom {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius:5px;
	padding:20px;
}
.bottom:after, .bottom:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.result_b:after, 
.result_b:before {
	left:83%;
}
.bottom:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}
.bottom:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #cccccc;
	border-width: 17px;
	margin-left: -17px;
}
.bottom.result_a:before{
	border-bottom-color:red;
}
.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{
	padding: 10px;
	text-align:center;
}
.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;
}
/*----------STEP2----------*/

.slider .slick-prev:before,
.slider .slick-next:before {
	color: black;
}
.slick-slide {
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10 */   
}
ul.fundinfo:hover{
	border:1px solid #888888;
}
html, body {
  	margin: 0;
  	padding: 0;
    background-color: #fff;
}

.desc img.chkicon{
	margin:0 4px;
}
ul.switchtab {
	width:404px;
	margin-top:14px;
}
ul.switchtab li{
	border:1px solid #cccccc;
	width: 180px;
	float:left;
	padding:10px;
	text-align:center;
	font-weight: bold;
	color:#444444;
	background-color: #ffffff;
}
ul.switchtab li:hover{
	cursor:pointer;
	color:#001745;
}
ul.switchtab li.current:hover{
	cursor:default;
}
ul.switchtab li:first-child{
	border-radius: 6px 0 0 6px;
	border-right:none;
}
ul.switchtab li:last-child{
	border-radius: 0 6px 6px 0px;
}
ul.switchtab li.current{
	background-color: #dddddd;
	color:#001745;
}
#content .cat_title{
	border-radius: 5px 5px 0 0;
	margin-top:20px;
}
.cat_title h3{
	font-size: 24px;
	font-weight: bold;
	padding-bottom:4px;
}
.cat_title .go_pt{
	width:375px;
	text-align:left;
}
.cat_title .go_pt p{
	padding:7px 4px;
	font-size:14px;
	text-align: left;
	margin-left: 4px;
	color:#444444;
	font-weight:bold;
}
.cat_title img.graph{
	
}
.cat_title .cat_info_wrapper{
	width:100%;
	margin-right:-180px;
	float:left;
}
.cat_title .cat_info{
	margin-right:180px;
}
/*ファンド情報*/
ul.fundinfo{
	border:1px solid #cccccc;
	background-color: #ffffff;
}
ul.fundinfo li{
	padding: 10px 3px 10px 5px;
	border-bottom:1px solid #cccccc;
}
ul.fundinfo li:first-child{
	border-bottom:1px solid #ff0000;
}
ul.fundinfo li:first-child table,
ul.fundinfo li:first-child th,
ul.fundinfo li:first-child td
{
	border:none;
	background:none;
}
ul.fundinfo li:first-child th{
	width:auto;
	padding:0;
}
ul.fundinfo li:first-child img{
	width:auto;
}
ul.fundinfo li:nth-child(4){
	border-bottom:1px solid #ff0000;
}
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:6px 10px 4px 20px;
	text-align:center;
}
ul.fundinfo li:nth-child(5) label{
	background:url(/common/img2016/step2/checkbox_df.jpg) no-repeat left 30% top 70%;
}
ul.fundinfo li:nth-child(5) label.checked{
	background:url(/common/img2016/step2/checkbox.jpg) no-repeat left 30% top 70%;
}
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%;
}

/*スライダー*/
* {
  box-sizing: border-box;
}

.slider {
    width: 100%;
    max-width: 960px;
    min-width: 600px;
    margin: 0px auto;
    border:1px solid #cccccc;
    border-top:none;
    padding:10px 0;
    border-radius:0 0 5px 5px;
}

.slick-slide {
  margin: 0px 6px;
}
.slick-slide {
    outline-color: #888888 !important;
}
.slick-slide img {
  width: 100%;
}
slick-slide ul {
  width: 100%;
}
.slick-dotted.slick-slider{
	padding-bottom:60px;
}
.fundsection .go_pt{
	width:330px;
	padding:4px;
	background-color:#ffffff;
	position: absolute;
    bottom: 13px;
    right: 6px;
    z-index:1;
    font-size: 13px;
}
.fundsection .go_pt p{
	background-color:#ffffff;
	font-weight:bold;
}
.fundsection .go_pt img{
	position:relative;
	top:-2px;
	margin-right:4px;
}
.fundsection .go_pt:hover{
	cursor: pointer;
	text-decoration: underline;
}
#viewReturn img{
	width:100%;
}
#return {
	margin-top:20px;
    width: 1000px;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
}

/*リターン下*/
th.green {
    background-color: #f4fff9;
}
th.pink {
    background-color: #fff4f4;
}
th.purple {
    background-color: #f2e5ff;
}
th.blue {
    background-color: #e5e5ff;
}
th.orange {
    background-color: #fff2e5;
}
.return_portfolio {
    width: 95%;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
table.return_portfolio {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    font-size:13px;
}
table.return_portfolio th {
    width: 18%;
    padding:20px;
}
table.return_portfolio th.row1{
	padding:10px 20px;
}
p.return_portfolio {
    margin-left: 0;
    font-weight: bold;
    border: none;
    padding-left: 0;
}
p.return_chart {
    font-weight: bold;
}
th.return_chart {
    border-right-style: hidden;
    background-color: #fff;
    width: 110px;
}
p.return_chart.end {
    color: red;
    font-weight: bold;
    padding-bottom: 20px;
}
img.chart {
    width: 100%;
}
.return_chart_1,.return_chart_2 {
    float: left;
    margin-right: 30px;
}
p.first_money {
    float: left;
    padding: 5px;
    padding-top: 7px;
}
div.first_money {
    float: left;
    border: 1px solid #CCC;
    padding: 5px;
    padding-left: 20px;
}
.return_chart_1 input,
.return_chart_2 input{
	width:80px;
	padding:4px;
	float:left;
	text-align:right;
}
.return_chart_1 p,
.return_chart_2 p{
	top:4px;
	position: relative;
}
/*.first {
    float: left;
    padding: 5px;
    padding-left: 30px;
}*/
#main_area .return_chart .radio_1 {
    display: block;
    float: left;
    width: 100px;
}
#main_area .return_chart .radio_2 {
    display: block;
    float: left;
    width: 120px;
}
.return_chart input[type="radio"] {
    width: 20px;
}
div.fundsection{
	width: 95%;
    margin: 0 auto;
	position:relative;
}

/*----------STEP3----------*/

p.breakdown_title{
	float:left;
}
.head-icons{
	float:right;
}
.head-icons a{
	margin-right:10px;
}
.head-icons img{
	margin-right:4px;
	position:relative;
	top:-1px;
}
.bottum.step3 {
    width: 100%;
}
p.bottum.step3-1 a {
    display: block;
    width: 100%;
}
p.bottum.step3-2 a {
    display: block;
    width: 100%;
}
p.bottum.step3-1 {
    float: left;
    width: 49%;
}
p.bottum.step3-2 {
    float: right;
    width: 49%;
}
ul.two_column_step3 li {
    width: 49%;
    float: left;
}
ul.two_column_step3 li:first-child {
    margin-right: 2%;
}
.two_column_step3 li:first-child a{
    color: #ffffff;
    background: url(/common/img2016/common/arrow_nxt_white.png) no-repeat right 20px top 50% #ff0000;
}
.culc_start{
	display:none;
	text-align:center;
	text-decoration:underline;
	background: #dddddd;
	background: -moz-linear-gradient(top,  #dddddd 0%, #cccccc 100%);
	background: -webkit-linear-gradient(top,  #dddddd 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #dddddd 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 );
	border: soid 1px #aaa;
	text-decoration: underline;
	padding: 5px 0;
}
.culc_start:hover {
	text-decoration: underline;
}
.ditail {
    margin-top: 20px;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #cccccc;
    border-bottom: none;
}
img.bottum_step3 {
    width: 100%;
}
.step3 td img{
    margin-right:10px;
    float:left;
}

.td_fundname {
    padding-left: 1%;
    width:100%;
    font-size:12px;
}
.td_fundname_inner{
	margin-left:40px;
}
img.d_icon {
    float: left;
}
table.step3 {
    background-color: #dcdcdc;
    table-layout: fixed;
}
.step3 .tblhead{
}
.step3 .tblhead th.cate{
	width:9%;
}
.step3 .tblhead th.th_fund {
    width: 20%;
}
.step3 .tblhead th.trust{
	width:7%;
}
.step3 .tblhead th.yield{
	width:12%;
}
.step3 .tblhead th.first{
	width:25%;
}
.step3 .tblhead th.month{
	width:25%;
}
.step3 th{
	text-align:center;
}
.step3 th.alloc{
	width:40%;
}
.step3 th.buy{
	width:60%;
}
.step3 td{
	padding:10px 4px;
}
th.line1 {
    text-align: center;
}
td.td_cont {
    text-align: right;
    padding-right: 5px;
}
td.pay {
    background-color: #f5f5f5;
    padding-left:6px;
}
td .total {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    padding-left: 20px;
    margin-right: 3px;
}
.step3 input{
	width:95px;
	text-align:right;
	padding:8px 2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
.h2_area {
	position: relative;
}
.about_page01 a {
	position: absolute;
	top: -5px;
	right: 5px;
	display: block;
	padding: 3px 10px;
	text-align: center;
	color: #fff;
	border: solid 1px #980505;
	background: #d74444;
background: -moz-linear-gradient(top,  #d74444 0%, #980505 100%);
background: -webkit-linear-gradient(top,  #d74444 0%,#980505 100%);
background: linear-gradient(to bottom,  #d74444 0%,#980505 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d74444', endColorstr='#980505',GradientType=0 );
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;

}
.about_page01 a:hover {
	text-decoration: none;
}