/* Updated 2012/09/04,D */

@import "/common_css/default_wide.css";
@import "/common_css/component_wide.css";



/*--------------------------------------
  Responsibility_issue
---------------------------------------*/
body{
background:url(/responsibility/image_dir/design01/main_bg_01.jpg) repeat-x #ebf5d9;
}

#wrapper{
background-color: transparent;
}

#header,#breadcrumbs,#supplenav,#readSpeaker{
background-color:#fff;
}

#breadcrumbs a:link{
color:#3a693c;
}

#supplenav{
margin:3px auto;
overflow:hidden;
width:750px;
/zoom:1;
}

.readSpeaker{
float:right;
padding-top:5px;
}
#printbtn {
	float:right;
	margin-right:10px;
}

#contents{
clear:both;
}

#bottomLink{
clear:both;
}

#contents_main{
	float:none;
	color:#666;
    margin:0 auto;
	padding:0;
    width: 750px;
}
#contents.contents_full {
	margin:0 auto;
	width:750px;
}
#contents_main.clum2 {
	float:right;
    width: 550px;
}

#contents_link{
background:url(/responsibility/image_dir/design01/localnav_first_bg_01.jpg) no-repeat left top;
width:192px !important;
margin:0;
padding-top:5px;
}

#contents_main,#contents_link{
/* margin-top:188px; */
}


#contents_h1{
background:#fff;
position:relative;
height:213px;
padding-top:5px;
}

#contents_head {
    margin: 10px auto 0;
	padding:0;
    width: 750px;
}
#contents_main p,
#contents_head p{
margin-bottom:20px;
}
#contents_head .nospace,
#contents_main .nospace{
margin-bottom:0 !important;
}
#footer {
	background:#fff;
	border-left:1px solid #E5EBE5;
	border-right:1px solid #E5EBE5;
	padding:10px 15px;
	width:920px;
}

/*-- h1seg --*/
.h1Seg{
position:absolute;
height:188px;
left:50%;
margin-left:-550px;
}

/*-- conservation.html --*/
#contents .pic-right {
float:right;
margin:0 0 0 10px;
}
#contents .pic-left {
float:left;
margin:0 10px 0 0;
}

/*--------------------------------------
   #contents_head Box Styles
---------------------------------------*/

/*-- leadBoxSeg --*/
.leadBoxSeg{
background:url(/responsibility/image_dir/design01/leadBox_bg_01.gif) no-repeat left top #fff;
margin-bottom:25px;
padding-top:2px;
zoom:1;
}

.leadBoxContent{
background:url(/responsibility/image_dir/design01/leadBox_bg_02.gif) no-repeat left bottom;
padding-bottom:6px;
zoom:1;
}

.leadBoxInner{
background:url(/responsibility/image_dir/design01/leadBox_bg_03.gif) repeat-y;
padding:12px 17px 13px 17px;
zoom:1;
}

/*-- h3SegSmall  --*/
.borderBoxSegSmallWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.borderBoxSegSmallWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html .borderBoxSegSmallWrap {zoom:1;}
.borderBoxSegSmallWrap {display:block;}
/* End hide from IE-mac */
.borderBoxSegSmallWrap{
margin-left:-10px;
}

.borderBoxSegSmall{
width:370px;
float:left;
padding-left:10px;
position:relative;
}

.borderBoxSegSmallBox{
background:url(/responsibility/image_dir/design01/borderBoxSmall_bg_05.png) no-repeat left bottom;
margin-bottom:10px;
padding-bottom:5px;
zoom:1;
}
.borderBoxSegSmall .h2Seg{
background:url(/responsibility/image_dir/design01/borderBoxSmall_bg_01.png) no-repeat left top;
padding-top:4px;
}

.borderBoxSegSmall .h2SegContent{
background:url(/responsibility/image_dir/design01/borderBoxSmall_bg_03.png) repeat-y;
padding-top:5px;
}

