/* =============================================================
 ALPS Website
 CSR
 csr_contents.css
 =============================================================== */

/* Local Top add 20090408
---------------------------------------------------------------- */
#main .eyecatch {
	width: 553px;
	background: url(../../image/csr/ctch_btm.gif) no-repeat bottom left;
}

#main .eyecatch h3 {
	padding: 27px 0 16px 27px;
	background: url(../../image/csr/ctch_hd.gif) no-repeat top left;
}

#main .eyecatch p {
	width: 507px;
	padding: 0 20px 27px 27px;
}

ul.localNaviBanner {
	width: 553px;
	list-style: none;
	overflow: hidden;
	margin: 0 0 18px;
	padding: 8px 0 0 0px;
}

* html ul.localNaviBanner {
	height: 0.1em;
	overflow: visible;
}

ul.localNaviBanner li {
	width: 267px;
	float: left;
	margin: 0;
	padding: 7px 2px 0 7px;
}

ul.localNaviBanner li img {
	vertical-align: top;
}

#toppage .menulist li {
	float: left;
	font-weight: normal;
	color:#333333;
	width: 410px;
}

#main .fiveCSR h3 {
	margin: 0 0 4px;
}

.fiveCSRItem {
	width: 544px;
	margin: 2px auto 0;
	background: url(../../image/csr/five_bck_hd.gif) no-repeat top left;
}

.fiveCSRItemInner {
	width: 538px;
	position: relative;
	overflow: hidden;
	padding: 3px;
	background: url(../../image/csr/five_bck_btm.gif) no-repeat bottom left;
}
* html .fiveCSRItemInner {
	height: 0.1em;
	overflow: visible;
}

.fiveCSRItem .fiveCSRImage {
	width: 125px;
	float: left;
	padding: 4px 0;
	text-align: center;
}

.fiveCSRItem .fiveCSRText {
	width: 405px;
	padding: 21px 0 24px 0;
	float: left;
}

.english .fiveCSRItem .fiveCSRText {
	padding: 10px 0 24px 0;
}

.fiveCSRItem .gotoDetail {
	width: 84px;
	height: 19px;
	position: absolute;
	bottom: 10px;
	right: 11px;
	overflow: hidden;
	margin: 0;
	text-indent: -9999px;
	background: url(../../image/csr/btn_dtl.gif) no-repeat top left;
}

.fiveCSRItem p.gotoDetail a { width: 100%; height: 100%; display: block; }
.fiveCSRItem p.gotoDetail a:hover { background: url(../../image/csr/btn_dtl_ov.gif) no-repeat top left; }

.english .fiveCSRItem .gotoDetail  { background: url(../../image/csr/btn_dtl_e.gif) no-repeat top left; }
.english .fiveCSRItem .gotoDetail a:hover { background: url(../../image/csr/btn_dtl_e_ov.gif) no-repeat top left; }
.chinese .fiveCSRItem .gotoDetail  { background: url(../../image/csr/btn_dtl_c.gif) no-repeat top left; }
.chinese .fiveCSRItem .gotoDetail a:hover { background: url(../../image/csr/btn_dtl_c_ov.gif) no-repeat top left; }

#main .fiveCSR p.csrReportBanner {
	margin: 23px auto 25px;
}

#main .relatedArticles {
	position: relative;
}

#main .relatedArticles img.whatsNew {
	margin: 0 0 0 5px;
}
* html #main .relatedArticles img.whatsNew {
	margin: 3px 0 0 5px;
}
*:first-child+html #main .relatedArticles img.whatsNew {
	margin: 3px 0 0 5px;
}

#main .relatedArticles .block {
	overflow: hidden;
	padding: 7px 0 8px;
	background: url(../../image/common/ln_dtt_gry.gif) no-repeat bottom left;
}
* html #main .relatedArticles .block {
	height: 0.1em;
	overflow: visible;
}
#main .relatedArticles .last {
	padding: 7px 0 0;
	background: none;
}

