@charset "utf-8";
/* -----------------------------------------------------------
	キヤノンのご紹介

	File Name :  about.css
	File Pass :  /about/common/css/about.css
	Update :  2011.06.08
----------------------------------------------------------- */


/* ===== /about/以下の独自スタイルの指定 ===== */
/* ---------- ごあいさつ ---------- */

.area-greeting .section {
	width: 650px;
	margin: 0 0 35px 0;
	padding: 0;
}

.area-greeting h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}

.area-greeting h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-greeting .img-right {
	width: 650px;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.area-greeting .section p {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

.area-greeting .section .img-align {
	margin: 0;
	padding: 0;
}

.area-greeting .section .txt-big {
	font-size: 0.93em;
	font-weight:bold;
	margin: 0;
	padding: 0 0 20px 0;
}

.area-greeting .section .box-r {
	float: right;
	width: 300px;
	margin: 0 0 20px 20px;
	padding: 0;
}

.area-greeting .section .setLine{
	width: 650px;
	margin: 25px 0 20px 0;
	padding: 0;
	border-bottom: #cccccc 1px solid;
}


/* ---------- 企業理念 ---------- */

.area-philosophy .section {
	width: 650px;
	margin: 0 0 30px 0;
	padding: 0;
}

.area-philosophy .philosophyImg {
	margin: 40px 0 20px 231px;
}

.area-philosophy h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}

.area-philosophy h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-philosophy .section p {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

.area-philosophy .section p.area-top-text {
	padding: 0 70px;
	text-align: left;
	font-size: 0.80em !important;
}


/* ---------- フェーズ4 ---------- */

.area-strategies .section {
	width: 650px;
	height: 1%;
	margin: 0 0 25px 0;
	padding: 0;
}

.area-strategies .global {
	width: 650px;
	margin: 0 0 25px 0;
	padding: 0;
}

/* h2 */
.area-strategies h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}

.area-strategies h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-strategies .section p {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

/* float */
.area-strategies .section .box-l {
	float: left;
	width: 417px;
	margin: 0;
	padding: 0;
}
.area-strategies .section .box-r {
	float: right;
	width: 203px;
	margin: 0;
	padding: 0;
}
.area-strategies .section.visual .box-l {
	float: left;
	width: 314px;
	margin: 0;
	padding: 0;
}
.area-strategies .section.visual .box-r {
	float: right;
	width: 314px;
	margin: 0;
	padding: 0;
}
.area-strategies .phase .box-l {
	float: left;
	width: 203px;
	background-color: #f1f1f1;
	margin: 0 20px 0 0;
	padding: 0;
}
.area-strategies .phase .box-l-2 {
	float: left;
	width: 203px;
	background-color: #f1f1f1;
	margin: 0;
	padding: 0;
}
.area-strategies .phase .box-r {
	float: right;
	width: 203px;
	background-color: #f1f1f1;
	margin: 0;
	padding: 0;
}
.area-strategies .section dl {
	margin: 15px 0 0 0;
	padding: 0;
}

/* dl */
.area-strategies .section dl dt {
	margin: 0;
	padding: 0.5em 1em 0 1em;
	float: left;
}
.area-strategies .section dl dd {
	margin: 0;
	padding: 0.5em 1em;
	background-color: #fff;
}

.area-strategies .phase {
	clear: both;
	width: 650px;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	background: url(../../strategies/img/index_bg001.gif) no-repeat left bottom;
}
.area-strategies .phase dl {
	width: 180px;
	background-color: #f1f1f1 !important;
	margin: 8px 0 8px 8px;
	padding: 0;
}
.area-strategies .phase dl dt {
	font-weight: bold;
	background-color: #f1f1f1 !important;
	padding: 0 0 0 5px;
}

.area-strategies .phase dl dt.g-red {
	width: 100%;
	border-left: 5px solid #e49999;
	margin-bottom: 5px;
}
.area-strategies .phase dl dd {
	width: 100%;
	background-color: #f1f1f1 !important;
	padding: 10px 0 0 0;
}


table.sanji {
	border: none;
	border-collapse: collapse;
	margin: 15px 0 0 0;
	padding: 0;
}
table.sanji th {
	width: 65px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0 0 19px 0;
	background: url(../../strategies/img/index_ic001.gif) no-repeat left bottom;
}
table.sanji th.jikaku {
	background: none;
}
table.sanji td {
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0 0 8px 0;
}

.area-strategies .section .b-l {
	float: left;
	width: 186px;
	margin: 0;
	padding: 0;
}
.area-strategies .section .b-r {
	float: right;
	width: 444px;
	margin: 0;
	padding: 0;
}
.area-strategies .caption {
	font-size: 0.65em !important;
	line-height: 1.3;
	margin: 3px 0 0 0 !important;
	padding: 0;
}
.area-strategies .btn-st {
	width: 100%;
	text-align: left;
	margin: 15px 0 0 0 !important;
	padding: 0 !important;
}
.area-strategies .btn-st ul {
	margin: 0 !important;
	padding: 0 !important;
}
.area-strategies .btn-st ul li {
	margin: 0 !important;
	padding: 0 !important;
}

.area-strategies #glossary {
	margin-top: 20px;
	background: url(../../strategies/img/strategies_bg01.jpg) no-repeat left top;
	padding-top: 20px;
	text-align: left;
	font-size: 84%;
}
.area-strategies #glossary .linkList li {
	background: url(../img/contents/com_bg03-link-ic.gif) no-repeat 4px 0.5em;
}




