@charset "UTF-8";

/*---------------------------
csrreport layout
---------------------------*/

*html #contentswrapper{
	text-align: center;
}
#main_contents{
	width:610px;
	padding-left:60px;
}
*html #main_contents{
	width:670px;
}
body.csr2009 .index #main_contents,
body.csr2010 .index #main_contents,
.index #main_contents,
#main_contents.index{
	width: 840px;
	margin: 0 auto;
	padding:0;
	float:none;
}
#sidebar{
	padding-right:60px;
}

#localnav, #localnavi{
	float:right;
	width:210px;
	margin-bottom:1em;
	margin-left:10px;
	border:0;
	font-size:70%;
}

#localnavi ul {
	list-style:none;
	margin-bottom: -1px;
	border-top: none;
}


#localnav ul li a{
	background: #f3f3f3 url(/common/images/triangle.png) 10px 40% no-repeat;
	padding: 1.5em 20px 1.5em 40px;
	display:block;
	border-bottom: 1px dotted #ccc;
}
#localnavi ul li{
    width: 228px;
}
#localnavi ul li a{
	background:#F3F3F3 url(/common/images/localnavi_triangle2.png) 10px 13px no-repeat;
	border-left:4px solid #A5A5A5;
	border-bottom:1px solid #ccc;
	padding: 10px 10px 10px 28px;
	display:block;
}
#localnavi ul li a:hover{
	background: #e8e8e8 url(/common/images/localnavi_triangle1.png) 10px 13px no-repeat ;
}
#localnavi ul li.navi_act a{
	padding-left:32px;
	background:#D4D4D4 url(/common/images/localnavi_triangle1.png) 14px 13px no-repeat;
	border-left:none;
}

#localnavi ul li.bottom {
    background:transparent url(../../common/images/local_navi.png) no-repeat scroll left bottom;
    width: 210px;
    padding-bottom: 30px;
}


#csrPager{
	margin: 40px auto;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#csrPager li{
	margin: 0 20px;
	display:inline;
	display:inline-block;
	vertical-align:middle;
}
*html #csrPager li{
	display:inline;
}
*+html #csrPager li{
	display:inline;
}
#csrPager li img{
	vertical-align:middle;
}

/*---------------------------
csrreport header styles
---------------------------*/

#csrHeader{
	font-size:90%;
	width:940px;
	height:auto;
	min-height:333px;
	margin: 0 auto 30px;
	background:#f3f3f3;
	border-right:1px solid #ccc;
}
p#csrHeaderImage{
	width:613px;
	float:left;
}
p#csrHeaderImage img{
	vertical-align:bottom;
}
#csrMenu{
	float:right;
	width: 326px;
	min-height:331px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	position:relative;
}
*html #csrMenu{height:333px;}
*html #csrMenu *{zoom:1;}

 ul#csrMenuTab{
	float:left;
	position:absolute;
	left:-36px;
	list-style:none !important;
}
ul#csrMenuTab li{
	margin: 10px 0 0 0 !important;
	padding:0 !important;
	list-style:none !important;
}
ul#csrMenuTab li#csrMenuTabIndex a{
	width:35px;
	height:61px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	background: url(/csrreport/images/csr_tab_index.png) no-repeat;
}
ul#csrMenuTab li#csrMenuTabIndex.selected a{
	background: url(/csrreport/images/csr_tab_index_on.png) no-repeat;
}
ul#csrMenuTab li#csrMenuTabBook a{
	width:35px;
	height:61px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	background: url(/csrreport/images/csr_tab_book.png) no-repeat;
}
ul#csrMenuTab li#csrMenuTabBook.selected a{
	background: url(/csrreport/images/csr_tab_book_on.png) no-repeat;
}
#csrreport_index  ul{
	margin: 10px 15px;
}
#csrreport_index li{
	background: url(/common/images/triangle.png) 0 50% no-repeat;
	padding: 5px 10px 5px 20px;
}
#csrreport_index li.highlight a{
	background: #EFEC96;
}

body.csr2009 #csrreport_sassi,
body.csr2010 #csrreport_sassi{
	margin: 0 40px;
}

*html body.csr2009 #csrreport_sassi ul li,
*html body.csr2010 #csrreport_sassi ul li{
	line-height: inherit; 
	text-align:center;
	padding:0;
}

