@charset "Shift_JIS";
/* ==============================
	common.css
	ʂ̐ݒ

============================== */
*{
	margin: 0;
	padding: 0;
}

img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
#conteinar{
	width: 730px;
	margin-right: 10px;
	font-size: 90%;
}
#location{
	clear:both;
	background:#EEEEEE;
	padding:5px 0 5px 8px;
		/* BoxModelHuck */
		width:730px;
		voice-family: "\"}\"";voice-family:inherit;
		width:724px;
	}
#location a:link{color:#003366;text-decoration:underline}
#location a:visited{color:#663399;text-decoration:underline}
#location a:active{
	color:#ff3333;text-decoration:none}
#location a:hover{
	color:#003366;text-decoration:underline;}
.fl_left {
	float: left;
}
/* ==============================
	CRec

============================== */

#main_area {
	width: 570px;
	vertical-align: top;
	float: right;
	line-height: 150%;
	font-size: 1em;
}

span{
	color: #985e47;
	display: block;
	margin: 10px 0;
}

#main_area p{
	padding: 0;
}
#main_area h3{
	margin-top: 20px;
	margin-bottom: 10px;
}
.kansou{
	text-align: right;
	margin-top: 20px;
}
.top{
	text-align: right;
	padding-top: 20px;
}
p.top_space{
	margin-top: 15px!important;
	display: block;
}
:root .t_space{
	margin-top: 20px;
}
.b_space{
	margin-bottom: 20px;
}
.ind{
	text-indent: -2.5em;
	padding-left: 2.5em!important;
}
#sp .ind{
	text-indent: -3.5em;
	padding-left: 3.5em!important;
}
:root #sp .ind{
	text-indent: -3.6em;
	padding-left: 3.6em!important;
}
.ind02{
	text-indent: -2em;
	padding-left: 2em!important;
}
.ind03{
	text-indent: -1em;
	padding-left: 1em!important;
	width: 550px;
}
.ind04{
	text-indent: -5em;
	padding-left: 5em!important;
}
.ind05{
	text-indent: -8em;
	padding-left: 8em!important;
}
.ind06{
	text-indent: -3.2em;
	padding-left: 3.2em!important;
}
.contribute_ind{
	text-indent: -1em;
	padding-left: 1em!important;
	margin:0;
	color:#333333;
}
.ind span{
	display: inline;
	margin: 0;
}
.parson{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
img.left_pht{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
}

.text_blue{
	color: #22ADEC;
}

.back{
	float: left;
}
.next{
	float: right;
}
img.space_01{
	margin: 10px 0;
}
.annotation{
	font-size: 90%;
	margin: 0;
	color: #333;
}
#info .annotation,
#safe .annotation{
	font-size: 90%;
	color: #333!important;
	margin: 0;
}
#info .annotation02 {
	font-size: 90%;
	color: #ffb401;
}

#info caption{
	text-align:left;
}

*>/**/sup { vertical-align: text-top; line-height: 4px; }


#safe .slogan dl{
	width:560px;
}
#safe .slogan dt{
	width:95px;
	display:inline;
	float:left;
	font-weight:bold;
}
#safe .slogan dd{
	width:445px;
	display:inline;
	float:left;
	font-weight:bold;
	text-indent:-0.3em;
	padding-left:0px;
}

/* ==============================
	pۃ{bNX

============================== */
.circle_box_t,
.circle_box,
.circle_box_b{
	width: 570px;
}
.circle_box_t{
	margin-top: 20px;
	height: 5px;
	background: url(../image/frm_circle_top.gif) no-repeat;
}
.circle_box{
	width: 550px;
	padding: 5px 10px 6px 10px;
	background: url(../image/frm_line.gif) repeat-y top left;
}
.circle_box_b{
	height: 4px;
	background: url(../image/frm_circle_bottom.gif) no-repeat bottom left;
}
.circle_box_t,
.circle_box_b{
	line-height: 0;
	font-size: 0;
}
.circle_box img{
	float: left;
	display: inline;
	margin-right: 10px;

}
.circle_box p{
	display: block;
	display: inline;
	float: left;
	width: 420px;
}

