@charset "utf-8";
/* -----------------------------------------------------------
	About Canon

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

/* ----- Top of Page ----- */

.pageTop ul {
	background: none;
	margin: 0;
	padding: 0;
}

.pageTop ul li {
	list-style-type: none;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.pageTop ul li a {
	background: url(../img/contents/arrow2-top.gif) no-repeat 0 center;
	margin: 0;
	padding: 0 0 0 13px;
}

.pageTop ul li a:hover {
	background: url(../img/contents/arrow2-top.gif) no-repeat -300px center;
	margin: 0;
	padding: 0 0 0 13px;
}


/* ----- 01 Message from Top Management ----- */

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

.area-greeting .section {
	width: 760px;
	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-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}

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

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

.area-greeting .section p {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

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

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

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

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


/* ----- 02 Kyosei : Canon's Corporate Philosophy of Kyosei ----- */

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

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

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

.area-philosophy .section p {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

.area-philosophy .section p.word {
	line-height: 1;
	text-align: right;
	margin: 0;
	padding: 0 20px 15px 0;
}

.area-philosophy .section p.photo {
	line-height: 1;
	text-align: center;
	margin: 0;
	padding: 0 0 15px 0;
}


/* ----- 03 Canon Management Policy ----- */

.area-strategies h2 {
	clear: both;
	min-height: 15px;
	background: url(../img/contents/line-col-blue.jpg) no-repeat 0 100%;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px 0;
}

.area-strategies h2 .txt {
	display: block;
	width: 740px;
	line-height: 1.3;
	background: url(../img/contents/bg-col.gif) no-repeat 0 0;
	font-size: ;
	padding: 6px 10px 3px 10px;
}

.area-strategies .section {
	margin-bottom: 25px;
	padding: 0;
}

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

.area-strategies .box-wrap {
	clear: both;
	width: 760px;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
}

.area-strategies .box-wrap .left-text {
	float: left;
	width: 370px;
	margin: 0 !important;
	padding: 0 !important;
}

.area-strategies .box-wrap .left-text p {
	line-height: 1.5;
	margin: 0 !important;
	padding: 0 !important;
}

.area-strategies .box-wrap .left-text p.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 .box-wrap .right-img {
	float: right;
	width: 173px;
	margin: 0;
	padding: 0 0 10px 10px;
}

.area-strategies .section.visual .box-l {
	float: left;
	width: 370px;
	margin: 0;
	padding: 0;
}
.area-strategies .section.visual .box-r {
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
}

.area-strategies .section .b-l {
	float: left;
	width: 186px;
	margin: 0;
	padding: 0;
}

.area-strategies .section .b-r {
	float: right;
	width: 554px;
	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 #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-strategies .section p {
	line-height: 1.5;
}

table.sanji {
	clear: both;
	border: none;
	border-collapse: collapse;
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
}

table.sanji th {
	width: 65px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 20px 0;
	background: url(../../strategies/img/index_ic001.gif) no-repeat 46px 100%;
}

table.sanji th.jikaku {
	background: none;
}

table.sanji td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 3px 0 8px 8px;
}

/* ----- 04 Canon: Efforts for Tomorrow ----- */

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

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

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

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

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

.area-topics .section .box-l .b-r,
.area-topics .section .box-r .b-r {
	float: right;
	width: 175px;
	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;
	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 {
	text-align: center;
	margin: 0 !important;
	padding: 3px 0 0 0 !important;
}


/* h2 Background */
.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 {
	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;
	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;
}
.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;
}




/* ----- 05 Corporate Activities ----- */

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

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

.area-activities-top h2 .txt {
	display: block;
	width: 740px;
	line-height: 1.3;
	background: url(../img/contents/bg-col.gif) no-repeat 0 0;
	font-size: ;
	padding: 6px 10px 3px 10px;
}

.area-activities-top .box-wrap {
	clear: both;
	background-color: #f7f7f7;
	margin: 0 0 20px 0;
	padding: 0;
}

.area-activities-top .box-wrap .left-img {
	float: left;
	width: 173px;
}

.area-activities-top .box-wrap .right-text {
	float: right;
	width: 357px;
	margin: 0;
	padding: 10px 10px 0 0;
}

.area-activities-top .box-wrap .right-text p {
	margin: 0;
}


/* ----- 06 Corporate Activities ----- */

.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;
	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 {
	margin: 0 0 15px 0;
	padding: 0;
}

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

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

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

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

.area-activities .section .box-l .b-r,
.area-activities .section .box-r .b-r {
	float: right;
	width: 175px;
	padding: 0;
}

.area-activities .title-acti {
	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;
	line-height: 1.3;
	margin: 0 0 5px 0 !important;
	padding: 0 0 3px 0 !important;
}

.area-activities .img-margin {
	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;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	line-height: 1.4;
	padding: 6px 10px 3px;
}

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

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

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

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

.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-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 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: 175px;
	float: left;
}
.area-page .box-detail .box-img p {
	margin: 0;
}

.area-page .box-detail .box-text {
	width: 175px;
	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;
}


/* ----- 07 Canon Now ----- */

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

/* h2 background */
.area-business h2 {
	min-height: 15px;
	background: url(../img/contents/line-corp-col1.jpg) no-repeat 0 100%;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding: 0 0 3px;
}
.area-business h2 .txt {
	display: block;
	width: 740px;
	font-size: 120% !important;
	background: url(../img/contents/bg-col1.png) no-repeat 0 0;
	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-weight: bold;
	min-height: 15px;
	padding: 3px 0 7px;
}

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

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

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

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

.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-business  .col03_inner h3 {
	min-height: 3em;
	_height: 3em;
}

.area-business .red {
	color: #d60300;
	font-weight: normal;
}


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;
}

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

