@charset "utf-8";

/* --------------------------------------------------
	SiteName : cosmo
	FileName : company_door.css
	Description : company_door styles
	
	== TOC =========================================
	1 : common styles
	2 : company/index.html styles
	3 : recruit/index.html styles
	4 : phil/index.html styles
	5 : ir/index.html styles
	6 : csr/index.html styles
	
-------------------------------------------------- */


/* 1. common styles
================================================== */
/* h1 */
#companyDoor h1{
	margin-bottom:15px;
}

/* section */
#companyDoor div.section{
	padding:16px 0 23px 18px;
}
#companyDoor div.section p,
#companyDoor div.section ul{
	margin:0;
}
#companyDoor div.section p.fltL,
#companyDoor div.section p.fltR{
	padding-right:25px;
	width:240px;
}
#companyDoor div.section ul.fltL,
#companyDoor div.section ul.fltR{
	list-style:none;
	margin-bottom:0;
	width:265px;
}
#companyDoor div.section ul.topBorder{
	margin-top:15px;
	padding-top:15px;
	border-top:solid 1px #d9e7ea;
}

/* 2. company/index.html styles
================================================== */
/* topMsgInfo */
#companyDoor.company #topMsgInfo{
	padding:16px 20px 23px 18px;
}
#companyDoor.company #topMsgInfo div.fltL{
	width:358px;
}
#companyDoor.company #topMsgInfo div.fltL h3{
	margin-bottom:10px;
}
#companyDoor.company #topMsgInfo div.fltL p{
	margin-bottom:15px;
}
#companyDoor.company #topMsgInfo div.fltL p.alnR{
	margin-bottom:0;
}
#companyDoor.company #topMsgInfo div.fltR{
	width:150px;
}

#companyDoor.company #basicInfo{
}


/* 3. recruit/index.html styles
================================================== */
/* specialContents */
#companyDoor.recruit #specialContents{
	width:255px;
	margin-right:10px;
	padding:10px;
	background-color:#ededed;
}

#companyDoor.recruit #specialContents ul.topBorder{
	margin-top:10px;
	border-top:solid 1px #cad6da;
}
#companyDoor.recruit #specialContents ul.topBorder li{
	background-image:url(/common/image/icn_arw_02.gif);
}

/* 4. phil/index.html styles
================================================== */
/* aboutPhil */
#companyDoor.phil #aboutPhil div.fltL{
	width:265px;
}
#companyDoor.phil #aboutPhil div.fltL p{
	margin-bottom:5px;
}
#companyDoor.phil #aboutPhil div.fltR{
	width:218px;
}
#companyDoor.phil ul{
	list-style:none;
}

/* reportPhil & essayPhil */
#companyDoor.phil #reportPhil{
	padding:5px 0 10px 18px;
}
#companyDoor.phil #essayPhil{
	padding:5px 0 20px 18px;
	background:transparent url(/phil/image/idx_bg_01.gif) no-repeat right top;
}
#companyDoor.phil #reportPhil table,
#companyDoor.phil #essayPhil table{
	width:550px;
}
#companyDoor.phil #reportPhil table th,
#companyDoor.phil #essayPhil table th{
	width:205px;
	border-bottom:solid 1px #d9e6ea;
	font-weight:normal;
}
#companyDoor.phil #reportPhil table th p,
#companyDoor.phil #essayPhil table th p{
	padding:0 10px 0 17px;
	background:transparent url(/common/image/icn_arw_01.gif) no-repeat left center;
}
#companyDoor.phil #reportPhil table th p span,
#companyDoor.phil #essayPhil table th p span{
	font-size:90%;
}
#companyDoor.phil #reportPhil table td,
#companyDoor.phil #essayPhil table td{
	width:60px;
	padding:10px 0;
	border-bottom:solid 1px #d9e6ea;
}
#companyDoor.phil #reportPhil table td.none,
#companyDoor.phil #essayPhil table td.none{
	width:20px;
	border-bottom:none;
}
#companyDoor.phil #reportPhil table tr.lastChild th,
#companyDoor.phil #reportPhil table tr.lastChild td,
#companyDoor.phil #essayPhil table tr.lastChild th,
#companyDoor.phil #essayPhil table tr.lastChild td{
	border-bottom:none;
}
#companyDoor.phil #reportPhil table tr.lastChild td,
#companyDoor.phil #essayPhil table tr.lastChild td{
	padding:20px 0;
}