/* ==============================
	nav.css
	[Jir̐ݒ
	㕔

============================== */
#navi_contents{
	width: 150px;
	margin-top: 10px;
	float: left;
	display: inline;
	font-size: 12px;
}

#navi_contents #nav3 ul {
	width: 150px;
	padding: 0;
	margin: 11px 0 0 0;
	list-style: none;
}

#navi_contents #nav3 li{
	margin: 0;
	padding: 6px 0;
	padding-left: 16px;
	border-top: 1px solid #CCC;
}

#navi_contents #nav3 li.special{
	background: url(../image/arw_blue2_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.navi_common{
	background: url(../image/arw_gray_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.environment{
	background: url(../image/arw_green_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.comumication{
	background: url(../image/arw_lightblue_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.social{
	background: url(../image/arw_red_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.safety{
	background: url(../image/arw_purple_navi.gif) no-repeat 4px 9px;
}
#navi_contents #nav3 li.e_deta{
	background: url(../image/arw_yellow_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.performance{
	background: url(../image/arw_lightgreen_navi.gif) no-repeat 4px 9px;
	border-bottom: #ccc 1px solid;
}

/* 
-----------------------------	*/
	ir̐ݒ
	
/* 
-----------------------------	*/
#navi_contents #n-other{
	margin-top: 9px;
}
#navi_contents #n-other ul{
	margin-top: 9px;
	width: 150px;
}
#navi_contents #n-other li {
	padding-bottom: 5px;
	padding-left: 16px;
	margin: 0;
	background: url(../image/arw_gray_navi.gif) no-repeat 4px 3px;

}



/* ==============================
	
	3A4KwNJ[
	irFON

============================== */


li.sub,
#safe #navi_contents li.sub{
	padding-left: 15px;
	border: none!important;
}
li.sub02{
	padding-left: 27px!important;
	border: none!important;
}
li.sub p,
li.sub02 p{
	text-indent: -1.2em;
	padding-left: 1.2em;
}
#sp #navi_contents li.on{
	border-top: #8ab3d8 3px solid;
	background: #eaf5ff url(../image/arw_blue2_navi.gif) no-repeat 4px 12px;
}
#sp #navi_contents li.sub{
	background: #eaf5ff url(../image/bck_border.gif) repeat-x top left;
}
#gov #navi_contents li.on,
#commit #navi_contents li.on,
#cosmo #navi_contents li.on,
#stakeholder #navi_contents li.on{
	border-top: #b7b0ac 3px solid;
	background: #f6f0ec url(../image/arw_gray_navi.gif) no-repeat 4px 12px;
}
#gov #navi_contents li.sub{
	background: #f6f0ec url(../image/bck_border.gif) repeat-x top left;

}
#gov #navi_contents li.sub02{
	background: #f6f0ec url(../image/bck_border.gif) repeat-x top left;

}
#env #navi_contents li.on{
	border-top: #00804b 3px solid;
	background: #def4eb url(../image/arw_green_navi.gif) no-repeat 4px 12px;
}
#env #navi_contents li.sub{
	background: #def4eb url(../image/bck_border.gif) repeat-x top left;

}
#com #navi_contents li.on{
	border-top: #6592c6 3px solid;
	background: #e3edf9 url(../image/arw_lightblue_navi.gif) no-repeat 4px 12px;
}
#com #navi_contents li.sub{
	background: #e3edf9 url(../image/bck_border.gif) repeat-x top left;

}
#soc #navi_contents li.on{
	border-top: #dc6f6d 3px solid;
	background: #fdecec url(../image/arw_red_navi.gif) no-repeat 4px 12px;
}
#soc #navi_contents li.sub{
	background: #fdecec url(../image/bck_border.gif) repeat-x top left;
}
#safe #navi_contents li.on{
	border-top: #bbb5d2 3px solid;
	background: #f4f2fb url(../image/arw_purple_navi.gif) no-repeat 4px 12px;
}
#safe #navi_contents li.sub{
	background: #f4f2fb url(../image/bck_border.gif) repeat-x top left;
}

