@charset "shift_jis";

/* CSS Document */

@import url("common.css");

/* ========================================
	company/
======================================== */

/*--------------------------------------
	1.sNav 
	2.top
	3.outline
	4.message
	5.map
	6.publishity
	7.rd
	8.business
---------------------------------------*/

#mainR h2 {
	clear:both;
	margin: 20px 0 20px 0;
	padding: 10px 12px 5px 12px;
	background: url(../images/ttl_bg01.gif) repeat-x bottom;
	color: #004896;
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
}

#mainR div.goTop {
	width: 700px;
	margin: 0 0 0 10px;
	text-align: right;
}

/* ========================================
	sNav
======================================== */
#sNavL.company dl {
	margin: 0 0 20px 0;
}

#sNavL.company dl dd ul {
	margin: 0 0 20px 0;
	border-top: solid 1px #E4E4E4;
	border-bottom: none;
}

#sNavL.company dl dd ul li {
	padding: 7px 9px 4px 17px;
	border: solid 1px #E4E4E4;
	border-top: none;
	background: url(../images/arw02.gif) no-repeat 10px 1em;
	font-size: 78%;
	line-height: 1.5;
}

#sNavL.company dl dd ul li.current {
	background: url(../images/arw02.gif) no-repeat 10px 1em #E6EBF3;
	color: #052871;
	font-weight: bold;
}

#sNavL.company dl dd ul li a:link,
#sNavL.company dl dd ul li a:visited {
	color: #333;
	text-decoration: none;
}

#sNavL.company dl dd ul li a:hover,
#sNavL.company dl dd ul li a:active {
	color: #333;
	text-decoration: underline;
}


#sNavL.company dl dd ul li.in {
	padding: 0;
	background: none;
	zoom: 1
}

#sNavL.company dl dd ul li.in ul {
	border-top: none;
}

#sNavL.company dl dd ul li.in ul li {
	padding: 5px 9px 2px 17px;
	border: none;
	background: none;
	font-size: 100%;
	line-height: 1.5;
}

#sNavL.company dl dd ul li.in ul li.current {
	background: #E6EBF3;
	color: #052871;
	font-weight: bold;
}

/* ========================================
	top
======================================== */
#mainR.companyTop p.mainTxt {
	margin: 30px 0 0 10px;
}

#mainR.companyTop ul.btn {
	position: relative;
	width: 700px;
	height: 360px;
	margin: 20px 0 0 10px;
}

#mainR.companyTop ul.btn li.backbone {
	position: absolute;
	left: 236px;
	top: 0;
	width: 232px;
	text-align: center;
	z-index: 1;
}

#mainR.companyTop ul.btn li.quality {
	position: absolute;
	left: 55px;
	top: 168px;
	width: 252px;
	text-align: center;
}

#mainR.companyTop ul.btn li.performance {
	position: absolute;
	left: 405px;
	top: 168px;
	width: 232px;
	text-align: center;
}

/* ========================================
	outline
======================================== */
#mainR.companyOutline dl {
	width: 700px;
	margin: 30px 0 0 10px;
}

#mainR.companyOutline dl dt {
	margin: 0 0 15px 0;
	padding: 3px 0 1px 10px;
	background: url(../../company/images/outline/ttl_bg.gif) repeat-y left top;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyOutline dl dd {
	font-size: 78%;
	line-height: 1.7;
}

#mainR.companyOutline dl dd table.table01 {
	width: 100%;
	border: solid 1px #CCC;
	line-height: 1.5;
}

#mainR.companyOutline dl dd table.table01 th {
	padding: 6px 10px 4px 15px;
	border: solid 1px #CCC;
	background: #F8F9FB;
}

#mainR.companyOutline dl dd table.table01 td {
	padding: 6px 10px 4px 15px;
	border: solid 1px #CCC;
}

#mainR.companyOutline dl dd table.table01 td.link {
	padding: 6px 5px 4px 5px;
	text-align: center;
}

#mainR.companyOutline dl dd table.table01 td.link a {
	padding: 0 0 0 12px;
	background: url(../images/arw05.gif) no-repeat left center;
}

