@charset "shift_jis";

/* 全体枠関連 */
.yf #doc {
   border:none;
}
.yf .the-header {
   border:none;
   padding: 0;
}
.yf #body {
   background: none #fff;
   border: none;
   margin-bottom: 10px;
   padding: 0;
}
/* YFグロナビ */
#globalNavWrapper #yfLogo {
   position: absolute;
   padding: 5px;
   background-color: #fff;
   top: 9px;
   _top: 8px;/* IE6 */
   right: 9px;
   _right: 8px;/* IE6 */
   z-index: 4;
}
*:first-child+html #globalNavWrapper #yfLogo {/* IE7~ */
   top: 8px;
   right: 8px;
}

/* ----- global navi sprite ------*/
#financeSearch,
#financeSearch input#searchButton,
#financeSearch input#searchButtonCom,
#financeSearch input#searchButtonNews,
#globalNav ul#gnPri,
#globalNav ul#gnSec,
#globalNav ul#gnSec li,
#globalNav ul#gnOther li,
.portFolioBg,
.portFolioBgMain,
.portFolio,
ul.portFolioIn li,
#finTab,
#Tab01 a.on,
#Tab02 a.on,
#Tab03 a.on,
.bkLine,#ytopTab2 a,
#ytopTab2 a.on,
.ymuiHeaderBGGrd {
   background-image: url(//img.allabout.co.jp/img/guidemedia/finance/yf/yf_gnavi_sprite.png);
}
.ymuiHeaderBGGrd {
   background-position: left -300px;
   background-repeat: repeat-x;
}
#globalNavWrapper {
   position: relative;
   z-index: 0;
}
#globalNav {
   z-index:1;
}
#globalNav ul {
   list-style: none;
}
/* ----- primary hierarchy ------*/
#globalNav ul#gnPri {
   z-index:3;
   zoom:1;
   background-color: #3e6586;
   background-repeat: repeat-x;
   background-position: 0 -100px;
   color: #fff;
   position: relative;
}
#globalNav ul#gnPri li{
   display: block;
   float: left;
}
#globalNav ul#gnPri a {
   display: block;
   padding: 5px 12px;
   color: #fff;
}
#globalNav ul#gnPri a:hover,
#globalNav ul#gnOther li a:hover,
#globalNav ul#gnOther li.on a:hover {
   text-decoration: underline;
}
#globalNav ul#gnPri.selectTop li#gnPriTop a,
#globalNav ul#gnPri.selectKabu  li#gnPriKabu a,
#globalNav ul#gnPri.selectGrKawase li#gnPriGrKawase a,
#globalNav ul#gnPri.selectShintaku li#gnPriShintaku a,
#globalNav ul#gnPri.selectNews li#gnPriNews a,
#globalNav ul#gnPri.selectLoan li#gnPriLoan a,
#globalNav ul#gnPri.selectCard li#gnPriCard a,
#globalNav ul#gnPri.selectKinri li#gnPriKinri a,
#globalNav ul#gnPri.selectCompany li#gnPriCompany a,
#globalNav ul#gnPri.selectOther li#gnPriOther a {
   margin-bottom: -2px;
   font-weight :bold;
   color: #0033cc;
   border: 1px solid #ccc;
   border-bottom: 1px solid #f7f7f7;
   background-color: #f7f7f7;
}
#globalNav ul#gnPri.selectTop li#gnPriTop a:visited,
#globalNav ul#gnPri.selectKabu  li#gnPriKabu a:visited,
#globalNav ul#gnPri.selectGrKawase li#gnPriGrKawase a:visited,
#globalNav ul#gnPri.selectShintaku li#gnPriShintaku a:visited,
#globalNav ul#gnPri.selectNews li#gnPriNews a:visited,
#globalNav ul#gnPri.selectLoan li#gnPriLoan a:visited,
#globalNav ul#gnPri.selectCard li#gnPriCard a:visited,
#globalNav ul#gnPri.selectKinri li#gnPriKinri a:visited,
#globalNav ul#gnPri.selectCompany li#gnPriCompany a:visited,
#globalNav ul#gnPri.selectOther li#gnPriOther a:visited {
   color: #800080;
}

