@charset "utf-8";

@media screen and (min-width:640px){
	
body {
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

	
#container {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}

/*-------ヘッダー-------*/

#banner {
	position: relative;
	height: 180px;
}
#banner h1 {
	font-size: 10px;
	position: absolute;
	letter-spacing: 3px;
	top: 10px;
	right: 0px;
	line-height: 20px;
	color: #555;
	background-image: url(img/li.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#banner h1 strong {
	font-size: 11px;
	letter-spacing: 2px;
	padding-left: 10px;
	color: #000;
}

#banner a.logo {
	height: 80px;
	width: 220px;
	background-image: url(img/logo.gif);
	position: absolute;
	left: 0px;
	top: 10px;
}
a.menu_btn {
	display: none;
}

/*-------コンテンツ-------*/

#pankuzu {
	top: 195px;
	left: 0px;
	letter-spacing: 2px;
}

#content {
	float: left;
	width: 740px;
	padding-bottom: 30px;
	margin-top: 40px;
}

#content p {
	font-size: 16px;
	line-height: 1.8;
	margin: 10px;
	padding: 5px;
}

.relation-navi dd a {
	font-size: 16px;
}

/*-------グローバルナビ-------*/
#g_nav {
	position: absolute;
	left: 0px;
	top: 120px;
	height: 50px;
	width: 1000px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #222;
}
#g_nav ul li {
	display: block;
	float: left;
	width: 189px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #222;
	padding: 5px;
}
#g_nav ul li a {
	display: block;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 2px;
	text-align: center;
	line-height: 20px;
	padding-top: 12px;
	padding-bottom: 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #444;
}
#g_nav ul li a:hover {
	background-color: #CB2921;
}
#side #g_nav h2 {
	display: none;
}

/*-------サイドメニュー-------*/

#side {
	float: right;
	width: 240px;
	text-align: left;
	margin-right: 0px;
	margin-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
}
#side dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#side dl dt {
	line-height: 22px;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

#side dl dt.no_link {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#side dl dt a {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 22px;
	background-image: url(img/side_dt_a.png);
}

#side dd a {
	display: block;
	line-height: 18px;
	font-size: 12px;
	text-decoration: none;
	color: #333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 8px center;
	background-image: url(img/side_dd_a.png);
}

/*----PR用リスト追記----*/
#content ul.list_pr01 li a,
#content ul.list_pr02 li a,
#content ul.list_pr03 li a,
#content ul.list_pr2_01 li a,
#content ul.list_pr2_02 li a,
#content ul.list_pr2_03 li a {
	padding-right: 1%;
	padding-left: 6%;
	width: 26%;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
}

/*-------フッター-------*/

footer {
	min-width: 1000px;
}
.foot_in {
	height: 100px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
footer address {
	position: absolute;
	right: 0px;
	bottom: 10px;
	color: #333;
}
p.pagetop a {
	position: absolute;
	top: -40px;
	right: 0px;
}

/*-------トップ写真付き記事一覧-------*/

#content .topic article {
	padding-bottom: 20px;
}
#content .topic article img {
	width: 180px;
}
#content .topic article h2,
#content .topic article h3 {
	margin-left: 200px;
}
#content .topic article p {
	margin-left: 200px;
}

#content .topic article .btn_more {
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	right: 15px;
	bottom: 5px;
}

/*------検索フォーム-------*/

#container #side .g_search {
	position: absolute;
	top: 44px;


	right: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #F9F9F9;
}
#container #side .g_search form input.g_form {
	width: 300px;
}

/*------170518追記-------*/
#content .bn_2c {
	text-align: center;
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

#content p.img-l_center {
	background-color: #FFF;
	float: left;
	padding-right: 20px;
}

table.table_001 td.td_head {
	border-right-width: 4px;
	border-right-color: #FC0;
}

div.ac_menu_sp {
	display: none;
}

/*------180128追記-------*/

.box_chart {
	width: 32%;
}