#site #navi_contents li.on{
	border-top: #7fd2b6 3px solid;
	background: #f0fafa url(../image/arw_lightgreen_navi.gif) no-repeat 4px 12px;
}
#site #navi_contents li.sub{
	background: #f0fafa url(../image/bck_border.gif) repeat-x top left;
}
#info #navi_contents li.on{
	border-top: #ffa200 3px solid;
	background: #fff2dc url(../image/arw_yellow_navi.gif) no-repeat 4px 12px;
}
#info #navi_contents li.sub{
	background: #fff2dc url(../image/bck_border.gif) repeat-x top left;
}


/* ==============================
	g摜

============================== */
.img_space_550{
	width: 550px;
}
.img_space_466{
	width: 466px;
}
.img_space_450{
	width: 450px;
}
.img_space_470{
	width: 470px;
}
.img_space_380{
	width: 380px;
}
.img_space_335{
	width: 335px;
}
.img_space_300,
.img_space_300a{
	width: 300px;
}
.img_space_130{
	width: 130px;
}
.img_space_260,
.img_space_260a,
.img_space_260b{
	width: 260px;
}
.img_space_158,
.img_space_158a{
	width: 158px;
}
.img_space_107,
.img_space_107a{
	width: 107px;
}
.img_space_180{
	width: 180px;
}
.img_space_550,
.img_space_466,
.img_space_470,
.img_space_450,
.img_space_380,
.img_space_335,
.img_space_300,
.img_space_300a,
.img_space_260,
.img_space_260a,
.img_space_260b,
.img_space_200,
.img_space_130,
.img_space_150,
.img_space_158,
.img_space_107,
.img_space_158a,
.img_space_107a,
.img_space_180,
.img_commit_space{
	margin: 20px 0;
	padding: 10px;
	text-align: left;
}
.img_space_550 p,
.img_space_466 p,
.img_space_470 p,
.img_space_450 p,
.img_space_380 p,
.img_space_335 p,
.img_space_300 p,
.img_space_300a p,
.img_space_260 p,
.img_space_260a p,
.img_space_260b p,
.img_space_200 p,
.img_space_200left p,
.img_space_130 p,
.img_space_158 p,
.img_space_107 p,
.img_space_158a p,
.img_space_107a p,
.img_space_180 p,
.img_commit_space p{
	margin-top: 10px;
	display: block;
}

.img_space_200,
.img_commit_space{
	width: 200px;
	float: left;
	margin:0 10px 0 0;
}
.img_commit_space{
	width: 150px;
}
.img_space_260a,
.img_space_260b{
	float: left;
	display: inline;
	margin-bottom: 20px;
}
.img_space_260b{
	margin-left: 10px;
}
.img_space_300a{
	float: left;
	display: inline;
}
.img_space_300a p{
	margin: 20px 0 10px 0;
}
.img_space_130{
	float: right;
	display: inline;
	margin-right: 50px;
}
.img_commit_space{
	margin:0 10px 20px 0;
}

.img_space_550 p span{
	color: #6592c6;
	margin: 0;
}
.img_space_470 p .text_orange{
	color: #e8611d;
	display: inline;
}




#commit .img_space_550,
#commit .img_space_466,
#commit .img_space_470,
#commit .img_space_450,
#commit .img_space_380,
#commit .img_space_335,
#commit .img_space_300,
#commit .img_space_300a,
#commit .img_space_260,
#commit .img_space_260a,
#commit .img_space_260b,
#commit .img_space_200,
#commit .img_space_130,
#commit .img_space_150,
#commit .img_space_158,
#commit .img_space_107,
#commit .img_space_158a,
#commit .img_space_107a,
#commit .img_space_180,
#commit .img_commit_space{
	background: #f6f0ec;
}