.global-area.section .box-l {
	float: left;
	width: 370px;
	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: 370px;
	margin: 0;
	padding: 0;
}

.global-area.section .box-l h3,
.global-area.section .box-r h3 {
	width: 370px;
	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;
}

.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;
}

table.list-outline03 {
	width: 760px;
	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;
}

table.list-outline03 td.td_value1,
table.list-outline04 td.td_value1 {
	text-align: right;
	padding: 6px 140px 6px 8px;
}

table.list-outline03 td.td_value2,
table.list-outline04 td.td_value2 {
	text-align: right;
	padding: 6px 45px 6px 8px;
}

table.list-outline03 td.td_value3,
table.list-outline04 td.td_value3 {
	text-align: right;
	padding: 6px 60px 6px 8px;
}

.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-col-blue.jpg) no-repeat 0 100%;
	font-size: ;
	font-weight: bold;
	margin-bottom: 5px !important;
	padding: 0 0 3px 0;
}

.area-data h2.no-under-text {
	margin-bottom: 20px !important;
}

.area-data h2 .txt {
	display: block;
	width: 740px;
	line-height: 1.3;
	background: url(../img/contents/bg-col.gif) no-repeat 0 0;
	font-size: ;
	padding: 6px 10px 3px 10px;
}

.unit {
	font-size: 80%;
	margin: 0 0 0 5px;
}

.area-data .section p {
	line-height: 1.3;
	font-size: 100%;
	text-align: right;
	margin: 0 0 5px 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: 760px;
}

.g-box-wrap .g-img {
	width: 100%;
	text-align: center;
	margin: 0 0 40px 0;
	padding: 15px 0 0 0;
}

.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: 370px;
	margin: 0;
	padding: 0;
}

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

.area-data-l h2,
.area-data-r h2 {
	min-height: 15px;
	background: url(../img/contents/line-col-blue.jpg) no-repeat 0 100%;
	font-size: ;
	font-weight: bold;
	margin-bottom: 0 !important;
	padding: 0 0 3px 0;
}