.head_bn,
.no_pc {
	display: none !important;
}

/*
ブロガートップ
-------------------------------------*/

#content .pr_box img {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
#content .pr_box .box_right {
	float: right;
	width: 500px;
}

/*
ブロガートップバナー
---------------------------------------------*/

#saito-top {
	background-image: url(img-blogger/saito-top.jpg);
}

#ishin-top {
	background-image: url(img-blogger/ishin-top.jpg);
}

#fukada-top {
	background-image: url(img-blogger/fukada-top.jpg);
}

#andy-top {
	background-image: url(img-blogger/andy-top.jpg);
}

#aonori-top {
	background-image: url(img-blogger/aonori-top.jpg);
}

#kenta-top {
	background-image: url(img-blogger/kenta-top.jpg);
}

#kawaseou-top {
	background-image: url(img-blogger/kawaseou-top.jpg);
}

#dameoyaji-top {
	background-image: url(img-blogger/dameoyaji-top.jpg);
}

#yuttari-top {
	background-image: url(img-blogger/yuttari-top.jpg);
}

#gt5-top {
	background-image: url(img-blogger/gt5-top.jpg);
}

#hiropi-top {
	background-image: url(img-blogger/hiropi-top.jpg);
}

#hiropipro-top {
	background-image: url(img-blogger/hiropipro-top.jpg);
}

#yukimama-top {
	background-image: url(img-blogger/yukimama-top.jpg);
}


/*-----ピックアップ-----*/

#content #pick_up .box_pickup {
	float: left;
	width: 32%;
	text-align: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	margin-left: 1%;
}
#content #pick_up a img {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#content #pick_up h3 {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content #pick_up .box_pickup p {
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}



/*-----サイドステップアップガイド、ランキング-----*/

#side #side-stepup dl.ac_list,
#side .side_rank ul.ac_list {
	display: block;
}

#side #side-stepup dl.ac_list.active,
#side .side_rank ul.ac_list.active {
	display: none;
}

#side-stepup div.ac_menu::after,
#side .side_rank div.ac_menu::after {
	content: "×" !important;
}

#side-stepup div.ac_menu.active::after,
#side .side_rank div.ac_menu.active::after {
	content: "▼" !important;
}

/*
松島さんページ
-------------------------------------*/

#matsushima-prof1 {
background: url(img-fpnet/matsushima-prof1.jpg) no-repeat top;
height: 745px;
margin-bottom: 20px;
}

#masaki-prof1 {
	height: 769px;
	background: url(img-fpnet/masaki-prof1.jpg) no-repeat center 15px;

}

#spanmodel-tousai {
background: url(img-fpnet/spanmodel-tousai.jpg) no-repeat;
height: 147px;
padding-left: 10px;
padding-top: 66px;
margin-left: 5px;
}

#spanmodel-tousai ul.spanmodel-comp li {
	margin-bottom: 10px;
	margin-right: 5px;
	border-bottom-style: none;
}

#spanmodel-tousai ul.spanmodel-comp li a {
width: 152px;
height: 52px;
border: solid 4px #f9f9f7;
}

#content ul.spanmodel-comp li a:hover {
border: 4px solid #ff9900;
}




/*
ステップアップガイドcat
---------------------------------------------*/

#content p.p-step1,
#content p.p-step2,
#content p.p-step3 {
	font-size: 18px;
	padding-top: 10px;
}

#content p.p-step1 {
	background-image: url(img/p-step1.jpg);
}

#content p.p-step2 {
	background-image: url(img/p-step2.jpg);
}

#content p.p-step3 {
	background-image: url(img/p-step3.jpg);
}

#stepup-guide1-top,
#stepup-guide2-top,
#stepup-guide3-top {
height: 60px;
padding-top: 126px;
padding-left: 100px;
line-height: 1.3em;
font-size: 14px;
margin-bottom: 20px;
margin-top: -12px;
}