.borderBoxSegSmall .h2SegInner{
background:url(/responsibility/image_dir/design01/borderBoxSmall_bg_02.png) no-repeat left bottom;
padding-bottom:8px;
zoom:1;
}

.borderBoxSegSmall h2{
background:url(/responsibility/image_dir/design01/borderBoxSmall_h2_bg_01.gif) no-repeat 12px 6px;
min-height:22px;
height: auto !important;
height:22px;
padding:8px 30px 2px 30px;
color:#3a693c;
font-weight:bold;
}

.borderBoxSegSmall h2 a:link,
.borderBoxSegSmall h2 a:visited,
.borderBoxSegSmall h2 a:active,
.borderBoxSegSmall h2 a:focus{
color:#3A693C;
}

.borderBoxSegSmall .innerContentsWrap{
background:url(/responsibility/image_dir/design01/borderBoxSmall_bg_04.png) repeat-y;
}
.borderBoxSegSmall .innerContents{
padding:14px 14px 0 15px;
}

.borderBoxSegSmall .innerContents p.img{
float:left;
width:169px;
}
.borderBoxSegSmall .innerContents p.text{
position:absolute;
top:64px;
left:208px;
width:158px;
padding-bottom:14px;
line-height:1.5em;
}
.borderBoxSegSmall .innerContents ul.linkList04 li{
background:url(/responsibility/image_dir/design01/linkList_bg_01.gif) no-repeat left 6px;
padding-left:10px;
}

.borderBoxSegSmall .innerContents ul.linkList04 li a,
.borderBoxSegSmall .innerContents ul.linkList04 a:hover{
color:#3a693c;
padding-left:10px;
}

/*--------------------------------------
  #contents_main Box Styles
---------------------------------------*/
.borderBoxSeg{
background:url(/responsibility/image_dir/design01/contentsMain_borderBox_bg_02.gif) no-repeat left bottom;
margin-bottom:25px;
padding-bottom:4px;
zoom:1;
}

.borderBoxSeg .innerContents{
background:url(/responsibility/image_dir/design01/contentsMain_borderBox_bg_01.gif) repeat-y;
padding:20px 18px;
zoom:1;
}

/*-- h2Seg  --*/
#contents_main .borderBoxSeg .h2Seg{
background:url(/responsibility/image_dir/design01/contentsMain_h2seg_bg_01.gif) no-repeat left top;
padding-top:5px;
}

#contents_main .borderBoxSeg .h2SegContent{
background:url(/responsibility/image_dir/design01/contentsMain_h2seg_bg_03.gif) repeat-y;
padding-bottom:2px;
}

#contents_main .borderBoxSeg .h2SegInner{
background:url(/responsibility/image_dir/design01/contentsMain_h2seg_bg_02.gif) no-repeat left bottom;
padding:5px 0;
}

#contents_main .borderBoxSeg h2{
background:url(/responsibility/image_dir/design01/contentsMain_h2_bg_01.gif) no-repeat 12px top;
min-height:27px;
height: auto !important;
height:27px;
padding:.5% 30px 0;
color:#3a693c;
font-weight:bold;
}

/*-- h3Seg  --*/
#contents_main .borderBoxSeg .h3Seg{
background:url(/responsibility/image_dir/design01/contentsMain_h3seg_bg_03.gif) repeat-y;
margin-bottom:20px;
zoom:1;
}

#contents_main .borderBoxSeg .h3SegContent{
background:url(/responsibility/image_dir/design01/contentsMain_h3seg_bg_01.gif) no-repeat left top;
padding-top:3px;
}

#contents_main .borderBoxSeg .h3SegInner{
background:url(/responsibility/image_dir/design01/contentsMain_h3seg_bg_02.gif) no-repeat left bottom;
padding-bottom:3px;
}

#contents_main .borderBoxSeg h3{
padding:4px 10px;
color:#333;
font-weight:bold;
}


