@charset "UTF-8";
@import url(./rollover.css);
/* ================================================================================ */
/*      1.初期化・基本的な設定                                                      */
/* ================================================================================ */
* {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "Osaka－等幅";
	line-height: 180%;
	font-size: small;
	font-weight: normal;
}

img {
	border: 0;
}

ul,li{
	list-style-type: none;
}

body {
	background: #ffffff url(../images/body_back.jpg) repeat-x 0 0;
}

/* リンク設定*/
a{
	color: #006FB7;
}
a:link {
	text-decoration: none;
	color: #006FB7;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ================================================================================ */
/*      2.基本レイアウトの設定                                                      */
/* ================================================================================ */

#contents {
	width: 1020px;
	margin: 0 auto 35px auto;
	
}

#con_c {
	float: left;
	width: 920px;
	background: #ffffff;
}

#w_920 {
	width: 920px;
}
/*-------------------------------------
       両側背景設定
------------------------------------ */

#con_l {
	background: url(../images/con_l_back.jpg) no-repeat right 0;
	width: 45px;
	height: 359px;
	float: left;
}

#con_r {
	background: url(../images/con_r_back.jpg) no-repeat left 0;
	width: 45px;
	height: 359px;
	float: right;
}

/*-------------------------------------
       ヘッダー部設定
------------------------------------ */
#hdr {
	background: url(../images/hdr_back.jpg) no-repeat 0 0;
	height: 108px;
	padding-top:15px;
}
/*Opera hack*/
html:first-child #hdr {
	padding-top:15px;
	height: 108px;
}
/*end*/
/*Safari hack*/
html[xmlns*=""] body:last-child #hdr {
	padding-top:15px;
	height: 108px;
}
/*end*/

	#hdr div {
		margin: 25px 0 0 15px;
		height: 33px;
	}
	/*Opera hack*/
	html:first-child #hdr div {
		margin: 25px 0 0 15px;
	}
	/*end*/
	/*Safali hack*/
	html[xmlns*=""] body:last-child #hdr div {
		margin: 25px 0 0 15px;
	}
	/*end*/
	/*IE7 hack*/
	*+html body #hdr div {
		margin: 25px 0 0 15px;
	}
	/*end*/

/*-------------------------------------
       フッター設定
------------------------------------ */
#ftr {
	background: #0097CB;
}
	#ftr div.ftr_con {
		width: 920px;
		margin: 0 45px;
	}
		#ftr div.ftr_con div.copy {
			margin: 0 10px;
			padding-top: 10px;
		}
			#ftr div p.left {
				float: left;
				width: 225px;
			}
			#ftr div p.right {
				float: right;
				width: 287px;
			}

/*-------------------------------------
       中央設定
------------------------------------ */

#main {
	background: #ffffff;
	width:920px;
	margin-left:45px;
}
#main div.text {
	margin: 0 22px 20px 22px;
}

#main div.explain {
	margin: 0 22px 20px 22px;
	height: 100%;
}
	.explain h3 {
		margin-bottom:8px;
	}
		.explain div.ex_text {
			margin-bottom:20px;
		}
		.explain div.e_left {
			width: 421px;
			float: left;
		}
		.explain div.e_right {
			width: 421px;
			float: right;
		}

/* ================================== メニュー部分 ================================== */

#nav {
	width:1010px;
	height:50px;
	margin: 0px;
	padding:0px;
	list-style-type: none;
	text-align:center;
	}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1;
	list-style-type: none;
	height: 50px;
}

#nav a{
	display:block;
	height:50px;
	color:#ffffff; 
	padding:0px;
	text-decoration:none;
	text-align:center;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	}

#nav a:hover {
	display:block;
	color:#ff6600; 
	background:url() no-repeat;
}

#w_45 {
	width: 45px;
}

#w_184 {
	width: 184px;
}
/* ================================================================================ */
/*      3.各部共通・他微調整用設定                                                  */
/* ================================================================================ */

/*-------------------------------------
       見出し
------------------------------------ */

h1 a {
	background: url(../images/hdr_title01.gif) no-repeat 14px 0;
	height: 50px;
	text-indent: -999em;
	display: block;
	width:360px;
	overflow: hidden;
}

/*Safari hack*/
html[xmlns*=""] body:last-child h1 a {
	height: 50px;
	background: url(../images/hdr_title01.gif) no-repeat 14px 0px;
}
/*end*/

#main h2{
	margin: 0 0 10px 22px;
}
h3 {
}

/*-------------------------------------
       微調整用設定
------------------------------------ */

/* レイアウト関係 */
.float_left	{ float: left; }
.float_right{ float: right; }
.clear_b	{ clear: both; }
.l_block	{ display: block; }
.l_spc5		{ margin-bottom: 5px; }
.l_spc10	{ margin-bottom: 10px; }
.l_spc20	{ text-align:left; margin-bottom: 20px; }
.l_spc30	{ margin-bottom: 30px; }
.l_spc_45   { margin-left:45px; }
.a_back {
	background: #D8DEEF;
	padding: 10px;
}