#main .relatedArticles p.gotoList {
	width: 45px;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	right: 4px;
	z-index: 1;
	text-indent: -9999px;
	background: url(../../image/home2/btn_lst.gif) no-repeat top left;
}
#main .relatedArticles p.gotoList a { width: 100%; height: 100%; display: block; }
#main .relatedArticles p.gotoList a:hover { background: url(../../image/home2/btn_lst_ov.gif) no-repeat top left; }

#main .relatedArticles p.gotoListEnglish  { background: url(../../image/home2/btn_lst_e.gif) no-repeat top left; }
#main .relatedArticles p.gotoListEnglish a:hover { background: url(../../image/home2/btn_lst_e_ov.gif) no-repeat top left; }
#main .relatedArticles p.gotoListChinese  { background: url(../../image/home2/btn_lst_c.gif) no-repeat top left; }
#main .relatedArticles p.gotoListChinese a:hover { background: url(../../image/home2/btn_lst_c_ov.gif) no-repeat top left; }

#main .relatedArticles .block p.date {
	width: 10em;
	float: left;
	margin: 0;
	padding: 0 0 0 11px;
	font-weight: 700;
	background: url(../../image/common/crs_gry.gif) no-repeat 2px center;
}

#main .relatedArticles .block p.text {
	margin: 0 0 0 11em;
}
* html #main .relatedArticles .block p.text { zoom: 1; }

#main .english .block p.date { width: 8em; }
#main .english .block p.text { margin: 0 0 0 9em; }
#main .chinese .block p.date { width: 8em; }
#main .chinese .block p.text { margin: 0 0 0 9em; }

/* 各ページ共通
---------------------------------------------------------------- */
/*#content h4{
	margin:20px 0px 10px 0px;
}*/
#product #content h4 {
	color: #4362a7;
	margin-top: 5px;
	margin-bottom: 8px;
}
h5{
	margin:15px 0px 0px 0px;
}

.txcenter{
	text-align:center;
}

.crsread{
	font-weight:bold;
	margin-bottom:15px;
}
.csrread{
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
}
.leftbox{
	float:left;
	width: 280px;
}

.rightbox{
	float:right;
	width: 250px;

}
.leftbox_bcm{
	float:left;
	width: 180px;
}

