/*
 * 住友林業 サステナビリティレポート2006
 * CSS (kankyo.css)
 */

/* 共通のフォント指定 */
* {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Osaka-UI";
}

/* 一番外枠のフレーム */
td#frame-outer {
	padding: 2px 0 3px;
}

/* タイトル画像 */
table#frame td#title {
	padding: 0;
}

/***********************************************/

/* メニュー部分 */
table#frame td#menu {
	vertical-align: top;
	background-color: #E6E6E6;
}

/* メニュー部分：トピックス */
table#frame td#menu table#topics {
	margin: 10px 0 20px;
}

table#frame td#menu table#topics td#bar {
	background-color: #008C4A;
}

table#frame td#menu table#topics td#data {
	background-color: #E6E6E6;
}

/* メニュー部分：コンテンツ */
table#frame td#menu table#contents {
	margin: 0 0 51px;
}

table#frame td#menu table#contents td#bar {
	background-color: #802020;
}

table#frame td#menu table#contents td#data {
	border: 1px solid #FFF;
	background: #F5F5E1 url("../../images/information/kankyo/menu_contents_back.jpg") top left no-repeat;
}

/* メニュー部分：コンテンツ：サブメニュー */
table#frame td#menu table#contents td#data table.submenu {
	margin: 16px 5px 7px 11px;
}

table#frame td#menu table#contents td#data table.submenu td {
	font-size: 75%;
	line-height: 16px;
	color: #9C5352;
	vertical-align: top;
}

/* メニュー部分：コンテンツ：追加メニュー */
table#frame td#menu table#contents td#data table.extramenu {
	margin: 15px 5px;
}

table#frame td#menu table#contents td#data table.extramenu td {
	padding: 2px;
	font-size: 75%;
	color: #9C5352;
}

/***********************************************/

/* メイン部分 */
table#frame td#main {
	padding: 13px 2px 30px 18px;
	vertical-align: top;
}

/* メイン部分：インデント */
table#frame td#main div#inner {
	padding: 0 16px 0 22px;
}

/* メイン部分：パンくずメニュー */
table#frame td#main p#panmenu {
	margin: 0 0 5px;
	padding: 0 0 0 3px;
	color: #2284B2;
}

/* メイン部分：大見出し */
table#frame td#main h1 {
	margin: 0 0 10px;
}

/* メイン部分：テキスト見出し */
table#frame td#main h4 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	color: #25408F;
}
table#frame td#main h4.commitment{
	font-size: 110%;

}
table#frame td#main div#inner h4{
	font-size: 75%;

}
table#frame td#main div#inner div.block h4{
	font-size: 105%;
    letter-spacing: -0.05em;
}
table#frame td#main div#inner div.block p.notes{
	font-size: 90%;
	line-height:120%;

}
/* メイン部分：テキスト見出し */
table#frame td#main h5 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 75%;
	font-weight:normal;
	color: #535353;
}

/* メイン部分：テキスト */
table#frame td#main p {
	margin: 0 0 20px;
	color: #535353;
}

/* メイン部分：テーブルの単位専用のテキスト */
table#frame td#main p.table {
	margin: 0 0 5px;
	color: #535353;
	text-align: right;
}

/* メイン部分：リスト */
table#frame td#main ul {
	margin: -20px 0 10px 0;
	padding: 0 0 0 30px;
}

/* メイン部分：リスト：項目 */
table#frame td#main li {
	font-size: 100%;
	color: #535353;
}

table#frame td#main div#inner li {
	font-size: 75%;
}
table#frame td#main div#inner div.block li {
	font-size: 100%;
}

/* メイン部分：画像を回り込ませるブロック */
div.block {
	padding: 0;
	margin: 0 0 20px;
	color: #535353;
	font-size: 75%;
	line-height:150%;
}

/* メイン部分：画像を回り込ませるブロック：画像とキャプション */
div.caption {
	float: right;
	margin: 0 0 5px 10px;
	font-size: 90%;
	line-height:130%;
	width: 230px;
	clear: right;
}

/* メイン部分：画像を回り込ませるブロック：画像とキャプション（左） */
div.caption_left {
	float: left;
	margin: 0 5px 5px 0;
	font-size: 90%;
	line-height:130%;
	width: 190px;
	clear: left;
}

