@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
File name: share.css
----------------------------------------------------------- */

/* -----------------------------------------------------------
	共通設定
----------------------------------------------------------- */

* {
    font-family: "ＭＳ Ｐゴシック",sans-serif !important;
    font-size: 13px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#ir {
    width: 1000px;
    letter-spacing: 0.1em;
}

#ir img {
    border: none;
    vertical-align: top;
}

#ir ul,ol {
    list-style: none;
}

#ir a:link {
    color: #0000ee;
    text-decoration: underline;
}

#ir a:visited {
    color: #551a8b;
    text-decoration: underline;
}

#ir a:hover {
    color: #a70171;
    text-decoration: underline;
}

/* -----------------------------------------------------------
	global Navi
----------------------------------------------------------- */
#subNaviArea {
    clear: both;
    width: 592px;
    height: 23px;
    padding: 0;
}

* html #subNaviArea {
    margin-top: -3px;
 /*for IE 6	*/
}

#subNaviArea li {
    display: inline;
}

#subNaviArea li img {
    border: none;
}
/* -----------------------------------------------------------
	contents
----------------------------------------------------------- */

#contentsIr {
    width: 960px;
    margin: 20px 0;
    background: url(../img/share/bg-ir.gif) repeat-y;
}

#contentsTopIr {
    width: 960px;
    background: url(../img/share/top-ir.gif) no-repeat top left;
}

#contentsTopIrSub {
    width: 960px;
    background: url(../img/share/top-ir_substratum.gif) no-repeat top left;
}

#contentsBottomIr {
    width: 960px;
    background: url(../img/share/bottom-ir.gif) no-repeat bottom left;
}

#contentsInner {
    width: 960px;
}

#mainArticle {
    width: 680px;
    float: left;
    margin-right: 27px;
}

#contentsTitle {
    width: 680px;
    background: url(../img/share/border-title.gif) no-repeat left bottom;
}

#contentsTitle h2 {
    padding-bottom: 5px;
}

.section {
    width: 650px;
    background: url(../img/share/bg-contents.gif) repeat-y;
    margin: 0 0 5px 30px;
}

.section h3 {
    height: auto;
    margin: 0;
    background: none;
}

.bottomSection {
    width: 650px;
    background: url(../img/share/bottom-contents.gif) no-repeat bottom;
    padding-bottom: 25px;
}

.topSection {
    width: 650px;
    background: url(../img/share/top-contents.gif) no-repeat top;
}

.sectionInner {
    width: 600px !important;
    margin: 0 auto;
}

/*========================================
	下層ページ用CSS
========================================*/

#sectionTitle {
    margin-top: 20px;
	/*margin-top:12px;*/
    position: relative;
}

#sectionTitle h3 {
    padding: 29px 0 20px 35px;
}

#contentsTitle h2 {
    float: left;
}

#contentsTitle:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
/*.sns_area:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}*/
.sns_area {
	/*float:right;*/
    text-align: right;
    font-size: 0;
    padding-bottom: 10px;
    padding-right: 5px;
	/*display:-webkit-box;*/
}

.sns_area li {
    font-size: 0;
    display: inline;
}

.sns_area .fb-share-button {
	/*position:absolute;
	top:36px;
	right:120px;*/
}

.sns_area .fb-like {
	/*position:absolute;
	top:36px;
	right:135px;
	margin-right:4px;*/
    margin-left: 4px;
}

@-moz-document url-prefix() {
    .sns_area .fb-like {
        margin-left: 2px;
    }
}

.sns_area .twitter {
	/*position:absolute;
	top:36px;
	right:255px;*/
}

.sns_area #___plusone_0 {
	/*position:absolute;
	top:36px;
	height:20px;
	right:100px;
	margin-left:2px !important;*/
}

#sectionTitle #printBtn {
    position: absolute;
    top: 33px;
    right: 5px;
}

#mainTitle {
    width: 650px;
    height: 89px;
    background: url(../img/share/bg-title.gif) no-repeat top;
}

#mainTitle h4 {
    padding: 19px 0 0 34px;
}

#contentArea {
    width: 650px;
    margin: 13px 0 8px 30px;
    background: url(../img/share/bg-contents.gif) repeat-y;
}

* html #contentArea {
    width: 650px;
    margin: -10px 0 8px 30px;
    background: url(../img/share/bg-contents.gif) repeat-y;
}

#topContentsArea {
    width: 650px;
    background: url(../img/share/top-bg_contents.gif) no-repeat top;
}

#bottomContentsArea {
    width: 650px;
    background: url(../img/share/bottom-contents.gif) no-repeat bottom;
    padding-bottom: 35px;
}