#stepup-guide1-top {
background: url(img/stepup-guide1-top.jpg) no-repeat left top;
}

#stepup-guide2-top {
background: url(img/stepup-guide2-top.jpg) no-repeat left top;
}

#stepup-guide3-top {
background: url(img/stepup-guide3-top.jpg) no-repeat left top;
}

#content .stepup1-bg,
#content .stepup2-bg,
#content .stepup3-bg {
	margin-bottom: 20px;
	background-repeat: repeat-y;
	background-position: 10px;
	padding-left: 0px;
}

#content .stepup1-bg {
	background-image: url(img/stepup1-dd-bg.jpg);
}


#content .stepup2-bg {
	background-image: url(img/stepup1-dd-bg.jpg);
}

#content .stepup3-bg {
	background-image: url(img/stepup1-dd-bg.jpg);
}

#content .stepup1-bg dl.stepup1,
#content .stepup2-bg dl.stepup2,
#content .stepup3-bg dl.stepup3 {
	margin-left: 10px;
	padding-bottom: 40px;
	min-height: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: none;
	width: 100%;
}

#content .stepup1-bg dl.stepup1 {
	background: url(img/stepup1-dl.jpg) no-repeat left bottom;
}

#content .stepup2-bg dl.stepup2 {
	background: url(img/stepup2-dl.jpg) no-repeat left bottom;
}

#content .stepup3-bg dl.stepup3 {
	background: url(img/stepup3-dl.jpg) no-repeat left bottom;
}


#content .stepup1-bg dl.stepup1 dt,
#content .stepup2-bg dl.stepup2 dt,
#content .stepup3-bg dl.stepup3 dt {
height: 67px;
margin: 0px;
padding: 0px;
font-size: 22px;
line-height: 55px;
padding-left: 74px;
}

#content .stepup1-bg dl.stepup1 dt {
background: url(img/stepup1-dt.jpg) no-repeat;
}

#content .stepup2-bg dl.stepup2 dt {
background: url(img/stepup2-dt.jpg) no-repeat;
}

#content .stepup3-bg dl.stepup3 dt {
background: url(img/stepup3-dt.jpg) no-repeat;
}

#content .stepup1-bg dl.stepup1 dd,
#content .stepup2-bg dl.stepup2 dd,
#content .stepup3-bg dl.stepup3 dd {
background: none;
margin: 0px;
padding: 0px;
margin-left: 115px;
}

#content .stepup1-bg dl.stepup1 dd a,
#content .stepup2-bg dl.stepup2 dd a,
#content .stepup3-bg dl.stepup3 dd a {
display: block;
height: 30px;
line-height: 30px;
width: 500px;
text-decoration: none;
font-size: 14px;
padding-left: 65px;
}

#content .stepup1-bg dl.stepup1 dd a {
background: url(img/stepup1-dd.gif) no-repeat left top;
}

#content .stepup2-bg dl.stepup2 dd a {
background: url(img/stepup2-dd.gif) no-repeat left top;
}

#content .stepup3-bg dl.stepup3 dd a {
background: url(img/stepup3-dd.gif) no-repeat left top;
}

#content .stepup1-bg dl.stepup1 dd a:hover {
background-position: 0 -30px;
}

#content .stepup2-bg dl.stepup2 dd a:hover {
background-position: 0 -30px;
}

#content .stepup3-bg dl.stepup3 dd a:hover {
background-position: 0 -30px;
}



/*
個別企業背景
---------------------------------------------*/
#kobetu-catch-top {
background: url(img/kobetu-catch-top.jpg) no-repeat;
height: 305px;
margin-bottom: 20px;
position: relative;
}

.kobetu-title {
position: absolute;
top: 8px;
left: 27px;
font-weight: bold;
color: #444;
font-size: 16px;
}

.kobetu-catch {
position: absolute;
top:25px;
left: 300px;
font-size: 18px;
}

