@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  ir.css
 style info :  irコンテンツのみのCSS
  fonts
 10px = 83%     11px = 92%     12px = 100%     13px = 108%
 14px = 116%    15px = 123%    16px = 133%
=================================================================== */

/*----------------------------------------------------------------------------------
		 		 IRTOPの一覧ボタン
------------------------------------------------------------------------------------*/
div#contents div.contents_box_1column p.btn_list {
	position: absolute;
	right: 5px;
	top: 10px;
	width: 46px;
}

/*----------------------------------------------------------------------------------
		 		 IRコンテンツ最下部のBOX
------------------------------------------------------------------------------------*/
div#contents div.ir_bottom {
	padding: 30px 30px 0;
}

div#contents div.ir_bottom:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.ir_bottom { display: inline-block; }
div#contents div.ir_bottom { display: block; }

div#contents div.ir_bottom p.txt {
	font-size: 83%;
}

div#contents div.ir_bottom dl.adobe_list {
	padding: 12px 0 0;
}

div#contents div.ir_bottom dl.adobe_list:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.ir_bottom dl.adobe_list { display: inline-block; }
div#contents div.ir_bottom dl.adobe_list { display: block; }

div#contents div.ir_bottom dl.adobe_list dt {
	float: left;
	width: 98px;
	clear: both;
	margin: 0 0 10px 10px;
}

div#contents div.ir_bottom dl.adobe_list dd {
	font-size: 83%;
	float: left;
	margin: 0 0 10px 10px;
}



/*----------------------------------------------------------------------------------
		 		 記事一覧のリスト
------------------------------------------------------------------------------------*/

div#contents ul.post_list01 li {
	padding: 0 7px 7px;
	background: url(/images/common/bg_border01.gif) 0 bottom repeat-x;
	margin-bottom: 18px;
}

div#contents ul.post_list01 li:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents ul.post_list01 li { display: inline-block; }
div#contents ul.post_list01 li { display: block; }

div#contents ul.post_list01 li p {
	padding-bottom: 0 !important;
}


div#contents ul.post_list01 li p.date {
	padding:0 10px 0 0;
	color: #e83a27;
	font-weight: bold;
	float:left;
}

/* IRカレンダーの日付 */
div#contents ul.post_list01 li p.date_carendar {
	width: 6em;
	color: #e83a27;
	font-weight: bold;
	float:left;
}


div#contents ul.post_list01 li p.title {
	width: 455px;
	float: left;
}


/* whatsnewのアイコンが入るパーツ用 */

div#contents ul.post_list01 li p.title_whatsnew {
	width: 380px;
	float: left;
	padding-left: 65px;
}


/* アイコン背景設定 */
div#contents ul.post_list01 li p.icon_menu { background: url(/images/common/icon/icon_cate_menu.gif) 0 0.2em no-repeat;}
div#contents ul.post_list01 li p.icon_campaign { background: url(/images/common/icon/icon_cate_campaign.gif) 0 0.2em no-repeat;}
div#contents ul.post_list01 li p.icon_topics { background: url(/images/common/icon/icon_cate_topics.gif) 0 0.2em no-repeat;}
div#contents ul.post_list01 li p.icon_important { background: url(/images/common/icon/icon_cate_important.gif) 0 0.2em no-repeat;}
div#contents ul.post_list01 li p.icon_other { background: url(/images/common/icon/icon_cate_other.gif) 0 0.2em no-repeat;}

div#contents ul.post_list01 li p.icon_ir { background: url(/images/common/icon/icon_cate_ir.gif) 0 0.2em no-repeat;}

div#contents ul.post_list01 li p.icon_ir_event { background: url(/ir2/images/carender/mark_ir_event.gif) 0 0 no-repeat;}
div#contents ul.post_list01 li p.icon_ir_tetsuduki { background: url(/ir2/images/carender/mark_stock_procedure.gif) 0 0 no-repeat;}

div#contents ul.post_list01 li p.file {
	/* width: 70px; */
	text-align: right;
	float: right;
	color: #666666;
	font-size: 83%;
}

div#contents ul.post_list01 li p.file {
	background: url(/images/common/icon/icon_pdf.gif) right 0 no-repeat;
	padding: 1px 20px 1px 0;
}

/* ニュース一覧など、少し内に入り込む用 */
div#contents ul.post_list_outer {
	padding: 0 2px;
}


/****
 IRライブラリで使用するリスト
 *****/

div#contents ul.post_list02 {
	margin-top: -11px;
	padding-bottom: 30px;
}

div#contents ul.post_list02 li {
	padding: 18px 7px 7px;
	background: url(/images/common/bg_border01.gif) 0 bottom repeat-x;
}

div#contents ul.post_list02 li:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents ul.post_list02 li { display: inline-block; }
div#contents ul.post_list02 li { display: block; }

div#contents ul.post_list02 li p {
	padding-bottom: 0 !important;
}


div#contents ul.post_list02 li p.title {
	width: 445px;
	float: left;
}

div#contents ul.post_list02 li p.file {
	width: 200px;
	text-align: right;
	float: right;
	font-size: 83%;
}

div#contents ul.post_list02 li p.file {
	background: url(/images/common/icon/icon_pdf.gif) right 0 no-repeat;
	padding: 1px 20px 1px 0;
}







/*----------------------------------------------------------------------------------
		 		 ニュース一覧
------------------------------------------------------------------------------------*/
div#contents ul.year_archive_link {
	margin: 0 10px 30px;
	padding: 7px 0 7px 15px;
	background: #f4f2e7;
}

div#contents ul.year_archive_link:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents ul.year_archive_link { display: inline-block; }
div#contents ul.year_archive_link { display: block; }


div#contents ul.year_archive_link li {
	width: 69px;
	float: left;
	font-size: 12px;
	padding: 5px 0;
}

div#contents ul.year_archive_link li a {
	padding-left: 12px;
	background: url(/images/common/icon/icon_arrow01.gif) 0 0.15em no-repeat;
}

div#contents ul.year_archive_link li a.current {
	padding-left: 14px;
	background: url(/images/common/icon/icon_arrow02.gif) 0 0.3em no-repeat;
	font-weight: bold;
	color: #e83a27;
}



/*----------------------------------------------------------------------------------
		 		monthly.html
------------------------------------------------------------------------------------*/
div#contents div.selectTable form {
	margin: 0 0 15px;
}


div#contents div.monthly_bottom {
	border: 2px solid #eee;
	padding: 15px 10px 0;
	margin-bottom: 30px;
}

div#contents div.monthly_bottom p {
	margin-bottom: 10px;
}