@charset "Shift_JIS";
/* yf_homeに必要なとこだけ抜き出す */
.yf .layout_2col .layout_main {
    border: none;
    padding: 0;
    width: 660px;
}


/********************************
 メインパネル update:2010/2/16
 ********************************/
#mainPanelWire {
border: 1px solid #e1e6e9;
margin-bottom: 20px;
}
#mainPanelWire h1 {
display: none;
}
#mainPanelWire #leftPanelBox {
width: 422px;
float: left;
display: inline;
padding: 10px;
border-right: 1px solid #e1e6e9;
}
/* メインパネル部分 */
#mainPanelWire #leftPanelBox #mainPanel {
position: relative;
z-index: 1;
margin-bottom: 10px;
}
#mainPanelWire #leftPanelBox #mainPanel img {
border: 1px solid #a9a9a9;
margin-bottom: 8px;
}
#mainPanelWire #leftPanelBox #mainPanel a {
line-height: 1.4em;
color: #575757;
text-decoration: none;
}
#mainPanelWire #leftPanelBox #mainPanel a:hover {
text-decoration: underline;
}
/* リスト部分 */
#mainPanelWire #leftPanelBox #panelWire {
width: 422px;
position: relative;
z-index: 2;
}
#mainPanelWire #leftPanelBox #panelWire #panelList {
width: 402px;
float: left;
display: inline;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul {
width: 402px;
margin: 0 1px;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul li {
float: left;
display: inline;
position: relative;
background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/top/panel_bg.gif) no-repeat 0 0;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul li a {
width:134px;
height: 79px;
display: block;
zoom: 1;
text-align: center;
text-decoration: none;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul li a span.bnrImage {
width: 120px;
height: 29px;
display: block;
zoom: 1;
border: 1px solid #ccc;
background-color: #fff;
padding: 1px;
margin: 12px auto 3px;
text-align: center;
cursor: pointer;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul li a span.text {
display: block;
margin: 0 5px;
text-align: left;
text-decoration: none;
font-size: 85%;
color: #7e7e7f;
line-height: 1.2em;
}
/* 選択時 */
#mainPanelWire #leftPanelBox #panelWire #panelList ul li.selected {
background: #fff url(//img.allabout.co.jp/img/guidemedia/finance/top/panel_bg_current.gif) no-repeat 0 0;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul li.selected a {
width:134px;
height: 79px;
display: block;
zoom: 1;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul li.selected a span.bnrImage {
margin: 12px auto 3px;
}
#mainPanelWire #leftPanelBox #panelWire #panelList ul li.selected a span.text {
text-decoration: underline;
color: #fff;
}

/* 左右ボタン */
#mainPanelWire #leftPanelBox #panelWire .btnLeft {
float: left;
display: inline;
margin-top: 8px;
}
#mainPanelWire #leftPanelBox #panelWire .btnRight {
float: right;
display: inline;
margin-top: 8px;
}

/* 新着情報 */
#mainPanelWire #rightListBox {
width: 195px;
float: left;
display: inline;
padding: 10px 8px;
}
#mainPanelWire #rightListBox p {
border-bottom: 2px solid #e1e6e9;
padding: 0 0 5px 2px;
margin-bottom: 5px;
font-weight: bold;
}
#mainPanelWire #rightListBox ul li {
padding: 4px 3px 4px 11px;
}
#mainPanelWire #rightListBox ul li.article {
background:transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon.gif) no-repeat scroll 0 -82px;
}
#mainPanelWire #rightListBox ul li.ad {
background:transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon.gif) no-repeat scroll 0 -123px;
}



/******************* 左枠 ***********************/
/* All About マネーにはこんなコーナーがあります！*/
#cornerMenu {
border: 3px solid #416fa1;
padding-bottom: 5px;
margin-bottom: 10px;
}
#cornerMenu h2 {
background-color: #416fa1;
padding: 7px 10px 8px;
}
#cornerMenu h3 {
margin: 10px 5px 15px;
}
#cornerMenu dl {
margin: 10px 8px 10px 10px;
}
#cornerMenu dl dt {
background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon_ranking.gif) no-repeat -6px -628px;
padding-left: 18px;
margin-bottom: 3px;
font-size: 130%;
font-weight: bold;
}
#cornerMenu dl dd {
padding-left: 18px;
margin-bottom: 5px;
}
#cornerMenu dl dt .new {
margin-right: 5px;
padding: 1px 5px 0;
background: #F89714;
position: relative;
top: -2px;
color: #fff;
font-size: 66%;
font-weight: normal;
}

/* 左広告枠 */
.leftModuleWire {/* common parts */
border: 1px solid #a3c5ec;
margin-bottom: 10px;
padding: 1px;
}
.leftModuleWire h2 {/* common parts */
background-color: #c0d7f0;
border-bottom: 1px solid #a3c5ec;
padding: 4px 8px 3px;
font-weight: bold;
}
.leftModuleWire ul.topicList {
margin: 12px 8px;
padding: 0;
}
.leftModuleWire ul.topicList li {
background: transparent url("//img.allabout.co.jp/img/guidemedia/finance/yf/icon.gif") no-repeat 0 0.2em;
margin: 10px 0;
padding-left: 13px;
}