/* ----- third hierarchy ------*/
#globalNav ul#gnOther {
   z-index:3;
   zoom: 1;
   background-color: #416fa1;
   border: 1px solid #416fa1;
   border-top: none;
   position: relative;
}
#globalNav ul#gnOther li {
   float: left;
   background-repeat: no-repeat;
   background-position: right -392px;
}
#globalNav ul#gnOther li a {
   display: block;
   padding: 1px 4px;
   margin:4px;
   color: #fff;
}
#globalNav ul#gnOther li.on a {
   background: #234974;
   font-weight: bold;
   color: #fff;
}
/* ---- in case of New Icon ----*/
#globalNav ul#gnPri li a.new,
#globalNav ul#gnSec li a.new,
#globalNav ul#gnPri li a.blank,
ul.selectShintaku a.blank,
#globalNav ul#gnSec li a.blank,
#globalNav ul#gnOther li a.blank,
#globalNav ul#gnPri .blank,
#globalNav ul#gnSec li.on a.blank {
   background-image:url(//img.allabout.co.jp/img/guidemedia/finance/yf/yf_gnavi_sprite.png);
   background-repeat:no-repeat;
}
#globalNav ul#gnPri li a.new,
#globalNav ul#gnSec li a.new {
   background-position:right -493px;
   padding-right: 35px;
}
#globalNav ul#gnSec li a.new {
   background-position: right -497px;
   padding-right: 35px;
}
#globalNav ul#gnPri li a.blank {
   background-position: right -1043px;
   padding: 5px 30px 5px 12px !important;
}
#globalNav ul#gnSec li a.blank {
   background-position: right -1072px;
   padding-right: 19px;
}
#globalNav ul#gnSec li.on a.blank {
   background-position: right -1021px;
   padding-right: 19px;
}
#globalNav ul#gnOther li a.blank {
   background-position: right -1022px;
   padding-right: 19px;
}
#globalNav ul#gnPri .blank {
   background-position: 0 -1025px;
   padding-left: 18px;
}

/* マネーロゴ周り */
.yf-header {
   min-height: 100px;
   height: auto !important;/* IE6 */
   height: 100px;/* IE6 */
   position: relative;
   z-index: 2;
   border-bottom: 6px solid #254c77;
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/head_illust.gif) no-repeat right bottom;
   margin: 5px 0 10px;
}
.yf-header .logo {
   float: left;
   padding: 19px 0 0 10px;
}

/* 右カラム関連 */
/* 共通枠 */
.right-cmn-box {
    border: 1px solid #A3C5EC;
    margin-bottom: 10px;
    padding: 1px;
}
.right-cmn-box h2 {
   background-color: #c0d7f0;
   border-bottom :1px solid #a3c5ec;
   font-size: 12px;
   padding: 4px 8px 3px;
}
.right-cmn-box p {
   margin: 10px 8px 8px;
}
/* メルマガ */
.melmaga {
   border:10px solid #c0d7f0;
   margin: 20px 0 10px 0;
   _margin: 0 0 10px 0;
   padding: 5px;
   position: relative;
}
.melmaga h3 {
   margin: 2px 0 40px;
}
.melmaga h3 span {
   background:transparent url(//img.allabout.co.jp/img/guidemedia/finance/icon/cmn/mail_text.gif) no-repeat scroll left top;
   display:inline-block;
   height:31px;
   left:73px;
   _left: 67px;
   position:absolute;
   text-indent:-9000%;
   width:205px;
}
.melmaga h3 img {
   position: absolute;
   top: -20px;
   _top: -14px;
   left: 5px;
   _left: -2px;
}
.melmaga .form-area {
   background-color: #efefef;
   padding: 7px;
   vertical-align: middle;
}
.melmaga .form-area input {
   display: inline;
}
.melmaga .form-area input.form-text {
   border: 1px solid #666666;
   padding: 2px;
   width: 170px;
}
.melmaga .form-area input.form-btn {
   width: 68px;
   margin: 0 5px;
}

/* 注目トピックス */
.topic-list{
   margin: 12px 8px;
   padding: 0;
}
.topic-list li {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon.gif) no-repeat 0 0.2em;
   padding-left: 13px;
   margin: 10px 0;
}

