@import "/shared/css/base.css";

/* base
 -------------------------------------------------- */
table, td, th {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

/* layout
 -------------------------------------------------- */
div#container {
	width: 700px;
	margin: 0 0 0 30px;
	padding: 30px 0 0 0;
	/*\*/ display: inline-block;/* */
}
div#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#sideArea {
	float: left;
	width: 150px;
	padding: 0 0 45px 0;
}
div#mainContent {
	width: 521px;
}

/* mainContent component
 -------------------------------------------------- */
#mainContent p {
	line-height: 1.6;
}
h3.sttl {
	clear: both;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #A5A5A5;
}
.section, p.lead {
	padding: 0 0 46px 0;
}
.parag01 {
	margin-top: 20px;
}
p.parag01 {
	margin-top: 18px;
}
p.note {
	margin-top: 5px;
	text-align: right;
}
.linkbtn a:link img, .linkbtn a:visited img {
	margin-top: 18px;
	border: 1px solid #DADADA;
}
.linkbtn a:hover img, .linkbtn a:active img {
	margin-top: 18px;
	border: 1px solid #7F0019;
}
/* chart table
 ================================================== */
table.chart01 {
	width: 521px;
}
table.chart01 th, table.chart01 td {
	border-bottom: 1px solid #D9D9D9;
	vertical-align: top;
}
table.chart01 th {
	padding: 16px 30px 16px 10px;
	font-weight: bold;
	white-space: nowrap;
}
table.chart01 td {
	width: 100%;
	padding: 16px 0 16px 0;
}
table.chart01 td p {
	margin-top: 5px;
}
table.chart02, table.chart02b, table.chart02c {
	width: 521px;
	border-bottom: 1px solid #CCCCCC;
}
table.chart02 th, table.chart02b th, table.chart02c th {
	background-color: #999999;
	font-weight: bold;
	color: #FFFFFF;
}
table.chart02 th.head, table.chart02b th.head, table.chart02c th.head {
	background-color: #FFFFFF;
	font-weight: normal;
	color: #333333;
}
table.chart02 td, table.chart02b td, table.chart02c td {
	text-align: right;
	white-space: nowrap;
}
table.chart02 th.alt, table.chart02 td.alt,
table.chart02b th.alt, table.chart02b td.alt,
table.chart02c th.alt, table.chart02c td.alt { background-color: #EDEDED; }
table.chart01 tr.total td,
table.chart01 tr.total th,
table.chart02 tr.total td,
table.chart02 tr.total th,
table.chart02b tr.total td,
table.chart02b tr.total th,
table.chart02c tr.total td,
table.chart02c tr.total th { font-weight: bold; }

/* top
 -------------------------------------------------- */
ul.mainLinks {
	display: inline-block;
}
ul.mainLinks:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.mainLinks li {
	float: left;
	width: 179px;
	padding: 20px 0 0 0;
}
ul.mainLinks li#linkIrBusiness, ul.mainLinks li#linkIrStockinfo, ul.mainLinks li#linkIrReport {
	width: 163px;
}
ul.mainLinks li a {
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	/*\*/ overflow: hidden;/* */
	width: 163px;
	height: 25px;
}
#linkIrMessage a { background: transparent url(/ir/img/link_message.gif) no-repeat; }
#linkIrPhilosophy a { background: transparent url(/ir/img/link_philosophy.gif) no-repeat; }
#linkIrBusiness a { background: transparent url(/ir/img/link_businessinfo.gif) no-repeat; }
#linkIrFinanceinfo a { background: transparent url(/ir/img/link_financeinfo.gif) no-repeat; }
#linkIrMonthly a { background: transparent url(/ir/img/link_monthly.gif) no-repeat; }
#linkIrStockinfo a { background: transparent url(/ir/img/link_stockinfo.gif) no-repeat; }
#linkIrCalendar a { background: transparent url(/ir/img/link_calendar.gif) no-repeat; }
#linkIrFaq a { background: transparent url(/ir/img/link_faq.gif) no-repeat; }
#linkIrResults a { background: transparent url(/ir/img/link_results.gif) no-repeat; }
#linkIrFinancereport a { background: transparent url(/ir/img/link_financereport.gif) no-repeat; }
#linkIrReport a { background: transparent url(/ir/img/link_report.gif) no-repeat; }
#linkIrFactbook a { background: transparent url(/ir/img/link_factbook.gif) no-repeat; }
#linkIrAnnual a { background: transparent url(/ir/img/link_annual.gif) no-repeat; }
#linkIrAnnounce a { background: transparent url(/ir/img/link_announce.gif) no-repeat; }