/*-- h4 --*/
#contents_main .borderBoxSeg h4{
border-bottom:1px solid #dbdbdb;
margin-bottom:20px;
padding-bottom:5px;
}

/*--------------------------------------
  #contents_link List Styles
---------------------------------------*/

#contents_link li{
background:url(/responsibility/image_dir/design01/localnav_bg_01.gif) no-repeat left top;
padding:3px 0 0;
min-height:38px;
height: auto !important;
height:38px;
}
#contents_link li a{
background:url(/responsibility/image_dir/design01/localnav_bg_03.gif) repeat-y;
display:block;
width:100%;
height:100%;
color:#3a693c;
}
#contents_link li a:hover{
background:url(/responsibility/image_dir/design01/localnav_bg_03_o.gif) repeat-y;
}
#contents_link li span.frame{
background:url(/responsibility/image_dir/design01/localnav_bg_02.gif) no-repeat left top;
display:block;
padding:17px;
padding-top:12px;
padding-left:30px;
padding-bottom:10px;
}
#contents_link li a:hover span.frame{
background:url(/responsibility/image_dir/design01/localnav_bg_02_o.gif) no-repeat left top;
}


#contents_link li.first{
background:url(/responsibility/image_dir/design01/localnav_first_bg_03.gif) repeat-y;
min-height:49px;
height: auto !important;
height:49px;
padding:0;
}
#contents_link li.first a,
#contents_link li.first a:hover{
background:url(/responsibility/image_dir/design01/localnav_first_bg_02.jpg) no-repeat left top;
color:#fff;
}
#contents_link li.first a:hover span.frame{
background:none;
}
#contents_link li.first span.frame{
background:none;
display:block;
padding:17px;
}

#contents_link li.last{
min-height:43px;
height: auto !important;
height:43px;
}
#contents_link li.last span.frame{
padding-bottom:15px;
}
#contents_link li.last a{
background:url(/responsibility/image_dir/design01/localnav_last_bg_01.gif) no-repeat left bottom;
}
#contents_link li.last a:hover{
background:url(/responsibility/image_dir/design01/localnav_last_bg_01_o.gif) no-repeat left bottom;
}


/*-- stay  --*/
#contents_link li.stay a,
#contents_link li.stay a:hover,
#contents_link li.stay_last a,
#contents_link li.stay_last a:hover{
background:url(/responsibility/image_dir/design01/localnav_bg_03_s.gif) repeat-y;
color:#fff;
}
#contents_link li.stay span.frame,
#contents_link li.stay a:hover span.frame,
#contents_link li.stay_last span.frame,
#contents_link li.stay_last a:hover span.frame{
background:url(/responsibility/image_dir/design01/localnav_bg_02_s.gif) no-repeat left top;
}

#contents_link li.stay_last a,
#contents_link li.stay_last a:hover{
background:url(/responsibility/image_dir/design01/localnav_last_bg_01_s.gif) no-repeat left bottom !important;
}

/*-- otherIssue  --*/
#contents_link #otherIssue,
#contents_link #otherIssueStay {
background:url(/responsibility/image_dir/design01/localnav_bg_01.gif) no-repeat scroll left top transparent;
}
*html #contents_link #otherIssue{
margin-bottom:-3px;
}
#contents_link #otherIssue span.frame {
background:url(/responsibility/image_dir/design01/localnav_bg_05.gif) no-repeat;
padding-top:15px;
}
#contents_link #otherIssue a:hover span.frame {
background:url(/responsibility/image_dir/design01/localnav_bg_05_o.gif) no-repeat;
}

#contents_link #otherIssueStay span.frame,
#contents_link #otherIssueStay a:hover span.frame {
background:url(/responsibility/image_dir/design01/localnav_bg_05_s.gif) no-repeat;
color:#fff;
text-decoration:underline;
}