#cosmo .img_space_550,
#cosmo .img_space_466,
#cosmo .img_space_470,
#cosmo .img_space_450,
#cosmo .img_space_380,
#cosmo .img_space_335,
#cosmo .img_space_300,
#cosmo .img_space_300a,
#cosmo .img_space_260,
#cosmo .img_space_260a,
#cosmo .img_space_260b,
#cosmo .img_space_200,
#cosmo .img_space_130,
#cosmo .img_space_150,
#cosmo .img_space_158,
#cosmo .img_space_107,
#cosmo .img_space_158a,
#cosmo .img_space_107a,
#cosmo .img_space_180,
#cosmo .img_commit_space{
	background: #f6f0ec;
}


#sp .img_space_550,
#sp .img_space_466,
#sp .img_space_470,
#sp .img_space_450,
#sp .img_space_380,
#sp .img_space_335,
#sp .img_space_300,
#sp .img_space_300a,
#sp .img_space_260,
#sp .img_space_260a,
#sp .img_space_260b,
#sp .img_space_200,
#sp .img_space_130,
#sp .img_space_150,
#sp .img_space_158,
#sp .img_space_107,
#sp .img_space_158a,
#sp .img_space_107a,
#sp .img_space_180,
#sp .img_commit_space{
	background: #eaf5ff;
}


#gov .img_space_550,
#gov .img_space_466,
#gov .img_space_470,
#gov .img_space_450,
#gov .img_space_380,
#gov .img_space_335,
#gov .img_space_300,
#gov .img_space_300a,
#gov .img_space_260,
#gov .img_space_260a,
#gov .img_space_260b,
#gov .img_space_200,
#gov .img_space_130,
#gov .img_space_150,
#gov .img_space_158,
#gov .img_space_107,
#gov .img_space_158a,
#gov .img_space_107a,
#gov .img_space_180,
#gov .img_commit_space{
	background: #f6f0ec;
}


#env .img_space_550,
#env .img_space_466,
#env .img_space_470,
#env .img_space_450,
#env .img_space_380,
#env .img_space_335,
#env .img_space_300,
#env .img_space_300a,
#env .img_space_260,
#env .img_space_260a,
#env .img_space_260b,
#env .img_space_200,
#env .img_space_130,
#env .img_space_150,
#env .img_space_158,
#env .img_space_107,
#env .img_space_158a,
#env .img_space_107a,
#env .img_space_180,
#env .img_commit_space{
	background: #def4eb;
}


#com .img_space_550,
#com .img_space_466,
#com .img_space_470,
#com .img_space_450,
#com .img_space_380,
#com .img_space_335,
#com .img_space_300,
#com .img_space_300a,
#com .img_space_260,
#com .img_space_260a,
#com .img_space_260b,
#com .img_space_200,
#com .img_space_130,
#com .img_space_150,
#com .img_space_158,
#com .img_space_107,
#com .img_space_158a,
#com .img_space_107a,
#com .img_space_180,
#com .img_commit_space{
	background: #e3edf9;
}


#soc .img_space_550,
#soc .img_space_466,
#soc .img_space_470,
#soc .img_space_450,
#soc .img_space_380,
#soc .img_space_335,
#soc .img_space_300,
#soc .img_space_300a,
#soc .img_space_260,
#soc .img_space_260a,
#soc .img_space_260b,
#soc .img_space_200,
#soc .img_space_130,
#soc .img_space_150,
#soc .img_space_158,
#soc .img_space_107,
#soc .img_space_158a,
#soc .img_space_107a,
#soc .img_space_180,
#soc .img_commit_space{
	background: #fdecec;
}


#info .img_space_550,
#info .img_space_466,
#info .img_space_470,
#info .img_space_450,
#info .img_space_380,
#info .img_space_335,
#info .img_space_300,
#info .img_space_300a,
#info .img_space_260,
#info .img_space_260a,
#info .img_space_260b,
#info .img_space_200,
#info .img_space_130,
#info .img_space_150,
#info .img_space_158,
#info .img_space_107,
#info .img_space_158a,
#info .img_space_107a,
#info .img_space_180,
#info .img_commit_space{
	background: #fff2dc;
}