#link01 ul.mainLinks li a:hover, #link01 ul.mainLinks li a:active,
#link02 ul.mainLinks li a:hover, #link02 ul.mainLinks li a:active,
#link03 ul.mainLinks li a:hover, #link03 ul.mainLinks li a:active {
	background-position: 0 -25px;
}
#mainContent ul.mainLinks li p {
	padding: 8px 0 0 0;
	width: 163px;
	line-height: 1.4;
}

/* message
 -------------------------------------------------- */
#message h4 {
	padding: 20px 0 7px 0;
	font-size: 14px;
}
#message p.photo img {
	float: right;
	margin: 20px 0 7px 15px;
}
#message p.sign {
	margin: 20px 0 0 309px;
}
#message p.sign img{
	margin-top: 5px;
}

/* philosophy
 -------------------------------------------------- */
#philosvision p, #philos dl dt {
	margin: 20px 0 0 30px;
}
#philos dl dd, #philosbasic ol {
	margin: 6px 0 0 30px;
}
#philosbasic ol li {
	padding: 14px 0 0 0;
}
#philos dl dt img, #philosbasic ol li img {
	vertical-align: middle;
}

/* business
 -------------------------------------------------- */
#business h3.sttl {
	margin: 0 0 17px 0;
}
#business dt, #business li {
	line-height: 1.6;
}
#business p img {
	float: left;
	margin: 3px 15px 7px 0;
}
/*\*/
#business #cafemeal .wrapA01 {
	float: left;
	width: 164px;
}
#business #cafemeal .wrapA02 {
	float: right;
	width: 342px;
	padding: 0 0 40px 0;
}
/* */
#business #cafemeal .wrapA02 dl {
	margin: 10px 0 0 0;
}
#business #idee {
	margin-top: -5px;
}

/* stock
 -------------------------------------------------- */
#stock table.chart01 th.sp, #stock table.chart01 td.sp {
	padding: 4px 0 0 0;
	font-size: 1px;
	line-height: 1;
	font-weight: normal;
}
#stock table.chart02, #stock table.chart02b {
	margin-top: 20px;
}
#stock table.chart02 th {
	padding: 6px 7px 6px 7px;
}
#stock table.chart02 th.head {
	width: 100%;
	padding: 6px 8px 6px 8px;
}
#stock table.chart02 td, #stock table.chart02 th.num {
	padding: 6px 20px 6px 0;
	text-align: right;
	white-space: nowrap;
	/* only macIE \*//*/ width: 60px; /* */
}
#stock table.chart02b {
	margin-bottom: 10px;
}
#stock table.chart02b th {
	white-space: nowrap;
}
#stock table.chart02b th.year {
	font-size: 14px;
	line-height: 1;
}
#stock table.chart02b th.year .unit {
	font-size: 12px;
}

#stock table.chart02b th.year { padding: 6px 20px 6px 5px; }
#stock table.chart02b th.head { padding: 5px 20px 5px 5px;}
#stock table.chart02b td { padding: 5px 20px 5px 5px; }

#stock .wrap {
	display: inline-block;
}
#stock .wrap:after { /* clearfix for modern browser */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#stock .fig01 { float: left; width: 216px;}
#stock .fig02 { float: right; width: 265px;}
#stock .fig01 h4, #stock .fig02 h4 {
	margin: 20px 0 10px 0;
	font-size: 14px;
}
 
 
 
/* faq
 -------------------------------------------------- */
#faq dl {
	padding-top: 2px;
}
#faq dt {
	margin-top: 18px;
	padding: 0 0 15px 30px;
	background: transparent url(/ir/faq/img/txt_q.gif) no-repeat 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}
#faq dd {
	padding: 3px 0 18px 30px;
	background: transparent url(/ir/faq/img/txt_a.gif) no-repeat 0 0;
	border-bottom: 1px solid #E5E5E5;
	line-height: 1.6;
}
#faq dd p {
	margin-top: 5px;
}

/* finfo
 -------------------------------------------------- */
#finfo .section {
	padding: 0 0 36px 0;
}
#finfo h3.sttl {
	margin: 0 0 20px 0;
}
#finfo h4.sttl01 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
#finfo h4.sttl02 {
	font-size: 14px;
	padding: 10px 0 10px 0;
}
#finfo .fig01 {
	margin: 0 0 20px 0;
}
#finfo table.chart02, #finfo table.chart02b, #finfo table.chart02c {
	margin-bottom: 10px;
}
#finfo table.chart02 th, #finfo table.chart02b th, #finfo table.chart02c th {
	white-space: nowrap;
}
#finfo table.chart02 th.year, #finfo table.chart02b th.year, #finfo table.chart02c th.year {
	font-size: 14px;
	line-height: 1;
}
#finfo table.chart02b th.year .unit {
	font-size: 12px;
}

