@charset "ISO-8859-1";
/* ================================================
CITIZEN HOLDINGS CO.,LTD.
Cascading Style Sheets FILE
[002-csr.css]
================================================ */
/*************** contents ***************/
#contents {
float:left;
width:565px;
background-color: #FFFFFF;
margin:0 0 10px 8px;
display:inline;
overflow:hidden;
}
#contents p {
margin:0;
padding:0;
padding-left:10px;
padding-right:15px;
margin-top:1.0em;
margin-bottom:0;
line-height: 1.5em;
}
#menu {
float:right;
width:173px;
overflow:hidden;
margin-right:9px;
display:inline;
}
body#contents-full h1 {
margin:0px 0px 15px 6px;
padding:10px 7px 7px 25px;
background:url(../images/h1_bg003.gif) no-repeat left bottom;
}
#contents div.group-01 { margin:15px 0 0; }
#contents div.group-03-bottom {
padding:0 5px;
width:544px;
clear:both;
}
p.ind { text-indent:5em; }
th { text-align:left; }
#contents p.note {
margin:5px 0 0 0;
padding:0;
}
/*************** margin ***************/
body#csr .mt5 { margin-top: 5px; }
body#csr .mt20 { margin-top: 20px; }
body#csr .mb20 { margin-bottom: 20px; }
body#csr .mb30 { margin-bottom: 30px; }
body#csr .ml4 { margin-left: 4px; }
body#csr .ml10 { margin-left: 10px; }
body#csr .mtb12 {
margin: 12px 0px;
padding: 0px;
}
body#csr .pr0 { padding-right: 0px; }
/*************** indent ***************/
body#csr .indent10 {
text-indent: -1em;
margin-left: 1em;
}
body#csr .indent80 {
text-indent: -7.5em;
margin-left: 7.5em;
}
body#csr .indent90 {
text-indent: -9em;
margin-left: 9em;
}
body#csr .indent100 {
text-indent: -10.5em;
margin-left: 10.5em;
}
/*************** table ***************/
body#csr table.half { width:250px; }
/*************** col ***************/
body#csr div.col_outline {
width:550px;
margin:0px 0 0 0;
}
/** 2col 270 **/
body#csr div.col2left {
float:left;
width:270px;
margin-right:0px;
}
/** 2col 270 **/
body#csr div.col2right {
float:left;
width:270px;
}
body#csr div.col_outline02 {
width:550px;
margin:8px 0 0 0;
}
/** 2col 200 **/
body#csr div.col2left02 {
float:left;
width:200px;
margin-right:0px;
}
/** 2col 340 **/
body#csr div.col2right02 {
float:left;
width:340px;
}
body#csr div.illusttext_l {
float:left;
margin:0 12px 5px 0;
}
body#csr div.illusttext_r {
float:right;
margin:0 0 5px 0px;
}
body#csr p.caption01 {
font-size:70%;
width:160px;
margin-top: 5px;
margin-bottom: 0px;
}
body#csr p.caption02 {
font-size:70%;
width:230px;
margin-top: 5px;
margin-bottom: 0px;
}
body#csr p.caption03 {
font-size:70%;
margin-top: 3px;
margin-bottom: 0px;
}
/** 2COL 180x380 **/
body#csr #contents div.colleft2 {
float:left;
width:172px;
margin:0px;
}
body#csr #contents div.colright2 {
float:right;
width:380px;
margin:0 0px 0 0px;
}
body#csr #contents div.colleft3 {
float:left;
width:140px;
margin:0px;
}
body#csr #contents div.colright3 {
float:right;
width:410px;
margin:0 0px 0 0px;
}
/** 3col 180x180x180 **/
body#csr #contents div.col3 {
width:170px;
margin:0 3px 0 0;
padding:0;
float:left;
}
body#csr #contents div.col3 p {
margin:0;
padding:0;
}
body#csr #contents #win-list div.col3 p {
margin:5px 0px 0 15px;
padding:0;
}
body#csr #contents #win-list div.col3 p.thumnail {
margin:10px 0px 0px 0px;
padding:0px;
text-align: center;
}
body#csr #contents #win-list div.col3 p.thumnail02 {
margin:10px 0px 0px;
padding:15px 0px 18px;
text-align: center;
}
body#csr div.hr {
border-top:1px solid #D4D4D4;
margin:5px 0px 0px 13px;
padding: 0px;
}
/*index.html */
body#csr div.index-hr {
width:550px;
border-top:1px solid #D4D4D4;
margin:5px 0px 0px 8px;
padding: 0px;
}
body#csr #contents p.non-margin {
padding-left:0px;
padding-right:0px;
margin-top:1em;
_margin-top:0em;
margin-bottom:0;
line-height: 1.5em;
}
body#csr dl#news {
margin:5px 0 0 0;
padding:0;
}
body#csr dl#news dt {
font-weight : normal;
font-style : normal;
margin:5px 0 0 0;
padding:0px 0 0px 0px;
}
body#csr dl#news dd img {
margin:0;
padding: 0;
vertical-align :bottom;
}
body#csr dl#news dd {
margin:-1.4em -8em 0 8em;
width:400px;
}
body#csr .social_index {
width: 540px;
margin: 0 0 0 10px;
padding: 3px;
}
body#csr .social_index td { padding: 3px; }
body#csr h6.wide { width:240px; }
/* DOOR LINK */
body#csr #contents div.mainph {
margin: 0 0 0 4px;
_margin: 0px;
}
body#csr #contents div.index_col {
margin: 0 0 0 4px;
_margin: 0px;
}
body#csr #contents div.index_col div.box_00 {
margin:15px 0 0 0px;
padding:0;
background: url(../images/group_bg_09.gif) repeat-y;
_height:1%;
}
body#csr #contents div.index_col div.box-01-top {
margin:0;
background: url(../images/group_bg_07.gif) top no-repeat;
height:5px;
width:549px;
font-size:0;
}
body#csr #contents div.index_col div.box-01-bottom {
margin: 0;
clear:both;
background: url(../images/group_bg_08.gif) bottom no-repeat;
height:10px;
width:549px;
font-size:0;
}
body#csr #contents div.index_col div.col2 {
margin:0;
padding:0;
float:left;
}
body#csr #contents div.index_col div.col2 div.box-01 {
margin:0;
padding:0px 5px 0px 15px;
width:242px;
overflow: hidden;
}
body#csr #contents div.index_col div.col2 div.box-01 dl {
min-height:60px;
_height:60px;
}
body#csr #contents div.index_col div.col2 div.box-01 dl, body#csr #contents div.index_col div.col2 div.box-01 dt {
margin:0;
padding:0;
}
body#csr #contents div.index_col div.col2 div.box-01 dt a, body#csr #contents div.index_col div.col2 div.group-01 dt a {
display:inline-block;
background-position:3px 3px;
}
body#csr #contents div.index_col div.col2 div.box-01 dd { padding:0 5px 0 23px; }
body#csr #contents div.index_col div.col2 div.box-01 dd div.text {
padding:0;
margin: 0px;
width: 125px;
float: left;
}
body#csr #contents div.index_col div.col2 div.box-01 dd div.photo {
padding:0;
margin: 0px;
float: right;
width: 80px;
}
/*************** Text layout ***************/
body#csr .txt-c { text-align:center; }
body#csr #contents div.gray-box {/*/social/region/user/watch.html*/
width:440px;
border:2px solid #75b2d7;
margin:1em auto 0;
}
body#csr #contents div.gray-box div {
border:4px solid #FFFFFF;
padding:10px;
background:#d7e9f2;
}
body#csr #contents div.gray-box p { margin:0; }
body#csr #contents div.gray-box ul li { list-style-type: disc; }
body#csr #contents div.col-margin { margin-top:1em; }
body#csr #contents div.device div.text {/*/social/region/user/device.html*/
float:left;
width:360px;
}
body#csr #contents div.device div.img {
float:right;
width:160px;
}
/*************** NEWS ***************/
table.social_news {
border:0;
width:530px;
empty-cells: show;
margin-top:1.0em;
_margin-top:1.5em;
margin-left:15px;
}
table.social_news td, table.social_news th {
border:0;
border-top: 1px dashed #CCCCCC;
padding:3px;
vertical-align: top;
background-color:#FFFFFF;
font-weight:normal;
}
/****** SPECIAL *******/
body#csr #contents div.special {
width:550px;
padding-bottom: 15px;
margin: 20px 0px 0px;
}
body#csr #contents div.special div.colleft {
float:left;
width:380px;
margin-right:0px;
}
body#csr #contents div.special div.colleft p.verystrong { margin-top: 0em; }
body#csr #contents div.special div.colright {
float:right;
width:160px;
}
/******CSR*******/
#contents dl.standard-half { margin: 0px; }
#contents dl.standard-half dt {
font-weight:normal;
border-left: solid 5px #000066;
border-bottom: solid 1px #000066;
padding-left:10px;
margin-top:10px;
width: 90px;
float: left;
/*\*/clear: left;/* */
color:#333333;
}
#contents dl.standard-half dd {
border-left: 3px double #999999;
border-bottom: 1px solid #999999;
padding-left:10px;
margin-left:20px;
margin-top:10px;
width: 130px;
float: right;
/*\*/float: left;/* */
}
/****** ENVIRONMENT *******/
#contents table.text-small { font-size: 80%; }
#contents table.text-small .cm2 { font-size: 85%; }
/******kankyo*******/
#contents .underline {
margin: 0px;
border-bottom: 1px solid #666666;
padding: 0px 0px 5px;
}
#contents .underline p.left {
float: left;
padding-left:10px;
padding-right:0;
width:290px;
}
#contents .underline p.right {
float: right;
padding-left:0;
padding-right:15px;
width:150px;
}
/******blockquote*******/
body#csr #contents div.blockquote {
background-color:#f4f8ff;
border-top: 1px solid #7e9db9;
border-bottom: 1px solid #7e9db9;
margin:20px 0 0 10px;
padding:15px;
width:501px;
/*\*/
	height:auto;