#site .img_space_550,
#site .img_space_466,
#site .img_space_470,
#site .img_space_450,
#site .img_space_380,
#site .img_space_335,
#site .img_space_300,
#site .img_space_300a,
#site .img_space_260,
#site .img_space_260a,
#site .img_space_260b,
#site .img_space_200,
#site .img_space_130,
#site .img_space_150,
#site .img_space_158,
#site .img_space_107,
#site .img_space_158a,
#site .img_space_107a,
#site .img_space_180,
#site .img_commit_space{
	background: #f0fafa;
}

/* ==============================
	ڍׁiNj

============================== */

ul.detail li{
	padding-left: 10px;
}

#sp ul.detail li{
	background: url(../sp/image/arw_list_sp.gif) no-repeat 0 5px;
}
#gov ul.detail li,
#commit ul.detail li{
	background: url(../image/arw_gray_navi.gif) no-repeat 0 5px;
}
#env ul.detail li{
	background: url(../image/arw_blue_navi.gif) no-repeat 0 5px;
}
#com ul.detail li{
	background: url(../image/arw_lightblue_navi.gif) no-repeat 0 5px;
}
#soc ul.detail li{
	background: url(../image/arw_red_navi.gif) no-repeat 0 5px;
}
#info ul.detail li{
	background: url(../image/arw_yellow_navi.gif) no-repeat 0 5px;
}
#com ul.detail li.ecocard{
	margin-bottom:10px;}
/* ==============================
	XgN

============================== */
#com .inde ul,
#sp .inde ul,
#site .inde ul,
#info .inde ul {
	padding: 0;
	margin: 20px 0 10px 0;
}

#com .inde li,
#sp .inde li,
#site .inde li,
#info .inde li{
	width: 565px;
	margin: 0 auto;
	margin-bottom: 10px;
	list-style: none;
}
#com .inde li{
	border-top: 3px solid #6592c6;
	border-right: 1px solid #6592c6;
	border-bottom: 1px solid #6592c6;
	border-left: 1px solid #6592c6;
	background: #e3edf9 url(../com/image/bck_com_list.gif) no-repeat 4px 18px;
}
#sp .inde li{
	border-top: 3px solid #8ab3d8;
	border-right: 1px solid #8ab3d8;
	border-bottom: 1px solid #8ab3d8;
	border-left: 1px solid #8ab3d8;
	background: #e3edf9 url(../sp/image/bck_com_list.gif) no-repeat 4px 18px;
}
#site .inde li{
	border-top: 3px solid #7fd2b6;
	border-right: 1px solid #7fd2b6;
	border-bottom: 1px solid #7fd2b6;
	border-left: 1px solid #7fd2b6;
	background: #f0fafa url(../site/image/bck_site_list.gif) no-repeat 4px 18px;
}
#info .inde li{
	border-top: 3px solid #ffa200;
	border-right: 1px solid #ffa200;
	border-bottom: 1px solid #ffa200;
	border-left: 1px solid #ffa200;
	background: #fff2dc url(../info/image/bck_info_list.gif) no-repeat 4px 18px;
}
#com .inde li a:link,
#com .inde li a:active,
#com .inde li a:visited,
#sp .inde li a:link,
#sp .inde li a:active,
#sp .inde li a:visited,
#site .inde li a:link,
#site .inde li a:active,
#site .inde li a:visited,
#info .inde li a:link,
#info .inde li a:active,
#info .inde li a:visited{
	padding: 17px 0 19px 27px;
	margin: 0;
	display: block;
}

#com .inde li a:hover,
#sp .inde li a:hover,
#site .inde li a:hover,
#info .inde li a:hover{
	color:#003366;text-decoration: underline;}
#com .inde li a:hover{url(../com/image/bck_com_list.gif) no-repeat 4px 18px;}
#sp .inde li a:hover{url(../sp/image/bck_com_list.gif) no-repeat 4px 18px;}
#site .inde li a:hover{url(../site/image/bck_site_list.gif) no-repeat 4px 18px;}
#info .inde li a:hover{url(../info/image/bck_info_list.gif) no-repeat 4px 18px;}