#finfo table.chart02 th { padding: 5px 7px 6px 5px; }
#finfo table.chart02 th.year { padding: 6px 7px 0 5px; }
#finfo table.chart02 th.nextyear { padding-left: 15px; }
#finfo table.chart02 th.head { padding: 5px 7px 5px 5px; }
#finfo table.chart02 td { padding: 5px 7px 5px 5px; }


#finfo table.chart02b th.year { padding: 6px 20px 6px 5px; }
#finfo table.chart02b th.head { padding: 5px 20px 5px 5px;}
#finfo table.chart02b td { padding: 5px 20px 5px 5px; }

#finfo table.chart02c th { padding: 5px 7px 6px 0; }
#finfo table.chart02c th.year { padding: 6px 6px 0 0; }
#finfo table.chart02c th.head { padding: 5px 0 5px 5px; }
#finfo table.chart02c th.head em { padding-left: 7px; }
#finfo table.chart02c td { padding: 5px 5px 5px 0; }

#finfo #groupchart table.chart02 th { padding: 5px 10px 6px 0; }
#finfo #groupchart table.chart02 th.year { padding: 6px 7px 0 0; }
#finfo #groupchart table.chart02 th.head { padding: 5px 10px 5px 5px; }
#finfo #groupchart table.chart02 th.nextyear { padding-left: 10px; }
#finfo #groupchart table.chart02 td.alt { padding: 5px 7px 5px 0; }

#finfo #floor table.chart02 th.nextyear, #finfo #floor table.chart02 td.nextyear { padding-left: 20px; }

#finfo table.chart02 th.end, #finfo table.chart02 td.end,
#finfo table.chart02b th.end, #finfo table.chart02b td.end {
	width: 100%;
	padding: 0;
	font-size: 1px;
}

/* finance
 -------------------------------------------------- */
#financelist {
	width: 521px;
}
#financelist h4 {
	padding: 20px 0 0 0;
	font-size: 14px;
}
#financelist ul {
	margin: 8px 0 0 30px;
}
#financelist ul li {
	padding: 10px 0 10px 24px;
	border-bottom: 1px solid #E5E5E5;
	background: transparent url(/shared/img/icon_pdf.gif) no-repeat 0 10px;
	line-height: 1.4;
}
* html #financelist ul li {
	/*\*/ display: inline-block;/* */
}
#financelist ul li.nopdf {
	background: transparent url(/shared/img/dot.gif) no-repeat;
	padding-left: 0;
}
#financelist ul li em {
	padding: 0 0 0 7px;
	color: #808080;
}
/* monthly
 -------------------------------------------------- */
.monthlytop {
	margin: 20px 0 46px 0;
	font-size: 14px;
	font-weight: bold;
}
.monthlytop a:link, .monthlytop a:visited { color: #333; text-decoration: underline; }
.monthlytop a:active, .monthlytop a:hover { color: #7F0019; }


/* 0907 */
dl.topnl {
	padding: 15px 0 12px 0;
}
.topnl dt {
	padding: 7px 0 0 0;
	color: #999;
	line-height: 1.2em;
}
.topnl dd {
	border-bottom: #E6E6E6 1px solid;
	margin-top: -1.2em;
	padding: 0 0 7px 6.2em;
}

#irlink02 { padding-top: 20px; }

#nlrss { float: left; font-size: 1x; line-height: 1; }
#nlrss a { display: block; background: url(/ir/img/link_rss_over.gif) no-repeat 0 0; }
#nlrss a:hover { background-color: #fff; } /* IE6 */
#nlrss a:hover img { visibility: hidden; }
#nlold { float: right; }
.pdfList {
	padding-top: 13px;
}
.pdfList li {
	margin-top: 7px;
	padding: 17px 0 17px 16px;
	border: #CCC 1px solid;
	color: #8C8C8C;
	font-size: 14px;
	font-weight: bold;
}
.pdfList li img {
	margin-right: 5px;
	vertical-align: middle;
}
.notice {
	clear: both;
	padding: 40px 0 10px 0;
}
.notice h4 {
	padding-bottom: 5px;
	font-size: 10px;
}
.notice ul li {
	list-style: disc outside;
	margin: 5px 0 0 18px;
	font-size: 10px;
	line-height: 1.5;
}
/* /0907 */