#mainR.companyOutline dl dd table.table01 td.link span.lang {
	color: #666;
	font-size: 85%;
}

#mainR.companyOutline dl dd table.table02 {
	line-height: 1.5;
}

#mainR.companyOutline dl dd table.table02 td {
	padding: 0 8px 8px 0;
	border: none;
}

#mainR.companyOutline dl dd ul.link li {
	padding: 0 0 5px 0;
}

#mainR.companyOutline dl dd ul.link li a {
	padding: 0 0 0 12px;
	background: url(../images/arw05.gif) no-repeat left center;
}

#mainR.companyOutline dl dd ul.link li a:link,
#mainR.companyOutline dl dd ul.link li a:visited {
	color:#333;
	text-decoration: none;
}

#mainR.companyOutline dl dd ul.link li a:hover,
#mainR.companyOutline dl dd ul.link li a:active {
	color:#333;
	text-decoration: underline;
}

/* ========================================
	message
======================================== */
#mainR.companyMessage p.mainTxt {
	margin: 30px 0 0 10px;
	line-height:1.5;
	font-weight:bold;
}

#mainR.companyMessage div.column {
	width: 700px;
	margin: 20px 0 50px 10px;
}

#mainR.companyMessage div.column div.txt {
/*
	float: right;
	width: 400px;
*/
}

#mainR.companyMessage div.column div.txt p {
	margin: 0 0 10px 0;
	font-size: 78%;
	line-height: 1.7;
}

#mainR.companyMessage div.column div.txt p.sign {
	margin: 15px 0 0 0;
	text-align: right;
	font-size: 78%;
	line-height: 1.7;
}

#mainR.companyMessage div.column div.img {
	margin: 0 20px 15px 0;
	float: left;
	width: 210px;
}

/* ========================================
	map
======================================== */
#mainR.companyMap dl {
	width: 700px;
	margin: 30px 0 0 10px;
}

#mainR.companyMap dl dt {
	margin: 0 0 15px 0;
	background: url(../../company/images/outline/ttl_bg.gif) repeat-y left top;
}

#mainR.companyMap dl dt span.txt {
	float: left;
	width: 500px;
	padding: 3px 0 1px 10px;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyMap dl dt span.btn {
	float: right;
	width: 100px;
}

#mainR.companyMap dl dd.map {
	height: 450px;
	border: solid 1px #CCC;
	font-size: 108%;
	line-height: 1.7;
	font-weight: bold;
}

#mainR.companyMap dl dd.map p.noScript {
	padding: 20px;
	font-size: 78%;
	line-height: 1.7;
	font-weight: normal;
}

#mainR.companyMap dl dd.info p {
	margin: 18px 0 0 0;
	font-size: 78%;
	line-height: 1.7;
}

#mainR.companyMap dl dd.info p span {
	font-weight: bold;
}

/* ========================================
	publishity
======================================== */

/* tabletype01 */
#mainR table.type01 {
	width: 96%;
	margin: 2px 0 5px 10px;
	border: solid 1px #CCC;
}
#mainR table.type01 caption{
	padding: 8px 0 2px 0;
	text-align: left;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
}
#mainR table.type01 thead th{
	border: solid 1px #CCC;
	padding: 8px 8px 6px 10px;
	background: #777;
	color: #FFF;
	text-align: center;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
	white-space: nowrap;
}
#mainR table.type01 thead td {
	border: solid 1px #CCC;
	padding: 8px 8px 6px 10px;
	text-align: center;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
	white-space: nowrap;
}
#mainR table.type01 th {
	border: solid 1px #CCC;
	padding: 8px 8px 6px 10px;
	background: #EEE;
	text-align: left;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
}
#mainR table.type01 td {
	padding: 8px 8px 6px 10px;
	border: solid 1px #CCC;
	text-align: left;
	font-size: 78%;
	line-height: 1.5;
	vertical-align:top;
}
.pub {width: 20%;}
.title {width: 75%;}