/* ==============================
	y[WN
	Xg

============================== */
.page_link{
	display: block;
	float: right;
}
.page_link ul{
	width: 570px;
	padding: 0;
	margin: 0;
}
.page_link li{
	margin-top: 0;
	margin-bottom: 0;
	float: right;
	padding-left: 9px;
	display: inline;
}

.page_link li span{
	margin-bottom: 0;
	display: inline;
}

#sp #main_area .page_link li span{
	color: #89b2d7;
}
#gov #main_area .page_link li span{
	color: #b7b0ac;
}
#env #main_area .page_link li span{
	color: #00804b;
}
#soc #main_area .page_link li span{
	color: #dc6f6d;
}
#com #main_area .page_link li span{
	color: #67aaee;
}
#safe #main_area .page_link li span{
	color: #bbb5d2;
}
#site #main_area .page_link li span{
	color: #7fd2b6;
}
#info #main_area .page_link li span{
	color: #ffa200;
}

/* ==============================
	graygiׁj

============================== */
.gray_box{
	border: #cccccc 1px solid;
	margin-top: 20px;
	padding: 10px;
}
#sp .gray_box span{
	color: #8ab3d8;
	margin: 0;
}
#env .gray_box span{
	color: #00804b;
	margin: 0;
}
/* ==============================
	\^Cg

============================== */
h4{
	border-left: #ccc 4px solid;
	text-indent: 10px;
	margin: 20px 0 5px 0;
	font-weight: bold;
}

#env .page_link .sup_small,
#gov .page_link .sup_small{
	margin: 0!important;
	padding: 0!important;
	display: inline!important;
	font-size: 85%!important;
}

/* ==============================
	
	3A4KwNJ[
	ir

============================== */

#navi_contents #nav3 .special a:link{color: #7ea4c6;text-decoration: none;}
#navi_contents #nav3 .special a:visited{color: #7ea4c6;text-decoration: none;}

#navi_contents #nav3 .navi_common a:link{color: #787370;text-decoration: none;}
#navi_contents #nav3 .navi_common a:visited{color: #787370;text-decoration: none;}

#navi_contents #nav3 .environment a:link{color: #00804b;text-decoration: none;}
#navi_contents #nav3 .environment a:visited{color: #00804b;text-decoration: none;}

#navi_contents #nav3 .comumication a:link{color: #67aaee;text-decoration: none;}
#navi_contents #nav3 .comumication a:visited{color: #67aaee;text-decoration: none;}

#navi_contents #nav3 .social a:link{color: #fc8381;text-decoration: none;}
#navi_contents #nav3 .social a:visited{color: #fc8381;text-decoration: none;}

#navi_contents #nav3 .safety a:link{color: #bbb5d2;text-decoration: none;}
#navi_contents #nav3 .safety a:visited{color: #bbb5d2;text-decoration: none;}


#env .page_link .sup_small a:link{color: #333;text-decoration: none;}
#env .page_link .sup_small a:visited{color: #333;text-decoration: none;}


#gov .page_link .sup_small a:link{color: #333;text-decoration: none;}
#gov .page_link .sup_small a:visited{color: #333;text-decoration: none;}


#navi_contents #nav3 .special a:active,
#navi_contents #nav3 .navi_common a:active,
#navi_contents #nav3 .environmentl a:active,
#navi_contents #nav3 .comumication a:active,
#navi_contents #nav3 .social a:active,
#navi_contents #nav3 .safety a:active,
#env .page_link .sup_small a:active,
#gov .page_link .sup_small a:active{color: #ffcc00!important;text-decoration: none;}

#navi_contents #nav3 .special a:hover,
#navi_contents #nav3 .navi_common a:hover,
#navi_contents #nav3 .environment a:hover,
#navi_contents #nav3 .comumication a:hover,
#navi_contents #nav3 .social a:hover,
#navi_contents #nav3 .safety a:hover,
#env .page_link .sup_small a:hover,
#gov .page_link .sup_small a:hover{color: #ad553c!important;text-decoration: underline;}