/* ---------- その先をひらくキヤノン ---------- */

.area-topics .section {
	width: 650px;
	margin: 0 0 20px 0;
	padding: 0;
}

.area-topics .section p {
	margin: 0;
	padding: 0 0 10px 0 !important;
}

.area-topics .section p .subtext {
	font-size: 0.7em;
}

.area-topics .section .box-l {
	float: left;
	width: 314px;
	margin: 0;
	padding: 0;
}

.area-topics .section .box-r {
	float: right;
	width: 314px;
	margin: 0;
	padding: 0;
}

.area-topics .section .box-l .b-l,
.area-topics .section .box-r .b-l {
	float: left;
	width: 155px;
	margin: 0;
	padding: 0;
}

.area-topics .section .box-l .b-r,
.area-topics .section .box-r .b-r {
	float: right;
	width: 150px;
	margin: 0 0 0 5px !important;
	padding: 0;
}

.area-topics .title-topics {
	font-size: 100%;
	font-weight: bold;
	background: url(../img/contents/line-corp-col2-main.jpg) 0 100% no-repeat;
	margin: 3px 0 5px 0;
	padding: 0 0 7px 0;
}

.area-topics .section .box-l .b-r p,
.area-topics .section .box-r .b-r p {
	min-height: 86px;
	font-size: 0.7em;
	line-height: 1.3;
	margin: 0 !important;
	padding: 0 0 3px 0 !important;
}

.area-topics .section .box-l p,
.area-topics .section .box-r p {
	text-align: left;
	margin: 0 !important;
	padding: 5px 0 0 0 !important;
}

.area-topics .section .box-l p.caption,
.area-topics .section .box-r p.caption {
	font-size: 0.65em !important;
	text-align: center;
	margin: 0 !important;
	padding: 3px 0 0 0 !important;
}


/* h2の背景 */
.area-topics h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 10px !important;
	padding: 0 0 3px;
}

.area-topics h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-topics .section p {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

.area-topics .section .box-l p,
.area-topics .section .box-r p {
	line-height: 1.3;
	margin: 0;
	padding: 3px 0 0 0;
}

.area-topics .sub-title {
	background: none;
	margin: 0 0 0 5px;
	font-size: 100%;
	font-weight: bold;
}
.area-topics .sub-read {
	font-size: 100%;
	line-height: 1.4em;
	font-weight: bold;
}
.area-topics .caption {
	padding-top: 5px;
	font-size: 0.84em;
	display: inline-block;
	line-height: 1.4em;
}
.area-topics #glossary {
	margin-top: 20px;
	background: url(../../topics/img/topics_bg01.jpg) no-repeat left top;
	padding-top: 20px;
	text-align: left;
	font-size: 84%;
}
.area-topics #glossary .linkList li {
	background: url(../img/contents/com_bg03-link-ic.gif) no-repeat 4px 0.5em;
}
.area-topics  .section.contentsNav {
 margin-top: 20px;
}
.area-topics  .section.contentsNav .box-l p,
.area-topics  .section.contentsNav .box-r p {
 padding: 0 0 20px 0 !important;
}
.area-topics .section .box-l p,
.area-topics .section .box-r p {
 padding: 0 0 20px 0 !important;
 line-height: 1.545em !important;
}




/* ---------- キヤノンのものづくり ---------- */

.area-activities h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}

.area-activities h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-activities .section {
	width: 650px;
	margin: 0 0 15px 0;
	padding: 0;
}

.area-activities .section p {
	font-size: 0.65em;
	margin: 0;
	padding: 0;
}

.area-activities .section .box-l {
	float: left;
	width: 314px;
	margin: 0;
	padding: 0;
}

.area-activities .section .box-r {
	float: right;
	width: 310px;
	margin: 0;
	padding: 0;
}

/*　float */
.area-activities .section .box-l .b-l,
.area-activities .section .box-r .b-l {
	float: left;
	width: 155px;
	margin: 0;
	padding: 0;
}

.area-activities .section .box-l .b-r,
.area-activities .section .box-r .b-r {
	float: right;
	width: 150px;
	margin: 0 0 0 5px !important;
	padding: 0;
}