.kobetu-cap {
position: absolute;
top: 43px;
left: 36px;
}



#content ul.kobetu-point {
margin: 0px;
padding: 0px;
}

#content ul.kobetu-point li.point1 {
border: none;
font-size: 16px;
color:#cc0000;
position: absolute;
top: 83px;
left: 348px;
}

#content ul.kobetu-point li.point2 {
border: none;
font-size: 16px;
color:#cc0000;
position: absolute;
top: 132px;
left: 348px;
}

#content ul.kobetu-point li.point3 {
border: none;
font-size: 16px;
color:#cc0000;
position: absolute;
top: 181px;
left: 348px;
}

#forex-kobetu .chu-c {
position: absolute;
top: 312px;
left: 348px;
font-size: 11px;
}


/*
アフィリボタン
---------------------------------------------*/

.kobetu-btn {
	position: absolute;
	right: 45px;
	top: 215px;
}

.kobetu-btn a {
	width: 360px;
	font-size: 18px;
	line-height: 24px;
}

#affi-btn-kouza {
	width: 600px;
	font-size: 20px;
	line-height: 30px;
}

/*
YouTube
-------------------------------------------*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
margin-bottom: 20px;

}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*
Q&Aページ
---------------------------------------------*/

#content dl.qa-mokuji {
	width: 730px;
}

#content .qa-mokuji-bg dl.qa-mokuji {
background: url(img/qa-mokuji-dl.jpg) no-repeat left bottom;
padding-bottom: 40px;
min-height: 250px;
}


#content .qa-mokuji-bg dl.qa-mokuji dt {
background: url(img/qa-mokuji-dt.jpg) no-repeat;
height: 67px;
font-size: 22px;
line-height: 55px;
padding-left: 205px;
}

#content .qa-mokuji-bg dl.qa-mokuji dd {
margin-left: 115px;
}

#content .qa-mokuji-bg dl.qa-mokuji dd a {
height: 30px;
line-height: 30px;
width: 435px;
background: url(img/stepup1-dd.gif) no-repeat left top;
padding-left: 65px;
}

#content .mfp_buttons {
margin-left: 160px;
}

#qa-top a,
#qa-top2 {
background: url(img/qa-top.jpg) no-repeat;
}

#content h2.qa-q-title,
#content h3.qa-a-title {

	line-height: 24px;
	padding-left: 55px;
	padding-top: 10px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: left bottom;
color: #000;
margin-bottom: 0px;
}

#content h2.qa-q-title {

	background: url(img/qa-q-title.jpg) no-repeat;
font-size: 18px;
font-weight: bold;

}

#content h3.qa-a-title {
	background: url(img/qa-a-title.jpg) no-repeat;
border: none;
font-size: 18px;
font-weight: bold;
}

.qa-box {
width: 728px;
margin-left: 3px;
padding-top:10px;
margin-top: 0px;
}




table.rank-table1 {
	width: 720px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 5px;
}

table.rank-table1 td.rank-cap {
	width: 28%;
}

table.rank-table1 td.rank-cap2 {
width: 28%;
}

table.rank-table1 td.in_table table {
	width: 100%;
}

#content .stepup1-bg dl.stepup1 dt.dt_2,
#content .stepup2-bg dl.stepup2 dt.dt_2,
#content .stepup3-bg dl.stepup3 dt.dt_2 {
	margin-right: 30px;
	margin-left: 90px;
	padding-left: 10px;
}

table.rank-table1 tr.td-c td {
text-align: center;
vertical-align: middle;
}

table.rank-table1 tr.td-c img {
vertical-align: middle;
}

#content .bn_zero ul li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*
ゼロから学ぶ！3列用
#content .bn_zero ul li,
#content .bn_zero ul li img {
	width: 240px;
}
*/

/*
ゼロから学ぶ！２列用*/
#content .bn_zero ul li,
#content .bn_zero ul li img {
	width: 360px;
}


}


/*---/min-640---*/