.l_spc40	{ margin-bottom: 30px; }
.l_spc50	{
	margin-bottom: 50px;
	background: #CDE7EB;
}
.l_left		{ text-align: left; }
.ab_back {
	background: #CDE7EB;
	padding: 10px;
}

.l_center	{ text-align: center; }
.rank_table {
	line-height: 1.2em;
	padding: 5px;
	border-top: 1px none #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px none #666666;
	text-align: left;
	vertical-align: top;
}
.rank_table2 {
	line-height: 1.2em;
	padding: 5px;
	border-top: 1px none #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	text-align: left;
	vertical-align: top;
}
.rank_table1_2 {
	line-height: 1.2em;
	padding: 5px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px none #666666;
	text-align: left;
	vertical-align: top;
}
.rank_table2_2 {
	line-height: 1.2em;
	padding: 5px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	text-align: left;
	vertical-align: top;
}
.l_right	{ text-align: right; }
.l_top		{ vertical-align: top; }
.l_middle	{ vertical-align: middle; }
.l_bottom	{ vertical-align: bottom; }

/*テキスト関係*/
.text_bold	{ font-weight: bold; }
.text_10	{ font-size: 78%; }
.text_15	{ font-size: 117%; }


/* ================================================================================ */
/*      4.トップページの設定（トップページは特殊なためここでレイアウト             */
/* =============================================================================== */

/*全体指定*/
#index_contents {
	width: 1011px;
	margin: 0 auto;
	background: url(../images/index_main_back.gif) repeat-y 45px 0;
}

/*ヘッダー部*/
#index_hdr {
	margin: 0;
	height: 123px;
}
	.index_hdr_l {
		background: url(../images/con_l_back.jpg) no-repeat right 0;
		width: 45px;
		height: 123px;
		float: left;
	}
	.index_hdr_c {
		padding-top:15px;
		width: 920px;
		height: 108px;
		float: left;
		background: #ffffff;
		background: url(../images/hdr_back.jpg) no-repeat 0 0;
	}
	/*Opera hack*/
	html:first-child .index_hdr_c {
		padding-top:15px;
		height: 108px;
	}
	/*end*/
	/*Safari hack*/
	html[xmlns*=""] body:last-child .index_hdr_c {
		padding-top:15px;
		height: 108px;
	}
	/*end*/

		.index_hdr_c div {
			margin :25px 0 0 15px;
		}
		/**Opera hack*/
		html:first-child .index_hdr_c div {
			margin :25px 0 0 15px;
		}
		/*end*/
		/*Safali hack*/
		html[xmlns*=""] body:last-child .index_hdr_c div {
			margin :25px 0 0 15px;
		}
		/*end*/
		/*IE7 hack*/
		*+html body.index_hdr_c div {
			margin :25px 0 0 15px;
		}
		/*end*/

	.index_hdr_r {
		background: url(../images/con_r_back.jpg) no-repeat left 0;
		width: 45px;
		height: 123px;
		float: left;
	}

/*メニュー部*/
#index_menu {
	height: 50px;
	clear: both;
}
	.index_menu_l {
		background: url(../images/con_l_back.jpg) no-repeat right -123px;
		width: 45px;
		height: 50px;
		float: left;
	}
	.index_menu_c {
		width: 920px;
		float:left;
		background: #ffffff;
	}
	.index_menu_r {
		background: url(../images/con_r_back.jpg) no-repeat left -123px;
		width: 45px;
		height: 50px;
		float: left;
	}

/*メイン部*/
#index_main {
	padding-bottom:30px;
	height:100%;
}

#index_left {
	float: left;
	width: 412px;
	height:100%;
}

.hp{
	height:100%;
	background: #f6f6f6 url(../images/index_left_back.jpg) no-repeat 0 0;
}
	.hp div.hp_left {
		float: left;
		margin-top:12px;
	}
	.hp div.hp_right {
		float: left;
		background: #f6f6f6;
		margin: 20px 0 0 5px;
	}
	.hp div.hp_right p {
		width: 180px;
		color: #00359A;
		margin-top: 10px;
	}

.topics {
	width: 367px;
	background: #f6f6f6;
	margin-left: 45px;
	padding-top: 1px;
}
	.topics div {
		margin: 0 10px 0 10px;
	}
		.topics div ul li {
			border-bottom: 1px dotted #cccccc;
			margin: 0 10px;
			padding: 5px 0 5px 5px;
		}

		.topics div ul li span{
			margin-right: 15px;
		}