.area-activities .title-acti {
	font-size: 0.83em;
	font-weight: bold;
	background: url(../img/contents/line-corp-col2-main.jpg) 0 100% no-repeat;
	margin: 3px 0 5px 0;
	padding: 0 0 7px 0;
}

.area-activities .section .box-l .b-r p,
.area-activities .section .box-r .b-r p {
	min-height: 86px;
	font-size: 0.7em;
	line-height: 1.3;
	margin: 0 !important;
	padding: 0 0 3px 0 !important;
}

.area-activities .img-margin {
	width: 650px;
	margin: 40px 0 40px 0;
	padding: 0;
}

.area-page {
	margin: 0;
	padding: 0 0 20px 0;
}

.area-page h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 10px !important;
	padding: 0 0 3px;
}

.area-page h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-page .toptext {
	margin: 0;
	padding: 0 0 30px 0 !important;
}

.area-page .section {
	display: table;
	width: 650px;
	margin:0 0 30px 0;
	padding: 0;
}

.area-page .section .box-l {
	float: left;
	width: 314px;
}

.area-page .section .box-r {
	float: right;
	width: 314px;
}

.area-page .section .box-l .box-title,
.area-page .section .box-r .box-title {
	min-height: 15px;
	line-height: 1.3;
	background: url(../img/contents/line-corp-col2-main.jpg) no-repeat 0 100%;
	font-size: 0.85em;
	font-weight: bold;
	padding: 3px 0 7px 0;
}

.area-page .section .box-l .box-title .title-red,
.area-page .section .box-r .box-title .title-red {
	color: #d60300;
	font-size: 0.7em;
	font-weight: normal;
}

.area-page .section .box-l .box-img1,
.area-page .section .box-r .box-img1 {
	margin: 10px 0;
}

.area-page .section .box-l .box-img2,
.area-page .section .box-r .box-img2 {
	height: 154px;
	margin: 10px 0;
}

.area-page .section .box-l .box-img1 p.image,
.area-page .section .box-r .box-img1 p.image,
.area-page .section .box-l .box-img2 p.image,
.area-page .section .box-r .box-img2 p.image {
	text-align: center;
	margin: 0;
	padding: 0;
}

.area-page .section .box-l .box-img1 p.caption,
.area-page .section .box-r .box-img1 p.caption,
.area-page .section .box-l .box-img2 p.caption,
.area-page .section .box-r .box-img2 p.caption {
	font-size: 0.65em;
	text-align: center;
	margin: 2px 0 0 0;
	padding: 0;
}

.area-page .section .box-l .box-text,
.area-page .section .box-r .box-text {
	margin: 0;
	padding: 0;
}

.area-page .section .box-l .box-text .subtext,
.area-page .section .box-r .box-text .subtext {
	font-size: 0.7em;
}

.area-page .section .box-l .box-text p,
.area-page .section .box-r .box-text p {
	margin: 0;
	padding: 0;
}

.area-page .section .box-l .box-text p.caption,
.area-page .section .box-r .box-text p.caption {
	font-size: 0.65em;
	margin: 5px 0 0 0;
	padding: 0;
}

.area-page .sub-title {
	background: none;
	margin: 0 0 0 5px;
	font-size: 120%;
	font-weight: bold;
}

.area-page .sub-copy {
	text-align: left;
	font-size: 120%;
	line-height: 1.4em;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;	
	background: url(../../activities/img/activities_bg02.jpg) no-repeat left bottom;
}

.area-page .sub-read {
	margin-left: 5px;
}

.area-page .mainVisual {
	margin-bottom: 20px;
}
.area-page .mainVisual .box-l,
.area-page .mainVisual .box-r {
	text-align: center;
}
.area-page .mainVisual .box-l p,
.area-page .mainVisual .box-r p {
	margin: 0;
}
.area-page .mainVisual .caption {
	margin-top: 5px;
	font-size: 0.74em;
	line-height: 1.4em;
	display: inline-block;
}

.area-page .box-detail {
	margin-top: 15px;
}
.area-page .box-detail .box-img {
	width: 111px;
	float: left;
}
.area-page .box-detail .box-img p {
	margin: 0;
}

.area-page .box-detail .box-text {
	width: 190px;
	float: right;
}
.area-page .box-detail .caption {
	padding-top: 5px;
	font-size: 84%;
}

.area-page .box-detail .box-text .glossary {
	margin-top: 15px;
	background: url(../../activities/img/activities_bg01.jpg) no-repeat left top;
	padding-top: 10px;
	text-align: left;
	font-size: 84%;
}
.area-page .box-detail .box-text .glossary .linkList li {
	background: url(../img/contents/com_bg03-link-ic.gif) no-repeat 4px 0.5em;
}


/* ---------- 製品事業のご紹介 ---------- */

.area-business {
	margin: 0;
	padding: 0 0 30px 0;
}