.contentsSection {
    width: 580px;
    margin: 0 0 0 35px;
}

#related {
    width: 580px;
    background: url(../img/share/bg-related.gif) repeat-y;
    margin-top: 15px;
}

#relatedInner {
    width: 580px;
    background: url(../img/share/bottom-related.gif) no-repeat left bottom;
}

#related ul {
    width: 560px;
    padding: 20px 20px 15px;
}

#related ul li {
    float: left;
    width: 260px;
    background: url(../img/share/icn-contents.gif) no-repeat 0px 3px;
    margin-bottom: 11px;
    padding-left: 20px;
}
/*#related ul li a {
	margin-left:20px;
}*/

/*========================================
	IRコンテンツ 全リスト
========================================*/
#contentLsit {
    margin-bottom: 30px;
}

#contentLsit .listBox {
    width: 600px;
}

#contentLsit dl {
    float: left;
    width: 190px;
    margin-right: 15px;
    padding-bottom: 12px;
}

#contentLsit dl.last {
    margin-right: 0px;
}

#contentLsit dl dt {
    padding-bottom: 8px;
}

#contentLsit dl dd {
    margin-bottom: 5px;
}

#contentLsit dl dd a {
    color: #666666;
    background: url(../img/share/icn-arrow_list.gif) no-repeat 0px 6px;
    padding-left: 14px;
    text-decoration: none;
    display: block;
}

#contentLsit dl dd a:link {
    color: #666666;
    text-decoration: none;
    letter-spacing: normal !important;
}

#contentLsit dl dd a:visited {
    color: #666666;
    text-decoration: none;
    letter-spacing: normal !important;
}

#contentLsit dl dd a:hover {
    color: #666666;
    text-decoration: underline;
    letter-spacing: normal !important;
}


/* -----------------------------------------------------------
	side navi
 ----------------------------------------------------------- */
#asideNav {
    width: 223px;
    float: right;
    margin-right: 30px;
    text-align: center;
}

#asideNav h3 {
    height: auto;
    margin: 0;
    background: none;
}

#sideMenu {
    width: 223px;
    background: url(../img/share/bg-main_sidenav.gif) repeat-y;
    margin-bottom: 15px;
}

#sideMenu #topSideMenu {
    width: 223px;
    background: url(../img/share/bg-top-index_sidenav.gif) no-repeat top;
}

#sideMenu #topSideMenuSub {
    width: 223px;
    background: url(../img/share/bg-top-sidenav.gif) no-repeat top;
}

#sideMenu #bottomSideMenu {
    width: 223px;
    background: url(../img/share/bottom-sidenav.gif) no-repeat bottom;
    padding-bottom: 21px;
}

#sideMenu #bottomSideMenu_b {
    width: 223px;
    background: url(../img/share/bottom-sidenav_b.gif) no-repeat bottom;
    padding-bottom: 21px;
}

#sideInvestorMenu {
    width: 223px;
    margin-bottom: 20px;
}

/*========================================
	注目のページ BEST5 @ side navi
========================================*/
#sideRanking {
    width: 215px;
    background: url(../img/share/bg-sidenav.gif) repeat-y;
    margin: 0 auto 20px;
}

#contentsRanking {
    text-align: left;
    width: 215px;
    padding-bottom: 15px;
    background: url(../img/share/bottom-ranking.gif) no-repeat bottom;
}

#contentsRanking table {
    font-size: 12px;
    width: 185px;
    margin: 5px auto 0;
    border-collapse: collapse;
}

#contentsRanking .rank th {
    width: 24px;
    padding: 3px 7px 3px 0;
    border-bottom: #dedede 1px solid;
}

#contentsRanking .rank td {
    border-bottom: #dedede 1px solid;
}

#contentsRanking #no1 td {
    vertical-align: bottom;
}

#contentsRanking #no1 td a {
    color: #8c6810;
    text-decoration: none;
}

#contentsRanking #no1 td a:hover {
    text-decoration: underline;
}

#contentsRanking #no2 td a {
    color: #555555;
    text-decoration: none;
}

#contentsRanking #no2 td a:hover {
    text-decoration: underline;
}

#contentsRanking #no3 td a {
    color: #a83f00;
    text-decoration: none;
}

#contentsRanking #no3 td a:hover {
    text-decoration: underline;
}

#contentsRanking #no4 td a,#contentsRanking #no5 td a {
    color: #3296c6;
    text-decoration: none;
}

#contentsRanking #no4 td a:hover,#contentsRanking #no5 td a:hover {
    text-decoration: underline;
}

#contentsRanking td {
    width: 154px;
    padding: 3px 0;
}

#contentsRanking td a {
    width: 154px;
    padding: 3px 0;
    color: #a2006d;
    text-decoration: none;
}