.rightbox_bcm{
	float:right;
	width: 350px;

}
.leftbox_vision{
	float:left;
	width: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.rightbox_vision{
	float:right;
	width: 450px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
}

.leftbox_comp{
	float:left;
	width: 220px;
}

.rightbox_comp{
	float:right;
	width: 310px;

}
.leftbox_contact{
	float:left;
	width: 380px;
}

.rightbox_contact{
	float:right;
	width: 150px;

}

.arrow{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.arrow img{
	vertical-align:middle;
}

.fontbold{font-weight:bold;}

.xs{
	font-size: xx-small;
	line-height: 1.5em;
	font-weight:normal;
}
.xs-comment{
	font-size: xx-small;
	line-height: 1.5em;
	font-weight:normal;
	margin: 7px;
}

.xsright{
	font-size: xx-small;
	line-height: 1.5em;
	font-weight:normal;
	text-align: right;
}

.co2{
	font-size: 80%;
}

.dottedline{
	/*border-bottom:1px dotted #000000;*/
	width:554px;
	height:1px;
	margin:0px 0px 20px 0px;
}
.pagetop{
	margin-bottom:0px!important;
}

.text-underline{
	margin-bottom:0px!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.title_head_blue{
	width: 518px;
	margin-bottom: 10px;
	background: #F3F3F3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #0066cc;
	margin-top: 10px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}

.title_head_green{
	width: 518px;
	margin-bottom: 10px;
	background: #F3F3F3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #339900;
	margin-top: 10px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.title_head_yellow{
	width: 518px;
	margin-bottom: 10px;
	background: #F3F3F3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #f1d301;
	margin-top: 10px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.title_head_orange{
	width: 518px;
	margin-bottom: 10px;
	background: #F3F3F3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #ff6633;
	margin-top: 10px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.title_head_sky{
	width: 518px;
	margin-bottom: 10px;
	background: #F3F3F3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #3399cc;
	margin-top: 10px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}


/* top
---------------------------------------------------------------- */

.top01{
	padding:0px 0px 15px 5px;
}

/*.right-block p{
	text-decoration:none!important;
	font-weight:normal!important;
	color:#000000!important;
}*/
#toppage #content h4{
	margin:0px 0px 10px 0px;
}
#toppage #content .menulist .top01 .left-block-event{
	float: left;
	width: 50px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#toppage #content .menulist .top01 .right-block-event{
	float: right;
	width: 494px;
	padding-top: 4px;
	padding-bottom: 4px;
}



/* PT01　～　PT06
---------------------------------------------------------------- */


.pt01{
	margin:20px 0px 20px 0px;
}

.pt02{
	border:1px solid #4362A7;
	border-top:9px solid #4362A7;
	width:522px;
	margin:0px 0px 10px 0px;
	padding:14px 10px;
	background-color:#F6F5F5;
}

.pt02title{
	margin-bottom:20px;
}

.pt02 .leftbox{
	width:105px;
	padding-left:3px;
}

.pt02 .rightbox{
	width:382px;
	margin:0px 8px 0px 20px;
}

.pt05 .pt03 {
	padding: 10px;
}

.pt03 .rightbox{
	margin:0px 0px 5px 5px;
}

.pt03 .leftbox{
	margin:0px 5px 5px 0px;
}
.pt03 .person-right{
	float: right;
	width: 210px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.pt03 .person-left{
	margin:0px 5px 5px 0px;
}

.pt04 table{
	width:554px;
	border-left:none!important;
	border-style:none!important;
	margin-bottom:5px;
	margin-top:2px;
}

.pt04 th{
	border-top:2px solid #84A5CF!important;
	border-bottom:2px solid #84A5CF!important;
	border-right:none!important;
	border-left:none!important;
	padding:3px 0px;
	font-weight:normal;
	text-align:left;
}

.pt04 td{
	border-bottom:1px solid #84A5CF;
	border-right:none!important;
	border-left:none!important;
	padding:3px 0px;
}
.pt04thbg{
	background-color:#F4F4F4!important;
}

#envi-acc table.pt04-0801,
#envi-ris table.pt04-0801,
#envi-det table.pt04-0801 {
	width:554px;
	border-left:1px solid #84A5CF!important;
	border-style:1px solid #84A5CF!important;
	margin-bottom:5px;
	margin-top:2px;
}

#envi-acc table.pt04-0801 th,
#envi-ris table.pt04-0801 th,
#envi-det table.pt04-0801 th {
	border-top:2px solid #84A5CF!important;
	border-bottom:2px solid #84A5CF!important;
	border-right:1px solid #84A5CF!important;
	border-left:1px solid #84A5CF!important;
	padding:3px 0px 3px 3px;!important;
	font-weight:normal;
	text-align:left;
}
#envi-ris table.pt04-0801 th.textcenter,
#envi-acc table.pt04-0801 th.textcenter,
#envi-det table.pt04-0801 th.textcenter {
	text-align: center;
}
#envi-acc table.pt04-0801 td,
#envi-ris table.pt04-0801 td,
#envi-det table.pt04-0801 td {
	border-bottom:1px solid #84A5CF!important;
	border-right:1px solid #84A5CF!important;
	border-left:1px solid #84A5CF!important;
	padding:3px 0px 3px 3px;
}
#part-2 table.pt04-0801 {
	border-left:1px solid #84A5CF!important;
	border-style:1px solid #84A5CF!important;
	margin-bottom:5px;
	margin-top:2px;
}