/* h2の背景 */
.area-business h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}
.area-business h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}


/* titleの下のボーダー */
.area-business .bold01 {
	background: url(../img/contents/line-corp-col1.jpg) 0 100% no-repeat;
	font-size: 0.85em;
	font-weight: bold;
	min-height: 15px;
	padding: 3px 0 7px;
}

/* index section */
.area-business .section {
	width: 650px;
	margin:0 0 20px 0;
	padding: 0;
}

.area-business .section .box_array {
	width: 650px;
	margin-top: 11px;
}

.area-business .section .box_array .left_box {
	float: left;
	width: 290px;
}

.area-business .section .box_array .right_box {
	float: right;
	width: 340px;
}

.area-business .section .box_array .right_box p {
	margin: 0;
	padding: 0;
}

/* industry + business + personal */
.area-business .section .left_box {
	float: left;
	width: 314px;
}

.area-business .section .right_box {
	float: right;
	width: 314px;
}

.area-business .section .underLine01 {
	background: url(../img/contents/line-corp-col2-main.jpg) 0 100% no-repeat;
	font-size: 0.85em;
	font-weight: bold;
	min-height: 15px;
	padding: 3px 0 7px;
}

.area-business .section .img_box {
	text-align: center;
	margin: 10px 0;
}

.area-business .section .img_box2 {
	height: 162px;
	text-align: center;
	margin: 10px 0;
}

.area-business .section .img_box2 p.b-img-caption {
	font-size: 0.65em;
	padding: 4px 0 0 0;
}

.area-business .section p {
	margin: 0;
	padding: 0;
}

.box_array .right_box p {
	margin: 0;
	padding: 0 0 15px 0 !important;
}

#businessArea .caption-bottom-note {
	margin-top: 10px;
}




/* ---------- キヤノンの歩み ---------- */

/*キャノンの歩み*/

.area-history {
	padding: 0 0 30px 0 !important;
}