#companyDoor.phil #essayPhil p.lead{
	width:425px;
	}

/* issuePhil */
#companyDoor.phil #issuePhil{
	background:transparent url(../phil/image/idx_bg_02.gif) no-repeat right top;
}


/* 5. ir/index.html styles
================================================== */
/* updateInfo */
#updateInfo{
	width:570px;
	margin:0 0 6px 0;
	padding:14px 0 0 0;
	background:transparent url(/image/top/bg_information.gif) repeat-x left top;
}
#updateInfo div{
	position:relative;
	margin-left:20px;
	padding:0 0 9px 0;
	border-bottom:solid 3px #e7e7e7;
}
#updateInfo div ul{
	list-style:none;
	position:absolute;
	right:20px;
	top:-1px;
}
#updateInfo div ul li{
	float:left;
	width:67px;
}
#updateInfo div ul li.aboutRss{
	padding:2px 0 0 0;
	width:112px;
}
#updateInfo div ul li.toList{
	padding:2px 0 0 0;
	width:78px;
}
#updateInfo div ul li.RssIcon{
	padding:0 0 0 10px;
	width:57px;
}
#updateInfo div ul li img{
	display:block;
	float:left;
}
#updateInfo ul.list{
	list-style:none;
	margin-left:20px;
}
#updateInfo ul.list li{
	padding:9px 20px 10px 3px;
	border-bottom:solid 1px #dcdcdc;
}
#updateInfo ul.list li div.lin{
	width:540px;
	height:1px;
	padding:0;
	border:solid 0.5px #fff;
	margin:0;
	line-height:1%;
}

#updateInfo ul.list li span.noLink{
	display:block;
	margin-left:5.5em;
	padding:0 0 0 17px;
}

#updateInfo ul.list li span.day{
	float:left;
	display:block;
	width:5em;
}
#updateInfo ul.list li a{
	display:block;
	margin-left:7em;
	padding:0 0 0 17px;
	background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 0.4em;
}
#updateInfo ul.list li a.exter{
	padding-top:3px;
}
#updateInfo ul.list li a.pdf{
	clear:both;
	margin-top:-20px;
}
#updateInfo ul.list li.lastChild{
	border-bottom:none;
}
#updateInfo ul.list li a{
	display:block;
	margin-left:7em;
	padding:0 0 0 17px;
	background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 0.4em;
}

#companyDoor div.aboutRss{
	display:block;
	width:100%;
	background:#EDEDED;
	text-align:right;
}
#companyDoor div.aboutRss ul{
	list-style:none;
	padding:2px 20px 2px 0px;
}
#companyDoor div.aboutRss ul li a{
	padding:0 0 0 17px;
	background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 0.1em;
}

