@charset "utf-8";
/*--------------------------------------------------------------
CSR
--------------------------------------------------------------*/
body#CsrIndex #MainContent1 h2{
	margin-bottom:20px;	
}

body#CsrIndex #MainContent1 #ReadArea{
	padding-bottom:30px;	
}

body#CsrIndex #MainContent1 p.Read{
	width: 529px;
	height: 43px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(../csr/images/csr_top_text.gif) no-repeat;
	margin-bottom:20px;	
}

body#CsrIndex #MainContent1 p{
	font-size:1.2em;
	line-height:150%;
}

body#CsrIndex #MainContent1 img.CsrIcon{
	float:right;
	margin-right:58px;
	margin-top:5px;
}

body#CsrIndex #MainContent1 div.list{
	width: 358px; 
	float: left;
}

body#CsrIndex #MainContent1 div.space{
	margin-right:14px;
}

body#CsrIndex #MainContent1 #CsrIndexMain{
	margin-bottom:20px;
}

body#CsrIndex #MainContent1 div.list p{
	color:#666666;
	font-size:1.2em;
	line-height:150%;
	margin-top:10px;
	margin-left:3px;
	margin-right:3px;
	text-align:justify;
	text-justify:inter-ideograph;			
}

body#CsrIndex #MainContent1 div.list h3 a{
	display: block;
	width: 358px;
	height: 30px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	margin-top:5px;
	margin-bottom:12px;
}

body#CsrIndex #MainContent1 div.list h3 a.cEnv{
	background:url(../csr/images/img_btn/btn_csr_env1.gif) no-repeat;
}

body#CsrIndex #MainContent1 div.list h3 a.cEnv:hover{
	background-position: left bottom;
}


body#CsrIndex #MainContent1 div.list h3 a.cSociety{
	background:url(../csr/images/img_btn/btn_csr_society1.gif) no-repeat;
}

body#CsrIndex #MainContent1 div.list h3 a.cSociety:hover{
	background-position: left bottom;
}


/*---------------------------------*/
body#Csr #MainContent2 #Main2 #CsrSociety div.SubTitle,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.CsrFuture,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.CsrFuture2{
	padding-bottom:20px;
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.CsrFuture{
	clear:both;
}


body#Csr #MainContent2 #Main2 #CsrSociety div.SubTitle h3{
	width: 393px;
	height: 16px;
	margin-top:30px;
	margin-bottom:20px;
	margin-left:10px;		
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(../csr/society/images/csr_society_subtitle.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle h3{
	width: 353px;
	height: 16px;
	margin-top:30px;
	margin-bottom:20px;	
	margin-left:10px;			
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(../csr/environment/images/csr_env_subtitle.gif) no-repeat;
}



body#Csr #MainContent2 #Main2 #CsrEnvironment div.CsrFuture h3{
	width: 530px;
	height: 38px;
	margin-top:30px;
	margin-bottom:10px;			
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(../csr/environment/images/img_title/csr_env_title2.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.SubTitle p.text,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle p.text,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.CsrFuture p.text{
	font-size:1.2em;
	line-height:150%;
	margin-left:10px;
	margin-right:10px;			
	text-align:justify;
	text-justify:inter-ideograph;	
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle p.text{
	line-height:180%;
}


body#Csr #MainContent2 #Main2 #CsrSociety div.space,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.space{
	margin-right:20px;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.ClearSpace,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.ClearSpace{
	clear:both;
	padding-bottom:30px;
}

/*-------------------------------------------------------------------------------------------------*/
body#Csr #MainContent2 #Main2 #CsrSociety div.list,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.list{
	width: 255px; 
	float: left;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.list h3.list1{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/society/images/img_title/csr_society_subtitle1.gif) no-repeat;
}


body#Csr #MainContent2 #Main2 #CsrSociety div.list h3.list2{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/society/images/img_title/csr_society_subtitle2.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.list h3.list3{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/society/images/img_title/csr_society_subtitle3.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.list h3.list4{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/society/images/img_title/csr_society_subtitle4.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.list h3.list5{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/society/images/img_title/csr_society_subtitle5.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.list h3.list1{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/environment/images/img_title/csr_env_subtitle1.gif) no-repeat;
}


body#Csr #MainContent2 #Main2 #CsrEnvironment div.list h3.list2{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/environment/images/img_title/csr_env_subtitle2.gif) no-repeat;
}