.area-history h2 {
	min-height: 15px;
	background: url(../../common/img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	padding: 0 0 3px;
}

.area-history h2 .txt {
	display: block;
	width: 630px;
	background: url(../../common/img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

/* ===== historyTab ===== */

.area-history ul.historyTab {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}

.area-history ul.historyTab li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	background-image: none;
}


/* ===== historyLink ===== */
.area-history .historyLink {
	margin: 10px 0 0 0;
	width:100%;
}

.area-history .historyLink a {
	font-size: 0.85em;
}

.area-history .historyLink .next {
	float: right;
	padding: 0 9px 0 0;
	background: url(../../history/img/arrow3-right.gif) no-repeat right center;
}

.area-history .historyLink .back {
	float: left;
	padding: 0 0 0 9px;
	background: url(../../history/img/arrow3-left.gif) no-repeat left center;
}

/* ===== table ===== */

.area-history table.history01 {
	margin: 5px 0 5px 0;
	padding: 0;
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.area-history table.history01 tbody th {
	border: 1px solid #DFDFDF;
	background-color: #F2F4F5;
	color: #7B8791;
	text-align: center;
	vertical-align: middle;
	padding: 10px 8px;
}

.area-history table.history01 tbody th.table-top,
.area-history table.history01 tbody th.table-top-last {
	padding: 8px 6px;
	background: url(../../history/img/bg-tabletop.png) no-repeat 0 0;
	color: #FFFFFF;
	font-weight: bold;
}

.area-history table.history01 tbody th.table-top {
	border-right: 1px solid #8F9DB5;
	border-bottom: 1px solid #8F9DB5;
	border-left: none;
}

.area-history table.history01 tbody th.table-top-last {
	border-bottom: 1px solid #8F9DB5;
	border-right: none;
	border-left: none;
}

.area-history table.history01 tbody td {
	border: 1px solid #DFDFDF;
	padding:10px 8px;
	color: #7C7C7C;
	vertical-align: top;
}

.area-history table.history01 tbody td p.history-tdimg {
	margin: 10px 0 5px 0;
	text-align: center;
}

.area-history table.history01 tbody td p.history-tdcap {
	font-size: 0.75em;
	text-align: center;
}


/*===========キャノンの歩み(略歴)===============*/

.area-history .outlineText {
	float: left;
	width: 295px;
	height: 100%;
	margin-right: 20px;
}

.outlineContents{
	width:100%;
	height: 1%;
}

/* ===== table ===== */

.area-history table.outlineTable {
	float: left;
	width: 335px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: left;
	margin: 0;
	padding: 0;
}

.area-history table.outlineTable tbody th {
	border: 1px solid #cccccc;
	background-color: #F2F4F5;
	color: #7B8791;
	font-size: 0.65em;
	text-align: center;
	vertical-align: middle;
	padding: 4px 7px;

}

.area-history table.outlineTable tbody td {
	border: 1px solid #cccccc;
	color: #555555;
	font-size: 0.65em;
	vertical-align: top;
	padding:4px 5px;
}

.area-history table.outlineTable tbody td p.history-tdimg {
	text-align: center;
	margin: 7px 0 5px 0;
}

.area-history table.outlineTable tbody td p.history-tdcap {
	font-size: 0.9em;
	text-align: center;
}

.area-history .outlineTextParts h3 {
	min-height: 15px;
	background: url(../../common/img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.85em;
	font-weight: bold;
	padding: 3px 0 7px;
}

.area-history .outlineTextParts {
	margin: 0 0 30px 0 !important;
}


/*===========キャノンの歩み(Top)===============*/
.area-historyTop .section {
	margin:	0	0	30px 0;
}

.area-historyTop p.historyLead {
	font-size: 0.85em !important;
	margin: 0 0 20px 0 !important;
	padding: 0;
	font-weight: bold;
}

.area-historyTop .historyLine{
	clear: both;
	width: 100%;
	border-bottom: 1px solid #EFEFEF;
	margin: 0 0 10px 0;
}

.area-historyTop .menuOutline,
.area-historyTop .menuHistory {
	background: url(../../history/img/bg-grayback-top.gif) no-repeat 0 0;
	background-color: #F7F7F7;
	padding: 0;
}

.area-historyTop .menuOutline {
	margin: 0 0 10px 0;
}

.area-historyTop .menuHistory {
	margin: 0 0 5px 0;
}

.area-historyTop .historyMenuTop {
	float: left;
	width: 390px;
}

.area-historyTop .historyMenuTop p {	
	margin: 22px 0 0 12px;
	padding: 0 0 0 14px;
	background: url(../../history/img/arrow-blue.gif) no-repeat 0 0.4em;
	font-size: 0.75em;
	font-weight: bold;
}

.area-historyTop .historyMenuBtn {
	float: right;
	padding: 9px 0 0 0;
}

.area-historyTop .forMenuBack {
	clear: both;
	width: 644px;
	padding: 0 6px 6px 0;
	background: url(../../history/img/bg-grayback-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
}


/*=========== 全体===============*/
.area-history,
.area-history div,
.area-history p, 
.area-history a {
	margin: 0;
	padding: 0;
}


/* ---------- キヤノンロゴ ---------- */

.area-logo {
	margin: 0;
	padding: 10px 0 10px 0;
}

.area-logo h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 10px !important;
	padding: 0 0 3px;
}

.area-logo h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-logo .section {
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
}

.area-logo .section p {
	margin: 0;
	padding: 0;
}

.area-logo .section .img-logo {
	width: 100%;
	text-align: center;
	margin: -10px 0 0 0;
	padding: 0 0 20px 0;
}

.area-logo ul.logo-link {
	margin: 20px 0 0 0;
	padding: 0;
}

.area-logo ul.logo-link li {
	display: inline;
	margin: 0;
	padding: 0;
}

.area-logo ul.logo-link li img {
	margin: 0;
	padding: 0;
}


.area-logo .img-r {
	float: right;
	width: 255px;
	margin: 0 0 15px 15px;
	padding: 0;
}

.area-logo .img-r .img-logo2 {
	border: 1px solid #cccccc;
	margin: 0;
	padding: 0;
}

.area-logo .img-r .img-logo2-cap {
	width: 100%;
	font-size: 0.65em;
	text-align: center;
	margin: 0;
	padding: 0;
}

.area-logo .text {
	margin: 0;
	padding: 0;
}

.area-logo .text p {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.area-logo .t-text {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

table.logo-transit {
	width: 100%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: left;
	margin: 20px 0 20px 0;
	padding: 0;
}

table.logo-transit th {
	border: 1px solid #cccccc;
	background-color: #F2F4F5;
	color: #56646f;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 6px 8px;
}

table.logo-transit td {
	border: 1px solid #cccccc;
	color: #444444;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 6px 8px;
}


/* ---------- PDFライブラリ ---------- */

.area-library,
.area-library .pdfBlock {
	width: 650px;
}

.area-library .pdfBlock {
	margin: 0 0 30px 0;
}

.area-library .pdfPart-l {
	float: left;
	width: 315px;
	margin: 0;
	padding: 0;
}

.area-library .pdfPart-r {
	float: right;
	width: 315px;
	margin: 0;
	padding: 0;
}

.area-library .pdfPart-l h2,
.area-library .pdfPart-r h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	padding: 0 0 3px;
}

.area-library .pdfPart-l .txt,
.area-library .pdfPart-r .txt {
	display: block;
	width: 295px;
	background: url(../img/contents/bg-col2-harf.gif) no-repeat 0 0;
	font-size: 0.87em;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

.area-library .pdfImg {
	float: left;
	padding: 0 10px 0 10px;
}

.area-library .pdfImg img {
 border: #CCCCCC 1px solid;
}

.area-library ul.pdfText  {
	margin: 15px 0 0 0;
}

.area-library ul.pdfText li {
}

.area-library ul.pdfText  li a {
	padding: 1px 0 1px 20px;
	background: url(../img/icon/new-window.gif) no-repeat left top;
}

.area-library .pdfGrayLine {
	width: 100%;
	border-bottom: 1px solid #EFEFEF;
	margin: 0 0 30px 0;
}

.getreader {
	width: 650px;
}

.getreader .getreaderImg {
	float: left;
}

.getreader .getreaderText{
	float: right;
	width: 480px;
	font-size: 0.85em;
}


/* ----- 会社概要 ----- */

.area-outline {
	width: 650px;
	margin: 0;
	padding: 0 0 20px 0;
}

.area-outline h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 0 !important;
	padding: 0 0 3px 0;
}

.area-outline h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.93em;
	padding: 6px 10px 3px 10px;
}

.area-outline .section {
	margin: 0 0 15px 0;
	padding: 0;
}

.tableLeft {
	float: left;
	width: 480px;
}

.tableImg {
	float: right;
	width: 138px;
}

.tableImg .img-area01 {
	margin: 0 0 10px 0;
	padding: 0;
}

.tableImg .img-area02 {
	margin: 0;
	padding: 0;
}

.tableImg .img-caption {
	text-align: center;
	margin: 0;
	padding: 0;
}


table.list-outline01 {
	width: 480px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
}

table.list-outline02 {
	width: 650px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
}

table.list-outline01 th,
table.list-outline02 th {
	border: 1px solid #cccccc;
	background-color: #F2F4F5;
	color: #56646f;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 6px 8px;
}

table.list-outline01 td,
table.list-outline02 td {
	border: 1px solid #cccccc;
	color: #444444;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 6px 8px;
}

.table-title {
	width: 100%;
	line-height: 1;
	margin: 0 0 5px 0;
}

.table-title .title-l {
	float: left;
	width: 250px;
	font-weight: bold;
	text-align: left;
	line-height: 1;
	margin: 0;
	padding: 10px 0 0 0;
}

.table-title .title-r {
	float: right;
	width: 200px;
	font-size: 0.7em;
	text-align: right;
	line-height: 1;
	margin: 0;
	padding: 10px 0 0 0;
}


table.list-outline03 {
	width: 650px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
}

table.list-outline04 {
	width: 320px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
}

table.list-outline03 th,
table.list-outline04 th {
	border: 1px solid #cccccc;
	background-color: #F2F4F5;
	color: #56646f;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 6px 8px;
}

table.list-outline03 td,
table.list-outline04 td {
	border: 1px solid #cccccc;
	color: #444444;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 6px 8px;
}

table.list-outline03 td.td_blue,
table.list-outline04 td.td_blue {
	background-color: #78a3d9;
	color: #ffffff !important;
	font-weight: bold;
}

.area-data {
	margin: 0;
	padding: 0 0 10px 0;
}

.area-data .section {
	margin: 0 0 20px 0;
	padding: 0;
}


.area-data h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}

.area-data h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.93em;
	padding: 6px 10px 3px;
}

.area-data .pageTop {
	margin: 0;
	padding: 0 0 10px 0 !important;	
}

.unit {
	font-size: 0.7em;
	margin: 0 0 0 5px;
}

.area-data .section p.tableCaption {
	font-size: 0.65em;
	text-align: right;
	margin: 0;
	padding: 0;
}

.area-data .caption {
	font-size: 0.65em;
	text-align: left !important;
	margin: 0 !important;
	padding: 0 !important;
}

.g-box-wrap {
	clear: both;
	width: 650px;
}

.area-data .g-img {
	text-align: left !important;
	margin: 0 0 20px 0 !important;
	padding: 10px 0 0 20px !important;
}

.area-data-l {
	float: left;
	width: 315px;
	margin: 0;
	padding: 0;
}

.area-data-r {
	float: right;
	width: 315px;
	margin: 0;
	padding: 0;
}

.area-data-l h2,
.area-data-r h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	padding: 0 0 3px;
}

.area-data-l h2 .txt,
.area-data-r h2 .txt {
	display: block;
	width: 295px;
	background: url(../img/contents/bg-col2-harf.gif) no-repeat 0 0;
	font-size: 0.93em;
	padding: 6px 10px 3px;
}
.area-data-l h3,
.area-data-r h3 {
	background: transparent url(../img/contents/line-corp-col1.jpg) no-repeat scroll 0 100%;
	font-size: 0.85em;
	font-weight: bold;
	min-height: 15px;
	padding: 3px 0 7px;
	width: 315px;
}


/* キヤノンの今 */

.area-global h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.9375em;
	font-weight: bold;
	padding: 0 0 3px;
}