#mainR ul.archiveNav {
	width: 96%;
	margin: 20px 0 10px 10px;
}

#mainR ul.archiveNav li {
	float: left;
	margin: 0 18px 0 0;
	padding: 0 0 0 18px;
	background: url(../images/arw01.gif) no-repeat left center;
	font-size: 90%;
	line-height: 1.5;
}
#mainR ul.archiveNav li.current {
	font-weight: bold;
}


/* ========================================
	history
======================================== */

/* table_history */
#mainR table.table_history {
	width: 96%;
	margin: 2px 0 5px 10px;
	border: solid 2px #CCC;
}
#mainR table.table_history caption{
	padding: 8px 0 2px 0;
	text-align: left;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
}
#mainR table.table_history thead th{
	border: solid 1px #CCC;
	padding: 8px 8px 6px 10px;
	background: #777;
	color: #FFF;
	text-align: center;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
	white-space: nowrap;
}
#mainR table.table_history thead td {
	border: solid 1px #CCC;
	padding: 8px 8px 6px 10px;
	text-align: center;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
	white-space: nowrap;
}
#mainR table.table_history th {
	border: solid 2px #CCC;
	padding: 8px 8px 6px 10px;
	background: #f5f5f5;
	text-align: right;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
	vertical-align:top;
}
#mainR table.table_history td {
	padding: 8px 8px 6px 10px;
	border: solid 1px #CCC;
	text-align: left;
	font-size: 78%;
	line-height: 1.5;
	vertical-align:top;
}
#mainR table.table_history td.line01 {
	border-bottom: solid 2px #CCC;
}
.year {width: 50px;}
.month {width: 35px;}

/* ========================================
	rd
======================================== */
#mainR.companyRd p.topTxt {
	width: 700px;
	margin: 30px 0 0 10px;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyRd div.column01 {
	width: 700px;
	margin: 25px 0 0 10px;
}

#mainR.companyRd div.column01 dl {
	float: left;
	width: 420px;
	margin: 25px 0 0 0;
}

#mainR.companyRd div.column01 dl dt {
	padding: 6px 6px 3px 6px;
	background: url(../../company/images/rd/ttl_bg.gif) repeat-y left top;
	color: #063688;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyRd div.column01 dl dd {
	padding: 8px 0 20px 2px;
	font-size: 78%;
	line-height: 1.6;
}

#mainR.companyRd div.column01 div.img {
	float: right;
	width: 265px;
	margin: 25px 0 0 0;
}

#mainR.companyRd div.column01 ul.link {
	clear: both;
	width: 700px;
}

#mainR.companyRd div.column01 ul.link li {
	padding: 0 0 5px 2px;
	font-size: 78%;
	line-height: 1.6;
}

#mainR.companyRd div.column01 ul.link li a {
	padding: 0 0 0 18px;
	background: url(../images/arw01.gif) no-repeat left center;
}

#mainR.companyRd div.column02 {
	width: 700px;
	margin: 20px 0 0 10px;
}

#mainR.companyRd div.column02 p.txt {
	margin: 20px 0 0 0;
	font-size: 78%;
	line-height: 1.6;
}

#mainR.companyRd div.column02 div.img {
	margin: 15px 0 0 0;
}

#mainR.companyRd div.column02 table {
	width: 725px;
	margin: 35px -50px 0 0;
	border-collapse: collapse;
	border: none;
}

#mainR.companyRd div.column02 table td {
	width: 240px;
	border-collapse: collapse;
	border: none;
	text-align: left;
	vertical-align: top;
}

#mainR.companyRd div.column02 dl {
	width: 220px;
}

#mainR.companyRd div.column02 dl dt {
	padding: 4px 6px;
	background: url(../../company/images/rd/ttl_bg.gif) repeat-y left top;
	color: #063688;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyRd div.column02 dl dd {
	padding: 8px 0 12px 2px;
	font-size: 78%;
	line-height: 1.6;
}

#mainR.companyRd div.column02 ul.link li {
	padding: 0 0 5px 2px;
	font-size: 78%;
	line-height: 1.6;
}

