@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

.img {
    max-width: 100%;
    height: auto;
}

a:hover{
color:#ff0000;

}



/* 検索 */

 
.searchBox {
	display:block;
　width: 200px !important;
padding: 0px;

 float:right}



/* サイト名 */

.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px}

.site img	{border: none}


/* ヘッダー画像 */
.box1-2 i	{margin-right: 5px;
margin-left: 5px;
	color: #0d8aca}

.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/* キャッチコピー */
.catch	{margin: 0;
	padding: 15px;
	background-color: rgba(255,255,255,0.7);
	font-size: 28px}
/* ボタン */
	
.btn01 a {
  background-color: #0a5eac;
  border-radius: 3px;
  box-shadow: 0 3px 0 #5cc0e9;
  color: #ffffff;
  display: block;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px;
}
.btn01 a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 12px auto 8px;
}
.btn01 i {
  margin-left: 10px}

/* ヘッダー画像にキャッチコピーを重ねる */
.top	{position: relative}

.catch	{position: absolute;
	bottom: 25%;
	left: 3%}
.btn01{position: absolute;
	bottom: 5%;
	left: 3%}


/* 概要 */
.gaiyou a	{display: block;
	background-color: #0a5eac;
	text-align: center;
	text-decoration: none}

.gaiyou a:hover	{opacity: 0.8}


.gaiyou .photo	{margin: 0;
padding:  5px 0 0 0;
background-color: #c5d6df}


.gaiyou h1	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 21px;
	font-weight: bold;
		color: #ffffff;
	font-weight: normal}

.gaiyou p	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #5cc0e9;
		color: #053852;
	font-size: 14px}


