@charset "UTF-8";
body{
  /*font-family:-apple-system,'Lucida Grande', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif;*/
  font-family:Roboto, メイリオ, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

a:link{text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:underline;}

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

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.text-underline, a.text-underline{text-decoration:underline;}

dl.phase1_inlined dt{display:inline;}
dl.phase1_inlined dd{display:inline;}

/* テキストカラー */
.text-000, a.text-000{color:#000;}
.text-ccc, a.text-ccc{color:#ccc;}
.text-f00, a.text-f00{color:#F00;}
.text-039, a.text-039{color:#04F;}

/* テキストと画像を横並びにしたとき、テキストを画像に対し中央に表示 */
.vertical-middle-img-text img{display: inline-block;vertical-align: middle;}
.vertical-middle-img-text span{display: inline-block;vertical-align: middle;}

.mb0{margin-bottom:0;}
.mt25{margin-top:25px;}


.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}

/* videoなどの変更できないページをスタイルの上書きでごまかす */
/* video */
body.video .mainContents {width:665px;}
body.video #mainContents{margin-top:25px;}
body.video .mcInner{padding:0;}

/* Phase1の応急処置用CSS */
/* 全てのID名, Class名の頭に原則としてphase1_をつける */
/* 既存スタイルの打ち消しについても既存CSSはいじらずここで行う */
/* htmlをいじれない場合のスタイル設定はここで上書きする */
#phase1_header{width:980px;height:65px;position:relative;}

#phase1_header_logo{width:145px;position:absolute;top:3px;left:10px;}
#phase1_header_logo a{display:block;margin-top:10px;}

#phase1_header_catchphrase{width:450px;position:absolute;top:8px;left:185px;}
#phase1_header_catchphrase p{margin:8px 0 0;font-size:12px;}

#phase1_header_link{width:350px;position:absolute;top:0;right:0;text-align:right;}

#phase1_header_link ul{margin: 25px 8px 0 0;}
#phase1_header_link li{display:inline;width:auto;}
#phase1_header_link li:after{content:" | ";color:#04F;}
#phase1_header_link li:last-child:after{content:none;}
#phase1_header_link li a{font-size:14px;color:#04F;}

/* stracture.cssの上書き */
.mainContents {
  width: 100%;
}

/* Global Navigator & Sub Navigator */
#phase1_global_nav a, #phase1_sub_nav a{text-decoration:none;color:#1a489c;}
#phase1_global_nav a:hover, #phase1_global_nav a:focus, #phase1_global_nav a:active,
#phase1_sub_nav a:hover, #phase1_sub_nav a:focus, #phase1_sub_nav a:active{text-decoration:underline;}


#phase1_global_nav{background:#134b74/*#244A74*//*#111*//*#6184C4*//*#003399*/;}
#phase1_global_nav li {display:block;float:left;font-size:14px;padding:5px 14px;}
#phase1_global_nav li a{color:#FFF;}

#phase1_global_nav li.active{background:#EEE;}
#phase1_global_nav li.active a{color:#039;}

#phase1_sub_nav{background:#EEE;margin-bottom:12px;padding:5px 14px;}
#phase1_sub_nav li{display:inline;font-size:12px;margin-right:1.5em;}
#phase1_sub_nav li a.active{text-decoration:underline;}





#phase1_contents{width:660px;float:left;margin-left:5px;}
#phase1_sidebar{width:300px;float:right;}
#phase1_footer{clear:both;}

#phase1_bottom_ad_wrapper{width:100%;clear:both;margin:15px 0;}
#phase1_bottom_ad_left{width:300px;height:250px;float:left;margin-left:12px;}
#phase1_bottom_ad_right{width:300px;height:250px;float:right;margin-right:12px;}

.wrapper{position:relative;}/* Gate Impactを左右に表示するため, stracture.cssの.wrapperにposition:relative;を追加 */
@media screen and (max-width:1024px){
  #phase1_gateimpact_left, #phase1_gateimpact_right{display:none;}
}/* モバイル端末で右側が空いてしまう場合の対策 */
#phase1_gateimpact_left{position:absolute;top:10px;left:-176px;width:160px;height:600px;}
#phase1_gateimpact_right{position:absolute;top:10px;left:996px;width:160px;height:600px;}

#phase1_primeshowcase{width:468px;/* 2016-10-18 FX教育事業告知*/padding:12px 0;}
.phase1_center_primeshowcase{margin:auto;}

/* 共通スタイル */
.phase1_box h1{
  font-size:28px;
  margin: 14px 0;
  line-height:1.2em;
  border-left: 10px solid #37f;
  padding-left: 5px;
}
.phase1_box h1.mb0{margin-bottom:0;}

.phase1_box h2{font-size: 24px;margin: 12px 0;}
.phase1_box h2.mb0{margin-bottom:0;}
.phase1_box h2 a{color:#333;}
.phase1_box h2 a:hover{color:#111;text-shadow:0 0 1px #DDD;}

.phase1_box h3{font-size: 18px;margin:12px 0;font-weight: bold;}

/* ボタン類 */
a.btn {
  background: #09C;
  border: 1px solid #DDD;
  color: #FFF;
  text-shadow:1px 1px 3px rgba(0,0,0,0.5);
  text-decoration: none;
}
a.btn:hover, a.btn:focus, a.btn:active {
  background: #07C;
}

.btn2{
  display:block;
  border:solid 1px #ccc;
  border-radius:3px;
  background:rgb(253,253,253);
  box-shadow: 1px 1px 0 #999;
  color: #04A;
}
a.btn2{
  text-decoration:none;
  color:#049;
}
a.btn2:hover, a.btn2:focus, a.btn2:active{
  background:rgb(255,255,255);
  box-shadow: 1px 1px 1px #444;
  text-shadow:1px 1px 1px #DDF;
}



.btn-size-common{
  padding: 3px 18px;
  font-size: 11px;
}


/* #hdr_fxnewsBox */
/* 最新の為替ニュースのスタイル */
/* 本番サーバー側のファイルにアクセスしているため, structureの.hdr_fxnewsBoxの設定をオーバーライドする */
/* 接頭辞の#phase1_追加の例外とする */
/*.hdr_fxnewsArea{height:250px;}
#hdr_fxnewsBox{width:665px;margin-left:0;margin-bottom:25px;float:left;}
#rightTopAd{float:right;width:300px;height:250px;background:#EEE;}*/
#phase1_fxnews_wrapper h2.boxTitle{display:none;}/* 最新の為替ニュースのhtmlを動かせないのでスタイルで非表示にする */
#phase1_fxnews_wrapper ol{margin:0 0 0 5px;}
#phase1_fxnews_wrapper ol li a:before {/* マークをつけろつけろと毎日言ってくるので付ける */
  content: "▶ ";
  font-size: 0.1em;
  color: #039;
}
#phase1_fxnews_wrapper p{text-align:right;}
#hdr_fxnewsBox{margin-bottom:12px;}/* 「もっと見る」ボタンとの間にスペースを入れるため */




/* トップページブログリンク */
#phase1_blog_and_report_list_wrapper{margin:25px 0 40px;}

.phase1_toppage_blog_box{clear:both;}
.phase1_toppage_blog_category_name{margin-bottom:5px;}
.phase1_toppage_blog_thumbnail{width:85px;float:left;}
.phase1_toppage_blog_info{width:575px;float:left;}
.phase1_toppage_blog_info h3{font-size:24px;margin-bottom:6px;}
.phase1_toppage_blog_info span{font-size:11px;}
.phase1_toppage_blog_info p{font-size:14px;margin-bottom:6px;}
.phase1_toppage_blog_info div{text-align:right;}

#phase1_blog_and_report_list_bottom_wrapper{margin-top:25px;}
.phase1_toppage_blog_entry_list{margin-bottom:8px;}
.phase1_toppage_blog_entry_list:before {
  content: "▶ ";
  color: #039;
  font-size: 2px;
}
.phase1_toppage_blog_entry_list a{font-size:16px;margin-right:6px;}
.phase1_toppage_blog_entry_publish_time{font-size:14px;color:#555;margin-right:6px;}
.phase1_toppage_blog_entry_category_name>a{font-size:14px;}


/* トップページなどの記事一覧の→マークを非表示に */
.listStyle01 li, .contentsBox .listStyle01 li{
  background:none;
  padding-left:0;
}

#phase1_klug_usage p{font-size:16px;}
#phase1_klug_usage ul{margin:8px 0 25px 8px;}
#phase1_klug_usage li{font-size:14px;line-height:1.33em;}
#phase1_klug_usage li:before{
  content: "▶ ";
  font-size: 0.1em;
  color: #039;
}

/* トップページのアンケート表示 */
.phase1_enquete_topbox p br {
  display: none;
}
.phase1_enquete_topbox label {
  font-size: 14px;
  margin-right: 1em;
}
#answerBtn {
  display: block;
}
.phase1_enquete_topbox .iconStyleQ {
  font-size: 16px;
  font-weight: bold;
}

/* 記事一覧 */
#phase1_dailynav dt, #phase1_dailynav dd{display:inline;font-size:12px;}
#phase1_dailynav dd{margin:0 5px;}
#phase1_dailynav dd a{color:#444;text-decoration:underline;}
#phase1_dailynav dd a:hover, #phase1_dailynav dd a:focus, #phase1_dailynav dd a:active{color:#000;text-shadow:0 0 0 #999;}
#phase1_dailynav dd a.phase1_dailynav_saturday{color:#04F;}
#phase1_dailynav dd a.phase1_dailynav_sunday{color:#F44;}

.phase1_article_list{margin:12px 0;}
.phase1_article_list li{margin-bottom:5px;}
.phase1_article_list li:before{
  content: "▶ ";
  font-size: 0.1em;
  color: #039;
}
.phase1_article_list>li>em{color: #F00;font-style: italic;font-weight: bold;}
.phase1_article_list li a{font-size:16px;margin-right: 12px;}
.phase1_article_list span{font-size:14px;color:#555;}

/* BLOG */
.phase1_category_title a{display:block;}
.phase1_category_title>a>span{display:none;}

.phase1_blog_entry_list{margin:25px 0;}
.phase1_blog_entry_info{margin-bottom:16px;}
.phase1_blog_entry_info h2{font-size:24px;margin-bottom:6px;}
.phase1_blog_entry_info span{font-size:11px;}
.phase1_blog_entry_info p{font-size:14px;margin-top:6px;}


/* 個別記事 */
.phase1_publish_time dt, .phase1_publish_time dd{display:inline;font-size:14px;}
.phase1_publish_time dt:after{content:":";}
.phase1_publish_time dt{font-weight:bold;}
.phase1_publish_time dd{margin-right:14px;}

.phase1_texts, .phase1_texts p{font-size:16px;margin:16px 0;line-height:1.4em;}


.phase1_pagenav li{display:inline;font-size:14px;margin:0;}
.phase1_pagenav li:after{content:"|";margin:0 3px 0 7px;}
.phase1_pagenav li:last-child:after{content:none;}

.phase1_social_button{margin:12px 0;}
.phase1_social_button li{display:inline;margin-right:8px;}

/* 筆者紹介の上書き修正 */
.authorBox .rightBox {width: 570px;}

/* チャート2 */
#phase1_fx_chart2 td{padding-top:24px;}
#phase1_fx_chart2 td a img{border: 1px solid #0000ff;}

/* indexcal */
#phase1_indexcal_header{width:100%;}
#phase1_indexcal_header_left{width:665px;float:left;}
#phase1_indexcal_header_right{width:300px;float:right;}

#phase1_indexcal_bottom_wrapper{width:100%;}
#phase1_indexcal_bottom_left{width:665px;float:left;}
#phase1_indexcal_bottom_right{width:300px;float:right;}

#phase1_indexcal_bottom_wrapper #phase1_side_ranking{width:100%;}

/* 書籍紹介 */
/* 上書き */
.book .recommendBox .contentsBox .bookContents {
  width: 500px;
}
.book .bookDetailBox .bookContents .rightBox {
  width: 475px;
}

/* sidebar */
#phase1_sidebar>div{margin-bottom:25px;}
.phase1_sidebar_box h2{font-size:24px;margin-bottom:8px;}

#phase1_side_ranking p{font-size:14px;margin-top:6px;}

#phase1_side_ranking li a{font-weight:normal;font-size:14px;}
#phase1_side_ranking .contentsBox{line-height:1.25em;}

#phase1_sidebar_rss a{width: 48px;height:48px;float:left;margin-right:12px;}
#phase1_sidebar_rss p{display: table;font-size: 12px;}

#phase1_sidebar_links p{font-size: 12px;}

#phase1_sidebar_featurephone img{display:block;width: 74px;height:74px;float:left;margin-right:12px;}
#phase1_sidebar_featurephone p{display: table;font-size: 12px;}


#phase1_announce h2{font-size: 18px;font-weight: bold;margin-bottom:9px;}
#phase1_announce p{font-size:12px;}
#phase1_announce p strong{font-size:14px;}
#phase1_announce li{font-size: 12px;padding-left: 6px;}


/* FX RATE */
#phase1_sidebar_fxrate{width:100%;height:475px;border:none;}

#phase1_mt4_side a{
  display:block;
  width:100%;
  font-size:16px;
  border:solid 1px #ddd;
  border-radius:3px;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60f1ff+0,eaffff+10,eaffff+90,60f1ff+100 */
  background: rgb(96,241,255); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(96,241,255,1) 0%, rgba(234,255,255,1) 20%, rgba(234,255,255,1) 80%, rgba(96,241,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(96,241,255,1) 0%,rgba(234,255,255,1) 20%,rgba(234,255,255,1) 80%,rgba(96,241,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(96,241,255,1) 0%,rgba(234,255,255,1) 20%,rgba(234,255,255,1) 80%,rgba(96,241,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60f1ff', endColorstr='#60f1ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  text-decoration:none;
}
#phase1_mt4_side a:hover{
  border:solid 1px #999;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60f1ff+0,eaffff+10,eaffff+90,60f1ff+100 */
  background: rgb(76,221,255); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(76,221,255,1) 0%, rgba(234,255,255,1) 20%, rgba(234,255,255,1) 80%, rgba(76,221,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(76,221,255,1) 0%,rgba(234,255,255,1) 20%,rgba(234,255,255,1) 80%,rgba(76,221,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(76,221,255,1) 0%,rgba(234,255,255,1) 20%,rgba(234,255,255,1) 80%,rgba(76,221,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60f1ff', endColorstr='#60f1ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#phase1_mt4_side a h2{
  margin:5px 0 0;
  font-style:bold;font-size:36px;
  font-family:serif;
  font-weight:900;
  color:#000;
  text-shadow:3px 2px 0 #999;
  text-align:center;
}
#phase1_mt4_side a strong{
  color:#333;display:block;margin:2px 12px;
}
#phase1_mt4_side a span{
  color:#333;
  display:block;
  margin:2px 12px 5px;
  font-size:14px;
  text-align:center;
}



/* サイドバーのメルマガ枠の調整 */
/* 250pxに最適化されたスタイルを300pxのスタイルで上書き */
.sBoxStyle01 {
  /*background: url("../img/bg_sBoxStyle01.gif") repeat-y;*/
  background: url("../img/bg_sBoxStyle01_large.gif") repeat-y;
}
.innerSBoxStyle {
  background: url("../img/bg_sBoxStyle01_btm_large.gif") no-repeat left bottom;
}



#phase1_under_fxnews_links{margin:20px 0;}
#phase1_under_fxnews_links li a{
  float:left;
  width:155px;
  height:50px;
  margin-right:10px;
  font-size:14px;
}
li#phase1_under_fxnews_link_04 a{
  margin-right:0;
}

/* サイトマップ */
#phase1_sitemap h2{font-size:20px;
  border-left: 5px solid #37f;
  padding-left: 5px;
}
#phase1_sitemap table{margin:8px 0 24px;font-size:14px;}
#phase1_sitemap table th{width:180px;padding-right:14px;padding-bottom:5px;}

/* フッター */
/* 比較コンテンツのページで設定が上書きされるので二重で */
#phase1_footer a{text-decoration:none;color:#1a489c;}
#phase1_footer a:hover, #phase1_footer a:focus, #phase1_footer a:active{text-decoration:underline;}


#phase1_footer hr{margin:8px 0;}

#phase1_footer_box1{width:200px;float:left;margin-right:10px;}
#phase1_footer_box2{width:350px;float:left;margin-right:10px;}
#phase1_footer_box3{width:200px;float:left;margin-right:10px;}
#phase1_footer_box4{width:200px;float:left;}

.phase1_footer_common h3{font-size:16px;margin-bottom:8px;}
.phase1_footer_common ul{margin-bottom:16px;}
.phase1_footer_common li a{font-size:12px;}

#phase1_footer_info li{display:inline;font-size: 16px;margin-right: 16px;}

#phase1_copyright{margin:6px 0;}




.phase1_table thead th{background:#eee;border:solid 1px #CCC;}
.phase1_table tbody th, .phase1_table tbody td{border:solid 1px #CCC;}
.phase1_table th, .phase1_table td{font-size:14px;padding:2px 3px;}

.phase1_archives_calendar_table th, .phase1_archives_calendar_table td{font-size:13px;}

.phase1_calendar_wide th, .phase1_calendar_wide td{text-align:center;font-size:16px;padding:3px 0;width:75px;}
.phase1_calendar_wide thead{border-bottom:1px solid #333;}
.phase1_calendar_wide a:hover, .phase1_calendar_wide a:focus, .phase1_calendar_wide a:active{font-weight:bold;}

#calendar_wapper{width;100%;margin:50px 0;}
#calendar_wapper>div{float:left;}
.prev_calendar_box, .next_calendar_box{width:50px;text-align:center;padding-top: 75px;}
.prev_calendar_box a, .next_calendar_box a{font-size:30px;text-decoration:none;color:#04F;}
.prev_calendar_box a:hover, .next_calendar_box a:hover,
.prev_calendar_box a:focus, .next_calendar_box a:focus,
.prev_calendar_box a:active, .next_calendar_box a:active{color:#F00;text-shadow:1px 1px 0 #999;}
.calendar_box{width:560px;}