overflow:visible;/**/
}
/*************** TOP PAGE ***************/
body#csr #contents #top-main {
margin: 0px 0px 5px;
padding: 0px;
position: relative;
}
body#csr #contents #top-main div.btn-area {
margin: 0px;
padding: 0px;
height: 27px;
width: 205px;
position: absolute;
left: 340px;
top: 119px;
background: url(../../csr/images/index_bg001.gif) no-repeat left top;
}
body#csr #contents #top-main div.btn-area p {
margin: 0px;
padding: 8px 0px 0px;
font-size: 11px;
_font-size: 10px;
line-height: 100%;
}
body#csr #contents #top-main div.btn-area p a.normal {
background: url(../icon/next_01.gif) no-repeat 2px 1px;
padding: 0 0 3px 20px;
_height:1%;
}
body#csr #contents .top-btn {
margin: 15px 0px 15px 7px;
padding: 0px;
}
/*************** Citizen of the Year2007-1990 ***************/
body#csr #contents #coy table {
margin: 0px 0px 0px 15px;
padding: 0px;
}
body#csr #contents #coy table td table th, body#csr #contents #coy table td table td { font-size: 100%; }
body#csr #contents #coy table.csr-top, body#csr #contents #coy table.csr-top td table, body#csr #contents #coy table td table {
margin: 0px;
padding: 0px;
}
body#csr #contents #coy h3 {
margin-left: 10px;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 10px;
}
body#csr #contents #coy h4 {
margin: 0px 10px 5px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 5px;
}
body#csr #contents #coy .read {
margin: 10px;
padding: 5px;
line-height: 145%;
}
/*.l6 {
font-size: 26px;
line-height: 145%;
}
.l5 {
font-size: 19px;
line-height: 140%;
}
.l4 {
font-size: 14px;
line-height: 145%;
}
.l3 {
font-size: 12px;
line-height: 145%;
}
.l2 {
font-size: 11px;
line-height: 145%;
}
.l1 {
font-size:  9px;
line-height: 145%;
}
.m6 {
font-size: 26px;
line-height: 125%;
}
.m5 {
font-size: 19px;
line-height: 125%;
}
.m4 {
font-size: 14px;
line-height: 125%;
}
.m3 {
font-size: 12px;
line-height: 125%;
}
.m2 {
font-size: 11px;
line-height: 125%;
}
.m1 {
font-size:  9px;
line-height: 125%;
}
.s6 { font-size: 26px; }
.s5 { font-size: 19px; }
.s4 { font-size: 14px; }
.s3 { font-size: 12px; }
.s2 { font-size: 11px; }
.s1 { font-size:  9px; }
.cl6 {
font-size: 160%;
line-height: 145%;
}
.cl5 {
font-size: 120%;
line-height: 140%;
}
.cl4 {
font-size: 90%;
line-height: 142%;
}
.cl3 {
font-size: 78%;
line-height: 140%;
}
.cl2 {
font-size: 70%;
line-height: 145%;
}
.cl1 {
font-size: 55%;
line-height: 145%;
}
.cm6 {
font-size: 160%;
line-height: 125%;
}
.cm5 {
font-size: 120%;
line-height: 125%;
}
.cm4 {
font-size: 90%;
line-height: 120%;
}
.cm3 {
font-size: 78%;
line-height: 115%;
}
.cm2 {
font-size: 70%;
line-height: 120%;
}
.cm1 {
font-size: 54%;
line-height: 125%;
}
.cs6 { font-size: 160%; }
.cs5 { font-size: 120%; }
.cs4 { font-size: 90%; }
.cs3 { font-size: 75%; }
.cs2 { font-size: 70%; }
.cs1 { font-size: 55%; }*/
/*20090805*/
/*h1 {
_height:1%;
margin:0px 0px 15px 0;
padding:10px 7px 7px 25px;
background:url(../images/h1_bg_01.gif) no-repeat left bottom;
color:#FFFFFF;
}*/
/*h2 {
clear:right;
margin:20px 0 0 5px;
padding:5px 10px 3px 10px;
color:#FFFFFF;
border: solid 1px #000066;
background:#21287b;
}*/
h3 {
margin:20px 0 0 5px;
line-height: 1.5em;
padding:0px 0 5px 5px;
background:url(../images/h3_bg_01.gif) no-repeat left bottom;
}
h3.free {
margin:20px 0 0 5px;
background:none;
padding:0;
border-bottom: 1px solid #CCCCCC;
}
h3.free span {
font-weight:bold;
padding:3px 10px 3px 10px;
border-bottom: 3px solid #000066;
line-height:2;
}
/*h4 {
_height:1%;
margin:20px 0 0 5px;
padding: 3px 3px 3px 10px;
background:url(../images/h4_bg_01.gif) repeat-y top left;
}*/
h4.short {
_height:1%;
margin:20px 0 0 5px;
padding: 3px 3px 3px 3px;
color:#FFFFFF;
background:url(../images/h4_bg_02.gif) no-repeat top left;
border-bottom: 0px;
}
h5 {
_height:1%;
line-height: 1.5em;
padding:10px 2px 2px 6px;
margin:0.5em 0 0 5px;
}
h6 {
margin:10px 0 0 10px;
padding:2px;
background-color:#CCCCCC;
width:126px;
color:#333333;
}
/**/
body#csr .mt5 { margin-top: 5px; }
body#csr .mt20 { margin-top: 20px; }
body#csr .mb20 { margin-bottom: 20px; }
body#csr .mb30 { margin-bottom: 30px; }
body#csr .ml4 { margin-left: 4px; }
body#csr .ml10 { margin-left: 10px; }
body#csr .mtb12 {
margin: 12px 0px;
padding: 0px;
}
body#csr .pr0 { padding-right: 0px; }
body#csr h1.snd { margin-top:30px; }
body#csr .indent10 {
text-indent: -1em;
margin-left: 1em;
}
body#csr .indent55 {
text-indent: -5.5em;
margin-left: 5.5em;
}
body#csr .indent60 {
text-indent: -6em;
margin-left: 6em;
}
body#csr table.half { width:250px; }
body#csr div.index_col { margin: 0; }
body#csr div.col_outline {
width:550px;
margin:0px 0 0 0;
}
body#csr div.col2left {
float:left;
width:270px;
margin-right:0px;
}
body#csr div.col2right {
float:left;
width:270px;
}
body#csr div.col_outline02 {
width:550px;
margin:8px 0 0 0;
}
body#csr div.col2left02 {
float:left;
width:200px;
margin-right:0px;
}
body#csr div.col2right02 {
float:left;
width:340px;
}
body#csr div.illusttext_l {
float:left;
margin:0 12px 5px 0;
}
body#csr div.illusttext_r {
float:right;
margin:0 0px 5px 0px;
}
body#csr div.illusttext_r2 {
float:right;
margin:0 0 10px;
}
body#csr div.illusttext_r2 p { margin:0; }
body#csr p.caption01 {
font-size:70%;
width:200px;
margin:5px 0px 0px 0px;
}
body#csr p.caption02 {
font-size:70%;
width:230px;
margin:5px 0px 0px 0px;
}
body#csr p.caption03 {
font-size:70%;
width:150px;
margin:5px 0px 0px 0px;
}
body#csr p.caption04 {
font-size:70%;
margin:5px 0px 0px 0px;
}
body#csr div.hr {
width:550px;
border-top:1px solid #D4D4D4;
margin:5px 0px 0px 0px;
padding: 0px;
}
body#csr div.ph3 {
width:175px;
float:left;
}
body#csr div.ph3 p { padding-right:0; }
body#csr #contents p.non-margin {
padding-left:0px;
padding-right:0px;
margin-top:1em;
_margin-top:0em;
margin-bottom:0;
line-height: 1.5em;
}
body#csr dl#news {
margin:5px 0 0 0;
padding:0;
}
body#csr dl#news dt {
font-weight : normal;
font-style : normal;
margin:5px 0 0 0;
padding:0px 0 0px 0px;
}
body#csr dl#news dd img {
margin:0;
padding: 0;
vertical-align :bottom;
}
body#csr dl#news dd {
margin:-1.4em -8em 0 8em;
width:400px;
}
body#csr .social_index {
width: 540px;
margin: 0 0 0 10px;
padding: 3px;
}
body#csr .social_index td { padding: 3px; }
body#csr h6.wide { width:240px; }
body#csr #contents div.box_00 {
margin:15px 0 0 0;
padding:0;
background: url(../images/group_bg_09.gif) repeat-y;
_height:1%;
}
body#csr #contents div.box-01-top {
margin:0;
background: url(../images/group_bg_07.gif) top no-repeat;
height:5px;
width:549px;
font-size:0;
}
body#csr #contents div.box-01-bottom {
margin: 0;
clear:both;
background: url(../images/group_bg_08.gif) bottom no-repeat;
height:10px;
width:549px;
font-size:0;
}
body#csr #contents div.col2 {
margin:0;
padding:0;
float:left;
}
body#csr #contents div.box-01 {
margin:0;
padding:0px 5px 0px 15px;
width:242px;
overflow: hidden;
}
body#csr #contents div.box-01 dl {
min-height:60px;
_height:60px;
}
body#csr #contents div.box-01 dl, body#csr #contents div.box-01 dt {
margin:0;
padding:0;
}
body#csr #contents div.box-01 dt a, body#csr #contents div.group-01 dt a {
display:inline-block;
background-position:3px 3px;
}
body#csr #contents div.box-01 dd { padding:0 5px 0 23px; }
body#csr #contents div.box-01 dd div.text {
padding:0;
margin: 0px;
width: 125px;
float: left;
}
body#csr #contents div.box-01 dd div.photo {
padding:0;
margin: 0px;
float: right;
width: 80px;
}
body#csr .txt-c { text-align:center; }
body#csr #contents div.gray-box {
width:440px;
border:2px solid #75b2d7;
margin:1em auto 0;
}
body#csr #contents div.gray-box div {
border:4px solid #FFFFFF;
padding:10px;
background:#d7e9f2;
}
body#csr #contents div.gray-box p { margin:0; }
body#csr #contents div.gray-box ul li { list-style-type: disc; }
body#csr #contents div.col-margin { margin-top:1em; }
body#csr #contents div.device div.text {
float:left;
width:360px;
}
body#csr #contents div.device div.img {
float:right;
width:160px;
}
table.social_news {
border:0;
width:530px;
empty-cells: show;
margin-top:1.0em;
_margin-top:1.5em;
margin-left:15px;
}
table.social_news td, table.social_news th {
border:0;
border-top: 1px dashed #CCCCCC;
padding:3px;
vertical-align: top;
background-color:#FFFFFF;
font-weight:normal;
}
body#csr #contents div.special {
width:550px;
padding-bottom: 15px;
margin: 0px;
}
body#csr #contents div.special div.colleft {
float:left;
width:380px;
margin-right:0px;
}
body#csr #contents div.special div.colleft p.verystrong { margin-top: 0em; }
body#csr #contents div.special div.colright {
float:right;
width:160px;
}
#contents dl.standard-half { margin: 0px; }
#contents dl.standard-half dt {
font-weight:normal;
border-left: solid 5px #000066;
border-bottom: solid 1px #000066;
padding-left:10px;
margin-top:10px;
width: 90px;
float: left;
/*\*/clear: left;/* */
color:#333333;
}
#contents dl.standard-half dd {
border-left: 3px double #999999;
border-bottom: 1px solid #999999;
padding-left:10px;
margin-left:20px;
margin-top:10px;
width: 130px;
float: right;
/*\*/float: left;/* */
}
#contents .underline {
margin: 0px;
border-bottom: 1px solid #666666;
padding: 0px 0px 5px;
}
#contents .underline p.left { float: left; }
#contents .underline p.right { float: right; }
body#csr #contents div.blockquote {
background-color:#f4f8ff;
border-top: 1px solid #7e9db9;
border-bottom: 1px solid #7e9db9;
margin:20px 0 0 10px;
padding:15px;
width:501px;
/*\*/
height:auto;
overflow:visible;
/**/
clear:both;
}
body#csr #contents #top-main {
margin: 0px 0px 5px;
padding: 0px;
position: relative;
}
body#csr #contents #top-main div.btn-area {
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 220px;
	position: absolute;
	left: 324px;
	top: 123px;
	background: url(../../csr/images/index_bg001.gif) no-repeat left top;
}
body#csr #contents #top-main div.btn-area p {
margin: 0px;
padding: 8px 0px 0px;
font-size: 11px;
_font-size: 12px;
line-height: 100%;
}
body#csr #contents .top-btn {
margin: 15px 0px;
_margin: 0px 0px 15px 0px;
padding: 0px;
}
body#csr h2.mes {
padding:0;
background:none;
border:none;
color:#578EBD;
}
body#csr h4.sp {
margin:10px 0 0 10px;
padding:0;
background:none;
font-size:100%;
}
body#csr h4.sp span {
color:#21287b;
font-weight:bold;
font-size:113%;
}
body#csr h4.sp img {
margin:5px 15px 0 0;
float:right;
}
body#csr h2 { clear:both; }
body#csr h2 span.right { float:right; }
body#csr h4 { margin-left:10px; }
body#csr h5 { margin-top:20px; }
body#csr h5.supporter { padding:7px; }
body#csr div.net {
margin:1em 0 0 5px;
padding:6px 5px 5px 0;
background:#E1E7EA;
clear:both;
}
body#csr div.net p {
margin-top:0;
padding-top:15px;
}
body#csr div.net h2 {
background:none;
border:none;
color:#21287b;
text-align:center;
}
body#csr div.net h3 {
margin-top:10px;
padding-top:5px;
}
body#csr div.net ol {
margin:0 0 0 1em;
padding:0 0 0 1em;
}
body#csr div.net ol li { padding-top:5px; }
body#csr div.net ol ol { list-style:lower-roman; }
body#csr div.net ol ol ul { list-style:circle; }
body#csr div.net2 {
padding:5px;
margin-top:10px;
background:#E1E7EA;
clear:both;
}
body#csr div.net2 ul {
margin-left:10px;
padding-left:10px;
}
body#csr div.net2 ul li {
margin:0;
padding:0;
}
body#csr div.net2 h4 {
margin-top:0;
padding-top:0;
}
body#csr .m3 a { color:#14709E; }
body#csr p.voice { line-height:1.5; }
body#csr p.voice em {
display:block;
float:left;
width:3em;
}
body#csr p.voice span {
display:block;
margin-left:3em;
}
body#csr .ecoph-l p, body#csr .ecoph-r p {
padding:0;
margin:0;
}
body#csr .ecoph-l {
display:inline;
margin:10px 0 0 10px;
width:260px;
float:left;
}
body#csr .ecoph-r {
display:inline;
margin:10px 20px 0 0;
width:260px;
float:right;
}
body#csr ul#voice, body#csr ul#voice li, body#csr ul#spnavi, body#csr ul#spnavi li {
padding:0;
margin:0;
list-style:none;
}
body#csr ul#voice { margin-top:10px; }
body#csr ul#voice, body#csr ul#spnavi { margin-left:10px; }
body#csr ul#voice li {
float:left;
line-height: 1;
margin-top: -2px;
}
body#csr ul#spnavi li {
display:inline;
padding:10px 0;
float:left;
}
div#illust {
position:relative;
margin:10px 0 0 10px;
}
div#illust .detail {
display:none;
position:absolute;
top:150px;
left:200px;
width:300px;
padding-bottom:10px;
background:#FFF;
border:1px solid #999;
z-index:10;
}
div#illust .detail h4 {
margin-top:10px;
margin-left:10px;
}
div#illust .detail p.photo { float:left; }
div#illust .detail p.close {
clear:both;
padding:5px 0 0;
text-align:center;
}
body#csr .colorback {
margin:10px 15px 0 10px;
padding:10px 10px 0 10px;
color:#FFF;
}
body#csr .colorback img { float:left; }
body#csr .colorback p {
margin:0 0 0 160px;
padding:0 0 10px 0;
}
body#csr .cl1 { background:#7CC06D; }
body#csr .cl2 { background:#E8A05D; }
body#csr .cl3 { background:#9D7B6D; }
body#csr .cl4 { background:#DE8076; }
body#csr .cl5 { background:#A186AA; }
body#csr .cl6 { background:#4B7DB9; }
body#csr .adobe .banner { width:112px; }
body#csr .adobe .note { padding-top:5px; }
body#csr ul.jp, body#csr ul.as, body#csr ul.us, body#csr ul.eu {
margin-left:10px;
padding-left:10px;
}
body#csr ul.jp { color:#376AB3; }
body#csr ul.as { color:#EC6E5E; }
body#csr ul.us { color:#41BDD8; }
body#csr ul.eu { color:#E3CE00; }
body#csr ul.jp span, body#csr ul.as span, body#csr ul.us span, body#csr ul.eu span { color:#000000; }
body#csr td.tdcl1 { background:#BEDEB3; }
body#csr td.tdcl2 { background:#FFFAC6; }
body#csr td.tdcl3 { background:#B4D5F0; }
.clearFix {
min-height:1px;
clear:both;
}
.clearFix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearFix { display:inline-table; }
/* \*/
* html .clearFix { height:1px; }
.clearFix { display:block; }
/* */
body#csr dl.ind {
margin:0 0 0 10px;
padding:0;
line-height:1.5em;
}
body#csr dl.ind dt {
color:#333;
float:left;
width:2em;
font-weight:normal;
}
body#csr dl.ind dd { margin-left:2em; }
/*dumy*/
.dumy { color:#999; }



/*add to css(date 20100725)*/
/*--- common ---*/
body#csr .cm2 { font-size:65%; }

.imgleft {
	float: left;
}

.imgright {
	float: right;
}

.cleft {
	float: left;
	display: block;
	padding-left: 10px;
}

.boxtxt01 {
	width: 335px;
}

* html .boxtxt01 {
	width: 335px;
}

body#csr #contents .cleft p {
	padding-right: 0;
	padding-left: 0;
	margin-top: 3px;
}