#mainR.companyRd div.column02 ul.link li a {
	padding: 0 0 0 18px;
	background: url(../images/arw01.gif) no-repeat left center;
}


/* ========================================
	business
======================================== */
#mainR.companyBusiness h2 {
	clear:both;
	margin: 20px 0 20px 0;
	padding: 0;
	background:none;
}
#mainR.companyBusiness p.topTxt {
	width: 700px;
	margin: 30px 0 0 10px;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyBusiness div.pageNav {
	width: 725px;
	margin: 25px -50px 0 10px;
/*	background: url(../../company/images/business/pagenav_bg.gif) no-repeat left 120px;*/
}

#mainR.companyBusiness div.pageNav dl {
	float: left;
	width: 340px;
	margin: 0 20px 20px 0;
}

#mainR.companyBusiness div.pageNav dl dd {
	padding: 8px 12px 15px 12px;
	font-size: 78%;
	line-height: 1.6;
	background: linear-gradient(#f1f3f7, #ffffff);
}

#mainR.companyBusiness div.column {
	width: 700px;
	margin: 40px 0 0 10px;
}

#mainR.companyBusiness div.column p.txt{
	padding: 10px 0;
	font-size: 90%;
	line-height: 1.6;
}

#mainR.companyBusiness div.column p.leadTxt {
	margin: 20px 0 10px 0;
	font-size: 90%;
	line-height: 1.6;
	font-weight: bold;
}

#mainR.companyBusiness div.column div.txtArea {
	clear: both;
	width: 700px;
}

#mainR.companyBusiness div.column div.txtArea01 {
	float: left;
	width: 425px;
}

#mainR.companyBusiness div.column div.img01 {
	float: right;
	width: 260px;
}

#mainR.companyBusiness div.column div.txtArea02 {
	float: left;
	width: 410px;
}

#mainR.companyBusiness div.column div.img02 {
	float: right;
	width: 280px;
}

#mainR.companyBusiness ul.link {
	padding: 8px 0 0 0;
}

#mainR.companyBusiness ul.link li,
#mainR.companyBusiness ul.link02 li {
	padding: 0 0 5px 2px;
	font-size: 78%;
	line-height: 1.6;
}

#mainR.companyBusiness ul.link02 {
	padding: 8px 0 20px 0;
}

#mainR.companyBusiness ul.link li a,
#mainR.companyBusiness ul.link02 li a {
	padding: 0 0 0 18px;
	background: url(../images/arw01.gif) no-repeat left center;
}

#mainR.companyBusiness dl.txtArea {
	margin: 10px 0;
}

#mainR.companyBusiness dl.txtArea dt {
	padding: 6px 6px 3px 6px;
	background: url(../../company/images/business/ttl_bg.gif) repeat-y left top;
	color: #063688;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyBusiness dl.txtArea dd {
	padding: 8px 0 20px 2px;
}

#mainR.companyBusiness dl.txtArea dd p {
	margin: 10px 10px 10px 0;
	font-size: 78%;
	line-height: 1.6;
}

#mainR.companyBusiness dl.txtArea dd ul.note {
	padding: 0 0 8px 0;
}

#mainR.companyBusiness dl.txtArea dd ul.note li {
	color: #666;
	font-size: 70%;
	line-height: 1.4;
}

#mainR.companyBusiness dl.txtArea dd ul.banner {
	padding: 8px 0 10px 0;
}

#mainR.companyBusiness dl.txtArea dd ul.banner li {
	float: left; 
	margin: 0 10px 0 0;
}


/* ========================================
	margin
======================================== */
#mainR.companyMargin dl {
	width: 700px;
	margin: 10px 0 0 10px;
}

#mainR.companyMargin dl dt {
	margin: 0 0 15px 0;
	padding: 3px 0 1px 10px;
	background: url(../../company/images/outline/ttl_bg.gif) repeat-y left top;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyMargin dl dd {
	font-size: 78%;
	line-height: 1.7;
}

#mainR.companyMargin dl dd table.table01 {
	margin-top: 15px;
	width: 100%;
	border: solid 1px #CCC;
	line-height: 1.5;
}