#contentsRanking td a:link {
    color: #a2006d;
    text-decoration: none;
}

#contentsRanking td a:hover {
    color: #a2006d;
    text-decoration: underline;
}

#contentsRanking td a:visited {
    color: #a2006d;
    text-decoration: none;
}
/*========================================
	よりよく知るために @ side navi
========================================*/
#moreAbout {
    width: 215px;
    margin: 0 auto 15px;
    text-align: left;
}

#moreAbout ul {
    margin-top: 10px;
}

#moreAbout li {
    background: url(../img/share/icn-more.gif) no-repeat left 0.3em;
    padding: 0 0 0 15px;
    margin-bottom: 7px;
}

#moreAbout li a {
    color: #252525;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.3;
}

#moreAbout li a:link {
    color: #252525;
    text-decoration: none;
}

#moreAbout li a:visited {
    color: #252525;
    text-decoration: none;
}

#moreAbout li a:hover {
    color: #252525;
    text-decoration: underline;
}

#otherContact {
    font-size: 11px;
}

#otherContact a:link {
    font-size: 11px;
    color: #3061c5;
    text-decoration: none;
}

#otherContact a:visited {
    font-size: 11px;
    color: #3061c5;
    text-decoration: none;
}

#otherContact a:hover {
    text-decoration: none;
}

#otherContact .guide {
    color: blue;
    text-decoration: underline;
    font-size: 11px;
}
/*========================================
	IRカレンダー, アニュアルレビュー,
	スマートフォン用サイト @ side navi
========================================*/
#otherLinks {
    width: 215px;
    margin: 0 auto 20px;
}

#otherLinks li {
    margin-bottom: 5px;
}

#otherLinks li#smartphone {
    width: 215px;
    background: url(../img/share/bg-sidenav.gif) repeat-y;
}

#otherLinks li#smartphone #spImg {
    width: 86px;
    float: left;
    padding: 10px 0 10px 15px;
}

#otherLinks li#smartphone #spText {
    color: #252525;
    width: 87px;
    float: right;
    text-align: left;
    padding: 10px 14px 0 0;
    font-size: 12px;
    line-height: 1.6;
}

#otherLinks li#smartphone #spUrl {
    clear: both;
    color: #252525;
    background: url(../img/share/bottom-sp_site.gif) no-repeat bottom;
    width: 215px;
    padding: 5px 0 5px;
}
/*========================================
	外部リンクバナー @ side navi
========================================*/
#banner {
    width: 215px;
    margin: 0 auto 20px;
}

#banner li {
    margin-bottom: 10px;
}

/* -----------------------------------------------------------
	conntens bottom
 ----------------------------------------------------------- */
#bottomContents {
    width: 960px;
    margin: 20px 0 0 0;
}

.gotoTop {
    width: 960px;
    text-align: right;
}

#cautions {
    font-size: 11px;
    line-height: 180%;
    margin-top: 20px;
}

#cautions a:link {
    font-size: 11px;
    color: #3061c5;
    text-decoration: none;
}

#cautions a:visited {
    font-size: 11px;
    color: #3061c5;
    text-decoration: none;
}

#contents #cautions a:hover {
    text-decoration: none;
}

/* -----------------------------------------------------------
	conntens bottom
 ----------------------------------------------------------- */
.topList {
    width: 642px;
    margin: 5px 0 12px 34px;
}

.topList:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.topList .list_area {
    width: 312px;
    background: url(../img/share/index-contents_bg.gif) repeat-y;
}

.topList .list_area.left {
    float: left;
}

.topList .list_area.right {
    float: right;
}

.topList .list_area .list_inner {
    width: 312px;
    padding-bottom: 21px;
    background: url(../img/share/index-contents_bottom.gif) no-repeat bottom;
}

.topList .list_area .list_inner h4 {
    cursor: pointer;
}

.topList .list_area .list_inner dl {
    width: 268px;
    margin: 0 auto;
}

.topList .list_area .list_inner dl:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.topList .list_area .list_inner dt {
    float: left;
    margin-right: 13px;
}

.topList .list_area .list_inner dd a {
    font-size: 12px;
    color: #666 !important;
    text-decoration: none !important;
}
/* -----------------------------------------------------------
	2014.12.12 外部リンクアイコン追加
 ----------------------------------------------------------- */
#ir a.window_external_link {
	background:url(../img/share/ico-window-open.gif) no-repeat center right;
	padding-right: 18px;
	padding-bottom: 2px;
	margin-right: 0.5em;
}
#ir p.ir_external_banner {
	width: 100%;
	text-align: right;
	font-size: 84%;
	margin-top: 15px;
}