#index_right {
	float: left;
	width: 553px;
	background: #ffffff url(../images/index_right_back.jpg) repeat-x 0 0;
}
	#index_right h2 {
		margin-bottom: 10px;
	}
	#index_right h3 {
		margin-bottom: 15px;
	}
	#index_right h4 {
		margin-bottom: 5px;
	}
	.index_right_main{
		margin: 20px 15px 10px 15px;
	}
	.index_right_main div.list div{
		border-bottom: 1px dotted #cccccc;
		margin: 0 0 10px 0;
	}
			.index_right_main div.list div p {
				margin: 0 0 10px 30px;
			}

#index_main_r {

	background: url(../images/con_r_back.jpg) no-repeat left -173px;
	width: 45px;
	height: 186px;
	float: left;
}


/* ================================================================================ */
/*      5.それぞれのページレイアウト                                                */
/* ================================================================================ */

/*-------------------------------------
       リサイクル対応型印刷物とは
------------------------------------ */
.what_images div{
	margin: 0 0 20px 190px;
	height:100%;
}

.sub {
	margin : 170px 0 0 15px;
	float: left;
}
.a_rank {
	background: #AAC6FF;
}
.a_rank2 {
	background: #DFEAFF;
}
.b_rank {
	background: #77FF77;
}
.b_rank2 {
	background: #DDFFDD;
}
.c_rank {
	background: #FF9966;
}
.c_rank2 {
	background: #FFEFE8;
}
.d_rank {
	background: #FFB8A6;
}
.d_rank2 {
	background: #FFF0EC;
}
/*-------------------------------------
  リサイクル対応型印刷物 製作するには
------------------------------------ */

/*企画・設計段階でのチェックポイント*/
p.point_h {
	margin: 0 0 0 20px;
	padding: 7px 0 0 0;
}
.point {
	background: url(../images/produce_point_c.jpg) repeat-x 0 0;
	width: 852px;
	border-left: 1px solid #04A4BF;
	border-right: 1px solid #04A4BF;
}
	.point div.p_list {
		margin: 10px 20px 0 20px;
	}
		.point div.p_list p.list_title {
			margin: 0;
			font-weight: bold;
			font-size: 110%;
			color: #1A6FB7;
		}
		.point div.p_list p.list_text {
			margin: 0 0 0 20px;
			padding: 0 0 10px 0;
		}

/*下の画像レイアウト*/
.produce_images {
	text-align:center;
}

/*-------------------------------------
       取組みと成果
------------------------------------ */
/*「紙リサイクルと意義の目標」のひとつめレイアウト指定*/
table.recycle_table01 {
	border-collapse: collapse;
	margin-left: 30px;
}
	table.recycle_table01 tr th {
		width: 100px;
		text-align: left;
		font-weight: bold;
		vertical-align: top;
	}

/*「紙リサイクルと意義の目標」のふたつめレイアウト指定
（年度・事業の主な内容などを書いているテーブル）*/
table.recycle_table02 {
	border-collapse: collapse;
	border: 1px solid #628200;
	margin-left: 30px;
}
	table.recycle_table02 tr th {
		border: 1px solid #628200;
		background: #DBE68B;
		padding: 4px;
	}
	table.recycle_table02 tr td {
		border: 1px solid #628200;
		text-align: left;
		vertical-align: top;
		padding: 4px;
	}
		table.recycle_table02 tr th.wid ,table.recycle_table02 tr td.wid {
			width: 120px;
		}
		/*table.recycle_table02 tr td a {
			margin-left: 10px;
		}*/

/*「環境に配慮した～」の図の設定*/
.chart {
	margin-left:18px;
}

.chart div.chart_l, .chart div.chart_c, .chart div.chart_r, .chart div.allow {
	float:left;
}
.chart div.chart_l, .chart div.chart_c, .chart div.chart_r {
	width: 250px;
}
.chart div.allow {
	margin: 20px 5px 0 5px;
}
	.chart p.chart_img {
		margin-bottom: 5px;
	}
	.chart p span {
		display: block;
		text-align: right;
	}
	
/*各項目のテキストインデント*/
p.ex_indent {
	margin: 0 0 20px 25px;
}


/*-------------------------------------
       参考資料
------------------------------------ */
/*PDFダウンロードのレイアウト指定*/
table.pdf_table {
	border-collapse: collapse;
	margin-left: 60px;
}
	table.pdf_table tr th, table.pdf_table tr td {
		border-bottom: 1px dotted #cccccc;
		padding: 10px;
		text-align: left;
	}
	table.pdf_table tr th {
		width: 600px;
		background: url(../images/pdf_icon.gif) no-repeat 5px 8px;
		padding: 0 5px 0 60px;
	}

/*Readerダウンロードのレイアウト指定*/
.r_down {
	border: 1px solid #cccccc;
	width: 500px;
	padding: 8px;
	margin: 0 0 20px 200px;
}
	.r_down p {
		float: left;
	}
	.r_down p.reader {
		width: 350px;
	}
	.r_down p.icon {
		margin-top: 8px;
	}