@charset "Shift_JIS";
@import url("clear.css");

/* ==============================
	sr_index.css

	サステナビリティリポート2007
	インデックスページの設定
============================== */

h1 {
	margin: 10px 0px 2px;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}


/* 
-----------------------------	*/
#navreports {
	float: right;
	width: 555px;
	displary: inline;
	margin-top: 8px;
	font-size: 100%;
}

* html #navreports { /* IE */
	padding-right: 0;
}

.feature {
	background: url(../image/bck_feature.gif) no-repeat bottom;
	width: 555px;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.feature img{
	float: left;
	width: 130px;
	display: inline;
	margin: 10px 5px 0 10px;
}
.feature .list_box{
	float: left;
	width: 250px;
	display: inline;
	margin-left: 3px;
}


.feature .list_box li {	
	margin-top: 10px;
	padding-left: 16px;
	margin-bottom: 9px;
	background: url(../image/arw_blue.gif) no-repeat 0 4px;
}

h2 {
	text-align: center;
}



#report_01,
#report_02 {
	background:  transparent url(../image/bck_report.gif) no-repeat bottom;
	width: 555px;
}
#report_02,
#report_03{
	margin-top: 9px;
}
#report_03{
	background:  transparent url(../image/bck_report_03.gif) no-repeat bottom;
	width: 555px;
}
#gov_box,
#env_box,
#com_box,
#soc_box,
#safe_box,
#box{
	width: 271px;
	border-top: 1px solid #cccccc;
}

#gov_box,
#env_box,
#soc_box{
	float: left;
	display: inline;
}

#safe_box,
#com_box,
#box{
	float: right;
	display: inline;
}
#box img{
	margin: 10px 0 10px 10px;
}
#box p{
	display: block;
	width: 251px;
	margin-left: 10px;
}
#gov_box ul,
#env_box ul,
#com_box ul,
#soc_box ul,
#safe_box ul,
#box ul{
	margin-top: 10px;
}

#gov_box li,
#env_box li,
#com_box li,
#soc_box li,
#safe_box li,
#kansou_box li{
	margin-left: 9px;
	padding:0 9px 9px 16px;
}
#gov_box li.sub{
	margin-left: 28px;
	padding: 0 9px 9px 10px;
}
#gov_box li {
	background: url(../image/arw_gray.gif) no-repeat 0 3px;
}
#gov_box li.sub {
	background: url(../image/arw_gray_navi.gif) no-repeat 0 3px;
}


#env_box li {
	background: url(../image/arw_green.gif) no-repeat 0 3px;
}

#com_box li {
	background: url(../image/arw_blue.gif) no-repeat 0 3px;
}

#soc_box li {
	background: url(../image/arw_red.gif) no-repeat 0 3px;
}
#safe_box li{
	background: url(../image/arw_purple.gif) no-repeat 0 3px;
}
#info1,
#info2,
#site1,
#site2{
	float: left;
}
#info1,
#site1{
	width: 268px;
	margin-left: 1px;
}
#info2,
#site2{
	width: 276px;
}
#info1 ul,
#info2 ul,
#site1 ul,
#site2 ul{
	margin: 10px 0;
}
#info1 li,
#info2 li,
#site1 li,
#site2 li{
	padding-left: 13px;
	margin-left: 9px;
	margin-bottom: 9px;
}

#info1 li,
#info2 li  {
	background: url(../image/arw_yellow.gif) no-repeat 0 3px;
}

#site1 li,
#site2 li  {
	background: url(../image/arw_lightgreen.gif) no-repeat 0 3px;
}



.feedback{
	border: #cccccc 1px solid;
	background: url(../image/bck_feedback.gif) repeat-x top left;
	width: 553px;
	height: 78px;
	margin-top: 10px;
}

.feedback p{
	float: left;
	display: inline;
	width: 263px;
	margin: 0px;
	margin: 10px 0 10px 10px;
	line-height: 150%;
}
.feedback img{
	float: right;
	display: inline;
	margin: 10px 10px 0 0;
}

/* 
-----------------------------	*/
#info-site {
	margin: 8px 0 8px 0;
	border: 1px solid #CCC;
	width: 553px;
}

#info-site h3 {
	clear: both;
}

#info {
	margin-bottom: 12px;
}


/* 
-----------------------------	*/
#left-contents {
	float: left;
	width: 165px;
	display: inline;
}

#left-contents #n-other ul {
	width: 165px;
	margin-top: 8px;
}

#left-contents #n-other li {
	padding: 5px 2px 5px 12px;
	background: url(../image/arw_gray_navi.gif) no-repeat 0px 8px;
}


#left-contents img {
	vertical-align: bottom;
	margin-top: 8px;
}