#part-2 table.pt04-0801 th {
	border-top:2px solid #84A5CF!important;
	border-bottom:2px solid #84A5CF!important;
	border-right:1px solid #84A5CF!important;
	border-left:1px solid #84A5CF!important;
	padding:3px 0px 3px 3px;!important;
	font-weight:normal;
	text-align:left;
}
#part-2 table.pt04-0801 th.textcenter {
	text-align: center;
}
#part-2 table.pt04-0801 td {
	border-bottom:1px solid #84A5CF!important;
	border-right:1px solid #84A5CF!important;
	border-left:1px solid #84A5CF!important;
	padding:3px 0px 3px 3px;
}


#indi-work table.pt04-0801 th {
	width: 130px;
}

.grayborder{
	border-bottom:1px solid #d9d9d9!important;
	border-right:none!important;
	border-left:none!important;
	padding:3px 0px;
}
.noborder{
	border-bottom:1px solid #ffffff!important;
	border-right:none!important;
	border-left:none!important;
	padding:3px 0px;
}
#part-2 table.pt04-0801 td.noborder01{
	border-bottom-style: none!important;
	margin: 0px;
	padding:3px 0px 3px 3px;
}
.pt05title{
	border:1px solid #1A6F8F;
	border-left:8px solid #1A6F8F;
	margin:0;
	padding:5px;
	font-size:1.2em;
	font-weight:bold;
}

.pt05{
	border-left:1px solid #1A6F8F;
	border-bottom:1px solid #1A6F8F;
	border-right:1px solid #1A6F8F;
}

.pt05inner{
	width:520px;
	margin:0;
	padding:10px 15px;
}


.pt05txt{
	color:#1A6F8F;
}

.pt05 .leftbox{
	width:157px;
}


.rightboxwrap{
	width:362px;
	float:right;
}


.rightboxwrap .leftbox{
	width:157px;
	margin-left:21px;
	_margin-left:12px;
}

.rightboxwrap .rightbox{
	width:157px;
}


.pt05.bgcolor{
	padding:5px 10px;
}

.pt05 table,
.pt05 tr,
.pt05 th,
.pt05 td{
	border-left:none!important;
	border-style:none!important;
	margin-bottom:5px;
	vertical-align:top;
}

.bgcolor,
.pt05.bgcolor td{
	background-color:#F6F5F5;
}


.pt06 table{
	width:554px;
	border-left:none!important;
	border-style:none!important;
	margin-bottom:15px;
	font-size:80%;
}

.pt06 th{
	border-top:1px solid #BFD0E6!important;
	border-bottom:1px solid #BFD0E6!important;
	border-right:1px solid #BFD0E6!important;
	border-left:1px solid #BFD0E6!important;
	padding:3px 5px;
	font-weight:normal;
	text-align:left;
	color:#ffffff;
	background-color:#84A5CF;
}

.pt06 td{
	border-bottom:1px solid #BFD0E6!important;
	border-right:1px solid #BFD0E6!important;
	border-left:1px solid #BFD0E6!important;
	padding:3px 5px;
	vertical-align:top;
}

.pt06tdbg{
	background-color:#F4F4F4!important;
}

.pt06-02tdbg{
	background-color:#D4D4D4;
}


.pt06 ul{
	margin:0;
	padding:0px 0px 0px 15px;
}

.pt06 li{
	margin:0;
	padding:0;
	list-style-type: disc;
}

.pt07 .leftbox,
.pt07 .rightbox{
	width:250px;
}

.pt08 table{
	width:554px;
	border-left:none!important;
	border-style:none!important;
	font-size:80%;
	margin-bottom: 15px;
}

.pt08 th{
	padding:3px 5px;
	font-weight:normal;
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BFD0E6;
	border-right-color: #BFD0E6;
	border-bottom-color: #BFD0E6;
	border-left-color: #BFD0E6;
}

.pt08 td{
	padding:3px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BFD0E6;
	border-right-color: #BFD0E6;
	border-bottom-color: #BFD0E6;
	border-left-color: #BFD0E6;
}

.column{
	border: 1px dotted #333333;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	margin: 0px;
	width: 544px;
}
.column_line{
	border: 1px solid #333333;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 15px;
	margin-left: 3px;
}