body#csr #contents sup.point {
	font-size: 90%;
}

body#csr #contents div.blockquote h4 {
	font-size: 110%;
}

@media print {
	*:first-child+html body#csr p.caption01 {
		margin:0px 0px 5px 0px;
	}
}

/*--- anchor link ---*/
body#csr #contents a.iconlink {
	padding: 0 0 0 8px;
	background: url(../../csr/images/iconarrow.gif) no-repeat left center;
	font-size: 120%;
	font-weight: bold;
}

*:first-child+html body#csr div.illusttext_r {
	/*margin:0 0px 6px 0px;*/
}

/*---------------------------
	/social/index.html
---------------------------*/
body#csr #contents .categorybtn .hr {
	width: 554px;
	margin: 0;
}

* html body#csr #contents .categorybtn .hr {
	margin: 0 0 -15px;
}

*:first-child+html body#csr #contents .categorybtn .hr {
	margin: 0 0 -15px;
}

body#csr #contents .categorybtn ul,
body#csr #contents .categorybtn ul li {
	margin: 0;
	padding: 0;
}

body#csr #contents .categorybtn ul {
	width: 554px;
	overflow: hidden;
	_zoom: 1;
	margin: 10px 0;
}

body#csr #contents .categorybtn ul li {
	list-style: none;
	line-height: 1;
	float: left;
	width: 270px;
}