/*初歩から学ぼう*/
.category-list{
   margin: 5px 8px;
   padding: 0;
}
.category-list li {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/line01.gif) repeat-x scroll 0 100%;
}
.category-list li a {
   display: block;
   padding: 14px 0 14px 36px;
   font-size: 120%;
   font-weight: bold;
}
.category-list li a.saving {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/575s.gif) no-repeat 0 0.3em;
}
.category-list li a.operation {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/576s.gif) no-repeat 0 0.3em;
}
.category-list li a.investment {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/577s.gif) no-repeat 0 0.3em;
}
.category-list li a.plan {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/578s.gif) no-repeat 0 0.3em;
}
.category-list li a.debt {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/579s.gif) no-repeat 0 0.3em;
}
.category-list li a.loan {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/682s.gif) no-repeat 0 0.3em;
}

/* 201104 up s */
.category-list li a.theme668 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/668s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme669 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/669s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme670 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/670s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme671 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/671s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme675 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/675s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme676 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/676s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme677 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/677s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme678 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/678s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme679 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/679s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme680 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/680s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme681 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/681s.gif) no-repeat 0 0.3em;
}
.category-list li a.theme682 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/682s.gif) no-repeat 0 0.3em;
}

/* 厳選記事 */
.selected-article {
   margin: 12px 8px;
   padding: 0;
}
.selected-article li {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon.gif) no-repeat scroll 0pt -85px;
   -moz-background-clip: border;
   -moz-background-origin: padding;
   -moz-background-inline-policy:continuous;
   margin: 10px 0;
   padding-left: 13px;
}
/* 人気記事ランキング */
.ranking {
   margin: 8px;
}
.ranking li {
   padding: 7px 0 7px 30px;
}
.ranking li.top {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/no1.gif) no-repeat 0 0.3em;
}
.ranking li.second {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/no2.gif) no-repeat 0 0.3em;
}
.ranking li.third {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/no3.gif) no-repeat 0 0.3em;
}
.ranking li.forth {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/no4.gif) no-repeat 0 0.3em;
}
.ranking li.fifth {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/no5.gif) no-repeat 0 0.3em;
}

/* overture枠 */
.right-ovt {
   border: 1px solid #ccc;
   padding: 8px;
   margin-bottom: 10px;
}
.right-ovt a {
   display: block;
   text-decoration: none;
}
.right-ovt dl {
   margin-bottom: 7px;
}
.right-ovt dl dt {
   margin-bottom: 2px;
   font-weight: bold;
   font-size: 120%;
}
.right-ovt dl dt span {
   color:#0059B3;
   text-decoration:underline;
}
.right-ovt dl dd.link {
   color: #469e9d;
}
.right-ovt dl dd.read {
   color: #000;
}
.right-ovt p {
   text-align: right;
   color: #999;
}
.right-ovt p a {
    color: #999;
    display: inline;
    text-decoration: underline;
}

/* バナーリスト／共通枠デザイン */
.main-btm-box {
   border: 1px solid #dfc88a;
   padding: 1px;
   margin-bottom: 10px;
}
.layout_2col .layout_main .main-btm-box {/* 2column用 */
    border: medium none;
    margin: 15px 0;
    padding: 0;
}
.main-btm-box h2 {
   background-color: #dec37b;
   border-bottom: 1px solid #dfc88a;
   padding: 4px 8px 3px;
   font-size: 120%;
   color: #fff;
   font-weight: bold;
}