*html body.csr2009 #csrreport_sassi ul li dl,
*html body.csr2010 #csrreport_sassi ul li dl{
}
#csrreport_sassi dt{
	margin-bottom: 0.5em;
	padding: 0.5em 10px;
}
#csrreport_sassi dd,
#csrreport_sassi dd a{
	position: relative;
	text-align: center;
}
#csrreport_sassi dd img{
	margin: 0 8px;
}
#csrreport_sassi dd a{
	width:160px;
	height:215px;
}
#csrreport_sassi dd a:hover img{
/*	filter:alpha(opacity=80); 
	-moz-opacity: 0.8;
	opacity:0.8;*/
}
#csrreport_sassi img.btn{
	display:none;
	display:block;
	position:absolute;
	margin-top:-120px;
	margin-left:100px;
}
#csrreport_sassi .next,
#csrreport_sassi .prev{
	display:block;
	position:absolute;
	top:0;
	text-indent:-9999px;
	width:90px;
	height:210px;
	cursor: pointer;
}
#csrreport_sassi .next{
	right:0;
}
#csrreport_sassi .prev{
	left:0;
}
#csrreport_sassi .next:hover{
	background: url(../images/csr-header_book_arw_r.png) 100% 80px no-repeat;
}
*html #csrreport_sassi .next{
	background: url(../images/csr-header_book_arw_r.gif) 100% 80px no-repeat;
}
#csrreport_sassi .prev:hover{
	background: url(../images/csr-header_book_arw_l.png) 0 80px no-repeat;
}
*html #csrreport_sassi .prev{
	background: url(../images/csr-header_book_arw_l.gif) 0 80px no-repeat;
}

#csrreport_sassi dl.one .next{
	right:40px;
	width:100px;
}
#csrreport_sassi dl.one .prev{
	left:40px;
	width:100px;
}
*html body #csrreport_sassi dl{behavior:url("csshover.htc");}  

#csrreport_sassi p.csrpdf a{
	font-size:80%;
	display:block;
	min-height:30px;
	margin:0 0 0 5px;
	padding-left: 58px;
	padding-top: 15px;
	background: url(../images/ico_csrpdf.png) 5px 0.3em no-repeat;
}
*html #csrreport_sassi p.csrpdf a{height:45px; display:block;}

/*---------------------------
csrreport content styles
---------------------------*/

h1{

}
#main_contents h2{
	color:#E50050;
	font-size:120%;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #9f9f9f;
	clear:both;
}
#main_contents h3{
	font-size:120%;
	color:#0092D7;
	font-weight:normal;
	margin-bottom: 1em;
	clear:both;
	margin-top: 3em;
}


div.frameLinks {
	border: 1px solid #CCCCCC;
	width: 840px;
	float: left;
	margin: 30px 0;
	zoom:1;
}

div.frameLinks h2 {
	font-size: 130%;
	font-weight: bold;
	background-color: #F5F5F5;
	padding: 13px 20px;
}

div.frameLinks h2 a {
	background: url('../../common/images/csr_triangle.png') right center no-repeat;
	display: block;
	width: 100%;
	font-size: 130%;
	font-weight: bold;
}

div.frameLinks p {
	padding: 13px 20px;
}

div.frameLinks p.more {
	float: right;
	padding-right: 20px;
	width: 84px;
	height: 19px;
}

div.frame {
	border: 1px solid #CCCCCC;;
	margin: 10px 0 40px;
	padding: 15px 20px 10px;
	clear:both;
	zoom:1;
}

#main_contents div.frame h2 {
	font-size: 140%;
	font-weight: bold;
	background-color: #F5F5F5;
	padding: 5px 10px;
	margin:-15px -20px 10px;
	border:none;
}
#main_contents div.frame h2 a{
	color:#333;
	padding:0 10px;
}
#main_contents div.frame p.more{
	margin:0.5em;
}
#main_contents div.frame ul,
#main_contents div.frame ol,
#main_contents div.frame dl {
	margin-bottom:0;
}
#main_contents div.frame p{
	margin-bottom:1em;
}

#main_contents ul.circle {

}

#main_contents ul.circle li {
	background: url('/common/images/circle.png') 0 0.5em no-repeat;
	list-style:none;
	line-height: 2em;
	margin-left:0;
	padding-left: 20px;
}

div.profile {
	float: left;
	margin: 0 0 20px;
}
div.profile dl {
	float: right;
	margin: 0 0 0 15px;
	padding: 0;
	width: 420px;
}
.index div.profile dl {
	width: 555px;
}

div.profile dl dt {
	float: left;
	margin-bottom: 1em;
}

div.profile dl dd {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

div.profile dl dd.comments {
	float: left;
	width: 96%;
	padding: 10px;
}

#main_contents div.profileFrame {
	margin: 30px 0;
	padding: 10px 10px 0;
	border: solid 5px #CCCCCC;
	zoom:1;
}
*html #main_contents div.profileFrame {
	height:110px; /* IE6 min-height */
}
div.profileFrame img {
	float: left;
}
#main_contents div.profileFrame dl {
	float:right;
	margin:0;
	width:440px;
}

div.profileFrame dl dt {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

#main_contents div.profileFrame dl dd {
	float: left;
	width: 100%;
}

div.profilesFrame {
	margin: 30px 0;
	padding: 10px;
	border: solid 3px #CCCCCC;
	zoom:1;
}
*html div.profilesFrame {
position:relative;
line-height: inherit; 
}

div.profilesFrame dl {
	float: right;
	padding: 0 20px;
	width: 450px;
}
*html div.profilesFrame dl {
	width: 490px;
	float: left;
	zoom:1;
	display:inline;
}
*html div.profilesFrame img {
	display:inline;
}

div.profilesFrame dl dt {
	float: left;
	width: 100%;
	padding: 0;
/*	color: #01b132;*/
}