body#csr #contents .categorybtn ul li.mgr14 {
	margin-right: 14PX;
}

body#csr #contents .categorybtn ul li img.btm {
	margin: 0;
}

body#csr #contents .categorybtn ul li img {
	vertical-align: bottom;
	margin: 0 0 14px;
}

body#csr .topguideline {
	margin: -3px 10px 30px 0;
	padding: 0;
	font-size: 100%;
	background: none;
}
/*--- end ---*/

/*---------------------------
	common style
	/social/csr/index.html
	/social/region/index.html
	/social/kankyo/index.html
---------------------------*/
body#csr .contentswrap {
	width: 544px;
	margin: 20px 5px;
}

body#csr .contentswrap ul {
	width: 544px;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;	
}

body#csr .contentswrap ul li {
	margin: 0;
	padding: 0;
	background: url(../../csr/images/list_bgbtm.gif) no-repeat left bottom;	
}

body#csr .contentswrap ul li h2 {
	background: none;
	margin: 0;	
	padding: 8px 6px;
	line-height: 1;
	border: none;
	background: url(../../csr/images/list_bgtop.gif) no-repeat left top;
}

body#csr .contentswrap ul li h2 a {
	background: url(../../csr/images/list_mark01.gif) no-repeat left center;
	padding: 2px 0 3px 19px;
	line-height: 1.2;
}