/* メイン部分：囲みブロック */
table#frame td#main div#inner div.box {
	margin-bottom: 20px;
	border: 1px solid #333;
	padding: 3px;
	font-size: 75%;
	color: #535353;
}

/* メイン部分：囲みブロック（大きい余白） */
table#frame td#main div#inner div.box_large {
	margin-bottom: 20px;
	border: 1px solid #333;
	padding: 15px;
	font-size: 75%;
	color: #535353;
}

/* メイン部分：囲みブロック（小型） */
table#frame td#main div#inner div.box_mini {
	margin-bottom: 20px;
	border: 1px solid #333;
	padding: 3px;
	font-size: 75%;
	color: #535353;
}

/* メイン部分：囲みブロック（社会性報告） */
table#frame td#main div#inner div.sociality {
	border-color: #AEDFE4;
}
table#frame td#main div#inner div.sociality li{
	font-size: 100%;
	line-height:120%;
}

/* メイン部分：囲みブロック（環境報告） */
table#frame td#main div#inner div.environment {
	border-color: #9DD29C;
	font-size: 90%;
	line-height:120%;
}
table#frame td#main div#inner div.environment p{
	font-size: 80%;
	line-height:150%;
}
table#frame td#main div#inner div.environment li {
	font-size: 100%;
	line-height:140%;
}
table#frame td#main div#inner div.third {
	font-size: 75%;
	line-height:140%;
}

/* メイン部分：囲みブロック（ハイライト） */
table#frame td#main div#inner div.hilight {
	border-color: #006529;
	font-size: 75%;
	line-height:140%;

}

/* メイン部分：囲みブロック：リスト */
table#frame td#main div#inner div.box_mini ul,
table#frame td#main div#inner div.box_mini ol {
	margin: 0;
	padding: 0 0 0 30px;
}

/* メイン部分：囲みブロック：リスト：項目 */
table#frame td#main div#inner div.box_mini {
	font-size: 75%;
	color: #535353;
}

/* メイン部分：コラム */
table#frame td#main div#inner table.column {
	margin: 0 0 20px;
	font-size: 75%;
	line-height: 15px;
	vertical-align: top;
	width: 440px;
}

/* メイン部分：コラム：テキストセル */
table#frame td#main div#inner table.column td.text {
	padding: 10px 10px;
	font-size: 100%;
	line-height: 120%;
	color: #535353;
	vertical-align: top;
	background-color: #FFF3DE;
}

/* メイン部分：コラム：写真セル（右側） */
table#frame td#main div#inner table.column td.img_right {
	text-align: right;
	vertical-align: bottom;
	background-color: #FFF3DE;
}

/* メイン部分：コラム：写真セル（左側） */
table#frame td#main div#inner table.column td.img_left {
	text-align: left;
	vertical-align: bottom;
	background-color: #FFC;
}

/* ----------メイン部分：テーブル---------- */

/* テーブル全般 */
table.inside {
	margin-bottom: 20px;
	border: 1px solid #333;
	border-collapse: collapse;
	width: 440px;
}

/* 一般行のヘッダセル */
table.inside th {
	border: 1px solid #333;
	border-collapse: collapse;
	padding: 3px 8px;
	font-size: 60%;
	font-weight: normal;
	color: #333;
	text-align: left;
}

/* 一般行のセル */
table.inside td {
	border: 1px solid #333;
	border-collapse: collapse;
	padding: 3px;
	font-size: 60%;
	color: #333;
	text-align: left;
}

/* ヘッダ行のセル */
table.inside tr.header th {
	border: 1px solid #333;
	padding: 8px 3px;
	font-size: 75%;
	color: #333;
	text-align: center;
}

/* グレー行のセル */
table.inside tr.gray td {
	background-color: #EAE6E4;
}

/* 中央寄せ */
table.inside .center {
	text-align: center;
}

/* 右寄せ */
table.inside .right {
	text-align: right;
}

/* -----社会性報告----- */
table.sociality th {
	background-color: #D6EEF0;
}

table.sociality tr.header th {
	background-color: #AEDFE4;
}

/* -----環境報告----- */

/* 一般行のヘッダセル */
table.environment th {
	background-color: #E5F0D2;
}

/* ヘッダ行のセル */
table.environment tr.header th {
	background-color: #9DD29C;
}

/* -----GRIガイドライン----- */
table.gri th {
	font-weight: normal;
	text-align: center;
}