div.profilesFrame dl dd {
	float: left;
	width: 100%;
	padding: 0;
}

div.profile:after,
div.profileFrame:after,
div.profilesFrame:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

div.listing {
	height: 90px;
	padding: 10px 0 0 10px;
}

img.photo {
	border: 1px solid #cccccc;
	float: left;
	padding: 5px;
	clear: both;
}

div.frameM {
	border: solid 3px #CCCCCC;
	width: 100%;
	float: left;
	padding: 10px;
	font-size: 120%;
}

div.frameH {
	border: solid 6px #CCCCCC;
	width: 100%;
	float: left;
	padding: 10px;
	font-size: 120%;
}

div.frameB {
	border: solid 9px #CCCCCC;
	width: 100%;
	float: left;
	padding: 10px 10px 30px;
	font-size: 120%;
}

dl.comments {
/*	width: 840px;
	float: left;*/
}

dl.comments dt {
	padding: 10px;
/*	color: #01b132;*/
}

dl.comments dd {
	padding: 0 0 10px 8em;
	margin-top: -2.5em;
}


/*---------------------------
csrreport home
---------------------------*/

body.csr2009 .index #contentswrapper,
body.csr2010 .index #contentswrapper{
	background: url(../images/csr_top_bg.png) top left no-repeat;
}
body.csr2009 .index #main_contents,
body.csr2010 .index #main_contents{
	width:980px;
}
body.csr2009 .index #csrMenu,
body.csr2010 .index #csrMenu{
	width:420px;
	margin-right:20px;
	margin-bottom: 30px;
	background: #f3f3f3;
	border:1px solid #ccc;
}
*html body.csr2009 .index #csrMenu,
*html body.csr2010 .index #csrMenu{
	margin-right:10px;
}
body.csr2009 .index #csrMenu li,
body.csr2010 .index #csrMenu li{
	list-style:none;
	margin:0;
	padding:5px 10px 5px 20px;
}
#csrMenu a{
	color: #333;
}

div#csrReportNavArea {
	width:940px;
	margin: 0 auto 30px;
	text-align: center;
	border:1px solid #ddd;
}
*html div#csrReportNavArea {width:942px;}

div.left_column {
	float:left;
	margin:0 0 0 20px;
	width:460px;
}
*html div.left_column {margin-left:10px;width:460px;}

div.right_column {
	float:right;
	padding-right:20px;
	width:460px;
}
*html div.right_column {width:460px;}

div.summary{
	margin: 0px 0 30px;
	border: 1px solid #cccccc;
	background:url(/common/images/white_trans_bg.png);
}
body.csr2009 .index #main_contents div.summary h2,
body.csr2010 .index #main_contents div.summary h2{
	background-color: #F5F5F5;
	padding: 10px;
	margin-bottom:20px;
	border:none;
}
div.summary h2 a{
	display:block;
}
body.csr2009 .index #main_contents div.summary p,
body.csr2010 .index #main_contents div.summary p{
	margin:0 15px 1em;
}
p.more{
	text-align:right;
}

div#insight dl {
	margin: 10px;
}

div#insight dd {

}
div#insight dd.photo {
	padding-right: 0;
}
div#insight dd.more {
	width:300px;
}

img.profile {
	float:right;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: -26px;
}



div#perfomance img {
	float: right;
	padding: 10px;
}
div#projects ul {
	padding: 20px;
}

div#projects ul li {
	display: inline;
	padding: 10px;
}

div#projects ul li.s {
	font-size:90%;
}
div#projects ul li.m {
	font-size:100%;
}
div#projects ul li.l {
	font-size:125%;
}
div#projects ul li.xl {
	font-weight:bold;
	font-size:150%;
}


/*
div#projects ul li.taglevel1 {
	display: inline;
	font-size: 50%;
}

div#projects ul li.taglevel2 {
	font-size: 60%;
	display: inline;
}

div#projects ul li.taglevel3 {
	font-size: 70%;
	display: inline;
}

div#projects ul li.taglevel4 {
	font-size: 80%;
	display: inline;
}

div#projects ul li.taglevel5 {
	font-size: 90%;
	display: inline;
}

div#projects ul li.taglevel6 {
	font-size: 100%;
	display: inline;
}

div#projects ul li.taglevel7 {
	font-size: 110%;
	display: inline;
}

div#projects ul li.taglevel8 {
	font-size: 120%;
	display: inline;
}

div#projects ul li.taglevel9 {
	font-size: 130%;
	display: inline;
}

div#projects ul li.taglevel10 {
	font-size: 140%;
	display: inline;
}
*/

ul#additionalLink{
	margin: 0 auto;
	text-align:center;
	list-style:none;
}
ul#additionalLink li{
	display:inline;
}


/*----------------------------
page styles
------------------------------*/

.project .producer div.profile img{
	border:none;
}
.index #main_contents .profileFrame.wide dl{
	width:680px;
}
.index #main_contents .profileFrame.wide dd.more{
	padding-left:590px;
}
.csr2009 .editorial_policy #main_contents,
.csr2010 .editorial_policy #main_contents{
	width:840px;
}