/* メルマガ登録 */
#melmagaWire {
border: 10px solid #ddd;
padding: 5px;
margin: 20px 0 10px;
position: relative;
}
#melmagaWire h3 {
margin: 2px 0 40px;
}
#melmagaWire 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;
}
#melmagaWire h3 img {
position: absolute;
top: -20px;
_top: -18px;
left: 5px;
_left: -2px;
}
#melmagaWire #formArea {
background-color: #efefef;
padding: 7px;
vertical-align: middle;
}
#melmagaWire #formArea input {
display: inline;
}
#melmagaWire #formArea input#formText {
width: 168px;
}
#melmagaWire #formArea input#formBtn {
width: 68px;
}

/******************* 右枠 ***********************/
#rankingWire {
background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/ranking_line.gif) repeat-y 0 0;
margin-bottom: 15px;
}
#rankingWire #leftArticle {
width: 320px;
float: left;
}
#rankingWire #rightCorner {
width: 320px;
float: right;
}
#rankingWire #leftArticle h3,
#rankingWire #rightCorner h3 {
margin-bottom: 12px;
}
/* 人気記事ランキング */
#rankingWire #leftArticle dl{
margin: 0 5px 10px;
}
#rankingWire #leftArticle dl dt {
background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon_ranking.gif) no-repeat;
padding: 4px 0 4px 30px;
}
#rankingWire #leftArticle dl dt.no1,
#rankingWire #leftArticle dl dt.no2,
#rankingWire #leftArticle dl dt.no3 {
font-size: 140%;
}
#rankingWire #leftArticle dl dt.no1 {
background-position: 0 2px;
}
#rankingWire #leftArticle dl dt.no2 {
background-position: 0 -74px;
}
#rankingWire #leftArticle dl dt.no3 {
background-position: 0 -152px;
}

#rankingWire #leftArticle dl dt.no4 {
background-position: 0 -472px;
}
#rankingWire #leftArticle dl dt.no5 {
background-position: 0 -552px;
}
#rankingWire #leftArticle dl dd {
text-align: right;
font-size: 90%;
}

/* 人気コーナーランキング */
#rankingWire #rightCorner ul {
margin: 0 5px;
}
#rankingWire #rightCorner ul li {
background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon_ranking.gif) no-repeat;
padding: 4px 0 4px 30px;
margin-bottom: 26px;
}
#rankingWire #rightCorner ul li.no1,
#rankingWire #rightCorner ul li.no2,
#rankingWire #rightCorner ul li.no3 {
font-size: 140%;
}
#rankingWire #rightCorner ul li.no1 {
background-position: 0 -233px;
}
#rankingWire #rightCorner ul li.no2 {
background-position: 0 -311px;
}
#rankingWire #rightCorner ul li.no3 {
background-position: 0 -390px;
margin-bottom: 24px;
}
#rankingWire #rightCorner ul li.no4 {
background-position: 0 -472px;
margin-bottom: 27px;
}
#rankingWire #rightCorner ul li.no5 {
background-position: 0 -552px;
}

/* A枠 注目情報トピックス */
#boxTopic {
margin-bottom: 15px;
}
#boxTopic div.title {
background: #e3e2e2 url(//img.allabout.co.jp/img/guidemedia/finance/yf/right_title_topics.gif) no-repeat 7px 50%;
padding: 10px 0 8px;
margin-bottom: 12px;
text-indent: -9000%;
}
#boxTopic dl.recommend{
float: left;
width: 320px;
height: 4em;
padding: 0 10px 15px 0;
}
#boxTopic dl.recommend dt{
float: left;
width: 60px;
}
#boxTopic dl.recommend dd{
padding-left: 60px;
margin-bottom: 3px;
}

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

/* 各コンテンツ共通ボックス */
.specialWire {
margin-bottom: 25px;
}
.specialWire h3 {
margin-bottom: 15px;
}

/* ピックアップ 2つ */
.specialWire .pickUpCorner {
border-bottom: 1px dashed #d0d0d0;
margin-bottom: 15px;
}
.specialWire .pickUpCorner dl {
min-height: 65px;
height: auto !important;/* for IE6 */
height: 65px;/* for IE6 */
position: relative;
margin: 0 5px 10px;
}
.specialWire .pickUpCorner dl dt {
width: 580px;
float: right;
margin-bottom: 5px;
}
.specialWire .pickUpCorner dt a {
margin-right: 7px;
font-size: 140%;
font-weight: bold;
}
.specialWire .pickUpCorner dt span {
font-size: 100%;
font-weight: normal;
color: #666;
}
.specialWire .pickUpCorner dd.read {
width: 580px;
float: right;
margin-bottom: 5px;
}
.specialWire .pickUpCorner dd.photo img {
position: absolute;
top: 0;
left: 0;
vertical-align: bottom;
}

/* その他記事 */
.specialWire ul {
margin: 0 5px 10px;
}
.specialWire ul li {
background: transparent url(//img.allabout.co.jp/img/guidemedia/finance/yf/icon_ranking.gif) no-repeat -6px -630px;
padding: 2px 0 2px 18px;
margin-bottom: 10px;
}
.specialWire ul li a {
margin-right: 7px;
font-size: 130%;
}
.specialWire ul li span {
font-size: 100%;
font-weight: normal;
color: #666;
}

/* 広告（記事下／レクタングルボックス） */
.yf .layout_2col .layout_main table,
.yf .layout_2col .layout_main tbody,
.yf .layout_2col .layout_main tr,
.yf .layout_2col .layout_main td {
    vertical-align: middle;
}
.yf .layout_2col .layout_main td {
   padding: 1px;
}