@charset "utf-8";
@import url("clear.css");
@import "fb2style.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;
/*	background:  transparent url(../image/bck_report_03_fb.gif) no-repeat bottom; /*Feedback Managerボタン見本エリアバージョン */
	width: 555px;
}


/* 07.11.20追加 */
#fbsample{
	width:555px;
	background:  transparent url(../image/bck_fbsample.gif) no-repeat bottom;
	margin-bottom:9px;
	border-top: 1px solid #cccccc;
	}
#fbbtn_box{
	width:281px;
	width:190px;
	float:left;
	}
#fbbtn_box img{
	margin: 10px 0 10px 10px;
	}
#fbtxt_box{
	width:261px;
	width:350px;
	float:left;
	}
#fbtxt_box p{
	display: block;
/*	width: 251px;*/
	margin-top: 12px;
	line-height:1.4;
	}
/* 07.11.20追加部分 終了 */


#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;
}


/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：ブルー
_________________________________________*/

.arw_contents {
	text-align: right;
	clear: both;
	}

.arw_contents li {
	background: url(/image/arw_bl.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}


/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：薄いブルー
_________________________________________*/

.arw_contents_paleblue {
	text-align: right;
	clear: both;
	}

.arw_contents_paleblue li {
	background: url(/image/arw_pale_bl.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}

/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：レッド
_________________________________________*/

.arw_contents_red {
	text-align: right;
	clear: both;
	}

.arw_contents_red li {
	background: url(/image/arw_red.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}


/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：グリーン
_________________________________________*/

.arw_contents_gr {
	text-align: right;
	clear: both;
	}

.arw_contents_gr li {
	background: url(/image/arw_gr.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}


/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：明るいグリーン
_________________________________________*/

.arw_contents_ritegr {
	text-align: right;
	clear: both;
	}

.arw_contents_ritegr li {
	background: url(/image/arw_rite_gr.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}



/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：グレイ
_________________________________________*/

.arw_contents_gry {
	text-align: right;
	clear: both;
	}

.arw_contents_gry li {
	background: url(/image/arw_gry.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}


/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：黄色
_________________________________________*/

.arw_contents_yel {
	text-align: right;
	clear: both;
	}

.arw_contents_yel li {
	background: url(/image/arw_yel.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}

/*______________________________________

　　　　　サスレポ目次　<img src="/common/image/ico_triangle_bd.gif" alt="" width="11" height="11" class="ico" />：紫色
_________________________________________*/

.arw_contents_pur {
	text-align: right;
	clear: both;
	}

.arw_contents_pur li {
	background: url(/image/arw_purple.gif) 0 1px no-repeat; 
	padding-left: 17px;
	margin-right: 5px;
	display:inline;
	}


.content_InSUS p {
	text-align: right;
	clear: both;
	}
.content_InSUS a {
	margin-right: 5px;
	}

.content_InSUS img{
	margin-bottom: 5px;
	padding-right: 5px;
	}