/*csr_pdf
----------------------------------------------------------------*/
.testlink-anu {
	float: left;
	width: 200px;
}
.pdflink-anu {
	float: right;
	width: 80px;
}
.box {
	margin-top: 10px;
}



/* env_mng
---------------------------------------------------------------- */
#envi-iso14001 .policy {
	width: 550px;
	background: #F6F6F6;
	padding: 10px;
	border: 2px solid #BFD0E6;
}
#envi-iso14001 .policy h5 {
	text-align: center;
	color: #4362a7;
}
#envi-iso14001 .policy h6 {
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
#envi-iso14001 .policy .close {
	text-align: center;
	margin-top: 10px;
}
#envi-iso14001 #com-policy,
#envi-iso14001 #auto-policy,
#envi-iso14001 #comp-policy,
#envi-iso14001 #peri-policy,
#envi-iso14001 #mag-policy,
#envi-iso14001 #proc-policy {
	position: absolute;
	left: 50px;
	top: 120px;
	display:none;
}
#envi-iso14001 #com-policy_e,
#envi-iso14001 #auto-policy_e,
#envi-iso14001 #comp-policy_e,
#envi-iso14001 #peri-policy_e,
#envi-iso14001 #mag-policy_e,
#envi-iso14001 #proc-policy_e {
	position: absolute;
	left: 50px;
	top: 1500px;
	display:none;
}


/* csr
---------------------------------------------------------------- */
.solidline-csrcom {
	border-bottom: 4px solid #666666;
	padding-bottom: 3px;
}
.solidline-csrenvi {
	border-bottom: 4px solid #339900;
	padding-bottom: 3px;
}
.solidline-csrval {
	border-bottom: 4px solid #0066cc;
	padding-bottom: 3px;
}
.solidline-csrpart {
	border-bottom: 4px solid #f1d301;
	padding-bottom: 3px;
}
.solidline-csrmng {
	border-bottom: 4px solid #3399cc;
	padding-bottom: 3px;
}
.solidline-csrindi {
	border-bottom: 4px solid #ff6633;
	padding-bottom: 3px;
}
/* csrend
---------------------------------------------------------------- */

#sectionNewProduct {
	width: 543px;
	position: relative;
	margin: 0 0 14px 7px;
	font-size:1em;
}

.newProductItem {
	overflow: hidden;
	padding: 5px 0 7px;
	background: url(../images/2009top/ln_dtt.gif) repeat-x bottom left;
	font-size:10px;
}
* html .newProductItem {
	height: 0.1em;
	overflow: visible;
}

#sectionNewProduct .lastItem {
	padding: 5px 0 0;
	background: none;
}

.newProductItem .productImage {
	width: 61px;
	float: left;
	padding: 5px;
}

.newProductItem .productText {
	width: 464px;
	float: right;
	padding: 0px;
}

.newProductItem .productText h3 {
	margin: 0;
	padding: 0 0 0 0px;
	font-size: 100%;
	font-weight: 700;
	background: url(../../image/common/crs_tr_w.gif) no-repeat left center;
}

.newProductItem .pdfIcon { display: none; }
.newProductItem .productText .pdfIcon { display: inline; }

#content p.gotoList {
	width: 45px;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	right: 4px;
	z-index: 1;
	text-indent: -9999px;
	background: url(../images/2009top/btn_lst.gif) no-repeat top left;
}

#english #content p.gotoList { background: url(../images/2009top/btn_lst_e.gif) no-repeat top left; }
#chinese #content p.gotoList { background: url(../images/2009top/btn_lst_c.gif) no-repeat top left; }

#content p.gotoList a { width: 100%; height: 100%; display: block; }
#content p.gotoList a:hover { background: url(../images/2009top/btn_lst_ov.gif) no-repeat top left; }
#english #content p.gotoList a:hover { background: url(../images/2009top/btn_lst_e_ov.gif) no-repeat top left; }
#chinese #content p.gotoList a:hover { background: url(../images/2009top/btn_lst_c_ov.gif) no-repeat top left; }