/* 更新情報 */
.news	{padding: 3px;
	border: solid 2px #ffcc00}

.news h1	{margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #000000}

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li a	{display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	font-size: 15px
}

.news li a:hover	{color: #ff0000}

.news time	{color: #888888;
	font-weight: bold}

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 60px}

.news .text	{float: none;
	width: auto;
	margin-left: 60px}


/* 投資を学ぶ */


.toushi h1	{margin-top: 10;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 22px;
	border-bottom: dotted 2px #dddddd;
	font-weight: normal}

/* 下部分 */
.other h1	{margin: 20px 5px px0 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 18px;
	border-bottom: dotted 2px #dddddd;
	font-weight: normal}
	
.other ul{
  margin-left: 5px;
  margin-bottom: 5px;
  padding:0px;
  list-style-type: none;
text-align:left}
	
.other ul li{
margin:0 0px 0 0;
padding:7px 10px;
  background:url(image/ft_arw01.png) no-repeat left center;
border-top:1px solid #f1f6fc; 
  border-bottom:1px solid #84b2e0; 
font-size:15px
}

.other ul li a{
padding:0 0 0 23px;
-webkit-background-size:13px;
color: ff0000;
background-size:13px
}
	
	

/* といあわせ */
.follow-tel {display: block;
margin-top: 0;
	margin-bottom: 0px;
	padding: 10px;
	border-radius: 4px;
	color: #ffffff;
	background-color: #0d8aca;
	font-size: 24px;
	text-decoration: none}
.follow-tel a	{color: #ffffff; text-decoration: none}
.follow-tel a:hover	{opacity: 0.8}

.follow-mail a {display: block;
margin-top: 5px;
	margin-bottom: 0px;
	padding: 10px;
	border-radius: 4px;
	color: #ffffff;
	background-color: #336600;
	font-size: 20px;
	text-decoration: none}
	
.follow-mail a:hover	{opacity: 0.8}
	
.follow ul	{margin: 0;
	padding: 0;
	list-style: none}

.follow li a	{display: block;
	margin-bottom: 10px;
	
	border-radius: 4px;
	color: #ffffff;
	text-decoration: none}
	


.follow li a:hover	{opacity: 0.8}

.follow-tw	{padding: 5px; background-color: #000}
.follow-fb	{padding: 5px; background-color: #5288f7}
.follow-yt	{font-size: 20px;
padding: 12px;
	background-color: #cc0000
}



.follow i	{margin-right: 10px;
font-size: 26px;
	vertical-align: middle}


/* 補足説明 */
.follow-info	{margin-top: 0;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #dddddd;
	font-size: 16px;
	text-align: center}

.follow-info {
	position: relative;
	background: #dddddd;
}


/* コピーライト */
.copyright p	{margin: 0;
	color: #000000;
	font-size: 12px}


/* フッタ */
.footer	{padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}
	
.footnavi ul{
  margin-left: 5px;
  margin-bottom: 5px;
  padding:0px;
text-align:left}
	
.footnavi ul li{
display:inline;
margin:0 0px 0 0;
font-size:13px
}

.footnavi ul li a{
padding:0 0 0 14px;
background:url(image/ft_arw01.png) no-repeat left center;
-webkit-background-size:11px;
color: ff0000;
background-size:11px
}


	
/* メインナビ */
.box_navi{
	background-color: #9be1eb}

/* ボックスの左右 */
.boxA, .box4, .footer, .box6
	{padding-left: 15px;
	padding-right: 15px}


/* ボックスの上下 */
.boxA	{padding-top: 10px;
	padding-bottom: 0px}

.box4	{padding-top: 20px;
	padding-bottom: 5px}

.box4-1	{padding-bottom: 5px}

.box6	{padding-top: 5px}

.box6-1, .box6-2, .box6-3
	{padding-bottom: 10px}
	
.box7-1, .box7	{padding-top: 5px}
.box7-2	{padding-top: 30px}



/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/* サイト名 */
.site img	{width: 225px;
	height: auto}

.box_navi{padding-top: 0px;
	padding-bottom: 0px;
			margin-bottom: 10px;}


.toushi ul	{
	margin: 0;
	padding: 0;
	list-style: none}

.toushi img	{float: left;
	width: 60px}

.toushi li a	{display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb;
	font-size: 14px;
	text-decoration: none}

.toushi li a:hover	{color: #ff0000}

.toushi li a img	{border: none}



.toushi a:after	{content: "";
	display: block;
	clear: both}



.toushi .text	{float: none;
	width: auto;
	margin-left: 60px;
		margin-bottom: 10px;
	padding-left: 15px}

.toushi span	{display: block;
	color: #000000;
	font-size: 12px}

.news li a	{
	font-size: 14px}

}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}

/* キャッチコピー */
.catch	{display: none}

.btn01{position: absolute;
	bottom: 5%;
	left: 3%}
.btn01 a {

  font-size: 14px;

}




.box_navi{padding-top: 0px;
	padding-bottom: 0px;
			margin-bottom: 10px;
}


.toushi ul	{
	margin: 0;
	padding: 0;
	list-style: none}

.toushi img	{float: left;
	width: 70px}

.toushi li a	{display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb;
	font-size: 16px;
	text-decoration: none}

.toushi li a:hover	{color: #ff0000}

.toushi li a img	{border: none}



.toushi a:after	{content: "";
	display: block;
	clear: both}



.toushi .text	{float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px}

.toushi span	{display: block;
	color: #000000;
	font-size: 14px}
.site 	{font-size: 10px}

}



/* ########### 767px以下 ########### */
@media (max-width: 767px) {

.catch	{display: none}
.btn01 a {
    font-size: 16px;
}

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{
display: none}

.menu ul	{margin-top: 30px;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 8px;
	color: #000000;
	font-size: 14px;
	border-bottom:#4bbbe9 solid 1px;
	text-decoration: none}
	

.menu li a:hover	{background-color: #ccfafc}

.searchBox {
margin-bottom: 20px;
}


.toushi ul	{
	margin: 0;
	padding: 0;
	list-style: none}

.toushi img	{float: left;
	width: 70px}

.toushi li a	{display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb;
	font-size: 16px;
	text-decoration: none}

.toushi li a:hover	{color: #ff0000}

.toushi li a img	{border: none}



.toushi a:after	{content: "";
	display: block;
	clear: both}



.toushi .text	{float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px}

.toushi span	{display: block;
	color: #000000;
	font-size: 12px}
	
	.box1-2	{
margin-botom: 20px;
font-size: 11px;
}
.box2	{
margin-top: 10px;
margin-bottom: 10px;
}
.site 	{font-size: 11px}
}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #114f7f;
	font-size: 21px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
	text-decoration: none}
	
.menu li a:hover	{background-color: #ccfafc;
letter-spacing: 2px
}

.searchBox {
margin-bottom: 10px;
}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}
.box1-2	{float: left;
margin-left: 20px;
font-size: 12px;
	width: auto}

.box2	{
	float: right;
text-align: right;
	width: auto}

/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{float: left;
	width: 70%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box4-2	{float: left;
	width: 30%}


/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-2	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-3	{float: left;
	width: 32%}

/* BOX7-1とBOX7-2を横に並べる設定 */
.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1	{float: left;
	width: 80%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box7-2	{float: left;
	width: 20%}

/* BOX8-1とBOX8-2を横に並べる設定 */
.box8:after	{content: "";
	display: block;
	clear: both}

.box8-1	{float: left;
	width: 50%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box8-2	{float: left;
	width: 50%}
	


.box_navi{padding-top: 10px;
	padding-bottom: 10px;
			margin-bottom: 15px;
}

.toushi ul	{
	margin: 0;
	padding: 0;
	list-style: none}

.toushi img	{float: left;
	width: 100px}

.toushi li a	{display: inline; 
	margin-left: 5px;
	padding: 5px 0px;
	color: #2288bb;
	font-size: 19px;
	font-weight: bold;
	float: left;
	width: 32%;
	text-decoration: none}

.toushi li a:hover	{color: #ff0000}

.toushi li a img	{border: none}



.toushi a:after	{content: "";
	display: block;
	clear: both}



.toushi .text	{float: none;
	width: auto;
	margin-left: 100px;
	padding-left: 15px}

.toushi span	{display: block;
	color: #000000;
	font-weight: normal;
	font-size: 14px}
	
}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box_navi, .box3, .box4, .boxA-inner, .footer-inner, .box6, .footnavi, .box7, .box8
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}

/* BOX Aの下に罫線を挿入 */
.boxA	{margin-bottom: 10px;
	border-bottom: solid 1px #dddddd}
.box_navi{padding-top: 10px;
	padding-bottom: 10px;
			margin-bottom: 15px;
}

}