#contents_link #otherIssueContent,
#contents_link #otherIssueContentStay {
background:url(/responsibility/image_dir/design01/localnav_bg_04.png) no-repeat scroll left top transparent;
}
#contents_link #otherIssueContent a {
background:url(/responsibility/image_dir/design01/localnav_bg_04.gif) no-repeat;
}
#contents_link #otherIssueContent a:hover{
background:url(/responsibility/image_dir/design01/localnav_bg_04_o.gif) no-repeat;
}
#contents_link #otherIssueContentStay a,
#contents_link #otherIssueContentStay a:hover {
background:url(/responsibility/image_dir/design01/localnav_bg_04_s.gif) no-repeat;
color:#fff;
}
#contents_link #otherIssueContent span.frame,
#contents_link #otherIssueContent a:hover span.frame,
#contents_link #otherIssueContentStay span.frame,
#contents_link #otherIssueContentStay a:hover span.frame {
background:none;
display:block;
width:135px;
padding:12px 0 10px 43px;
}

#contents_link li#otherIssueContentLast,
#contents_link li#otherIssueContentLast_Stay {
background:url(/responsibility/image_dir/design01/localnav_bg_04.png) no-repeat scroll left top transparent;
min-height:58px;
height: auto !important;
height:58px;
}
#contents_link li#otherIssueContentLast a{
background:url(/responsibility/image_dir/design01/localnav_last_bg_02.gif) no-repeat left bottom;
}
#contents_link li#otherIssueContentLast a:hover{
background:url(/responsibility/image_dir/design01/localnav_last_bg_02_o.png) no-repeat left bottom;
}
#contents_link li#otherIssueContentLast_Stay a,
#contents_link li#otherIssueContentLast_Stay a:hover{
background:url(/responsibility/image_dir/design01/localnav_last_bg_02_s.gif) no-repeat left bottom;
color:#fff;
}
#contents_link li#otherIssueContentLast span.frame,
#contents_link li#otherIssueContentLast_Stay span.frame,
#contents_link li#otherIssueContentLast a:hover span.frame,
#contents_link li#otherIssueContentLast_Stay a:hover span.frame {
background:none;
display:block;
width:125px;
padding:9px 0 30px 43px;
}



/*--------------------------------------
  col-box Styles
---------------------------------------*/
.colBoxWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.colBoxWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html .colBoxWrap {zoom:1;}
.colBoxWrap {display:block;}
/* End hide from IE-mac */

.colBoxWrap .imageLeft{
float:left;
margin-right:15px;
}
.colBoxWrap .imageRight{
float:left;
margin-left:15px;
}

.col-imageThirdpart .textArea{
width:338px;
float:left;
}

/*--------------------------------------
  List Styles in contents_main
---------------------------------------*/
#contents_main ul.dotList{
margin-bottom:20px;
}
#contents_main ul.dotList li{
margin-left:.5em;
text-indent:-.5em;
}
#contents_main ul.dotList li .icon{
margin-right:4px;
}

#contents_main ul.linkList{
margin-bottom:20px;
}

#contents_main ul.linkList li{
background:url(/responsibility/image_dir/design01/linkList_bg_01.gif) no-repeat left 6px;
padding-left:10px;
}

#contents_main ul.linkList li a,
#contents_main ul.linkList li a:hover{
color:#3a693c;
}

#contents_main ul.footLinkList{
margin-bottom:20px;
}

#contents_main ul.footLinkList li{
background:url(/responsibility/image_dir/design01/linkList_bg_02.gif) no-repeat left 6px;
padding-left:10px;
}

#contents_main ul.footLinkList li a,
#contents_main ul.footLinkList li a:hover{
color:#3a693c;
}



/*--------------------------------------
  ColorBox Styles in contents_main
---------------------------------------*/
#contents_main .colorBoxInner{
border: 1px solid #308330;
padding:13px 13px 0;
margin:0 0 13px;
}


/*--------------------------------------
  common
---------------------------------------*/

li .icon{
padding-left:5px;
vertical-align:middle;
}