body#csr .contentswrap ul li.sub {
	background: url(../../csr/images/list_bgbtm2.gif) no-repeat left bottom;
}

body#csr .contentswrap ul li.sub h2 {
	background: url(../../csr/images/list_bgtop2.gif) no-repeat left top;
	padding: 8px 6px 12px;
	color: #333399;
}

body#csr .contentswrap ul li.sub h2 span {
	background: url(../../csr/images/list_mark01.gif) no-repeat left center;
	padding: 2px 0 2px 19px;
	font-weight: bold;
}

body#csr .contentswrap ul li.sub ul {
	margin: 0;
	padding: 12px 0px 5px 0px;
}

body#csr .contentswrap ul li.sub ul li {
	margin: 0 0 0 0.8em;
	padding: 0 10px 10px 25px;
	background: none;
	font-size: 90%;
	text-indent: -0.8em;
}

body#csr .contentswrap ul li.sub ul li a {
	background: url(../../csr/images/list_mark02.gif) no-repeat left 0.2em;
	padding: 0 0 0 10px;
}

/*--- row-line2 ---*/
body#csr .contentswrap ul .row2 {
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}

body#csr .contentswrap ul .row2 h2 {
	margin-left: -1.5em;
	padding-left: 2em;
}

* html body#csr .contentswrap ul .row2 h2 a {
	background-position: left 0.8em;
}