table.gri tr.header th {
	font-weight: bold;
	background-color: #D7D0CD;
}

table.gri th.c {
	text-align: left;
}

table.gri th.pink {
	background-color: #F8B6C1;
}

table.gri th.green {
	background-color: #B5DBAE;
}

table.gri th.yellow {
	background-color: #FFFAC2;
}

table.gri th.orange {
	background-color: #FBC8B4;
}

table.gri th.blue {
	background-color: #C7EAFB;
}

table.inside2 {
	margin-top: -20px;
	margin-bottom: 20px;
	width: 440px;
}

table.inside2 td {
	font-size: 75%;
	color: #535353;
	vertical-align: top;
}

/* 第三者意見：グレーのテーブル */
table.third {
	background-color: #E3DDDA;
}

table.third td.img {
	padding: 0;
}

table.third td.text {
	padding: 5px;
	font-size: 80%;
	line-height: 140%;
}

/***********************************************/

/* 画像 */
img {
	border: 0;
}

/* メニュー部分：コンテンツ：サブメニュー：リンク */
table#frame td#menu table#contents td#data table.submenu td a:link,
table#frame td#menu table#contents td#data table.submenu td a:visited {
	color: #9C5352;
	text-decoration: none;
}

table#frame td#menu table#contents td#data table.submenu td a:hover,
table#frame td#menu table#contents td#data table.submenu td a:active {
	color: #9C5352;
	text-decoration: underline;
}

/* メニュー部分：コンテンツ：追加メニュー：リンク */
table#frame td#menu table#contents td#data table.extramenu td a:link,
table#frame td#menu table#contents td#data table.extramenu td a:visited {
	color: #9C5352;
	text-decoration: none;
}

table#frame td#menu table#contents td#data table.extramenu td a:hover,
table#frame td#menu table#contents td#data table.extramenu td a:active {
	color: #9C5352;
	text-decoration: underline;
}

/* メイン部分：パンくずメニュー：リンク */
table#frame td#main p#panmenu a:link,
table#frame td#main p#panmenu a:visited {
	color: #2284B2;
	text-decoration: none;
}

table#frame td#main p#panmenu a:hover,
table#frame td#main p#panmenu a:active {
	color: #2284B2;
	text-decoration: underline;
}
/* 840追加20060702　メイン部分：テキスト　対談者太字 */
.talk-person {
	margin: 0 1em 0 0;
	font-weight: bold;
	color: #028849;
}

.stake-person {
	margin: 0 1em 0 0;
	font-weight: bold;
	color: #6372C3;
}


/* 840追加20060702　メイン部分：特集関係　移動ボタン */
#linkbtn {
	margin-top: 20px;
	text-align:right;
}

#btn-box {
	margin: 10px 0px;
	background-color:#FFFFFF;
	padding: 3px 5px;
	font-size: 75%;
	font-weight: bold;
	color:#666666;
}

#btn-box_normal {
	margin: 10px 0px;
	background-color:#FFFFFF;
	padding: 3px 5px;
	font-size: 75%;
	color:#999999;
}

#btn-box_middle {
	margin: 10px 0px;
	background-color:#FFFFFF;
	padding: 3px 5px;
	font-size: 100%;
	color:#999999;
}

#btn-box_current {
	margin: 10px 0px;
	background-color:#90B577;
	padding: 3px 7px;
	font-size: 75%;
	font-weight: bold;
	color:#ffffff;
}

/* 840追加20060702　メイン部分：特集関係　移動ボタンのリンク */
#btn-box a:link,
#btn-box a:visited,
#btn-box_normal a:link,
#btn-box_normal a:visited {
	color: #2284B2;
	text-decoration: none;
}

#btn-box a:hover,
#btn-box_normal a:hover {
	color: #2284B2;
	text-decoration: underline;
}

/* 840追加20060702　メイン部分：囲みブロック（対談） */
table#frame td#main div#inner div.talk {
	border-color: #9DD29C;
	font-size: 100%;
	line-height:140%;
}
table#frame td#main div#inner div.talk p.career{
	font-size: 90%;
	line-height:140%;
}

/* 840追加20060702　メイン部分：囲みブロック（ステークホルダーダイアログ） */
table#frame td#main div#inner div.stake {
	border-color: #96C0E7;
	font-size: 100%;
	line-height:130%;
}