body#Csr #MainContent2 #Main2 #CsrEnvironment div.list h3.list3{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/environment/images/img_title/csr_env_subtitle3.gif) no-repeat;
}


body#Csr #MainContent2 #Main2 #CsrEnvironment div.list h3.list4{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/environment/images/img_title/csr_env_subtitle4.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.list h3.list5{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/environment/images/img_title/csr_env_subtitle5.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.list h3.list6{
	width: 255px;
	height: 30px;
	margin-top:5px;	
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
	background:url(../csr/environment/images/img_title/csr_env_subtitle6.gif) no-repeat;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.list img.space{
	margin-top:5px;
	margin-left:5px;
}

body#Csr #MainContent2 #Main2 #CsrSociety div.list p,
body#Csr #MainContent2 #Main2 #CsrEnvironment div.list p{
	color:#666666;
	font-size:1.2em;
	line-height:150%;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	text-align:justify;
	text-justify:inter-ideograph;			
}

body#Csr #MainContent2 #Main2 #CsrSociety div.list p.comment{
	color:#666666;
	font-size:1.0em;
	line-height:130%;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	text-align:justify;
	text-justify:inter-ideograph;
	background-color:#F9F5E2;

}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.list img.space{
	margin-top:5px;
	margin-left:5px;
}

/*-------------------------------------------------------------------------------------------------*/
body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle #Pic{
	width:510px;
	margin-top:30px;	
	padding-left:10px;
	padding-right:10px;	
	padding-bottm:10px;		
}


body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle #Pic div.Pic1{
	float:left;
	width:163px;
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle #Pic div.Pic2{
	float:left;
	width:164px;
	margin-left:10px;	
}

body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle #Pic div.Pic3{
	float:left;
	width:163px;
	margin-left:10px;
}


body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle #Pic p.comment{
	color:#666666;
	font-size:1.0em;
	line-height:130%;
	margin-top:5px;
}


body#Csr #MainContent2 #Main2 #CsrEnvironment div.SubTitle p.CommentLink{
	clear:both;
	font-size:1.2em;
	float:right;
	margin-top:20px;
	padding-right:10px;	


}






/*--------------------------------------------------------------
CSRsNews
--------------------------------------------------------------*/
body#CsrIndex #News{
	clear:both;
}

body#CsrIndex #News h3{
	width: 730px;
	height: 38px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(../csr/images/csr_top_news.gif) no-repeat;	
}

body#CsrIndex #News div.NewsList{
	text-align:right;
	margin-top:-30px;
	margin-right:20px;	
}

body#CsrIndex #News div.NewsList img.NewsBtnRss{
	margin-right:20px;
}

body#CsrIndex #News div.NewsList img.NewsBtnLine{
	margin-right:20px;
}


body#CsrIndex #News #NewsListMain{
	margin-top:8px;
}

body#CsrIndex #News #NewsListMain #NewsListMainArea{
/*	text-align:center;*/
	width:700px;
	background-color:#F2F2F2;
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;
	padding-left:14px;
	padding-right:14px;
	padding-top:10px;
	padding-bottom:10px;
}

body#CsrIndex #News #NewsListMain #NewsListMainArea p.comment{
	font-size:1.2em;
	line-height:150%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;	
}


body#CsrIndex #News #NewsListMain #NewsListMainArea table tr{
	background:url(../images/newstop_line.gif) no-repeat;	
}

body#CsrIndex #News #NewsListMain #NewsListMainArea table td{
	font-size:1.2em;
	line-height:150%;
	vertical-align:top;
	text-align:left;
	padding:5px;	
	padding-top:10px;
	padding-bottom:10px;
}

body#CsrIndex #News #NewsListMain #NewsListMainArea table tr.top{
	background:none;
}

body#CsrIndex #News #NewsListMain #NewsListMainArea table td.top{
	padding-top:5px;
}