.area-data-l h2 .txt,
.area-data-r h2 .txt {
	display: block;
	width: 350px;
	line-height: 1.3;
	background: url(../img/contents/bg-col2-harf.gif) no-repeat 0 0;
	font-size: ;
	padding: 6px 10px 3px 10px;
}


/* ----- 07 History of Canon ----- */

.area-history-top .menu-area {
	width: 760px;
	margin: 0;
	padding: 0 0 30px 0;
}

.area-history-top .menu-area .section {
	clear: both;
	background: url(../../history/img/bg-gray-top.gif) no-repeat 0 0;
	background-color: #F7F7F7;
	margin: 0 0 10px 0;
	padding: 0;
}

.area-history-top .menu-area .section .box-wrap {
	clear: both;
	width: 747px;
	background: url(../../history/img/bg-gray-bottom.gif) no-repeat left bottom;
	padding: 7px;
}

.area-history-top .menu-area .section .box-wrap .left-text {
	float: left;
	width: 364px;
}

.area-history-top .menu-area .section .box-wrap .left-text p {
	min-height: 11px;
	line-height: 1;
	background: url(../../history/img/arrow-blue.gif) no-repeat left 0.15em;
	font-size: 100%;
	font-weight: bold;
	margin: 20px 0 0 5px;
	padding: 0 0 0 14px;
}
* html .area-history-top .menu-area .section .box-wrap .left-text p { /* for IE6 hack */
	height: 11px;
}

.area-history-top .menu-area .section .box-wrap .right-img {
	float: right;
	width: 175px;
}

.area-history-top .menu-area .hr-line{
	width: 100%;
	border-bottom: 1px solid #EFEFEF;
	margin: 0 0 10px 0;
}


/* ----- 08-01 Ryakureki ----- */

.area-history .box-wrap {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
}

.area-history .box-wrap .box-text {
	float: left;
	width: 370px;
	margin-right: 20px;
	padding: 0;
}

.area-history .box-wrap .box-text .section {
	margin: 0;
	padding: 0 0 20px 0;
}

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