/* 2column内用スタイル */
.main-menu {
   padding: 5px 5px 0;
}
.main-menu p {
   margin: 5px 5px 8px;
   /margin: 10px 5px 8px; /* ie6,7,8 hack */
}
.main-menu dl {
    width: 206px;
    height: 5.5em;
   display: inline;
   float: left;
   margin: 0 5px 10px 0;
}
.main-menu dl dt {
   display: block;
   padding: 10px 0 2px 36px;
   margin-bottom: 5px;
   font-size: 120%;
   font-weight: bold;
}
.main-menu dl dt.saving {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/575s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.operation {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/576s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.investment {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/577s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.plan {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/578s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.debt {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/579s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.loan {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/682s.gif) no-repeat 0 0.1em;
}

/* 201104 up s */
.main-menu dl dt.theme668 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/668s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme669 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/669s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme670 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/670s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme671 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/671s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme675 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/675s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme676 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/676s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme677 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/677s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme678 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/678s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme679 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/679s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme680 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/680s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme681 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/681s.gif) no-repeat 0 0.1em;
}
.main-menu dl dt.theme682 {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon/682s.gif) no-repeat 0 0.1em;
}
/* 201104 up e */

.main-menu dl dd {
   margin-left: 33px;
   font-size: 85%;
   color: #8e8e8e;
}

/* フッター部分用 */
.fotter-bnr-box {
   padding: 5px 0 5px 10px;
   margin: 0 auto;
   width: 966px;
   _width: 964px;
}
.fotter-bnr-box p {
   margin: 5px 10px 10px 0;
}
.fotter-bnr-box dl.bnr-box {
   float: left;
   width: 312px;
   _width: 308px;
   background-color: #eee;
   padding: 7px 0 5px;
   margin: 0 10px 10px 0;
}
.fotter-bnr-box dl.bnr-box dt {
   text-align: center;
}
.fotter-bnr-box dl.bnr-box dd {
   margin: 5px 13px;
   text-align: left;
}
.fotter-bnr-box dl.bnr-box dd.article span {
   float: left;
   display: inline-block;
   background-color: #ff9933;
   padding: 3px 4px 1px;
   margin-right: 6px;
   font-size: 90%;
   color: #fff;
   line-height: 1.4em;
}
.fotter-bnr-box ul {
   float: left;
   width: 294px;
   _width: 290px;
   background-color: #eee;
   padding: 4px 5px 4px 13px;
   margin: 0 10px 10px 0;
}
.fotter-bnr-box ul li {
   background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon.gif) no-repeat scroll 0 -122px;
   padding: 3px 3px 3px 13px;
   font-size: 120%;
}
/* 広告（記事下／レクタングルボックス） */
#yf-rec-box table,
#yf-rec-box tbody,
#yf-rec-box tr,
#yf-rec-box td {
    vertical-align: middle;
}
#yf-rec-box td {
   padding: 1px;
}
/* 広告（右／レクタングル） */
#rightRecWire {
    margin-bottom: 10px;
    text-align: center;
}
#rightRecWire dl {
    background-color: #FFF;
    color: #555;
}
#rightRecWire dl dt {
    background-color: #EEE;
    display: block;
    line-height: 12px;
    padding: 4px 0;
}

/* 広告（右／関連キーワード） */
.yf .layout_sidebar .box-keyword {
    border: 1px solid #A3C5EC;
    margin-bottom: 10px;
    padding: 1px;
}
.yf .layout_sidebar .label {
    font-weight: bold;
}
.yf .layout_sidebar .label,
.yf .layout_sidebar .label-bg {
    background: none #C0D7F0;
    border-bottom: 1px solid #A3C5EC;
    line-height: 19px;
    padding: 4px 8px 3px;
}
.yf .layout_sidebar .label .icon {
    background: none;
}
.yf .layout_sidebar .label .icon-keyword {
    padding: 0;
}