.area-global h2 .txt {
	display: block;
	width: 630px;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	font-size: 0.93em;
	padding: 6px 10px 3px;
}

.area-global .img-g01 {
	margin: 0 0 20px 0;
	padding: 0;
}

.area-global .img-g02 {
	margin: 0 0 20px 0;
	padding: 0;
}

.area-global .img-caption01 {
	width: 100%;
	font-size: 0.65em;
	text-align: right;
	margin: 0;
	padding: 0;
}
.area-global .img-caption02 {
	clear: both;
	font-size: 0.65em;
	margin: 0 0 0 1.1em;
	padding: 0;
	text-indent: -1.1em;
}

.global-area.section {
	margin: 0 0 30px 0;
	padding: 0;
}

/*.global-area.section h3,
.area-data .section h3 {
	width: 650px;
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.85em;
	font-weight: bold;
	padding: 3px 0 7px;
}*/

table.list-global {
	width: 100%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	font-size: 0.85em;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
}

table.list-global th {
	border: 1px solid #cccccc;
	background-color: #F2F4F5;
	color: #56646f;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 6px 7px;
}

table.list-global td {
	margin: 0;
	padding: 6px 7px;
	border: 1px solid #cccccc;
	color: #444444;
	text-align: center;
	vertical-align: middle;
}