.area-history .box-wrap .box-text .section p {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

table.bh-table {
	float: left;
	width: 370px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: left;
	margin: 0;
	padding: 0;
}

table.bh-table tbody th {
	line-height: 1.2;
	border: 1px solid #cccccc;
	background-color: #F2F4F5;
	color: #7B8791;
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px;
}

table.bh-table tbody td {
	line-height: 1.2;
	border: 1px solid #cccccc;
	color: #555555;
	font-size: 90%;
	vertical-align: top;
	padding: 3px 5px;
}

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

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

.area-history em {
	font-style: italic;
}



/* ----- 08-02_06 ----- */

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

.area-history h2 {
	min-height: 15px;
	background: url(../img/contents/line-col-blue.jpg) no-repeat 0 100%;
	font-weight: bold;
	margin-bottom: 15px !important;
	padding: 0 0 3px 0;
}

.area-history h2 .txt {
	display: block;
	width: 740px;
	line-height: 1.3;
	background: url(../img/contents/bg-col.gif) no-repeat 0 0;
	font-size: ;
	padding: 6px 10px 3px 10px;
}

/* ===== 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 {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
}

.area-history .historyLink a {
	font-size: 100%;
}

.area-history .historyLink .next {
	float: right;
	width: 265px;
	line-height: 1.3;
	background: url(../../history/img/arrow3-right.gif) no-repeat right center;
	text-align: right;
	margin: 0;
	padding: 0 9px 0 0;
}

.area-history .historyLink .back {
	float: left;
	width: 265px;
	line-height: 1.3;
	background: url(../../history/img/arrow3-left.gif) no-repeat left center;
	text-align: left;
	margin: 0;
	padding: 0 0 0 9px;
}

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

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

.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 {
	background: url(../../history/img/bg-tabletop.png) no-repeat 0 0;
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 6px;
}

.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 {
	line-height: 1.4;
	border: 1px solid #DFDFDF;
	vertical-align: top;
	padding: 6px 8px;
}

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

.area-history table.history01 tbody td p.history-tdcap {
	line-height: 1;
	font-size: 90%;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}




/* ----- 08 Canon Logo ----- */

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

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

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

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

.area-logo ul.logo-link {
	margin: 30px 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 .right-img {
	float: right;
	width: 255px;
	margin: 0 0 15px 15px;
	padding: 0;
}

.area-logo .right-img .logo {
	line-height: 1;
	border: 1px solid #cccccc;
	margin: 0 0 5px 0 !important;
	padding: 0;
}

.area-logo .right-img .caption {
	width: 100%;
	line-height: 1.3;
	font-size: 90%;
	text-align: center;
	margin: 0;
	padding: 0;
}

.area-logo .section 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 0 0;
	padding: 0;
}

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

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


/* ----- 09 PDF Library ----- */

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

.area-library .section {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
}

.area-library .section .box-left {
	float: left;
	width: 370px;
}

.area-library .section .box-right {
	float: right;
	width: 370px;
}

.area-library .section .box-left h2,
.area-library .section .box-right h2 {
	min-height: 15px;
	background: url(../img/contents/line-col-blue.jpg) no-repeat 0 100%;
	font-weight: bold;
	margin-bottom: 15px !important;
	padding: 0 0 3px 0;
}

.area-library .section .box-left h2 .txt,
.area-library .section .box-right h2 .txt {
	display: block;
	width: 350px;
	line-height: 1.3;
	background: url(../img/contents/bg-col2-harf.gif) no-repeat 0 0;
	font-size: ;
	padding: 6px 10px 3px 10px;
}

.area-library .section .box-left .pdf-img,
.area-library .section .box-right .pdf-img {
	float: left;
	width: 64px;
	margin: 0;
	padding: 0 0 0 10px;
}

.area-library .section .box-left .pdf-img img,
.area-library .section .box-right .pdf-img img {
	border: 1px solid #cccccc;
}

.area-library .section .box-left ul.right-text,
.area-library .section .box-right ul.right-text {
	float: right;
	width: 185px;
	margin: 0;
	padding: 0 5px 0 0;
}

.area-library .section .box-left ul.right-text li,
.area-library .section .box-right ul.right-text li {
	min-height: 13px;
	margin: 0;
	padding: 0 0 10px 20px;
	text-indent: -20px;
	line-height: 1.4;
}

.area-library .section .box-left ul.right-text li a,
.area-library .section .box-right ul.right-text li a{
	background: url(../img/contents/new-window.gif) no-repeat 0 0;
	padding: 0 0 10px 20px;
}

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

.area-library .box-wrap {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
}

.area-library .box-wrap .left-banner {
	float: left;
	width: 160px;
}

.area-library .box-wrap .right-text {
	float: right;
	width: 390px;
	line-height: 1.3;
	font-size: 90%;
	margin: 0;
	padding: 5px 0 0 0;
}

/* ----- 00 Common ----- */
p.subVisual {
	margin: 0 0 20px 0;
	padding: 0;
}

.box_link {
	background: url(../img/contents/com_bg01-bottom.gif) no-repeat left bottom;
	width: 760px;
	margin-bottom: 10px;
}
.box_link_inner {
	background: url(../img/contents/com_bg01-top.gif) no-repeat left top;
	padding: 15px;
	width: 730px;
}
.box_link_inner h2 {
	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;
	line-height: 1.3em;
}
.strategies .col03_inner h3 {
	text-align: left;
}
.col03-1,
.col03-2 {
	width: 246px;
	margin-right: 11px;
	float: left;
}
.col03-3 {
	width: 246px;
	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;
	line-height: 1.3em;
	min-height: 4em;
	_height: 4em;
}

.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 {
	width: 182px;
	margin-right: 11px;
	float: left;
}

.col04-3 {
	width: 182px;
	margin-right: 10px;
	float: left;
}

.col04-4 {
	width: 182px;
	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;
}