*:first-child+html body#csr .contentswrap ul .row2 h2 a {
	background-position: left 0.8em;
}
/*--- End row-line2 ---*/

/*---------------------------
	/social/csr/group.html
---------------------------*/
body#csr .groupcontainer {
	margin-left: 10px;
}

body#csr .groupcontainer .illusttext_r {
	margin-bottom: 20px;
}

body#csr .groupcontainer .cleft {
	margin: 0;
	padding: 10px 0 0;
	float: left;
	display: block;
}

body#csr .groupcontainer .cleft img {
	margin-top: -10px;
}

body#csr table.photos {
	margin: 10px 0 0;
	clear: both;
 }

body#csr table.photos td.caption {
	font-size:70%;
	padding:5px 0px 20px 0px;
}

body#csr table.photos td.caption2 {
	font-size:70%;
	padding:5px 0px 20px 0px;
	text-align: center;
}

/*---------------------------
	/social/csr/target.html
---------------------------*/
body#csr table.csrsubject th,
body#csr table.csrsubject td {
	font-size: 65%;
}

body#csr ul.csrpoint {
	margin: 10px 15px 0 10px;
	padding: 0;
}

body#csr ul.csrpoint li {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	list-style: none;
}

/*---------------------------
	/social/region/user/
---------------------------*/
body#csr #contents p.title {
	color: #FF6600;
	font-weight: bold;
}