table.lanking {
	margin-top: 1.15em;
}
* html table.lanking {
	margin-top: 1.75em;
}
table.lanking th {
	font-weight: normal;
}
table.lanking td {
	font-weight: bold;
}

table.lanking td span.caption {
	font-weight: normal;
	font-size: 0.8em;
}

table.list-global th.th-blue {
	background-color: #78a3d9;
	color: #ffffff;
}

table.list-global td.td-grey {
	background-color: #F2F4F5;
	color: #56646f;
	font-weight: bold
}
table.list-global td.td-blue {
	background-color: #78a3d9;
	color: #ffffff;
}

table.list-global .g-caption {
	font-weight: normal;
}

table.list-global .big {
	font-size: 1.4em;
	font-weight: bold;
}

.area-global .g-t-caption {
	font-size: 0.65em;
	margin: 0 0 20px 0;
	padding: 0;
}


.global-area.section .box-wrap {
	clear: both;
	width: 650px;
	margin: 0 0 15px 0;
	padding: 0;
}

.global-area.section .box-l {
	float: left;
	width: 315px;
	margin: 0;
	padding: 0;
}
.global-area.section .box-l .table-title {
	clear: #666666;
	font-weight: bold;
	font-size: 0.65em;
	line-height: 1.1;
}

.global-area.section .box-r {
	float: right;
	width: 315px;
	margin: 0;
	padding: 0;
}

.global-area.section .box-l h3,
.global-area.section .box-r h3 {
	width: 315px;
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.85em;
	font-weight: bold;
	padding: 3px 0 7px;
}

.area-global .box-wrap .img-b-l {
	float: left;
	margin: 0;
	padding: 0;
}

.area-global .box-wrap dl {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
}

.area-global .box-wrap dl dt {
	font-weight: bold;
	padding: 0 0 0 5px;
}

.area-global .box-wrap dl dd {
	margin: 0;
	padding: 8px 0 0 9px;
	line-height: 1.3;
}
.area-global .box-wrap dl dd dt {
	font-weight: bold;
}
.area-global .box-wrap dl dd dl {
	float: none;
	width: 171px;
}
.area-global .box-wrap dl dd dt {
	padding: 0;
	border: none !important;
}
.area-global .box-wrap dl dd dt span {
	margin-left: 0.25em;
}
.area-global .box-wrap dl dd dd {
	padding: 0;
}
.area-global .box-wrap dl dd dd ul {
	margin: 0;
	font-size: 90%;
}
.area-global .box-wrap dl dd dd ul li {
	margin-top: 2px;
	padding: 0;
	line-height: 1.2;
}

/* color pattern */
.area-global .box-wrap dl.g-pink span {
	color: #e49999;
}
.area-global .box-wrap dl.g-pink dt {
	border-left: 5px solid #e49999;
}

.area-global .box-wrap dl.g-violet span {
	color: #a87dc9;
}
.area-global .box-wrap dl.g-violet dt {
	border-left: 5px solid #a87dc9;
}

.area-global .box-wrap dl.g-green span {
	color: #88bb30;
}
.area-global .box-wrap dl.g-green dt {
	border-left: 5px solid #88bb30;
}

.area-global .linkBtn {
	margin: 20px 0 0 0;
	text-align: center;
}

.ontent {
	margin: 0;
	padding: 0;
}

.area-global .section .box-wrap {
	clear: both;
	width: 650px;
	margin: 0 0 15px 0;
	padding: 0;
}

.area-global .section .box-l {
	float: left;
	width: 315px;
	margin: 0;
	padding: 0;
}
.area-global .section .box-l .table-title {
	clear: #666666;
	font-weight: bold;
	font-size: 0.65em;
	line-height: 1.1;
}