#mainR.companyMargin dl dd table.table01 th {
	padding: 6px 10px 4px 15px;
	border: solid 1px #CCC;
	background: #F8F9FB;
	text-align:left;
}

#mainR.companyMargin dl dd table.table01 td {
	padding: 6px 10px 4px 15px;
	border: solid 1px #CCC;
}


/* ========================================
	summary
======================================== */
#mainR.companySummary dl {
	width: 710px;
	margin: 10px 0 0 10px;
}

#mainR.companySummary dl dt {
	margin: 0 0 15px 0;
	padding: 3px 0 1px 10px;
	background: url(../../company/images/outline/ttl_bg.gif) repeat-y left top;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companySummary dl dd {
	font-size: 78%;
	line-height: 1.7;
}

#mainR.companySummary div.graph_l {
	margin:0 20px 20px 0;
	width:340px;
	float:left;
}

#mainR.companySummary div.graph_r {
	margin:0 0 20px 0;
	width:340px;
	float:left;
}

#mainR.companySummary div.graph_title {
	font-weight:bold;
	border-bottom:1px dotted #cccccc;
}


/* ========================================
	english
======================================== */
#mainR.companyOutline_e dl {
	width: 700px;
	margin: 0 0 0 10px;
}

#mainR.companyOutline_e dl dt {
	margin: 0 0 15px 0;
	padding: 3px 0 1px 10px;
	background: url(../../company/images/outline/ttl_bg.gif) repeat-y left top;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#mainR.companyOutline_e dl dd {
	margin: 0 0 30px 0;
	font-size: 78%;
	line-height: 1.7;
}

#mainR.companyOutline_e dl dd table.table01 {
	width: 100%;
	border: solid 1px #CCC;
	line-height: 1.5;
}

#mainR.companyOutline_e dl dd table.table01 th {
	padding: 6px 10px 4px 15px;
	border: solid 1px #CCC;
	background: #F8F9FB;
}

#mainR.companyOutline_e dl dd table.table01 td {
	padding: 6px 10px 4px 15px;
	border: solid 1px #CCC;
}

#mainR.companyOutline_e dl dd table.table01 td.link {
	padding: 6px 5px 4px 5px;
	text-align: center;
}

#mainR.companyOutline_e dl dd table.table01 td.link a {
	padding: 0 0 0 12px;
	background: url(../images/arw05.gif) no-repeat left center;
}

#mainR.companyOutline_e dl dd table.table01 td.link span.lang {
	color: #666;
	font-size: 85%;
}

#mainR.companyOutline_e dl dd table.table02 {
	line-height: 1.5;
}

#mainR.companyOutline_e dl dd table.table02 td {
	padding: 0 8px 8px 0;
	border: none;
}

#mainR.companyOutline_e dl dd ul.link li {
	padding: 0 0 5px 0;
}

#mainR.companyOutline_e dl dd ul.link li a {
	padding: 0 0 0 12px;
	background: url(../images/arw05.gif) no-repeat left center;
}

#mainR.companyOutline_e dl dd ul.link li a:link,
#mainR.companyOutline_e dl dd ul.link li a:visited {
	color:#333;
	text-decoration: none;
}

#mainR.companyOutline_e dl dd ul.link li a:hover,
#mainR.companyOutline_e dl dd ul.link li a:active {
	color:#333;
	text-decoration: underline;
}

#mainR.companyOutline_e p.mainTxt {
	margin: 30px 0 0 10px;
}

#mainR.companyOutline_e div.column {
	width: 700px;
	margin: 28px 0 50px 10px;
}

#mainR.companyOutline_e div.column div.txt {
	float: left;
	width: 515px;
}

#mainR.companyOutline_e div.column div.txt p {
	line-height: 1.7;
}

#mainR.companyOutline_e div.column div.txt p.sign {
	margin: 5px 0 0 0;
	text-align: right;
	line-height: 1.7;
}

#mainR.companyOutline_e div.column div.img {
	float: right;
	width: 160px;
}