body#csr .cs-mission {
	margin: 10px 0 20px 15px;
	padding: 10px 10px 0;
	border: 1px solid #999999;
	width: 510px;
}

body#csr .cs-mission h4 {
	margin: 0 0 0;
	padding: 0;
	background: none;
	font-size: 100%;
}

body#csr .cs-mission dl {
	margin: 10px 0 0;	
}

body#csr .cs-mission dl dt {
	font-size: 84%;
	margin: 0px 0 3px;
}

body#csr .cs-mission dl dd {
	font-size: 84%;
	margin: 0 0 10px;
}

body#csr .cs-mission dl dd ol {
	margin: 0;
	padding: 0;
}

body#csr .cs-mission dl dd ol li {
	margin: 0 0 0 20px;
	padding: 0;
}

* html body#csr .cs-mission dl dd ol li {
	margin: 0 0 0 25px;
}

*:first-child+html  body#csr .cs-mission dl dd ol li {
	margin: 0 0 0 25px;
}

body#csr .regionwrap p.cleft {
	margin: 0;
	padding: 0 0 0 10px;
}

/*--------------------------------------
	/social/region
	/empl/diversity.html
--------------------------------------*/
body#csr #contents .csr-box {
	border-top: 2px solid #2F38AD;
	padding-top: 10px;
}

body#csr #contents .csr-box .cleft {
	padding: 5px;
	width: 260px;
}

body#csr #contents .csr-box .cleft h4 {
	margin: 10px 0 0;
	padding: 0 3px 0 10px;
	font-size: 100%;
	line-height: 1.4;
}

body#csr #contents .csr-box .cleft p {
	margin-top: 5px;
}

/*---------------------------
	/social/environment
	/management.html
---------------------------*/
body#csr #contents p.txt-title {
	font-size: 100%;
	line-height: 1.2;
}

body#csr #contents h5.font100 {
	font-size: 100%;
}

body#csr #contents p.r-txt {
	float: right;
	display: block;
	margin: 0 0 1em;
	padding: 0 0 0;
	font-size: 100%;
	_margin: 0 0 0;
}

*:first-child+html body#csr #contents p.r-txt {
	margin: 0 0 0;
}

body#csr #contents p.l-title {
	float: left;
	display: block;
	margin: 0 0 0;
	padding: 0 0 0 10px;
	_margin: 0 0 -0em;
}

*:first-child+html body#csr #contents p.l-title {
	margin: 0 0 -1em;
}