/* IRリニューアル追加CSS 2011/01/04 */
.financial{border-top:1px #dcdcdc solid; width:280px; background:url(/ir/image/idx_bg_financial.gif) bottom no-repeat; height:175px;}
.guide{border-top:1px #dcdcdc solid; width:280px; background:url(/ir/image/idx_bg_guide.gif) bottom no-repeat; height:175px;}
.pd10{padding:10px;}
.center{text-align:center;}
ul.linkList2{margin:0; padding:0;}
ul.linkList2 li{list-style:none; padding-left:17px; background:url(/common/image/icn_arw_02.gif) no-repeat 0 5px; display:block;}
ul.linkList2 li{line-height:100%; padding-top:5px;}

/* 経営ビジョン 財務・業務情報 株式・社債情報 */
.w180{width:180px;}
#vzk ol.nom li{list-style-type:decimal; margin:0 0 0 15px; padding-left:0; background:none;}

/* IRライブラリー */
.lib{clear:both; padding:10px;}
.libin{clear:both; background:#ededed; border:1px #ccc solid; padding:9px;}
ul.irlib{clear:both; width:560px;}
ul.irlib li{float:left; width:263px;}


/* // IRリニューアル追加CSS 2011/01/04 */

/* IRリニューアル前のCSS */
/* updateInfoCombo */
#updateInfoCombo{margin-bottom:15px; padding-bottom:5px; background:transparent url(../ir/image/idx_bg_01.gif) no-repeat left bottom;}
div.updateInfoBox{float:left; width:180px; margin-right:15px;}
div.updateInfoBox h3{margin-bottom:10px;}
div.updateInfoBox p{margin:0 20px 5px 15px;}
div.updateInfoBox ul{margin:0 20px 0 15px;}
#stockInfo{margin-right:0;}
#stockInfo p{margin:0 10px 10px 10px;}
#stockInfo ul{margin:0 10px;}
/* guideIR */
#companyDoor.ir .guideIR div.fltL{width:265px;}
#companyDoor.ir .guideIR div.fltR{width:265px;}
/* attentionInfo */
#companyDoor.ir dl#attentionInfo{margin-bottom:20px;padding:15px; background:#ededed none;}
#companyDoor.ir dl#attentionInfo dt{font-weight:bold;}
#irSchedule{margin-left:20px; padding:6px 0;}
/* updateInfoCombo */
#highlightCombo{margin-bottom:15px; padding-bottom:5px; background:transparent url(../ir/image/idx_bg_01.gif) no-repeat left bottom;}
div.highlightBox{float:left; width:180px; margin-right:15px;}
div.highlightBox h3{margin-bottom:10px;}
div.highlightBox p{margin:0 20px 5px 15px;}
div.highlightBox ul{margin:0 20px 0 15px;}
#highlightBox03{margin-right:0;}
#highlightBox03 p{margin:0 10px 10px 15px;}
#highlightBox03 ul{margin:0 10px;}
/* 101001 ELP */
#highlightCombo2{margin-bottom:15px; padding-bottom:8px; background:transparent url(../csr/image/idx_bg_01.gif) no-repeat left bottom;}
div.highlightBox_clm2{float:left; width:279px; margin-right:12px;}
div.highlightBox_clm2 h3{margin-bottom:10px;}
div.highlightBox_clm2 p{margin:0 20px 5px 25px;}
div.highlightBox_clm2 ul{margin:0 20px 0 25px;}
#highlightBox02_clm2{margin-right:0;}
.doorCombo{margin-bottom:15px; padding-bottom:0; background:transparent url(../csr/image/idx_bg_01.gif) no-repeat left bottom;}
.doorCombo h3{margin-bottom:10px;}
.doorCombo p{margin:0 20px 3px 25px;}
div.doorBox01{float:left; width:279px; margin-right:12px; padding-bottom:8px; background:transparent url(../csr/image/idx_door_bg01.gif) no-repeat left bottom;}
div.doorBox02{float:left; width:279px; margin-right:0; padding-bottom:8px; background:transparent url(../csr/image/idx_door_bg02.gif) no-repeat left bottom;}
/* // IRリニューアル前のCSS */


/* 6. csr/index.html styles
================================================== */
h2.non{margin-bottom:30px;}

#companyDoor div.section div.bun{
	float:left;
	width:320px;
}

.shacyo{
	float:right;
	width:210px;
	margin:0 0 0 10px;
}

.importantbox {
	background:#efefef;

}
.important {
	float:left;
	width:300px;
}

.importantpht {
	float:right;
	width:230px;
	margin-right:15px;
}