/* 840追加20060702　メイン部分：囲みブロック（アンケート） */
table#frame td#main div#inner div.question {
	border-color: #dddddd;
	border-style:dotted;
	font-size: 100%;
	line-height:130%;

}
table#frame td#main div#inner div.question p {
	font-size: 10%;
	//line-height:130%;

}

/* 840追加20060702　メイン部分：画像を回り込ませるブロック：画像とキャプション（左） （特集関係用） */
div.caption_left_talk {
	float: left;
	margin: 0 5px 5px 0;
	font-size: 60%;
	line-height:14px;
	width: 100px;
	clear: left;
}

/* 840追加20060702　メイン部分：画像を回り込ませるブロック：画像とキャプション */
div.caption_special {
	float: right;
	margin: 0 5px 5px 15px;
	font-size: 80%;
	line-height:140%;
	width: 170px;
	clear: left;
}

/* 840追加20060702　メイン部分：画像を回り込ませるブロック：画像とキャプション（左） */
div.caption_left_special {
	float: left;
	margin: 0 15px 5px 0;
	font-size: 80%;
	line-height: 130%;
	width: 170px;
	clear: left;
}

/* 840追加20060702　メイン部分：画像を回り込ませるブロック：画像とキャプション（左） */
div.caption_left_commitment {
	float: left;
	margin: 0 15px 5px 0;
	font-size: 85%;
	line-height:140%;
	width: 150px;
	clear: left;
}


/* グレー行のセル */
table.inside_special {
	margin-bottom: 20px;
	border: 1px solid #FFF;
	border-collapse: collapse;
	width: 440px;
}

table.inside_special th {
	border: 1px solid #FFF;
	border-collapse: collapse;
	font-size: 60%;
}

table.inside_special td {
	border: 1px solid #FFF;
	border-collapse: collapse;
	padding: 3px 5px;
	font-size: 60%;
	font-weight: normal;
	color: #333;
	text-align: left;
}

table.inside_stake_1 th {
	border: 1px solid #FFF;
	border-collapse: collapse;
	background-color: #96C0E7;
	padding: 2px 0px;
	font-size: 75%;
	color: #333;
}

table.inside_stake_1 td {
	border: 1px solid #FFF;
	border-collapse: collapse;
	padding: 3px 2px;
	font-size: 60%;
	font-weight: normal;
	color: #333;
	text-align: center;
}

table.inside_stake_2 th {
	border: 1px solid #FFF;
	border-collapse: collapse;
	background-color: #C7DEAA;
	padding: 2px 0px;
	font-size: 75%;
	color: #333;
}

table.inside_stake_2 td {
	border: 1px solid #FFF;
	border-collapse: collapse;
	padding: 3px 1px;
	font-size: 60%;
	font-weight: normal;
	color: #333;
	text-align: center;
}

/* メニュー部分：コンテンツ：サブメニュー：リンク */
#top_menu a:link,
#top_menu a:visited {
	text-decoration: none;
}

/* フォーム関係 */
#form_main {
	border:1px solid #FFF;
	border-collapse: collapse;
}
#form_main th {
	border:1px solid #FFF;
	padding: 5px 0px 5px 7px;
	background-color:#dddddd;
	text-align: left;
	color: #666666;
}
#form_main td {
	border:1px solid #FFF;
	padding: 5px 0px 5px 7px;
	background-color:#f0f0f0;
	text-align:left;
}
#form_enquete {
	border:1px solid #FFF;
	border-collapse: collapse;
}
#form_enquete th {
	border:1px solid #FFF;
	padding: 5px 0px 5px 7px;
	background-color:#dddddd;
	text-align: left;
	color: #666666;
}
#form_enquete td {
	border:1px solid #FFF;
	padding: 5px 0px 5px 7px;
	background-color:#f0f0f0;
	text-align:left;
}
#form_enquete_inside {
	border-style:none;
	border-collapse: collapse;
}
#form_enquete_inside td {
	border-style:none;
	padding: 2px 0px 2px 0px;
}
.text_red {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	font-weight: normal;
	color: #ff0000;
}
.red {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	font-weight: normal;
	color: #ff0000;
	padding-left: 5px;
}
#form_enquete_sponsor_inside {

	border:0px solid #f0f0f0;
	border-collapse: collapse;
	padding: 0px 0px 0px -5px;
}