/*---------------------------
	/social/environment
	/accounting.html
---------------------------*/
body#csr #contents .caution {
	padding-left: 10px;
}

* html body#csr #contents .caution {
	padding-left: 20px;
}

/*---------------------------
	/social/environment
	/vision.html
---------------------------*/
/*for modern browser*/
body#csr table.standard td.font100 {
		font-size: 160%;
}

body#csr table.standard td.font120 {
		font-size: 120%;
}

/*for IE6.0*/
* html body#csr table.standard td.font100 {
		font-size: 100%;
}

* html body#csr table.standard td.font120 {
		font-size: 120%;
}

/*for mac*/
.mac body#csr table.standard td.font100 {
		font-size: 100%;
}

.mac body#csr table.standard td.font120 {
		font-size: 120%;
}
/*---------------------------
	/social/guideline/
---------------------------*/
body#csr table.griguideline th.tt {
	background-color: #285DAA;
	color: #FFFFFF;
}

body#csr table.griguideline td {
	font-size: 74%;
}

body#csr table.griguideline td.caption {
	 background-color: #EAF0F9;
}

body#csr table.griguideline td.subtt {
	background-color: #EDE7E6;
	font-size: 84%;
	font-weight: bold;
}

body#csr a.external {
	color: #FF0000;
}

/*---------------------------
	/social/sp/
---------------------------*/
body#csr .sp_waku {
	border: 1px solid #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 10px;
}

body#csr .sp_waku h4 {
	background-image: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

/*---------------------------
	/social/activity/
---------------------------*/
body#csr h5.bgimg {
	background: url(../images/h5_bg_02.gif) repeat-x left bottom;
	margin: 0 30px 0 0;
	padding: 0px 0px 3px;
}

body#csr h3.activity {
	background: url(../images/h3_bg_04.gif) repeat-y top left;
	margin: 1em 0px 1em 5px;
	padding: 3px 3px 3px 10px;
}

/*---------------------------
	/social/voice/
---------------------------*/
body#csr .membervoice {
	margin: 0 0 0 10px;
	padding: 0;
}

/*--- for print ---*/
body#csr .break {
	page-break-before: always;
}

/*************** pageup ***************/
#contents .pageup{
	text-align:right;
	margin:30px 0 0 0;
	padding:0;
	font-size:12px;
}
#contents .pageup a{
	font-size:12px;
	background:url(../icon/pageup_01.gif) no-repeat 0 2px;
	padding:0px 10px 2px 20px;
}

#contents .pageup a:visited{
	color: #005EAE;
}

body#csr #contents .blockquote .ftsize{
	font-size: 100%;
}

#contents #questionnaire dl.qa5 dd {
    background: url("../../../english/csr/questionnaire/images/aq_icon01.gif") no-repeat scroll left 0.2em transparent;
    margin: 0 15px 15px 12px;
    padding: 0 0 0 15px;
}

#contents #questionnaire dl.qa5 dt {
    background: url("../images/dt_bg.gif") repeat-y scroll left top transparent;
    color: #333333;
    font-size: 94%;
    margin: 0 0 5px;
    padding: 3px 3px 3px 10px;
}



body#csr #kankyo .contentswrap {
	width: 544px;
	margin: 20px 5px;
}

body#csr #kankyo .contentswrap ul {
	width: 265px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;	
}

body#csr #kankyo .contentswrap ul.cleft {
	margin-right: 14px;
}

body#csr #kankyo .contentswrap ul.mgr0 {
	margin-right: 0;
}

body#csr #kankyo .contentswrap ul li {
	margin: 0;
	padding: 0;
	background: url(../../csr/environment/images/kankyo_list_bgbtm.gif) no-repeat left bottom;	
}

body#csr #kankyo .contentswrap ul li h2 {
	background: none;
	margin: 0;	
	padding: 8px 6px;
	line-height: 1;
	background: url(../../csr/environment/images/kankyo_list_bgtop.gif) no-repeat left top;
}

body#csr #kankyo .contentswrap ul li h2 a {
	background: url(../../csr/images/list_mark01.gif) no-repeat left 5px;
	padding: 2px 0 3px 19px;
	line-height: 1.2;
	display: block;
}

body#csr #kankyo .contentswrap ul li.sub {
	border: 1px solid #c8c8c8;
	background: none;
}

body#csr #kankyo .contentswrap ul li.sub h2 {
	background: #ededed;
	border-bottom: 1px solid #c8c8c8;
	padding: 8px 6px 12px;
	color: #333399;
}

body#csr #kankyo .contentswrap ul li.sub h2 span {
	background: url(../../csr/environment/list_mark01.gif) no-repeat left center;
	padding: 2px 0 2px 19px;
	font-weight: bold;
}

body#csr #kankyo .contentswrap ul li.sub ul {
	margin: 0;
	padding: 12px 0px 5px 0px;
}

body#csr #kankyo .contentswrap ul li.sub ul li {
	margin: 0;
	padding: 0 10px 10px 25px;
	background: none;
	font-size: 90%;
}

body#csr #kankyo .contentswrap ul li.sub ul li a {
	background: url(../../csr/images/list_mark02.gif) no-repeat left 0.2em;
	padding: 0 0 0 10px;
}





/*End ~add to css(date20100725)*/