.area-global .section .box-r {
	float: right;
	width: 315px;
	margin: 0;
	padding: 0;
}

.area-global .section .box-l h3,
.area-global .section .box-r h3 {
	width: 315px;
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-size: 0.85em;
	font-weight: bold;
	padding: 3px 0 7px;
}

.area-global .box-wrap .img-b-l {
	float: left;
	margin: 0;
	padding: 0;
}

.area-global .box-wrap dl {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
}

.area-global .box-wrap dl dt {
	font-weight: bold;
	padding: 0 0 0 5px;
}

.area-global .box-wrap dl dd {
	margin: 0;
	padding: 8px 0 0 9px;
	line-height: 1.3;
}
.area-global .box-wrap dl dd dt {
	font-weight: bold;
}
.area-global .box-wrap dl dd dl {
	float: none;
	width: 171px;
}
.area-global .box-wrap dl dd dt {
	padding: 0;
	border: none !important;
}
.area-global .box-wrap dl dd dt span {
	margin-left: 0.25em;
}
.area-global .box-wrap dl dd dd {
	padding: 0;
}
.area-global .box-wrap dl dd dd ul {
	margin: 0;
	font-size: 90%;
}
.area-global .box-wrap dl dd dd ul li {
	margin-top: 2px;
	padding: 0;
	line-height: 1.2;
}

/* ---------- 共通利用 ---------- */

p.subVisual {
	margin: 0 0 20px 0;
	padding: 0;
}

.box_link {
	background: url(../img/contents/com_bg01-bottom.gif) no-repeat left bottom;
	width: 650px;
	margin-bottom: 10px;
}
.box_link_inner {
	background: url(../img/contents/com_bg01-top.gif) no-repeat left top;
	padding: 15px;
	width: 620px;
}
.box_link_inner h2 {
	font-size: 78%;
	background: none;
	margin-bottom: 5px !important;
}

.col03 {
	background: url(../img/contents/com_bg02-bottom.gif) no-repeat left bottom; 
}
.col03_inner {
	background: url(../img/contents/com_bg02-top.gif) no-repeat left top; 
}

.col03_inner h3 {
	background: url(../img/contents/com_bg02-h.gif) no-repeat left bottom;
	padding: 10px;
	margin: 0 1px;
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: center;
}

.strategies .col03_inner h3 {
	text-align: left;
}

.col03-1,
.col03-2 {
	width: 210px;
	margin-right: 10px;
	float: left;
}
.col03-3 {
	width: 210px;
	margin-right: 0;
	float: left;
}

.col03_inner .box-link {
	padding: 9px;
}
.col03_inner .box-link .detail {
	margin-bottom: 5px;
}

.read {
	margin: 5px 0 10px 0;
}

.col04 {
	background: url(../img/contents/com_bg03-bottom.gif) no-repeat left bottom; 
	margin-bottom: 10px;
}
.col04_inner {
	background: url(../img/contents/com_bg03-top.gif) no-repeat left top; 
}
.col4-3col {
	background: url(../img/contents/com_bg03-01-bottom.gif) no-repeat left bottom !important;
}
.col4-3col .col04_inner {
	background: url(../img/contents/com_bg03-01-top.gif) no-repeat left top !important;
}

.col4-2col {
	background: url(../img/contents/com_bg03-02-bottom.gif) no-repeat left bottom !important;
}

.col4-2col .col04_inner {
	background: url(../img/contents/com_bg03-02-top.gif) no-repeat left top !important;
}

.col04_inner h3 {
	padding: 10px 10px 10px 15px;
	margin: 10px 1px;
	font-size: 70%;
	line-height: 1.3em;
	min-height: 2.5em;
	_height: 2.5em;
}

.col04_inner h3.consumer {
	background: url(../img/contents/com_bg03-h01.gif) repeat-y 4px 5px;
}

.col04_inner h3.business {
	background: url(../img/contents/com_bg03-h02.gif) repeat-y 4px 5px;
}

.col04_inner h3.industry {
	background: url(../img/contents/com_bg03-h03.gif) repeat-y 4px 5px;
}

.col04-1,
.col04-2,
.col04-3 {
	width: 155px;
	margin-right: 10px;
	float: left;
}

.col04-4 {
	width: 155px;
	margin-right: 0;
	float: left;
}

.col04_inner .detail {
	margin: 10px !important;
}

.col04_inner .btn {
	margin: 5px !important;
}

.col04_inner .linkList {
	margin: 5px 5px 5px 5px;
	background: url(../img/contents/com_bg03-link.gif) no-repeat center top;
	padding: 8px 3px;
}

.col04_inner .linkList li {
	background: url(../img/contents/com_bg03-link-ic.gif) no-repeat 4px 0.5em;
}

.linkList img {
	vertical-align:baseline;
}